.container.inquiry{margin:10vw auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#inquiry-list{min-width:1024px;border-collapse:collapse;border-top:1px solid #666}#inquiry-list th{font-size:1.1vw;font-weight:300;text-align:center;padding:.8vw 0}#inquiry-list .title{width:75%}#inquiry-list .author{width:12%}#inquiry-list .date{width:13%}#inquiry-list tr{border-bottom:1px solid #ddd}#inquiry-list tr:first-of-type{border-top:1px solid #ddd}#inquiry-list td{padding:.8vw .5vw;text-align:center;font-size:1vw;cursor:pointer}#inquiry-list td:first-of-type{text-align:left}#inquiry-list .empty{border-top:1px solid #ddd;border-bottom:0;padding:8vw 0;text-align:center!important;font-size:1.5vw;color:#999}.container.inquiry .btn{min-width:1024px;margin-top:2vw;display:flex;justify-content:flex-end}.container.inquiry .btn a{display:inline-block;width:5vw;height:2vw;line-height:2vw;text-align:center;font-size:.8vw;color:#fff;background-color:#333;border-radius:.4vw;transition:.3s}.container.inquiry .btn a:hover{background-color:#555}.container.inquiry .pagination{min-width:1024px;margin-top:1vw;display:flex;justify-content:center}#form-inquiry td{padding:.8vw 0}#form-inquiry input{width:70%;height:2vw;padding:0 .5vw;font-size:1vw;border-bottom:1px solid #ddd;outline:0}#form-inquiry input#title{width:100%;font-size:1.4vw}#form-inquiry .trix-content{font-size:.9vw}#form-inquiry .submit{width:200%;display:flex;justify-content:flex-end}#form-inquiry .submit button{padding:.3vw .6vw;background-color:#ddd;border:1px solid #cfcfcf;border-radius:.2vw;transition:.3s}#form-inquiry .submit button:hover{background-color:#fafafa}.modal{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:9999;transition:.3s;opacity:0;pointer-events:none}.modal.active{opacity:1;pointer-events:auto}.modal .modal-mask{width:100%;height:100%;background-color:#00000080;position:absolute;top:0;left:0;z-index:2}.modal .modal-body{width:30%;height:30%;background:#fff;border-radius:1vw;position:relative;overflow:hidden;z-index:3}.modal .modal-title{padding:.8vw;font-size:1.2vw;font-weight:300;color:#fff;background:#999;border-bottom:1px solid #999}.modal .modal-content{width:100%}.modal .modal-content input[type=password]{width:70%;height:2vw;display:block;margin:2.5vw auto;padding:1.3vw 1vw;font-size:1vw;border:1px solid #ddd;outline:0}.modal .modal-content button{display:block;margin:auto;padding:.4vw 1.3vw;font-size:.8vw;border:1px solid #ddd;border-radius:.4vw;background:#ddd;transition:.3s}@media screen and (max-width:768px){.container.inquiry{margin:0;padding:8vw 3vw;justify-content:right}#inquiry-list{min-width:unset;width:100%}#inquiry-list th{font-size:.75rem}#inquiry-list .title{width:50%}#inquiry-list .author{width:23%}#inquiry-list .date{width:27%}#inquiry-list td{padding:.6rem .4rem;font-size:.6rem}#inquiry-list .empty{padding:6.5vw 0;font-size:3.7vw}.container.inquiry .btn{min-width:unset;margin-right:.6rem}.container.inquiry .btn a{width:3.4rem;height:1.5rem;line-height:1.5rem;font-size:.6rem;border-radius:.8vw}.container.inquiry .pagination{min-width:unset;width:100%}#form-inquiry td{padding:1vw 0}#form-inquiry input{width:70%;height:4vw;padding:0 1vw;font-size:3vw;border-bottom:1px solid #ddd}#form-inquiry input#title{width:100%;font-size:4vw}#form-inquiry .trix-content{font-size:2vw}#form-inquiry .submit{width:200%}#form-inquiry .submit button{padding:.8vw 2.6vw;font-size:2vw;border-radius:.8vw}.modal .modal-body{width:16rem;height:9rem}.modal .modal-title{padding:2vw;font-size:.8rem}.modal .modal-content input[type=password]{width:85%;height:1.8;margin:5vw auto;padding:2.6vw 2vw;font-size:.7rem}.modal .modal-content button{padding:.25rem 1.1rem;font-size:.6rem}}