@charset "utf-8";

.btn-oval-white {background-color: #FFF;color: #000;border-radius: 30px;display: inline-flex;align-items: center;justify-content: center;}
.link-arrow {width: 14px;height: 14px;background: no-repeat center url(/img/kodes/icon-arrow-right.png);background-size: contain;}
button, a, input, textarea, *::placeholder {font-family:'Pretendard Variable';}
.icon-reply {margin-right: 4px;position: relative;content: '';display: inline-block;width: 18px;height: 16px;background: url('/img/icon/icon-reply.png') no-repeat center;background-size: 99%;}


.grid {
    grid-column-gap: 0.8em;
    grid-row-gap: 0.8em;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
}
.grid.grid2 {grid-template-columns: repeat(2, 1fr)}
.grid.grid3 {grid-template-columns: repeat(3, 1fr)}

.pc-none {display: none;}


/* .loading */
.loading {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);position: fixed;top:0;left: 0;right:0;bottom: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;}
.loading i {font-size: 10em;}


section.box {font-size: 20px;padding-bottom: 0;margin-bottom: 7em !important;}

/*
@media screen and (max-width:1200px) {
    .kodes-nav .inner {width: 100%;padding: 1em;}
    .kodes-nav .logo {height: 1.4em;}
}

@media screen and (max-width:1024px) {
    .kodes-nav .inner {font-size: 18px;}
    .kodes-nav .menu-list li {margin-left:1.8em;}
}

@media screen and (max-width:768px) {
    .kodes-nav .inner {flex-direction: column;}
    .kodes-nav .logo {height: 1em;}
}

@media screen and (max-width:640px) {

} */


/* .board-list */
.board-list {padding: 6em 10em 10em;min-width: 780px;}
.board-list .box_title {margin-bottom: 3em;}
.board-list .box_title .name {font-size: 2em;}
.board-list table.list thead th {padding: 0.7em 0;}
.board-list table.list tbody tr {height: 3.5em;}
.board-list table.list tr td.title {height: 3.5em;align-items: center;}
.board-list .bt-cont {margin-top: 5em;}
.board-list .view .title-wrap .title {padding: 0.7em 0.3em;}
.board-list .view .content {font-size: 17px;min-height: 300px;line-height: 1.6;}
/* .board-list search */
.board-list .search {position: relative; width: 320px;margin-bottom: 1em;float: right;}
.board-list .search input[type="text"] {width: 100%; height: 38px; padding: 6px 45px 6px 12px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; font-size: 14px;}
.board-list .search .btnSearch {position: absolute; top: 0; right: 0; width: 40px; height: 100%; border: none; background: transparent; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center;}



.icon-reply + .ico {margin-left: 0 !important;}
.ico.new {margin-left: 0 !important;height: 35px !important;}


/* .inquiry-edit */
.inquiry-edit {max-width: 1000px; margin: 0 auto; padding: 50px 30px; font-size: 16px;}
.inquiry-edit .box-title {margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #333;}
.inquiry-edit .box-title .name {font-size: 24px; font-weight: 600; color: #333;text-align: center;}
.inquiry-edit .agree-cont-top {background-color: #f9f9f9; border-radius: 8px; margin-bottom: 40px;}
.inquiry-edit .cont {width: 90%;margin-right: auto;margin-left: auto;}
.inquiry-edit .text-cont {min-height: 200px; max-height: 300px; overflow-y: auto; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; font-size: 13px; line-height: 1.6;background-color: #fff; border-radius: 4px; font-size: 14px; line-height: 1.6;}
.inquiry-edit .input-cont {margin-top: 20px;}
.inquiry-edit .row {margin-bottom: 20px; display: flex; align-items: flex-start;}
.inquiry-edit .field-row {flex-direction: column; margin-bottom: 25px;}
.inquiry-edit .field-container {width: 100%; display: flex; flex-direction: column;}
.inquiry-edit .field-label {font-weight: 500; font-size: 15px; color: #333; margin-bottom: 8px; display: block;}
.inquiry-edit .required {color: #ff3b30; margin-left: 2px;}
.inquiry-edit .checkbox-wrapper {margin-top: 5px;}
.inquiry-edit .label {width: 120px; font-weight: 500; line-height: 38px; color: #333;}
.inquiry-edit .desc {flex: 1; position: relative;}
.inquiry-edit input[type="text"], .inquiry-edit input[type="email"], .inquiry-edit input[type="date"] {width: 100%; height: 40px; padding: 0 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 15px;}
.inquiry-edit textarea {width: 100%; min-height: 150px; padding: 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 15px; resize: vertical;}
.inquiry-edit select {height: 40px; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; font-size: 15px; background: url('/img/icon/select-arrow.png') no-repeat right 10px center; background-size: 12px; appearance: none; -webkit-appearance: none; background-color: #fff;}
.inquiry-edit input[type="checkbox"] {width: 18px; height: 18px; margin-right: 8px; accent-color: #007bff; cursor: pointer; vertical-align: middle;}
.inquiry-edit input[type="radio"] {width: 18px; height: 18px; margin-right: 8px; accent-color: #007bff; cursor: pointer; vertical-align: middle;}
.inquiry-edit label {display: inline-flex; align-items: center; margin-right: 20px; cursor: pointer; font-size: 15px;}
.inquiry-edit .checkbox-label, .inquiry-edit .radio-label {display: inline-flex; align-items: center; margin-bottom: 8px;}
.inquiry-edit .checkbox-text, .inquiry-edit .radio-text {display: inline-block; margin-left: 5px;}
.inquiry-edit .radio-group {display: flex; flex-wrap: wrap; gap: 15px;}
.inquiry-edit .uploadArea {border: 1px dashed #ddd; border-radius: 4px; padding: 20px; background-color: #fbfbfb;}
.inquiry-edit .btn-upload {display: inline-block; padding: 8px 15px; background-color: #f0f0f0; border-radius: 4px; margin-bottom: 10px; cursor: pointer; font-size: 14px;}
.inquiry-edit .dropzone {min-height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.inquiry-edit .boxMessage {text-align: center; padding: 20px 0;}
.inquiry-edit .boxMessage .text {color: #888; font-size: 13px; margin-top: 10px;}
.inquiry-edit .preview-cont {display: flex; flex-wrap: wrap; gap: 15px; margin-top: 15px;}
.inquiry-edit .card {width: 150px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.inquiry-edit .card-img-top {height: 100px; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5;}
.inquiry-edit .filename {font-size: 12px; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.inquiry-edit .file-guide {font-size: 13px; color: #888; margin-top: 10px;}
.inquiry-edit .file-formats {display: block; font-size: 12px; color: #666; margin-top: 5px; line-height: 1.4;}
.inquiry-edit .btn-cont {display: flex; justify-content: center; margin-top: 40px;}
.inquiry-edit .btn-oval {display: inline-flex; align-items: center; justify-content: center; padding: 10px 30px; border-radius: 25px; font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.3s;}
.inquiry-edit #btn-save {background-color: #007bff; color: #fff;}
.inquiry-edit #btn-save:hover {background-color: #0056b3;}
.inquiry-edit #btn-cancel {background-color: #f8f9fa; color: #333; border: 1px solid #ddd;}
.inquiry-edit #btn-cancel:hover {background-color: #e9ecef;}