.search-wrap{
    float: left;
    width: 364px;
    height: 50px;
    border: 1px solid #c1c1c1;
    padding: 10px 24px;
    margin-right: 24px;
}

.search-wrap select{
    float: left;
    border: none;
    width: 72px;
    height: 100%;
    border-right: 1px solid #c1c1c1;
}
.search-input-div{
    position: relative;
    float: left;
    width: calc((100% - 73px));
    height: 100%;
}
.search-input-div input{
    border: none;
    outline: none;
}
.search-input-div button{
    position: absolute;
    width: 28px;
    height: 28px;
    padding: 0;
    right: -15px;
    top: 0;
    background-color: transparent;
    border: none;
}
.search-input-div button img{
    width: 100%;
}
.db-btn{
    float: left;
}
.db-btn>button{
    border: none;
    width: 73px;
    height: 50px;
    color: #fff;
}
.db-search-btn{
    background-color: #7e5dab;
    margin-right: 8px;
}
.db-search-reset{
    background-color: #c1c1c1;
}
.db-check{
    padding: 24px 0;
    border-bottom: 1px solid #c1c1c1;
}
.db-check input[type="checkbox"]:last-child + label{
    margin-right: 0;
}
.db-num{
    margin: 24px 0 36px;
}


.db-page{
    display: flex;
    justify-content: center;
    margin: 60px 0 86px;
}
.db-page a{
    text-align: center;
    padding: 4px 0;
    width: 32px;
    height: 32px;
    font-size: 18px;
}
.db-page a img{
    height: 20px;
    display: block;
    margin: 0 auto;
}
.db-page a.page-arr{
    padding: 6px 0;
}

.db-page a.db-active{
    background-color: #7046a9;
    color: #fff;
}

.db-movie-item{
    float: left;
    width: calc((100% - 72px) / 4);
    margin-right: 24px;
}
.db-movie-item:nth-child(4n){
    margin-right: 0;
}
.db-movie-img{
    width: 100%;
    height: 357px;
}
.db-movie-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.db-movie-item p{
    margin: 16px auto;
    text-align: center;
    width: 80%;
    color: #2a2a2a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.db-movie-item p span{
    display: block;
    margin-top: 4px;
    font-size: 14px;
}
.db-insentive .db-movie-item:nth-child(n+5){
    margin-top: 48px;
}
.db-people-item{
    float: left;
    width: calc((100% - 120px) / 6);
    margin-right: 24px;
}
.db-people-item:nth-child(6n){
    margin-right: 0;
}

