@charset "utf-8";

.txt-bold{font-weight:800 !important;}
.txt-semiBold{font-weight:600;}
.txt-medium{font-weight:500;}
.txt-normal{font-weight:400;}

.m-block{display:none;}


/* button */
a.btn,
input.btn,
button.btn{display:inline-flex; align-items:center; justify-content:center; height:40px; padding:6px 12px; font-size:14px; line-height:1; box-sizing:border-box; vertical-align:middle; border-radius:0; line-height:normal; font-weight:500; text-align:center; background-color:#fff; font-weight:600;}

.btn.filled{background-color:var(--primary); color:#fff;}

.btn.lined{border:1px solid var(--border-2); padding:6px 11px;}
.btn.lined.primary{border:1px solid var(--primary); color:var(--primary);}

.btn.lg{height:80px; width:225px; font-size:24px;}

/* form */
input[type="text"],
input[type="password"],
input[type="file"]{border:1px solid var(--line-input); height:46px; line-height:44px; padding-left:15px; background-color:#fff; border-radius:2px;}
input[type="password"]{letter-spacing:1rem;}
input[type="file"]{line-height:44px; cursor:pointer;}
input[type="file"]::-webkit-file-upload-button {font-size:15px; border:1px solid var(--line); background-color:var(--bg-gray); height:28px; font-family: var(--font-base); cursor:pointer;}

input[type="radio"],
input[type="checkbox"]{width:28px; height:28px; position:relative; cursor:pointer; flex-shrink: 0; accent-color: var(--primary);}

select{appearance: none; -webkit-appearance:none; border:1px solid var(--line-input); height:46px; cursor:pointer; background:#fff url(../images/common/arr_select.svg) right 8px center no-repeat; padding:0 30px 0 15px; min-width:80px; vertical-align:middle;}
select::-ms-expand {display: none;}
option{font-size:1em;}

textarea{border:1px solid var(--line-input); padding:15px;}

.pointer{cursor:pointer;}

/* form pattern */
.input-check{display:inline-flex; gap:8px; align-items: center; cursor:pointer; box-sizing:border-box;}

/* table */
.con-table{border-top:2px solid #000;border-bottom:1px solid #000; position:relative; overflow-x:auto; margin:12px 0;}
.con-table:first-child{margin-top:0;}
.con-table:last-child{margin-bottom:0;}

.con-table table{width:100%; table-layout:fixed;}
.con-table th,
.con-table td{border-bottom:1px solid #000; padding:16px; overflow-wrap: break-word; background-color:#fff;}
.con-table thead th{background-color:rgba(209, 219, 221, 0.5); text-align:center; padding:16px; font-weight:500;}



@media all and (max-width:1024px) {

}

@media all and (max-width:768px) {

    .m-block{display:block;}

    input[type="radio"],
    input[type="checkbox"]{width:16px; height:16px;}

    .btn.lg{height:45px; font-size:18px; width:auto; padding:0 24px;}

}