@charset "UTF-8";

/* **************************************** *
 * txtinput
 * **************************************** */
/* txtinput-cmm */
.txtinput-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; box-sizing:border-box}
.txtinput-cmm input
{
    position:relative;
    width:100%;
    height:4.8rem;
    margin:0;
    padding:0 1.5rem;
    color:var(--krds-color-light-gray-95);
    font-family:'PretendardGOV', 'sans-serif';
    text-align:left;
    font-size:1.6rem;
    font-weight:normal;
    letter-spacing:-0.02rem;
    background-color:var(--krds-color-light-gray-0);
    border:0.1rem solid var(--krds-color-light-gray-20);
    border-radius:0.6rem;
    transition:all 0.3s;
    box-sizing:border-box
}
.txtinput-cmm input[disabled],
.txtinput-cmm input[readonly]{color:var(--krds-color-light-gray-40); background-color:var(--krds-color-light-gray-10); border:0.1rem solid var(--krds-color-light-gray-30)}
.txtinput-cmm.dateinput input{width:100%; padding-right:4.5rem}

.txtinput-cmm.search input{padding-right:4.8rem}
.txtinput-cmm.search .search-btn{display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; width:4.8rem; height:100%; margin:0; padding:0; background:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.txtinput-cmm.search .search-btn:before{content:"\f0d1"; color:var(--krds-color-light-gray-95); font-family:"remixicon"; font-size:2.4rem}

.txtinput-cmm.dateinput .ui-datepicker-trigger
{
    display:block; position:absolute; right:1.5rem; top:0; width:3rem; height:100%; margin:0; padding:0;
	background-color:transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
	background-position: center;
	background-size:2.4rem;
	background-repeat:no-repeat;
    border:0; cursor:pointer
}
.txtinput-cmm.small input{height:4rem; padding:0 1.5em; font-size:1.5rem; border-radius:0.4rem}
.txtinput-cmm.medium input{height:4.8rem; padding:0 1.5rem; font-size:1.6rem}


/* **************************************** *
 * select
 * **************************************** */
 /* select-cmm */
.select-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; box-sizing:border-box}
.select-cmm select
{
    position:relative;
    width:100%;
    height:4.8rem;
    margin:0;
    padding:0 3.4rem 0 1.5rem;
    color:var(--krds-color-light-gray-95);
    font-family:'PretendardGOV', 'sans-serif';
    text-align:left;
    font-size:1.6rem;
    font-weight:normal;
    letter-spacing:-0.02rem;
	background:var(--krds-color-light-gray-0);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(170,170,170,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
	background-position:right 0.5rem center;
	background-size:2.6rem;
	background-repeat:no-repeat;
    border:0.1rem solid var(--krds-color-light-gray-20);
    border-radius:0.6rem;
    white-space:nowrap;
    appearance:none;
    cursor:pointer;
    text-overflow:ellipsis;
    overflow:hidden;
    transition:all 0.3s;
    box-sizing:border-box
}
.select-cmm select[disabled],
.select-cmm select[readonly]{color:var(--krds-color-light-gray-40); background-color:var(--krds-color-light-gray-10); border:0.1rem solid var(--krds-color-light-gray-30)}
.select-cmm option{line-height:1.2em; font-size:1.6rem}
.select-cmm select::-ms-expand{display:none}

.select-cmm.small select{height:4rem; padding:0 3.4rem 0 1.5rem; font-size:1.5rem; background-size:2.3rem; border-radius:0.4rem}
.select-cmm.medium select{height:4.8rem; padding:0 3.4rem 0 1.5rem; font-size:1.6rem}

/* **************************************** *
 * check, radio
 * **************************************** */
.check-group{display:inline-flex; align-items:center; gap:1.5rem}

.check-list{display:flex; flex-wrap:wrap; gap:1.5rem; position:relative; width:100%; margin-top:-0.8rem; box-sizing:border-box}
.check-list .check-box{margin-top:0.8rem}
.check-list.col2 li{width:50%}
.check-list.col3 li{width:33.33333%}
.check-list.col4 li{width:25%}
.check-list.col5 li{width:20%}
.check-list.col6 li{width:16.66666%}
.check-list.col7 li{width:14.28571%}
.check-list.col8 li{width:12.5%}

.check-list.col2,
.check-list.col3,
.check-list.col4,
.check-list.col5,
.check-list.col6,
.check-list.col7,
.check-list.col8{gap:0; margin-top:0}

.check-list.col2 .col-box
.check-list.col3 .col-box,
.check-list.col4 .col-box,
.check-list.col5 .col-box,
.check-list.col6 .col-box,
.check-list.col7 .col-box,
.check-list.col8 .col-box{margin-top:0}

/* check-cmm */
.check-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:2rem; min-height:2rem; vertical-align:middle; overflow:hidden; box-sizing:border-box}
.check-cmm input[type="checkbox"]{position:absolute; top:-10rem; left:0; margin:0}
.check-cmm .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:2rem; height:2rem; background-color:var(--krds-color-light-gray-0); border:0.1rem solid var(--krds-color-light-gray-20); border-radius:0; cursor:pointer; box-sizing:border-box}
.check-cmm .check:before{position:relative; top:0.1rem; font-family:'remixicon'; font-size:1.7rem}
.check-cmm input[type='checkbox']:checked + .check{background:var(--krds-color-light-gray-90); border:none}
.check-cmm input[type='checkbox']:checked + .check:before{content:'\eb7b'; color:#fff}
.check-cmm .txt{display:flex; align-items:center; position:relative; line-height:1.6rem; padding-left:3rem; padding-top:0.2rem; font-size:1.6rem; color:var(--krds-color-light-gray-60); letter-spacing:-0.05rem; font-weight:normal; cursor:pointer}

.check-cmm input[disabled] + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.check-cmm input[disabled]:checked + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.check-cmm input[disabled]:checked + .check:before{content:'\eb7b'; color:#a5a5a5}

.check-cmm input[readonly] + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.check-cmm input[readonly]:checked + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.check-cmm input[readonly]:checked + .check:before{content:'\eb7b'; color:#a5a5a5}

/* radio-cmm */
.radio-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:2rem; min-height:2rem; vertical-align:middle; overflow:hidden; box-sizing:border-box}
.radio-cmm input[type="radio"]{position:absolute; top:-10rem; left:0; margin:0}
.radio-cmm .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:2rem; height:2rem; background-color:var(--krds-color-light-gray-0); border:0.1rem solid var(--krds-color-light-gray-20); border-radius:50%; cursor:pointer; box-sizing:border-box}
.radio-cmm .check:before{content:''; width:0.8rem; height:0.8rem; background-color:transparent; border-radius:50%}
.radio-cmm input[type='radio']:checked + .check{border:0.1rem solid var(--krds-color-light-gray-90)}
.radio-cmm input[type='radio']:checked + .check:before{background-color:var(--krds-color-light-gray-90)}
.radio-cmm .txt{display:inline-flex; align-items:center; position:relative; line-height:1.6rem; padding-left:3rem; padding-top:0.2rem; font-size:1.6rem; color:var(--krds-color-light-gray-60); letter-spacing:-0.05rem; font-weight:normal; cursor:pointer}

.radio-cmm input[disabled] + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.radio-cmm input[disabled]:checked + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.radio-cmm input[disabled]:checked + .check:before{content:'\eb7b'; color:#a5a5a5}

.radio-cmm input[readonly] + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.radio-cmm input[readonly]:checked + .check{background:#e9e9e9; border:1px solid #d9d9d9}
.radio-cmm input[readonly]:checked + .check:before{content:'\eb7b'; color:#a5a5a5}

/* **************************************** *
 * textarea
 * **************************************** */
/* textarea-cmm */
.textarea-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; box-sizing:border-box}
.textarea-cmm textarea{display:block; width:100%; min-height:4.8rem;  padding:1.3rem 1.5rem; color:var(--krds-color-light-gray-90); font-family:'PretendardGOV', 'sans-serif'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.02rem; background-color:var(--krds-color-light-gray-0); border:0.1rem solid var(--krds-color-light-gray-20); border-radius:0.6rem; transition:all 0.3s; resize:vertical; box-sizing:border-box}
.textarea-cmm textarea[disabled]{}
.textarea-cmm textarea[readonly]{}


/* **************************************** *
 *  wform
 * **************************************** */
.wform-cmm .wform-list{display:flex; flex-direction:column; gap:1rem; padding:2rem 0; border-top:2px solid #101010}
.wform-cmm .wform-list > li{display:flex; gap:2rem; position:relative; min-height:4rem; box-sizing:border-box}
.wform-cmm .wform-list > li.multiple{gap:2rem}
.wform-cmm .wform-list > li.multiple .col-box{display:flex; flex:1; gap:2rem}

.wform-cmm .wform-tit{display:flex; align-items:center; min-height:100%; padding:1.4rem 1.5rem; background-color:var(--krds-color-light-secondary-5); border-radius:0.4rem; box-sizing:border-box}
.wform-cmm .wform-tit .tit{display:inline-flex; align-items:center; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; letter-spacing:-0.05rem; font-weight:normal}
.wform-cmm .wform-cont{display:flex; align-items:center; flex:1; box-sizing:border-box}
.wform-cmm .wform-cont .cont-txt .txt{line-height:2.6rem; font-size:1.6rem; letter-spacing:-0.05rem; color:var(--krds-color-light-gray-90); font-weight:normal; word-break:keep-all}

.wform-cmm .align-top{align-items:flex-start !important}


/* **************************************** *
 *  file
 * **************************************** */
.fileupload-cmm{display:flex; flex-direction:column}
.fileupload-cmm .fileupload-container{display:inline-flex; align-items:center; flex-direction:row; position:relative; padding-left:8rem; vertical-align:middle; box-sizing:border-box}
.fileupload-cmm .fileupload-container label
{
	display:flex; align-items:center; position:absolute; left:0; top:0; height:4.8rem; margin:0; padding:0 1.5rem;
    color:var(--krds-color-light-gray-0); text-align:center; font-size:1.5rem; letter-spacing:-0.05rem; border-radius:0.6rem 0 0 0.6rem; cursor:pointer; font-weight:normal; letter-spacing:0;
	background:var(--krds-color-light-gray-95); box-sizing:border-box;
}
.fileupload-cmm .fileupload-container label input{position:absolute; width:0; height:0; overflow:hidden}
.fileupload-cmm .fileupload-container div{position:relative; width:100%; height:4.8rem; border:0.1rem solid var(--krds-color-light-gray-20); vertical-align:middle; border-radius:0 0.6rem 0.6rem 0; box-sizing:border-box}
.fileupload-cmm .fileupload-container input{width:100%; height:4.6rem; margin:0; padding:0; border:0; text-align:left; font-size:1.5rem; text-indent:1.5rem; color:var(--krds-color-light-gray-90); background:var(--krds-color-light-gray-0); border-radius:0 0.6rem 0.6rem 0; box-sizing:border-box}
.fileupload-cmm .fileupload-container input[disabled]{background:hsl(0, 0%, 93%)}
.fileupload-cmm .fileupload-container input[readonly]{background:var(--krds-color-light-gray-5)}


.fileupload-cmm .fileupload-file{display:flex; flex-direction:column; gap:0.4rem; margin:1rem 0}
.fileupload-cmm .fileupload-file .file-box{display:flex; align-items:center; padding:1.9rem 2.5rem; background-color:var(--krds-color-light-secondary-5); border-radius:0.8rem; box-sizing:border-box}
.fileupload-cmm .fileupload-file .file-box .file-l{min-width:1px}
.fileupload-cmm .fileupload-file .file-box .file-r{margin-left:auto}
.fileupload-cmm .fileupload-file .file-box .tit,
.fileupload-cmm .fileupload-file .file-box .volume{display:block; font-weight:normal; letter-spacing:-0.02rem}
.fileupload-cmm .fileupload-file .file-box .tit{color:var(--krds-color-light-gray-90); line-height:1.8rem; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.fileupload-cmm .fileupload-file .file-box .volume{color:var(--krds-color-light-gray-40); line-height:1.5rem; font-size:1.5rem}
.fileupload-cmm .fileupload-file .file-box:hover .tit,
.fileupload-cmm .fileupload-file .file-box:focus .tit{text-decoration:underline; text-underline-offset:0.3rem}