@charset "UTF-8";
.margin05 {
    margin:0 5px;
}
.body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div > li.questTtl:hover {
    font-weight: bold;
    cursor: pointer;
}

.total,.qna-1,.qna-2 {
    font-size: 15px;
}
.qna-body-container {
    width: 100%;
    height: 100%;
}

.qna-contents-area input[type=text] {
    height: 35px;
    border: 1px solid #BBBBBB;
    /*border-radius: 5px;*/
    padding: 0 10px;
    font-size: 15px;
    *width: 130%;
    box-sizing: border-box; /* 내부 여백과 테두리를 포함한 너비 설정 */
    /*margin: 0 5px;*/
}

.qna-contents-area textarea {
    width: 1044px;
    height: 300px;
    border: 1px solid #A0A0A0;
    margin: 10px 0;
    resize: none;
    padding: 10px;
    font-size: 15px;
    font-family: 'Pretendard', '프리덴타드', 'Arial', sans-serif;
}

.qna-contents-area .color-red {
    color: red
}

/*qna List*/
.body-layout > .quest-contents-area {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    max-width: 1533px;
}

.body-layout > .quest-contents-area > button {
    background-color: #3F4444;
    color: #fff;
    width: 160px;
    height: 60px;
    font-size: 17px;
    margin-bottom: 50px;
    margin-top:-20px;
}
.body-layout > .quest-contents-area > button:hover {
    background-color: #333;
}

.body-layout > .quest-contents-area > .contents-find-area {
    display: flex;
    margin: 15px 0;
}