.db-people-img{
    width: 100%;
    height: 225px;
}
.db-people-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.db-people-item p{
    margin: 16px auto;
    text-align: center;
    color: #2a2a2a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.db-people-item p span{
    display: block;
    margin-top: 4px;
    font-size: 14px;
}
.location-tab{
    transform: translateY(1px);
}
.location-tab>button{
    float: left;
    width: 150px;
    height: 44px;
}
.location-tab button{
    font-size: 18px;
    background-color: #c1c1c1;
    color: #fff;
    border: 1px solid #c1c1c1;
    border-bottom: none;
}
.location-tab button.active{
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-bottom:none;
    color: #000;
}
.location-cont{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
.map-search>div{
    float: left;
    width: 50%;
    padding: 35px 0 40px;
}
.map{
    position: relative;
    height: 473px;
    background: url(../images/sub/db-map.png) right 75px center no-repeat;
    background-size: auto 353px;
    padding-right: 75px !important;
}
.map h3{
    font-size: 16px;
    text-align: right;
    font-weight: 300;
}
.map h3 span{
    padding: 0 5px 5px;
    border-bottom: 1px solid #2a2a2a;
}
.pin{
    position: absolute;
    background: url(../images/sub/pin-off.png) no-repeat;
    background-size: 100%;
    width: 41px;
    height: 54px;
    text-align: center;
    padding: 0 0 8px;
    font-size: 14px;
    color: #fff;
    border: none;
}
.pin-01{    
    top: 50px;
    right: 400px;
}
.pin-02{    
    top: 100px;
    right: 450px;
}
.pin-03{    
    top: 100px;
    right: 340px;
}
.pin-04{    
    top: 110px;
    right: 250px;
}
.pin-05{    
    top: 120px;
    right: 180px;
}
.pin-06{    
    top: 160px;
    right: 400px;
}
.pin-07{    
    top: 150px;
    right: 300px;
}
.pin-08{    
    top: 190px;
    right: 270px;
}
.pin-09{    
    top: 190px;
    right: 210px;
}
.pin-10{    
    top: 180px;
    right: 150px;
}
.pin-11{    
    top: 140px;
    right: 100px;
}
.pin-12{    
    top: 210px;
    right: 330px;
}
.pin-13{    
    bottom: 180px;
    right: 440px;
}
.pin-14{    
    bottom: 170px;
    right: 380px;
}
.pin-15{    
    bottom: 150px;
    right: 300px;
}
.pin-16{    
    bottom: 100px;
    right: 420px;
}
.pin-17{    
    bottom: 110px;
    right: 270px;
}
.pin-18{    
    bottom: 110px;
    right: 200px;
}



@media (hover: hover) { 
    .pin:hover{
        background: url(../images/sub/pin-hover.png) no-repeat;
        background-size: 100%;
    }
}
.pin.on {
    background: url(../images/sub/pin-on.png) no-repeat;
    background-size: 100%;
}
.all-select{
    position: absolute;
    bottom: 40px;
    right: 75px;
    color: #9d9d9d;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    padding: 5px;
}


.subject h3{
    font-size: 16px;
    text-align: right;
    font-weight: 300;
}
.subject h3 span{
    padding: 0 5px 5px;
    border-bottom: 1px solid #2a2a2a;
}
.subject-list{
    margin-top: 35px;
}
.subject-list>div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: calc((100% - 48px) / 5);
    height: 73px;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #c1c1c1;
}
.subject-list>div:nth-child(5n){
    margin-right: 0;
}

.subject-list>div>div.on{
    display: flex;
    opacity: 0;
    justify-content: center;
    color: #fff;
    text-align: center;
    align-items: center;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: rgb(161, 135, 196);
    border: 1px solid rgb(161, 135, 196);
    transition: all 0.4s;
    word-break: keep-all;
}

.subject-list>div>div.on.opacity{
    opacity: 1;
    background-color: #7046a9;
    border: 1px solid #7046a9;
}

@media (hover: hover) {
    .subject-list>div:hover div.on{
        opacity: 1;
    }
}

.subject-all{
    color: #9d9d9d;
}
.subject-btn{
    margin-top: 30px;
}
.subject-btn>button{
    float: left;
    border: none;
    height: 47px;
}
.subject-search-btn{
    width: calc((((100% - 48px) / 5) * 4) + 36px);
    background-color: #7046a9;
    color: #fff;
    margin-right: 12px;
}
.subject-reset-btn{
    width: calc((100% - 48px) / 5);
}
.detail-search{
    padding: 35px 0 40px;
}
.select-wrap select{
    padding: 10px 85px 10px 20px;
    text-align: left;
    border: 1px solid #c1c1c1;
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 9px;
    background-image: url(../images/sub/arr-down-b.png);
    font-size: 16px;
    font-weight: 300;
}
.detail-search .search-input-div{
    width: 100%;
}
.detail-search .search-input-div input{
    width: 100%;
}
.select-wrap{
    padding-top: 24px;
}
.select-wrap>*{
    float: left;
}
.select-wrap>p{
    width: 80px;
}
.select-wrap-02>p{
    width: 150px;
}
.select-wrap>.db-check{
    width: calc(100% - 80px);
    padding: 0;
    border-bottom: none;
}
.select-wrap-02>.db-check{
    width: calc(100% - 150px);
}
.select-wrap-bottom{
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 24px;
}

