/* dropify 7개 이미지를 나열한다. */
.dropify-7 {
  width: 200px;
  float: left;
  margin: 16px;
}

/* 테이블에서 하나의 셀을 지운다 */
.empty_td {
  background-color: #fff;
  border: 1px solid #ffffff;
}

.sub-title{
  color : #000000;
  padding-top : 10px;
  padding-bottom : 10px;
}

/*  1.5 size column */
@media (min-width: 768px){

  .col-div-9 {
    width: 11.1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-div-8 {
    width: 12.49%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-div-7 {
    width: 14.28571428571429%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-div-6 {
    width: 16.66666666666667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-div-5 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}


.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

.sorted_table tr.placeholder {
  display: block;
  background: red;
  position: relative;
  margin: 0;
  padding: 0;
  border: none; }
/* line 103, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
.sorted_table tr.placeholder:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: red;
  margin-top: -5px;
  left: -5px;
  border-right: none; }
/* spacing add */
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}

.popup_wrap {
    position: fixed;
    /* 18.08.10 noah 수정 */
    /*left: 50%;*/
    /*top: 50%;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    /*top: 110px; !* 18.08.22 noah 수정 *!*/
    top: 5%; /* 18.08.29 noah 수정 */
    /*transform: translate(-50%, -50%);*/
    z-index: 1001;
    width: 600px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.15);
    display: none;
}

@media (max-height: 718px) {
    /* 18.09.19 noah 추가 */
    .popup_wrap {
        position: fixed;
        /* 18.08.10 noah 수정 */
        /*left: 50%;*/
        /*top: 50%;*/
        left: 0;
        right: 0;
        margin: 0 auto;
        /*top: 110px; !* 18.08.22 noah 수정 *!*/
        top: 2%; /* 18.08.29 noah 수정 */
        /*transform: translate(-50%, -50%);*/
        z-index: 1001;
        width: 600px;
        height: 95%;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.15);
        display: none;
    }

    #confirm_pop {
        height: auto;
    }

    #normal_pop {
        height: auto;
    }

    .preview-popup .popup_cont {
        padding: 0px !important;
    }
}

.popup_wrap .inner {
    position: relative;

    /* 18.08.10 noah 추가 */
    height: 100%;
}

.popup_wrap .title_area {
    padding: 16px 20px;
    border-bottom: 1px solid #e2e2e2;
}

.popup_wrap .title_area h1 {
    font-size: 16px;
    font-weight: 400;
}

.popup_wrap .popup_cont {
    padding: 30px 20px;
    /*max-height: calc(90vh - 20px);*/ /* 18.08.10 noah 수정 */
    overflow: auto;

    /* 18.08.10 noah 추가 */
    position: relative;
    /*height: 88%;*/
    height: 94%; /* 18.08.14 noah 수정  */
}

/*레이어팝업*/
.popup_cover {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999999998;
    background: rgba(0, 0, 0, 0.25);
    display: none;
}

@media (max-height: 1800px) {
    .popup_wrap .popup_cont {
        padding: 30px 20px;
        /*max-height: calc(90vh - 20px);*/ /* 18.08.10 noah 수정 */
        overflow: auto;

        /* 18.08.10 noah 추가 */
        position: relative;
        /*height: 88%;*/
        height: 96%; /* 18.08.14 noah 수정  */
    }
}

@media (max-height: 1320px) {
    .popup_wrap .popup_cont {
        padding: 30px 20px;
        /*max-height: calc(90vh - 20px);*/ /* 18.08.10 noah 수정 */
        overflow: auto;
        /* 18.08.10 noah 추가 */
        position: relative;
        /*height: 94%;*/
        height: 89%; /* 18.08.14 noah 수정  */
    }
}

@media (max-height: 718px) {
    .popup_wrap .popup_cont {
        padding: 30px 20px;
        /*max-height: calc(90vh - 20px);*/ /* 18.08.10 noah 수정 */
        overflow: auto;

        /* 18.08.10 noah 추가 */
        position: relative;
        /*height: 88%;*/
        /*height: 89%;*/ /* 18.08.14 noah 수정  */
        height: 81%;
    }
}

.popup_wrap .btn_area {
    text-align: right;
}

.popup_wrap .txt_1 {
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}

.popup_wrap .btn_area {
    text-align: right;
}

.basic-btn02 {
    padding: 7px 10px;
    min-width: 120px;
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.btn-blue-bg {
    border-radius: 100px;
    background-color: #68bbff;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.top_popup_close {
    position: absolute;
    right: 24px;
    top: 18px;
    opacity: 1;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
}

.top_popup_close:hover {
    opacity: 0.75;
}

.btn-blue-solid-bg {
    border-radius: 100px;
    border-color: #68bbff;
    border: 1px solid;
    background-color: #fff;
    color: #68bbff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}