@layer base {
.drmvsn-v-pipe {
    white-space: nowrap;
    margin-right: 4px;
}

.drmvsn-v-pipe:empty {
    display: none;
}

.drmvsn-v-pipe:before {
    content: '|';
    margin: 0 6px 0 0;
    /* opacity: .6; */
}

.drmvsn-v-pipe:first-child:before {
    display: none;
}

/* .movie-card .pipe + .pipe:not(:last-child)::before {
    content: "|";
} */

/* 리스트 형식 */
ul.num {
    counter-reset: depth1;
    font-size: 14px;
    line-height: 24px;
}

ul.num>li {
    counter-increment: depth1;
    position: relative;
    padding-left: 24px;
}

ul.num>li::before {
    content: counter(depth1) ". ";
    position: absolute;
    left: 4px;
}

ul.num>li>ul>li {
    counter-increment: depth2;
    position: relative;
    padding-left: 22px;
}

ul.num>li>ul>li::before {
    width: 5px;
    height: 2px;
    background-color: #000;
    content: '';
    position: absolute;
    left: 10px;
    top: 12px;
}

ul.num>li>ul.no-li>li {
    padding-left: 12px;
}

ul.num>li>ul.no-li>li::before {
    display: none;
}

ul.bu {
    font-size: 14px;
    line-height: 24px;
}

ul.bu>li {
    position: relative;
    padding-left: 24px;
}

ul.bu>li::before {
    content: '';
    position: absolute;
    top:12px;
    left: 11px;
    width:3px;
    height:3px;
    border-radius: 50%;
    background-color: #000;
}

ul.bu>li>ul>li {
    counter-increment: depth2;
    position: relative;
    padding-left: 16px;
}

ul.bu>li>ul>li::before {
    width: 5px;
    height: 2px;
    background-color: #000;
    content: '';
    position: absolute;
    left: 4px;
    top: 12px;
}
ul.bu.form__help-text.e-body-2>li:before{
    width:3px;
    height:3px;
    background-color: #888;
    top:7px;
}

/* 출품 컨텐트 */
.entry-container {
    max-width: 1148px;
    padding: 0 12px;
    margin: 0 auto;
    margin-top: 20px;
    word-break: keep-all;
}

.entry-container .entry-btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 60px;
}

.entry-container .entry-btn .btn,
.entry-container .join-btn .btn {
    width: 100%;
    border: 1px solid #101010;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.entry-container .entry-btn .btn:hover,
.entry-container .join-btn .btn:hover {
    background: #101010;
    color: #fff;
}
.entry-container .entry-btn .btn:hover svg path,
.entry-container .join-btn .btn:hover svg path {
    fill: #fff;
}

.entry-container .terms-content {
    background: #F5F5F5;
    padding: 20px 10px;
}

.entry-container .terms-content .terms {
    padding-right: 10px;
    height: 400px;
    overflow: auto;
    white-space: pre-line;
}

.entry-container .terms-content .terms::-webkit-scrollbar {
    width: 7px;
}

.entry-container .terms-content .terms::-webkit-scrollbar-thumb {
    background: #DDDDDD;
    border-radius: 10px;
    width: 7px;
}

.entry-container label.checkbox,
.entry-container label.radio {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.entry-container label.radio {
    justify-content: flex-start;
}

.entry-container input[type="checkbox"],
.entry-container input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    /* background-size: 16px 16px; */
    background-size:cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    cursor: pointer;
    flex:none;
}
.entry-container input[type="text"],
.entry-container input[type="text"]::placeholder,
.entry-container textarea,
.entry-container textarea::placeholder{
    font-weight: 500;
}
.entry-container input[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='white'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' stroke='%23DDDDDD'/%3E%3Cpath d='M3.50073 8.30005L5.70093 11.5L12.1013 4.5' stroke='%23DDDDDD'/%3E%3C/svg%3E%0A");
}
.entry-container input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='%23101010'/%3E%3Cpath d='M3.50098 8.30005L5.70117 11.5L12.1016 4.5' stroke='white'/%3E%3C/svg%3E%0A");
}
.entry-container input[type="radio"] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8Z' fill='white'/%3E%3Cpath d='M15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8Z' stroke='%23DDDDDD'/%3E%3C/svg%3E%0A");
}
.entry-container input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8Z' fill='white'/%3E%3Cpath d='M15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8Z' stroke='%23DDDDDD'/%3E%3Cpath d='M13 8C13 5.23858 10.7614 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}

.entry-container.is-view-mode input[type="radio"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8Z' stroke='%23DDDDDD'/%3E%3C/svg%3E");
}
.entry-container.is-view-mode input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8Z' fill='white'/%3E%3Cpath d='M15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8Z' stroke='%23DDDDDD'/%3E%3Cpath d='M13 8C13 5.23858 10.7614 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
}