.select-wrap>.db-check input[type="checkbox"] + label{
    font-size: 14px;
    color: #2a2a2a;
    font-weight: 100;
}
.select-item{
    margin-right: 20px;
}
.select-wrap span{
    font-weight: 300;
    font-size: 14px;
}
.db-location{
    float: left;
    width: calc((100% - 72px) / 4);
    border: 1px solid #d0d0d0;
    margin-right: 24px;
}
.db-location:nth-child(n+5){
    margin-top: 24px;
}
.db-ld-list .db-location:nth-child(4n),
.db-location:nth-child(4n){
    margin-right: 0;
}
.db-loca-img{
    height: 180px;
}
.db-loca-img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.db-loca-txt{
    text-align: center;
    padding: 15px;
}
.db-loca-txt h4{
    font-weight: 300;
    font-size: 16px;
}
.db-loca-txt p{
    font-weight: 100;
    font-size: 14px;
}

.db-loca-detail{
    margin-bottom: 170px;
}
.ld-tbox{
    float: left;
    padding-top: 80px;
    width: 465px;
    padding-right: 24px;
}
.ld-tit h3{
    position: relative;
    font-size: 24px;
    display: inline-block;
}
.ld-tit p{
    font-size: 14px;
    margin-top: 6px;
}
.ld-tit .actor-intro{
    margin-top: 24px;
    word-break: keep-all;
}
.ld-tit button{
    position: absolute;
    right: -40px;
    padding: 5px 0;
    height: 24px;
    border: none;
    background-color: transparent;
}
.ld-tit button img{
    height: 24px;
}
.ld-tit button img.on{
    display: none;
}
.ld-tit button.on img.on{
    display: block;
}
.ld-tit button.on img.off{
    display: none;
}

.ld-tt{
    margin-top: 50px;
}
.ld-tt>h4{
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid  #c1c1c1;
    padding-bottom: 12px;
    margin-bottom: 24px;
}

.ld-tt.ld-none h4{
    border-bottom: none;
    padding-bottom: 0;
}
.ld-tt>p{
    font-size: 14px;
    line-height: 1.8;
}
.ld-tt>p span{
    margin-right: 10px;
}
.ld-tt>p.bio-p{
    margin-top: 24px;
}

.ld-tt table th{
    background-color: transparent;
}
.ld-tt table th:first-child, .ld-tt table td:first-child{
    border-left: 0;
}
.ld-tt table th:last-child, .ld-tt table td:last-child{
    border-right: 0;
}
.ld-tt table th, .ld-tt table td{
    padding: 6px 20px;
    font-size: 14px;
    color: #2a2a2a;
    border: 1px solid #c1c1c1;
}
.ld-tt table.credit-table th,
.ld-tt table.credit-table td{
    border: none;
}

.ld-tt table.credit-table th{
    font-weight: 400;
}
.ld-tt table.credit-table thead tr{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
.ld-map{
    height: 440px;
    border: 1px solid #d2d2d2;
}

.ld-img{
    float: left;
    width: calc(100% - 465px);
}
.db-loca-btn{
    margin-bottom: 65px;
}
.ld-img{
    margin-top: -48px;
    position: relative;
}
.ld-down{
    position: absolute;
    right: 0;
    top: 460px;
    font-size: 14px;
    color: #2a2a2a;
}
.ld-num{
    text-align: center;
    font-size: 14px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ld-for{
    width: 100%;
    height: 450px;
}

.ld-for img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ld-for .slick-arrow{
    top: unset;
    transform: translateX(-50%);
}
.ld-for .slick-prev{
    left: 42%;
    bottom: -33px;
}
.ld-for .slick-next{
    bottom: -33px;
    right: unset;
    left: 58%;
}
.ld-for .slick-prev:before,
.ld-for .slick-next:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px;
}
.ld-for .slick-prev:before{
    background-image: url(../images/sub/arr-left-b.png);
}
.ld-for .slick-next:before{
    background-image: url(../images/sub/arr-right-b.png);
}
.ld-nav{
    width: 100%;
    height: 105px;
}
.ld-nav .slick-slide{
    width: calc(((675px - 36px) / 4));
    margin-right: 12px;
}
.ld-img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.ld-nav .slick-prev:before,
.ld-nav .slick-next:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px;
}
.ld-nav .slick-prev{
    left: 5px;
    z-index: 3;
}
.ld-nav .slick-prev:before{
    background-image: url(../images/sub/arr-left.png);
}
.ld-nav .slick-next{
    right: 5px;
    z-index: 3;
}
.ld-nav .slick-next:before{
    background-image: url(../images/sub/arr-right.png);
}
.ld-more{
    display: inline-block;
    color: #7046a9;
}
.db-ld-list .db-location{
    margin-top: 24px;
    width: calc((100% - 36px) / 4);
    margin-right: 12px;
}
.db-ld-list .db-loca-img{
    height: 105px;
}
.db-ld-list .db-loca-txt{
    padding: 10px;
}
.db-ld-list .db-loca-txt h4 {
    font-size: 14px;
}
.db-ld-list .db-loca-txt p {
    font-size: 12px;
}
.loca-arr{
    float: left;
}
.loca-arr>a{
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border: 1px solid #c1c1c1;
}
.loca-arr>a img{
    height: 16px;
}
.loca-prev{
    margin-right: 12px;
}
.back-list{
    border: 1px solid #7046a9;
    color: #7046a9;
    font-size: 16px;
    text-align: center;
    float: right;
    width: 267px;
    height: 46px;
    line-height: 46px;
}

