@charset "utf-8";

.view-table {
    width:100%;
    border-top:2px solid #000000;
}

.view-table thead tr th {
    text-align: center;
}

.view-table tr th {
    background-color:#f6f6f6;
    border:1px solid #cccccc;
    padding:25px;
    font-size:1.25rem;
    font-weight:600;
}

.view-table tr td {
    border:1px solid #cccccc;
    padding:25px;
    font-size:1.25rem;
    line-height:1.2;
    color:#444444;
}

.view-table tr td strong {
    color:#000;
}

.view-table tr td strong.block {
    display:block;
}

.view-table tr.graybg td {
    background-color:#fafafa;
}

.view-table tr td dl dt {
    color:#e94b68;
    font-weight:700;
    margin-bottom:8px;
}

.view-table tr td ul li {
    margin-bottom:6px;
    line-height:1.5;
}

.view-table tr td ul li:last-child {
    margin-bottom:0;
}

.write-table {
    width:100%;
    border-top:2px solid #000000;
}

.write-table tr th {
    background-color:#f6f6f6;
    border:1px solid #cccccc;
    padding:25px;
    font-size:1.25rem;
    font-weight:600;
}

.write-table tr th span.req {
    color:#d40000;
}

.write-table tr td {
    border:1px solid #cccccc;
    padding:20px;
    font-size:1.125rem;
    color:#444444;
}

.write-table tr td input[type="text"],
.write-table tr td input[type="password"],
.write-table tr td select {
    height:40px;
    border:1px solid #cccccc;
    padding:0 8px;
    max-width:469px;
    width:100%;
}

.write-table tr td .radio-wrap {
    display:flex;
    align-items: center;

}

.write-table tr td .radio-wrap .radio-item {
    display:flex;
    align-items: center;
}

.write-table tr td .radio-wrap .radio-item {
    margin-right:15px;
}

.write-table tr td .radio-wrap .radio-item input[type="radio"] {
    width:20px;
    height:20px;
    margin-right:5px;
}

.write-table tr td .radio-wrap .radio-item label span {
    color:#e94b68;
}

.write-table tr td .checkbox-wrap {
    display:flex;
    align-items: center;
    width:100%;
    flex-wrap:wrap;
}

.write-table tr td .checkbox-wrap .checkbox-item {
    display:flex;
    align-items: center;
    margin:4px 25px 4px 0;
}

.write-table tr td .checkbox-wrap .checkbox-item input[type="checkbox"] {
    width:25px;
    height:25px;
    margin:0 5px 0 0;
    padding:0;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-radius:0;
}

.write-table tr td .checkbox-wrap .checkbox-item input[type="checkbox"] + label {
    color:#444444;
    font-size:1.25rem;
}

.write-table tr td .checkbox-wrap .checkbox-item input[type="text"] {
    margin-left:8px;
    width:auto;
}

