@charset "utf-8";

.admin header {background-color: #e3e3e3;}
.admin .btn-logout {height: 30px; line-height: 0; border-radius: 4px; font-weight: normal;}

.privacy-table th {background-color: #efeeee; width: 320px;}
.privacy-table th, .privacy-table td {border: solid 8px #ffffff;}

.qna {width: 100%;}
/* .qna-item:has(.qna-question.active) > .qna-question {border-bottom: 1px solid #d4d4d4;} */
.qna-question-title {margin-left: 5px;}
.qna-article {padding-top: 60px !important;}
.qna-article thead {background: #F6F6F6;}
.qna-article h3 {font-size: 44px !important; margin-bottom: 0 !important;}

.title {font-size: 32px; margin-top: 60px}
.product-title-box {padding: 30px 0; font-size: 16px;}
.product-title-box .title_only {left: 0; position: absolute; font-size: 20px;}
.search-box select, .search-input-wrapper input {border-color: #DCDFE3;}

.btn-write {background-color: #363a7a; color: white; padding: 8px 15px; border-radius: 5px;}
.modal-content h3 {font-size: 1.17em !important; margin-bottom: 15px !important;}
.product-tabs h2 {text-align: left}

.privacy-table th, .privacy-table td, .privacy-table p, .privacy-table ol {width: 100%;}
.privacy-table p {display: block;}
.privacy-table {display: flex; flex-direction: column;}
.privacy-table tr th, .privacy-table tr td {display: block; flex-direction: row; text-align: left; padding-left: 15px;}
.privacy-inner-table {padding: 10px 0;}
.product-tabs.pb-10 li {width: 20%}
.qna-products img {border-radius: 3px;}

/* #select-product {width: 100%; height: 42; padding: 0px 14px; border-color: #DCDFE3; border-radius: 4px; align-items: center;} */
#select-product {
	width: 133%;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #DCDFE3;
    border-radius: 4px;
    font-size: 16px;
    color: #333333;
    background: #ffffff;
    appearance: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.select-product-box::after {
	content: '';
	position: absolute;
	left: 191px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	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='M4 6L8 10L12 6' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
.faq-section {
    padding-bottom: 60px;
}

@media (max-width: 819px) {

    header .language {margin-left: 29vw;}

    .ci-paging {padding: 10px; display: block !important; margin-top: 10px}
    .ci-paging div:has(.btn-write) {width: 100% !important; text-align: center !important; margin-top: 10px}
    .content-box {min-width: 100%;}
    .content-box .inquiry {padding: 0 20px;}
    .content-box .content {padding: 0 10px; width: 100%;}
    .content-box > ul { display: none}
    .div-table {overflow-x: auto;}
    .div-table .table {min-width: 900px;}
    .div-table .table .write {min-width: 100px}
    .footer-box {display: block !important;}
    .footer-box > div, .d-flex:has(.keyword) {margin-bottom: 20px;}
    .inquiry-answer {margin: 0;}
    .inquiry-answer-label.regDate {display: none;}
    .inquiry-answer-label.answer-content {border-right: 0;}
    .inquiry-answer-label.btn {width: 20%;}
    .inquiry-answer-label.admin-id {width: 80px;}
    .table th:nth-child(2) {width: 165px;}
    .keyword, .qna, .content-box, .content-box .table-wrapper {width: 100%;}
    .mb-hide {display: none;}
    .qna-article {padding-top: 15px !important;}
    .qna-article .search-box{padding-top: 30px;}
    .post-info-bar.d-flex, .post-info-bar > .d-flex {display: block;}
    .post-info-bar.d-flex > div, .post-info-bar > .d-flex > .d-flex {margin-bottom: 10px;}
    .post-info-bar #inquiryPw {width: 150px;}
    .product-title-box {padding: 10px 20px; display: block}
    .product-title-box > div {width: 100%; text-align: center; padding-top: 10px;}
    .product-title-box > div:nth-child(1), .product-title-box > div:nth-child(1) select {width: 100%;}
    .product-title-box .title_only {position: relative;}
    .privacy-table th, .privacy-table td, .privacy-table p, .privacy-table ol {width: 100%;}
    .privacy-table p {display: block;}
    .privacy-table {display: flex; flex-direction: column;}
    .privacy-table tr th, .privacy-table tr td {display: block; flex-direction: row; text-align: left; }
    .privacy-inner-table {max-width: 100%;}
    .search-box {display: block; padding: 0 20px;}
    .search-box > div {width: 85%; margin-bottom: 10px;}
    .search-box .btn-write {margin-bottom: 10px;}
    .title {padding: 0 10px;}
    .title-box {padding: 0 20px;}

    ul#pagination, #searchInput {width: 100%;}
    #submit button {padding: 10px 6px;}

    .contact-content .title {font-size: 5vmin;}
    .default.qna-article #searchBtn {position: absolute; right: 7%; margin-top: -46px;}
    .title-inquiry {padding: 10px 0 0 20px;}
    .hero-desc {font-size: 16px;}

    .product-tabs select {width: calc(100% - 11.4vmin);padding-left: 16px;}
    .breadcrumb-container {padding: 0;}


	.select-product-box::after {
		top: 40px;
		right: 30px;
		left: unset;
	}

    .qna-tabs .faq-tab-group-container {display: block; padding: 0 20px }
    .qna-tabs .faq-tab-group-container .faq-tab-grid {display: block }
    .qna-tabs .faq-tab-group-container .faq-tab-item { width: 100%; margin-bottom: 10px }
}