.together-screen{
    display: inline-block;
    position: relative;
    font-size: 24px;
    font-weight: 400;
}
.together-screen span{
    font-weight: 100;
    font-size: 14px;
    display: block;
}
.together-btn{
    width: 32px;
    top: 4px;
    right: -50px;
    position: absolute;
}
.together-btn img{
    width: 100%;
}
.db-d-summary{
    margin-top: 24px;
}
.db-d-summary p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}
.db-d-summary p span{
    width: 80px;
    display: inline-block;
}
.db-detail{
    margin-bottom: 100px;
}
.db-detail>div{
    float: left;
}
.db-detail-txt{
    padding-top: 80px;
    width: calc((100% - 574px));
}
.db-detail-photo{    
    margin-top: -48px;
    width: 550px;
    margin-left: 24px;
}
.db-d-img{
    border: 1px solid #c1c1c1;
    width: 100%;
}
.db-detail-poster{
    height: calc(550px * 1.49);
    margin-bottom: 50px;
}
.db-detail-man{
    padding: 20px;
}
.db-d-img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.still-for{
    height: 230px;
}
.still-nav{
    margin-top: 24px;
}
.still-nav .slick-slide{
    width: calc((550px - 24px) / 3);
    margin-right: 12px;
}

.still-for .slick-prev{
    left: 10px;
    z-index: 3;
}
.still-for .slick-next{
    right: 10px;
    z-index: 3;
}
.still-for .slick-prev:before,
.still-for .slick-next:before{
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    filter: drop-shadow(0 0 10px 0 #000);
}
.still-for .slick-prev:before{
    background-image: url(../images/sub/arr-left.png);
}
.still-for .slick-next:before{
    background-image: url(../images/sub/arr-right.png);
}
/*경남 배우 db*/
.db-actor-outer{
    float: left;
    width: calc((100% - 120px) / 6);
    margin-right: 24px;
}
.db-actor-outer-last{
    margin-right: 0;
}
.db-actor-outer .db-actor-item{
    width: 100%;
}
.db-actor-outer .db-actor-item:last-child{
    margin-top: 24px;
}
.db-actor-item{
    position: relative;
    width: calc((100% - 120px) / 6);
    height: 225px;
    margin-right: 24px;
    float: left;
}
.db-actor-item:nth-child(6n){
    margin-right: 0;
}
.db-actor-cont{
    margin-top: 24px;
}
.db-actor-item:nth-child(n+7){
    margin-top: 24px;
}
.db-actor-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.db-actor-item.db-actor-big{
    width: calc((((100% - 120px) / 6) * 2) + 24px);
    height: calc((225px * 2) + 24px);
}
.actor-name{
    opacity: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(112, 70, 169, 0.85);
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    transition: all 0.4s;
}
.film-list{
    margin: 6px 0 24px;
}
.film-list p{
    font-size: 14PX;
}

@media (hover: hover) {
    .db-actor-item:hover .actor-name{
        opacity: 1;
        display: block;
    }
}

.db-detail-actor{
    border: none;
}
.db-d-img-list{
    margin-top: 12px;
}
.db-d-large{
    float: left;
    width: calc(60% - 12px);
    height: 438px;
    margin-right: 12px;
}
.db-d-large img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.db-d-sm{
    float: left;
    width: 40%;
    
}
.db-d-sm>div{
    float: left;
    width: calc((100% - 12px) / 2);
    height: 138px;
    margin-right: 12px;
}
.db-d-sm>div:nth-child(2n){
    margin-right: 0;    
}
.db-d-sm>div:nth-child(n+3){
    margin-top: 12px;
}
.db-d-sm>div img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.support-request{
    margin: 78px 0 110px;
}
.support-request>div{
    float: left;
    width: calc((100% - 24px) / 2);
}
.sr-tbox h3{
    position: relative;
    font-size: 18px;
    padding-left: 24px;
    margin-bottom: 24px;
}
.sr-tbox h3::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #7e5dab;
    top: 4.5px;
    left: 0;
    border-radius: 10px;
}
.sr-line{
    width: 100%;
    height: 350px;
    border: 1px solid #c1c1c1;
    padding: 15px;
    overflow-y: scroll;
}
.sr-line pre{
    font-size: 14px;
    white-space: pre-wrap;
    margin: 0;
}
.sr-down{
    float: right;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.sr-down img{
    display: inline-block;
    height: 14px;
    margin-left: 12px;
}
.sr-check{
    font-size: 14px;
    margin-bottom: 45px;
}
.sr-tbox>p{
    font-size: 14px;
}
.sr-docu-down{
    margin: 24px 0 40px;
    border: 1px solid #c1c1c1;
    padding: 14px 0;
}
.sr-docu-down a {
    float: left;
    width: 50%;
    text-align: center;
}
.sr-docu-down a img{
    display: inline-block;
    height: 14px;
    margin-left: 12px;
}
.sr-btn>button{
    float: right;
    background-color: transparent;
}
.btn-agree{
    border: 1px solid #7e5dab;
    color: #7e5dab;
    padding: 12px 50px;
}
.btn-cancel{
    color: #515151;
    border: 1px solid #c1c1c1;
    margin-right: 16px;
    padding: 12px 30px;
}
.sr-process{
    float: left;
    margin-left: 24px;
    padding: 0 24px;
}
.sr-pro-tit{
    text-align: center;
}
.sr-pro-tit p{
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #67b58b;
    padding: 7px 24px;
}
.sr-pro-tit p img{
    margin-top: -2px;
    display: inline-block;
    height: 20px;
    margin-right: 12px;
}
.sr-pro-list{
    margin: 24px 0 40px;
    display: flex;
}
.sr-pro-list>div{
    float: left;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.srp-t{
    width: 120px;
    height: 120px;
    border: 1px solid #7e5dab;
    border-radius: 60px;
    color: #7e5dab;
}
.srp-img{
    width: calc((100% - 360px) / 2);
}
.srp-img img{
    width: 18px;
}
.sr-pro-txt{
    background-color: #fbfbfb;
    padding: 16px;
    line-height: 1.7;
}
.sr-pro-tit-02{
    margin: 46px 0 24px;
}
.sr-pro-txt ol{
    margin-top: 40px;
}
.sr-pro-txt ol li{
    line-height: 1.8;
    color: #2a2a2a;
    margin-left: 32px;
}
.sr-form-box{
    margin-bottom: 140px;
}
.sr-form{
    margin-bottom: 48px;
}
.sr-form *::placeholder{
    color: #ccc;
}
.sr-input-tit{
    margin-bottom: 3px;
}
.sr-input-tit p{
    display: inline-block;
    width: 190px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0 10px 30px;
    background-color: #7e5dab;
}
.sri-item{
    float: left;
    width: 50%;
    padding: 6px 6px 6px 0;
    border: 1px solid #c1c1c1;
}
.sri-item.br-none{
    border-right: none;
}
.sri-item.bt-none{
    border-top: none;
}
.sri-item-100{
    width: 100%;
}
.sri-item>div{
    float: left;
}
.sri-t{
    width: 190px;
    padding: 4px 0 4px 30px;
}
.sri-t h3{
    font-size: 17px;
}
.sri-t h3 span{
    font-weight: 300;
    font-size: 13px;
    margin-left: 3px;
}
.sri-i{
    width: calc(100% - 190px);
}
.sri-i input{
    width: 100%;
    padding: 5px;
    border: 1px solid #c1c1c1;
}
.sri-i-02 input{
    width: calc(100% - 100px);
}
.sri-i-02 button{
    width: 90px;
    background-color: #62b488;
    margin-left: 5px;
}
.together-caution{
    border: 1px solid #c1c1c1;
    padding: 15px 15px 15px 60px;
}
.together-caution p{
    position: relative;
    font-size: 14px;
    line-height: 1.8;
}
.together-caution p::before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 2.5px;
    left: -28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/common/icon-i-g.png);
}
.sri-i textarea{
    width: 100%;
    height: 160px;
    resize: none;
    border: 1px solid #c1c1c1;
}
.sri-i select{
    width: 100%;
    border: 1px solid #c1c1c1;
    padding: 5px;
}
.sri-check{
    margin-top: 5px;
}
.sri-i>div p{
    display: inline-block;
    width: 110px;
    padding-left: 20px;
}
.sri-i>div:last-child{
    margin-top: 10px;
}
.sri-i>div input{
    width: 240px;
}