.write-table tr td .id-input {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .id-input input[type="text"]{
    width:calc(100% - 116px);
}

.write-table tr td .id-input button {
    display:flex;
    align-items: center;
    justify-content: center;
    height:40px;
    color:#fff;
    background-color:#04163c;
    font-size:1.0625rem;
    width:108px;
    margin-left:8px;
}

.write-table tr td .text-input {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
}

.write-table tr td .text-input p {
    margin-left:8px;
    color:#444444
}

.write-table tr td .text-input p.caution {
    color:#d40000;
}

.write-table tr td .input-phone {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .input-phone select,
.write-table tr td .input-phone input[type="text"] {
    max-width:148px;
    width:calc((100% - 32px) / 3);
}

.write-table tr td .input-phone span {
    display:block;
    margin:0 4px;
    width:8px;
    text-align: center;
}

.write-table tr td .email-form {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .email-form select,
.write-table tr td .email-form input[type="text"] {
    max-width:148px;
    width:calc((100% - 30px) / 3);
}

.write-table tr td .email-form span {
    display:block;
    margin:0 4px;
    width:18px;
    text-align: center;
}

.write-table tr td .email-form input[type="text"].self {
    margin-left:4px;
}

.write-table tr td .address-form {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .address-form button {
    display:flex;
    align-items: center;
    justify-content: center;
    height:40px;
    color:#fff;
    background-color:#04163c;
    font-size:1.0625rem;
    width:108px;
}

.write-table tr td .address-form .zipcode {
    width:120px;
    margin-left:8px;
}

.write-table tr td .address-form .address {
    width:calc((100% - 252px) / 2);
    margin-left:8px;
}

.write-table tr td .address-form .address-detail {
    width:calc((100% - 252px) / 2);
    margin-left:8px;
}

.write-table tr td .bizno-input {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .bizno-input span {
    display:block;
    margin:0 4px;
    width:8px;
    text-align: center;
}

.write-table tr td .bizno-input .bizno-first {
    max-width:115px;
    width:calc((100% - 32px) * 0.3)
}

.write-table tr td .bizno-input .bizno-second {
    max-width:55px;
    width:calc((100% - 32px) * 0.2)
}

.write-table tr td .bizno-input .bizno-third {
    max-width:165px;
    width:calc((100% - 32px) * 0.5)
}

.write-table tr td .input-hompage {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .input-hompage input[type="text"]{
    width:calc(100% - 116px);
}

.write-table tr td .input-hompage button {
    display:flex;
    align-items: center;
    justify-content: center;
    height:40px;
    color:#fff;
    background-color:#04163c;
    font-size:1.0625rem;
    width:108px;
    margin-left:8px;
}

.write-table tr td .attachment-wrap {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table tr td .attachment-wrap.info-file {
    margin-top:8px;
}

.write-table tr td .attachment-wrap.info-file span {
    margin-right:10px;
    /* max-width:110px; */
    display:block;
}

.write-table tr td .attachment-wrap input[type="text"] {
    width:calc(100% - 188px);
    max-width:calc(100% - 188px);
}

.write-table tr td .attachment-wrap.info-file input[type="text"] {
    width:calc(100% - 212px);
    max-width:calc(100% - 212px);
}

.write-table tr td .attachment-wrap.caution-attachment input[type="text"] {
    width:calc(100% - 414px);
    max-width:calc(100% - 414px);
}

.write-table tr td .attachment-wrap.caution-attachment p.caution {
    color: #e94b68;
    margin-left:15px;
    margin-top:0;
}

.write-table tr td .attachment-wrap label {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:4px;
    width:90px;
    height:40px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    font-size:1.0625rem;
    color:#000;
}

.write-table tr td .attachment-wrap input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.write-table tr td textarea {
    width:100%;
    height:130px;
    padding:8px;
    border:1px solid #cccccc;
}

.write-table tr td .datepic-wrap { 
    border:1px solid #cccccc;
    display:flex;
    align-items: center;
    width:100%;
    max-width:280px;
}

.write-table tr td .datepic-wrap input {
    border:none;
    width:calc(100% - 40px);
}

.write-table tr td#attach-file-zone p {
    margin-top:5px;
}

.write-table tr td#attach-file-zone p.fileDrop-zone-info {
    text-align: center;
}

.write-table tr td#attach-file-zone table.fileDrop-zone-table {
    text-align: center;
}

.write-table tr td#attach-file-zone table.fileDrop-zone-table .file-del-btn {
    border:1px solid #dddddd;
    width:32px;
    height:32px;
    line-height:32px;
    text-align: center;
    border-radius:4px;
    font-weight:600;
    color:#333333
}

.write-table tr td .video-url ul li {
    display:flex;
    align-items: center;
    margin-bottom:8px;
}

.write-table tr td .video-url ul li:last-child {
    margin-bottom:0;
}

.write-table tr td .video-url ul li input[type=text] {
    width:calc(100% - 96px);
    max-width:480px;
}

.write-table tr td .video-url ul li button {
    width:40px;
    height:40px;
    border:1px solid #dddddd;
    box-sizing: border-box;
    border-radius:4px;
    font-size:22px;
    margin:0 0 0 8px;
}


/*240523 추가*/
.view-table tr th, .write-table tr th{ padding: 20px 10px; min-width: 75px !important; }
.view-table tr td, .write-table tr td{ padding: 20px; }
.view-table colgroup col:first-of-type, .write-table colgroup col:first-of-type{ min-width: 75px; }
.table-wrap{ width: 100%; overflow: auto; }
.w-table colgroup{ display: table-column-group; }
.w-table tr{ display: table-row; }
.w-table tr th, .w-table tr td { display: table-cell; }
.write-table-in{ border-top: 1px solid #ccc; }
.write-table-in tr th{ background: #f6eef0; font-weight: 500; padding: 10px; }
.write-table-in tr td{ padding: 10px; word-break: break-all; }


@media all and (max-width:1280px){
    .write-table tr td .text-input {
        display:block;
    }

    .write-table tr td .text-input p.caution {
        margin-left:0;
        margin-top:8px;
    }
}


@media all and (max-width:960px) {
    colgroup {
        display:none;
    }

    .view-table tr th {
        padding:12px;
        width:140px;
        font-size:1.125rem;
    }
    
    .view-table tr td {
        width:calc(100% - 140px);
        padding:12px;
        font-size:1.125rem;
    }

    .write-table tr th {
        padding:12px;
        width:140px;
        font-size:1.125rem;
    }

    .write-table tr td {
        width:calc(100% - 140px);
        padding:12px;
        font-size:1.125rem;
    }

    .write-table tr td input[type="text"],
    .write-table tr td input[type="password"],
    .write-table tr td select {
        height:35px;
        font-size:1.125rem;
    }

    .write-table tr td .id-input button {
        height:35px;
        width:85px;
    }

    .write-table tr td .id-input input[type="text"] {
        width:calc(100% - 93px);
    }

    .write-table tr td .radio-wrap {
        flex-wrap:wrap;
    }

    .write-table tr td .radio-wrap .radio-item {
        margin:4px 12px 4px 0;
    }

    .write-table tr td .radio-wrap .radio-item input[type="radio"] {
        width:16px;
        height:16px;
    }


    .write-table tr td .address-form {
       display:block;
    }

    .write-table tr td .address-form button {
        width:85px;
        height:35px;
    }

    .write-table tr td .address-form .zipcode {
        margin-left:0;
        margin-top:4px;
        width:100%;
    }

    .write-table tr td .address-form .address {
        margin-left:0;
        margin-top:4px;
        width:100%;
        max-width:100%;
    }

    .write-table tr td .address-form .address-detail {
        margin-left:0;
        margin-top:4px;
        width:100%;
        max-width:100%;
    }

    .write-table tr td .input-hompage input[type="text"] {
        width:calc(100% - 93px);
    }

    .write-table tr td .input-hompage button {
        height:35px;
        width:85px;
    }

    /*2405 추가*/
    .table-wrap .view-table colgroup, .table-wrap .write-table-in colgroup{ display: table-column-group; }

    /*240610 신청정보(부스신청)*/
    .write-table tr td .attachment-wrap{ flex-wrap: wrap; }
    .write-table tr td .attachment-wrap.caution-attachment input[type="text"]{ width: calc(100% - 100px); max-width: calc(100% - 100px); }
    .write-table tr td .attachment-wrap.caution-attachment p.caution{ margin-left: 0; }
    .write-table.booth-reg tr td .attachment-line .attachment-wrap input[type="text"]{ width: calc(100% - 182px); }

    .write-table tr td .video-url ul li input[type=text] {
        width:calc(100% - 78px);
    }

    .write-table tr td .video-url ul li button { 
        width:35px;
        height:35px;
        margin:0 0 0 4px;
    }

}

@media all and (max-width:640px) {
   
    .view-table tr {
        display:block;
        width:100%;
    }

    .view-table tr th {
        display:block;
        width:100%;
        text-align: left;
    }
    
    .view-table tr td {
        display:block;
        width:100%;
        border-top:0;
        border-bottom:0;
    }

    .view-table tr:last-of-type td {
        border-bottom:1px solid #dddddd;
    }

    .write-table tr {
        display:block;
        width:100%;
    }

    .write-table tr th {
        display:block;
        width:100%;
        text-align: left;
    }

    .write-table tr td {
        display:block;
        width:100%;
        border-top:0;
        border-bottom:0;
    }

    .write-table tr td input[type="text"],
    .write-table tr td input[type="password"],
    .write-table tr td select {
        max-width:100%;
    }

    .write-table tr:last-of-type td {
        border-bottom:1px solid #dddddd;
    }

    .write-table tr td .input-phone select,
    .write-table tr td .input-phone input[type="text"] {
        max-width:100%;
    }

    .write-table tr td .email-form select,
    .write-table tr td .email-form input[type="text"] {
        max-width:100%;
    }

    .write-table tr td .bizno-input .bizno-first,
    .write-table tr td .bizno-input .bizno-second,
    .write-table tr td .bizno-input .bizno-third {
        max-width:100%;
    }

    /*240523 추가*/
    .view-table.w-table tr th, .view-table.w-table tr td{ width: auto; }
    .view-table.w-table tr td{ border-bottom: 1px solid #ccc; }
    .table-wrap table tr{ display: table-row; }
    .table-wrap table tr th, .table-wrap table tr td{ display: table-cell; width: auto; }
    .table-wrap table tr td{ border: 1px solid #ccc; }

}