/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2024-06-05
 | 파일설명 : 베트남 상품 상세 페이지 CSS
 +----------------------------------------------------------------------+
 | 작업자 : 이대호
 +----------------------------------------------------------------------+
 | 수정이력
 +----------------------------------------------------------------------+
*/

.list-group {
    border: 2px solid #ff6b00;
}

.list-group-item {
    border: none;
}

#marketModal .modal-header {
    justify-content: center;
    border-bottom: none;
    text-align: center;
}

#marketModal .modal-header h5 {
    font-size: 2rem;
}

#marketModal .modal-body {
    text-align: center;
    overflow: initial;
    height: initial;
}

#marketModal .modal-body {
    padding: 0;
}

#marketModal .modal-content {
    padding: 10% 5%;
}

#marketModal button {
    position: absolute;
    right: 1%;
    top: 4%;
    border: none;
    background: #fff;
}

#marketModal .modal-dialog {
    margin-top: 30vh;
}

#marketModal .modal-footer {
    border-top: none;
    justify-content: center;
}

#marketModal .modal-footer button {
    width: 99px;
}

#marketModal .modal-footer button:first-child {
    border: 1px solid #cdcdcd;
    color: #bcbcbc;
}

#marketModal .modal-footer button:last-child {
    background: #EC6611;
    color: #fff;
}

#marketModal .modal-dialog {
    max-width: 736px;
}

#marketModal .secessionBodyWrap {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 16px 20px;
}

#marketModal .secessionBodyWrap h6 {
    font-weight: 700;
    margin-bottom: 15px;
}


@media screen and (max-width: 768px) {
    #marketModal .secessionBodyWrap {
        padding: 3%;
    }

    #marketModal .secessionBodyWrap p {
        margin: 0;
    }

    #marketModal .modal-dialog {
        margin-top: 20vh;
        max-width: 95%;
    }

    #marketModal .modal-content {
        padding: 20% 5%;
    }
}