/* 출품 form */
.entry-container .form-content {
    border-top: 2px solid #101010;
}
.step-2.entry-container .form-content {
    border:0;
}
.entry-container .form-content input[type="file"] {
    cursor:pointer;
}
.entry-container .form-content input[type="file"],
.entry-container .form-content input[type="text"],
.entry-container .form-content textarea {
    border: 1px solid #888888;
    width: 100%;
    padding: 10px;
}
.entry-container .form-content input[type="file"],
.entry-container .form-content input[type="text"] {
    height: 37px;
}
.entry-container .form-content textarea {
    height: 173px;
}
.entry-container .form-content textarea[disabled] {
    color: #888;
}
.entry-container .form-content input[type="file"][disabled],
.entry-container .form-content input[type="text"][disabled] {
    background: #F5F5F5;
}
.entry-container .form-content input[type="file"][disabled]::placeholder,
.entry-container .form-content input[type="text"][disabled]::placeholder {
    color: transparent;
}
.entry-container.is-view-mode .form-content input[type="text"][disabled] {
    color:#888;
}
.entry-container .form-content input#EntryTypeName[type="text"][disabled] {
    background:#fff;
}
.entry-container .form-content .submission-file .filebox input.upload-name,
.entry-container .form-content #portFile .filebox input.upload-name {
    background: #fff;
    color: #888888;
}
.entry-container .form-content .submission-file .filebox input[type="file"],
.entry-container .form-content #portFile .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.entry-container .form-content .form__row {
    margin-bottom: 40px;
}
.entry-container .form-content .form__row-form {
    margin-top: 10px;
}
.entry-container .form-content .form__row-title,
.entry-container .form-content .fund-list__btn span ,
.entry-container .form-content .fund-list__title{
    font-weight: 600;
}
.entry-container .form-content .form__row-form .form__mail-checkbox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

.entry-container .form-content .off,
.entry-container .form-content .PARTNER.off {
    display: none;
}

/* form - fund */
.entry-container .form-content .fund-list {
    margin-top: 40px;
}
.entry-container .form-content .fund-list__item,
.entry-container .form-content .trailer-content .form-inner,
.entry-container .form-content .pilmo-inner,
.entry-container .form-content .form__row-portfolio-item {
    background: #F1F1F166;
    margin-top: 10px;
    padding: 20px 15px;
}

.entry-container .form-content .fund-list__item input:focus,
.entry-container .form-content .trailer-content .form-inner input:focus,
.entry-container .form-content .pilmo-inner input:focus,
.entry-container .form-content .form__row-portfolio-item input:focus {
    background: #fff;
}

/* .entry-container .form-content .trailer-inner {
    position: relative;
} */
/* .entry-container .form-content .trailer-inner#trailerDiv_1,
.entry-container .form-content .trailer-inner#trailerDiv_2, */
.entry-container .form-content .trailer-inner#filmoDiv_1,
.entry-container .form-content .trailer-inner#filmoDiv_2 {
    padding-top: 54px;
}
/* .entry-container .form-content .trailer-inner .fund-list__btn--minus {
    position: absolute;
    top: 20px;
    right: 20px;
} */
.entry-container .form-content .own-funds .fund-list__item {
    background: none;
    margin: 0;
    padding: 0;
}
.entry-container .form-content .fund-list .fund-list__box,
.entry-container .form-content .trailer-content .form-inner .form_li {
    width: 100%;
}
.entry-container .form-content .fund-list__btn.plus-btn {
    width: 100%;
    background: #101010;
    color: #fff;
    height: 37px;
    margin-top: 20px;
}
.entry-container .form-content #ulPilmoList .fund-list__btnbox.pilmo-add,
.entry-container .form-content .pilmo-list .fund-list__btnbox.pilmo-add,
.entry-container .form-content #portLink .portfolio-add,
.entry-container .form-content .trailer-content .trailer-add,
.entry-container .form-content .fund-list .fund-add {
    background: #F1F1F166;
    padding: 0 15px 15px 15px;
}
.entry-container .form-content .plus-btn span svg {
    width: 20px;
    height: 20px;
}
.entry-container .form-content .plus-btn,
.entry-container .form-content .fund-list__btn--minus,
.entry-container .form-content button {
    cursor: pointer;
}
.entry-container .form-content .fund-list__btn.PARTNER.off {
    display: none;
}

/*form - submission-step2*/
.step-2 ul.form-group-split .clearfix {
    width:calc(50% - 5px);
}
.step-2.entry-container label.radio.last-radio {
    flex-basis:100%;
}
.form__help-text {
    line-height:inherit;
}


/* 테이블 호버 관련 */
.table-wrap tbody tr:hover td{
    background-color:#ff4545;
}
.table-wrap tbody tr:hover td .cancel{
    color:#101010 !important;
}

@media screen and (min-width:1024px) {
    ul.num,
    ul.bu{
        font-size:16px;
        line-height: 30px;
    }
    ul.num>li>ul>li::before{
        top:14px;
    }
    ul.bu>li::before{
        width:5px;
        height:5px;
        top:13px;
        left:5px;
    }    
    ul.bu>li>ul>li::before{
        top: 14px;
    }

    ul.bu.form__help-text.e-body-2>li:before{
        top:9px;
        left:9px;
    }
    .entry-container {
        margin-top: 60px;
    }

    .entry-container .entry-btn {
        flex-direction: row;
        gap: 10px;
        margin-top: 100px;
    }

    .entry-container .terms-content {
        padding: 20px 10px 20px 20px;
    }

    .entry-container .form-content div.flex>.form__row,
    .entry-container .form-content .own-funds
     {
        width: calc(50% - 10px);
    }
    .entry-container .form-content div.flex>.form__row.full-size-form,
    .step-2 ul.form-group-split .clearfix.full-size-form {
        width:100%;
    }
    .entry-container .form-content .form__row-form .form__mail-checkbox {
        flex-direction: row;
    }
    .entry-container .form-content .form__row-form .form__mail-checkbox.dir-col {
        flex-direction: column;
    }
}
}