.sri-i>div>div{
    display: inline-block;
}
.sr-form button{
    border: none;
    padding: 6px 15px;
    color: #fff;
}
.btn-db-search{
    background-color: #62b488;
}
.btn-like{
    background-color: #62b488;
}
.btn-add-file{
    background-color: #62b488;
}
.btn-delete{
    background-color: #c1c1c1;
}
.sr-form input[type="file"]{
    border: none;
    width: 90%;
}
.add-file-field{
    position: relative;
}
.add-file-field label {
    padding: 8.5px 15px;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #c1c1c1;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-bottom: 0;
}

.add-file-field input[type="file"] {  /* 파일 필드 숨기기 */
    position: relative;
    left: -76px;
    width: 400px;
    height: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    z-index: -1;
}
.sr-form-bottom{
    margin-top: 48px;
}
.form-need{
    float: left;
}
.sr-bottom-btn{
    float: right;
}
.form-need>p img{
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    margin-top: -2px;
}
.form-need>p{
    position: relative;
    width: 400px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}
.form-need>p::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 4px;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url(../images/common/img-down.png);
    transition: all 0.4s;
}
.form-need .form-need-list{
    display: none;
}
.form-need.on .form-need-list{
    display: block;
}
.form-need.on p::after{
    rotate: 180deg;
}
.form-need-list ol{
    margin-bottom: 36px;
}
.form-need-list ol li{
    margin-left: 32px;
    line-height: 1.8;
    color: #2a2a2a;
}
.form-need-list>p{
    font-size: 14px;
}
/*231024*/
.db-new{
    position: relative;
}
.db-new::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/sub/db-new.png);
}
.db-new::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #7046a9;
}