.body-layout > .quest-contents-area > .contents-find-area > div:nth-of-type(1) {
    margin-right: auto;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-title {
    display: flex;
    width: 100%;
    height: 50px;
    background-color: #F9F9F9;
    border-top: 3px solid black;
    border-bottom: 1px solid #f9f9f9;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li {
    list-style: none;
    margin: auto;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(1) {
    flex-basis: 10%
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(2) {
    flex-basis: 10%
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(3) {
    flex-basis: 40%;
}


.body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div {
    display: flex;
    min-width: 0; /* 부모 요소에서 자식 요소로 너비가 축소될 수 있도록 설정 */
    width: 100%;
    max-width: 100%;
}

/* li.questTtl에 ellipsis 적용 */
.body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div > li.questTtl {
    display: inline-block; /* ellipsis가 작동하기 위해 필요 */
    white-space: nowrap; /* 줄바꿈 방지 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 넘치는 부분을 ...으로 표시 */
    min-width: 0; /* 축소될 수 있도록 설정 */
    max-width: 100%; /* 최대 너비를 부모에 맞게 설정 */
    flex-grow: 1; /* flex 박스에서 가변 너비 설정 */
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(4) {
    flex-basis: 15%;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(5) {
    flex-basis: 10%;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(6) {
    flex-basis: 10%;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(7) {
    flex-basis: 10%;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li.questTtl img {
    width: 15px;
    margin-left: 10px;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-contents > div {
    display: flex;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #c6c6c6;
    text-align: center;
    font-size: 15px;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-contents > div > li > img {
    width: 20px;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-pages {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-pages > li {
    list-style: none;
    text-align: center;
    width: 35px;
    height: 35px;
    border: 1px solid #A0A0A0;
    margin: 0 5px;
    cursor: pointer;
    color: #000;
    align-content: center;
    font-size: 15px;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-contents li.q00100001 {
    color: #FF6347;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-contents li.q00100002 {
    color: #FFA800;
}

.body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-contents li.q00100003 {
    color: #2895FF;
}


/*qna-info*/
.qnaInfo-contents-area {
    width: 1533px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.qnaInfo-contents-area > .contents-wapper {
    width: 100%;
    height: 100%;
    border-top: 3px solid black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.qnaInfo-contents-area > .contents-wapper > .info-flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.qnaInfo-contents-area > .contents-wapper > div {
    min-height: 50px;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #cdcdcd;
}

.qnaInfo-contents-area > .contents-wapper > div > p {
    min-height: 50px;
    height: 100%;
    line-height: 30px;
    align-content: center;
}

.qnaInfo-contents-area > .contents-wapper > div > p:not(.bolder) {
    padding-left: 30px;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-title {
    display: flex;
    background-color: #F9F9F9;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-title > p.new-mark {
    width: 20px;
    height: 20px;
    background-color: #EAE825;
    padding: 0;
    text-align: center;
    margin-left: 5px;
    min-height: 20px;
    line-height: 20px;
    border-radius: 50px;
    font-weight: bold;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-reg {
    display: flex;
    width: 100%;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(1) {
    background-color: #F9F9F9;
    width: 15%;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(2) {
    width: 35%;
    font-size: 16px;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(3) {
    background-color: #F9F9F9;
    width: 15%;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(4) {
    width: 35%;
    font-size: 16px;
}


.qnaInfo-contents-area > .contents-wapper > .qna-info-file {
    display: flex;
    width: 100%
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-file > p:nth-of-type(1) {
    background-color: #F9F9F9;
    width: 15%
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-file > div {
    width: 85%;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-text {
    display: -webkit-box;
    width: 100%;
    min-height: 50px;
    height: auto;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-text > p:nth-of-type(1) {
    background-color: #F9F9F9;
    width: 15%;
    height: auto;
}

.qnaInfo-contents-area > .contents-wapper > .qna-info-text > p:nth-of-type(2) {
    width: 85%;
    font-size: 16px;
    padding: 30px;
    height: auto;
}

/*.qnaInfo-contents-area > .list-button {
    width: 100%;
    height: 80px;
    text-align: center;
    margin: 40px;
}

.qnaInfo-contents-area > .list-button > button {
    width: 80px;
    height: 40px;
    color: white;
    background-color: black;
    margin: 0 auto;
}*/

/*qna reg*/
.email-valid {
    align-self: center;
    margin-left: 10px;
}
.qna-contents-area > .qna-input-area > .input-data-wapper > .file > div > button {
    width: 80px;
    height: 30px;
    color: #fff;
    background-color: #3F4444;
    margin: 0 auto;
}

.qna-contents-area {
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}
label#agreeYn{
    display: flex;
}
label#agreeYn>input{
    margin-right: 20px;
}
.qna-agree {
    font-size: 16px;

}

.qna-contents-area > .qna-agreement {
    width: 100%;
}

.qna-contents-area > .qna-agreement > div {
    /*margin: 10px 0;*/
}

.qna-contents-area > .qna-agreement > div:nth-of-type(1) > p {
    font-weight: bolder;
    font-size: 22px;
    margin-bottom: 15px;
}

.qna-contents-area > .qna-agreement > div:nth-of-type(2) > textarea {
    width: 100%;
    height: 250px;
    background-color: #F9F9F9;
    padding: 20px;
}

.qna-contents-area > .qna-agreement > div:nth-of-type(3) {

}

.qna-contents-area > .qna-agreement > div:nth-of-type(3) > input {

}

.qna-contents-area > .qna-input-area {
    width: 100%;
    height: 100%;
    margin: 40px 0;
}

.qna-contents-area > .qna-input-area > .input-title-wapper {
    display: flex;
    justify-content: space-between;
}

.qna-contents-area > .qna-input-area > .input-title-wapper > p {
    font-weight: bolder;
    font-size: 16px;
    margin-bottom: 10px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper {
    border-top: 3px solid black;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > div {
    display: flex;
    /*align-items: center;*/
    border-bottom: 1px solid #A0A0A0;
    min-height: 50px;
    height: 100%;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > div > div:nth-of-type(1) {
    flex-basis: 20%;
    text-align: center;
    align-content: center;
    background-color: #F9F9F9;
    font-size: 16px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > div > div:nth-of-type(2) {
    padding-left: 50px;
    align-self: center;
    font-size: 15px;
    width: 100%;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > div.email > div:nth-of-type(2) {
    display: flex;
    padding-left: 50px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > div.pubcYn > div:nth-of-type(2) {
    display: flex
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .quest-fg > div > input {
    margin: 5px 7px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .email > div:nth-of-type(2) {
    align-items: center;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .email > div:nth-of-type(2) > p {
    margin: 0 5px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .email > div:nth-of-type(2) > select {
    margin: 0 20px;
    border: 1px solid #A0A0A0;
    height: 30px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .email > div > button {
    width: 80px;
    height: 30px;
    color: #fff;
    background-color: #3F4444;
    margin: 0 auto;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .pubcYn > div:nth-of-type(2) > input {
    margin-right: 10px;
}

.qna-contents-area > .qna-input-area > .input-data-wapper > .title input {
    width: 1066px;
}
.body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div > li.questTtl {
    display: flex;
    align-items: center;
    padding-left: 50px;
}
/*qna info*/
.qna-info-text p:nth-of-type(1) {
    background-color: #F9F9F9; /* 배경색 유지 */
    padding: 10px; /* 내부 여백 추가 */
    line-height: 30px; /* 줄 간격 설정 */
    width: 100%; /* 가로로 꽉 채움 */
    height: auto; /* 높이를 자동으로 조정 */
    box-sizing: border-box; /* padding 포함한 너비/높이 계산 */
}



/*버튼*/
.list-button {
    width: 100%;
    height: 80px;
    text-align: center;
    cursor: pointer;
    margin-top: 50px;
}

.list-button > button {
    margin: 0 5px;
    width: 160px;
    height: 60px;
    background-color: #2E4158;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
}
.list-button > button:hover {
    background-color: #091F3A;
}
.list-button-group-group{
    margin: 50px auto;
    text-align: center;
}

.agree {
    display: flex;
}

@media screen and (max-width: 960px) {
    .qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(4) {
        font-size: 14px;
    }
    .qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(2) {
        font-size: 14px;
    }
    .qnaInfo-contents-area > .contents-wapper > .qna-info-text > p:nth-of-type(2) {
        font-size: 14px;
    }
    .qna-contents-area > .qna-input-area > .input-data-wapper > div.email > div:nth-of-type(2) {
        padding-left: 14px;
    }
    .qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(1),
    .qnaInfo-contents-area > .contents-wapper > .qna-info-reg > p:nth-of-type(3),
    .qnaInfo-contents-area > .contents-wapper > .qna-info-text > p:nth-of-type(1) {
        font-size: 14px;
    }
    .qnaInfo-contents-area > .contents-wapper {
        margin-top: 30px;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(6),
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(7) {
        display: none;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(5){
        flex-basis: 14%;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div > li.questTtl {
        display: flex;
        align-items: center;
        padding-left: 0px;
    }
    .body-layout > .quest-contents-area > .contents-find-area > div:nth-of-type(1) {
        display: none;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > .quest-list-title {
        font-size: 13px;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(1),
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(2),
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(4),
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(5),
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul.quest-list-contents > div > li.questTtl {
        font-size: 13px;
    }
    .body-layout > .quest-contents-area > .contents-quest-wrapper > ul:not(ul.quest-list-pages) li:nth-of-type(2) {
        flex-basis: 20%;
    }
    .qna-1 {
        display: none; /* qna-1을 숨김 */
    }
    .body-layout > .quest-contents-area > .contents-find-area > div.qna-2 {
        flex-basis: 100%; /* qna-2가 전체를 차지하도록 설정 */
        display: flex;
    }
    .srch-txtbox {
        margin: 0
    }
    .srch-select {
        margin: 0;
        padding: 0;
        width: 100px;
    }
    .default-button {
        width: 120px;
    }

}
/* qnainfo */
@media screen and (max-width: 1550px) {
    .qna-contents-area {
        width: calc(100% - 20px); /* 양쪽 마진을 10px씩 설정 (총 20px) */
        height: 100%;
        margin-top: 30px;
    }
    .qnaInfo-contents-area {
        width: calc(100% - 20px); /* 양쪽 마진을 10px씩 설정 (총 20px) */
        margin: 0 10px;
    }
    .qna-contents-area > .qna-input-area > .input-data-wapper > div > div:nth-of-type(1) {
        min-width: 30%;
        font-size: 14px;
    }
}

/* qnareg */
@media screen and (max-width: 960px) {
    .qna-contents-area textarea {
        width:91%;
    }
    .qna-contents-area > .qna-input-area > .input-data-wapper > .email > div:nth-of-type(2) {
        flex-direction: column; /* 작은 화면에서는 세로로 배치 */
    }

    .qna-contents-area > .qna-input-area > .input-data-wapper > .email > div:nth-of-type(2) > button {
        margin-top: 10px; /* 버튼에 상단 여백 추가 */
    }
    .email-valid {
        align-self: flex-start;
    }
    .qna-contents-area input[type=text] {

        width: 100%; /* 기본 너비 설정 */

    }
    .qna-contents-area > .qna-input-area > .input-data-wapper > .title input {
        width: 100%;
    }
    .qna-contents-area > .qna-input-area > .input-data-wapper > div > div:nth-of-type(2) {
        width: 100%;
        font-size: 14px;
        padding-left: 14px;
    }
}


@media screen and (min-width: 961px) {
    .contact-us-body .container-info .info-layout .info-sec .info-form .form-control.company-name {
        width : 435px; !important;
    }
}

@media screen and (max-width: 960px) {
    .contact-us-body .container-info .info-layout .info-sec .info-form .form-control.company-name {
        width : 240px; !important;
    }
}