/* reset */
.input {height:44px; padding:6px 16px; color:#505050; font-size:15px; line-height:1.5em; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: initial; border-radius: initial;}
.input[readonly] {background-color:#e8e8e8; color:#aaaaaa;}
.input.datepicker {padding-right:40px; background:#fff url('/images/bbs/datepicker_icon.png') right 10px center no-repeat;}
textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;}
select.input {padding-right:40px; background:#fff url('/images/bbs/select.svg') right 14px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select.input::-ms-expand {display:none;}
input[type=file].input {padding:0;}
input[type=password]{font-family:"Noto Sans KR",sans-serif;}

.checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox label {display:inline-block;}
.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;}
.checkbox input:checked + label:before {background:#8f6dba url("/images/bbs/checkbox.svg") no-repeat center / 60%; border-color:#8f6dba;}
.checkbox input:focus + label:before {outline:2px solid highlight;}

.table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

.board-form {margin-top: -11px;}
.board-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em; position: relative;}
.board-form table::after {content: ""; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #000; z-index: 1;}
.board-form table th {padding:12px 20px; border:1px solid #eee; background:#fafafa; font-weight:700; color:#333;}
.board-form table th span {display: block;}
.board-form table td {padding:12px 20px; border:1px solid #eee; color:#505050;}
.board-form tr th:first-child,
.board-form tr td:first-child {border-left:0;}
.board-form tr th:last-child,
.board-form tr td:last-child {border-right:0;}
.board-form tr:last-child th,
.board-form tr:last-child td {border-bottom:0;}
.board-form + .buttons {margin-top:50px;}
.board-form .info {font-size:13px; line-height:1.5em; color:#555; margin-bottom:10px;}

.captcha-wrap {display:flex; gap:10px; height:44px;}
.captcha-wrap .input {width:160px; height:100%;}
#kcaptcha_image {height:100%; cursor:pointer;}

.primary {color: #8f6dba;}
.form-agree {margin-left: 2px;}

.buttons {margin-top: 50px;}
.btn-pack {width: 130px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -0.04em; background: #8f6dba; margin: 0 auto; border: 0; border-radius: 0; box-shadow: none;}
.btn-pack:hover {color: #fff;}