@media screen and (max-width: 1024px) {
    .map {
        background: url(../images/sub/db-map.png) right 30px center no-repeat;
        background-size: auto 353px;
        padding-right: 30px !important;
    }
    .all-select{
        right: 15px;
    }
    .pin-01{    
        right: 355px;
    }
    .pin-02{    
        right: 405px;
    }
    .pin-03{    
        right: 295px;
    }
    .pin-04{    
        right: 205px;
    }
    .pin-05{    
        right: 135px;
    }
    .pin-06{    
        right: 355px;
    }
    .pin-07{    
        right: 255px;
    }
    .pin-08{    
        right: 225px;
    }
    .pin-09{    
        right: 165px;
    }
    .pin-10{    
        right: 105px;
    }
    .pin-11{    
        right: 55px;
    }
    .pin-12{    
        right: 285px;
    }
    .pin-13{    
        right: 395px;
    }
    .pin-14{    
        right: 335px;
    }
    .pin-15{    
        right: 255px;
    }
    .pin-16{    
        right: 375px;
    }
    .pin-17{    
        right: 225px;
    }
    .pin-18{    
        right: 155px;
    }
    .ld-tbox{
        padding-top: 50px;
    }
    .ld-for{
        height: 350px;
    }
    .ld-down {
        top: 360px;
    }
    .db-detail-txt{
        padding-top: 50px;
    }
    /*hover이벤트여서 반응형에서는 그냥 나오도록 해두었습니다.*/
    .db-actor-item .actor-name{
        opacity: 1;
    }
}
@media screen and (max-width: 768px) {

    .db-movie-item{
        width: 100%;
    }
    .db-insentive .db-movie-item:nth-child(n+2){
        margin-top: 20px;
    }
    .db-movie-img{
        height: calc((100vw - 40px) * 1.333);
    }
    .search-wrap{
        width: 100%;
    }
    .db-btn{
        float: right;
        margin-top: 15px;
    }
    .db-btn>button{
        width: 64px;
        height: 40px;
    }
    input[type="checkbox"] + label{
        margin-bottom: 15px;
    }
    .db-check{
        padding: 24px 0 9px;
    }

    .db-num{
        margin: 20px 0;
    }
    .db-people-item{
        width: calc((100% - 24px) / 2);
    }
    .db-people-item:nth-child(2n){
        margin-right: 0;
    }
    .db-people-img{
        height: calc((100vw - 64px) * 0.7);
    }
    .map-search>div{
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .map{
        background-image: none;
        height: auto;
        padding-right: 0 !important;
    }
    .map h3{
        text-align: left;
        margin-bottom: 20px;
    }
    .pin{
        position: relative;
        top: unset;
        bottom: unset;
        right: unset;
        background-image: none;
    }
    .all-select{
        position: relative;
        bottom: unset;
        right: unset;
    }
    .pin.on{
        background: unset;
    }
    .map button{
        width: auto;
        height: auto;
        font-size: 14px;
        padding: 5px 10px;
        background-color: #b8a3d4;
        border: none;
        color: #fff;
        margin-bottom: 3px;
    }
    .map button.on{
        background-color: #7046a9;
    }
    .subject h3{
        text-align: left;
    }
    .subject-list>div{
        height: 60px;
    }
    .subject-list>div>div.on{
        font-size: 13px;
        padding: 0 5px;
    }
    .subject-all p{
        font-size: 13px;
    }
    .location-cont{
        padding-bottom: 20px;
    }
    .db-location{
        width: 100%;
    }

    .db-location:nth-child(n+2){
        margin-top: 20px;
    }
    .select-wrap>*{
        float: unset;
    }
    .select-item{
        width: 100%;
        margin-top: 10px;
    }
    .select-wrap select{
        width: 100%;
    }
    .select-wrap>.db-check{
        width: 100%;
        margin-top: 10px;
    }
    .select-wrap>.db-check input[type="checkbox"] + label{
        margin-bottom: 6px;
    }
    .detail-search{
        padding-bottom: 0;
    }
    .ld-tbox {
        padding-top: 0px;
    }
    .ld-tbox{
        width: 100%;
    }
    .ld-img{
        width: 100%;
    }
    .ld-tt {
        margin-top: 30px;
    }
    .ld-tt>h4{
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 16px;
    }

    .ld-tt>p{
        font-size: 12px;
    }
    .table-wrap table {
        width: 500px;
    }
    .ld-map {
        height: 200px;
    }
    .ld-img{
        margin-top: 20px;
    }
    .ld-for {
        height: 260px;
    }
    .ld-down{
        top: 270px;
    }
    .ld-nav {
        height: 80px;
    }
    .ld-nav .slick-slide{
        width: calc((100vw - 64px) / 3);
    }
    .db-ld-list .db-location{
        width: 100%;
    }
    .db-ld-list .db-loca-img{
        height: 180px;
    }
    .back-list{
        width: 200px;
    }
    .db-detail{
        margin-bottom: 40px;
    }
    .db-loca-detail {
        margin-bottom: 70px;
    }
    .db-detail-txt {
        padding-top: 0px;
    }
    .db-detail-txt{
        width: 100%;
    }
    .db-detail-photo{
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .db-detail-poster{
        margin-bottom: 24px;
        height: calc((100vw - 40px) * 1.49);
    }
    .still-for{
        height: 160px;
    }
    .still-nav{
        margin-top: 12px;
    }
    .still-nav .slick-slide{
        width: calc((100vw - 52px) / 2);
    }
    
    .db-d-summary p{
        font-size: 14px;
    }
    .db-d-summary p span{
        width: 70px;
    }
    .db-actor-item.db-actor-item.db-actor-big{
        width: 100%;
        height: calc((100vw - 40px) * 1.33);
    }
    .db-actor-item{
        width: 100%;
        height: calc((100vw - 40px) * 1.33);
        margin-top: 24px;
    }
    .db-actor-outer{
        width: 100%;
        height: auto;
    }
    .db-d-large{
        height: 375px;
    }
    .db-d-sm>div{
        height: 117px;
    }
    .support-request{
        margin: 40px 0 60px;
    }
    .support-request>div{
        width: 100%;
    }
    .sr-down{
        margin-bottom: 10px;
    }
    .sr-check{
        margin-bottom: 15px;
    }
    .sr-docu-down{
        margin: 20px 0 24px;
    }
    .sr-docu-down a{
        width: 100%;
    }
    .sr-btn{
        display: flex;
        justify-content: center;
    }
    .sr-btn>button{
        padding: 10px 20px;
    }
    .btn-agree{
        margin-right: 16px;
    }
    .btn-cancel{
        margin-right: 0;
    }
    .sr-process{
        margin-left: 0;
        margin-top: 50px;
        padding: 0;
    }
    .sr-pro-list>div{
        font-size: 16px;
    }
    .srp-t {
        width: 100px;
        height: 100px;
    }
    .srp-img{
        width: calc((100% - 300px) / 2);
    }
    .sr-pro-txt p{
        word-break: keep-all;
        font-size: 14px;
    }
    .sr-pro-txt ol{
        margin-top: 20px;
    }
    .sr-pro-txt ol li{
        font-size: 14px;
        margin-left: 20px;
    }
    .sri-item{
        width: 100%;
    }
    .sri-item.br-none{
        border-right: 1px solid #c1c1c1;
    }
    .sri-item.bt-m-none{
        border-top: none;
    }
    .sri-t{
        width: 130px;
        padding: 4px 0 4px 10px;
    }
    .sr-input-tit p{
        width: 130px;
        padding: 10px 0;
        text-align: center;
        font-size: 16px;
    }
    .sri-t h3{
        font-size: 15px;
    }
    .sri-t h3 span{
        margin-left: 2px;
        font-size: 11px;
    }
    .sri-i {
        width: calc(100% - 130px);
    }
    .sri-item-100{
        padding: 6px;
    }
    .sri-item-100 .sri-t{
        margin-bottom: 6px;
    }
    .sri-item-100 .sri-i{
        width: 100%;
    }
    .sri-i textarea{
        height: 120px;
        margin-bottom: -6px;
    }
    .sri-check{
        padding-left: 10px;
    }
    .sri-i>div p{
        font-size: 14px;
        width: 100px;
        padding-left: 10px;
    }
    .sri-i>div>div{
        margin-bottom: 10px;
    }
    .sri-i>div input {
        width: 180px;
    }
    .add-file-field input[type="file"]{
        width: 195px;
    }
    .sr-form-box{
        margin-bottom: 60px;
    }
    .sr-form {
        margin-bottom: 20px;
    }
    .sr-form-bottom{
        margin-top: 20px;
    }
    .sr-bottom-btn{
        width: 100%;
    }
    .form-need{
        width: 100%;
        margin-top: 40px;
    }
    .together-caution{
        padding: 15px 15px 15px 40px;
    }
}