@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:#202020;
    font-family:'Poppins';
    text-align:left;
    font-size:1.6rem;
    font-weight:300;
    letter-spacing:-0.02rem;
    background-color:#fff;
    border:1px solid #e1e1e1;
    border-radius:0.6rem;
    transition:all 0.3s;
    box-sizing:border-box
}
.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:#202020; font-family:"remixicon"; font-size:19px}

.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:#202020;
      font-family:'Poppins';
      text-align:left;
      font-size:1.6rem;
      font-weight:300;
      letter-spacing:-0.02rem;
      background:#fff;
      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:1px solid #e1e1e1;
      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 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-cmm */
.check-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:2.3rem;  min-height:2.3rem; padding-right:0.1rem; 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:2.3rem; height:2.3rem; background-color:#fff; border:0.1rem solid #e1e1e1; border-radius:0.4rem; cursor:pointer; box-sizing:border-box}
.check-cmm .check:before{font-family:'remixicon'; font-size:1.8rem}
.check-cmm input[type='checkbox']:checked + .check{background:#041834; border:none}
.check-cmm input[type='checkbox']:checked + .check:before{content:'\eb7b'; color:#56ffbd}
.check-cmm .txt{display:flex; align-items:center; position:relative; line-height:1.6rem; padding-left:2.8rem; padding-top:0.2rem; font-size:1.6rem; color:#505050; letter-spacing:-0.08rem; font-weight:300; cursor:pointer}

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

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

/* check-delete */
.check-delete{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:2.2rem;  min-height:2.2rem; padding-right:0.1rem; vertical-align:middle; overflow:hidden; box-sizing:border-box}
.check-delete input[type="checkbox"]{position:absolute; top:-10rem; left:0; margin:0}
.check-delete .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; border:0.1rem solid rgba(255,255,255,.2); border-radius:0.2rem; cursor:pointer; box-sizing:border-box}
.check-delete .check:before{content:'\eb99'; color:#fff; font-family:'remixicon'; font-size:1.5rem}

.check-group{display:inline-flex; align-items:center; gap:15px}


/* radio-cmm */
.radio-cmm{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:2.3rem; min-height:2.3rem; padding-right:0.1rem; 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:2.3rem; height:2.3rem; background-color:#fff; border:0.1rem solid #e1e1e1; 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 #202020}
.radio-cmm input[type='radio']:checked + .check:before{background-color:#202020}
.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:#505050; letter-spacing:-0.08rem; font-weight:normal; cursor:pointer}

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

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

.radio-group{display:inline-flex; align-items:center; gap:15px}

/* **************************************** *
 * 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:48px;  padding:15px; color:#202020; font-family:'Poppins'; font-size:16px; font-weight:normal; text-align:left; letter-spacing:-0.2px; background-color:#fff; border:1px solid #e1e1e1; border-radius:0.6rem; resize:vertical; box-sizing:border-box}
.textarea-cmm textarea[disabled],
.textarea-cmm textarea[readonly]{color:#808080; background-color:#f5f5f5}


/* **************************************** *
 *  wform
 * **************************************** */
.wform-cmm .wform-list{display:flex; flex-direction:column; gap:1rem; padding:2rem 0; border-top:0.3rem solid #041834}
.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:#eef2f7; border-radius:0.4rem; box-sizing:border-box}
.wform-cmm .wform-tit .tit{display:inline-flex; align-items:center; line-height:2.2rem; color:#202020; font-size:1.6rem; letter-spacing:-0.05rem; font-weight:300}
.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:#202020; font-weight:normal; word-break:keep-all}
.wform-cmm .wform-cont .wr_content{width:100%}
.wform-cmm .wform-cont .wr_content .cke_sc{display:none}
.wform-cmm .wform-cont.editor .wr_content textarea{display:block; width:100%; min-height:48px;  padding:15px; color:#202020; font-family:'Poppins'; font-size:16px; font-weight:normal; text-align:left; letter-spacing:-0.2px; background-color:#fff; border:1px solid #e1e1e1; border-radius:0.6rem; resize:vertical; box-sizing:border-box}

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

.wform-cmm.comment-form .wform-list{border-top:none}
.wform-cmm.comment-form .wform-list > li.multiple{gap:4rem}
.wform-cmm.comment-form .wform-list > li.multiple .col-box{flex:none; gap:2rem}
.wform-cmm.comment-form .wform-tit{min-width:auto !important; padding:0; background-color:transparent; border-radius:0}







/* **************************************** *
 * viewting
 * **************************************** */
/* viewting-ty1 */
.viewting-ty1{position:relative; margin-top:-1px}
.viewting-ty1 .viewting-list{padding:10px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.viewting-ty1 .viewting-list:after{content:''; display:block; clear:both}
.viewting-ty1 .viewting-list > li{display:flex; align-items:center; position:relative; padding:4px 0; min-height:40px; box-sizing:border-box}
.viewting-ty1 .viewting-list > li:last-child{border-bottom:none}

.viewting-list.bdt-none{border-top:none}
.viewting-list.bdb-none{border-bottom:none}

.viewting-ty1 .viewting-list li.col2 .col-box{display:flex; align-items:center; flex:1}
.viewting-ty1 .viewting-list li.col2 .col-box.none{flex:none}
.viewting-ty1 .viewting-list li.col2 .col-box > li{display:flex; align-items:center; flex:1; position:relative; min-width:50%; max-width:50%; min-height:40px; box-sizing:border-box}
.viewting-ty1 .viewting-list li.col2 .col-box > li.none{flex:none; min-width:auto; max-width:auto}
.viewting-ty1 .viewting-list li.col2 .col-box > li:first-child:nth-last-child(1){max-width:50%}
.viewting-ty1 .viewting-list li.col2.start-top .col-box{align-items:flex-start}

.viewting-ty1 .viewting-list > li.col2 .col-box:nth-child(1){padding-right:10px}
.viewting-ty1 .viewting-list > li.col2 .col-box:nth-child(2){padding-left:10px}

.viewting-ty1 .viewting-tit{display:flex; align-items:center; min-height:100%; padding:11px 15px; background-color:#f5f5f5; border-radius:4px; box-sizing:border-box}
.viewting-ty1 .viewting-tit .col-row{display:flex; flex-direction:column; flex:auto}
.viewting-ty1 .viewting-tit .col-row .row{display:flex; align-items:center}
.viewting-ty1 .viewting-tit .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; padding-right:3px; font-weight:300}
.viewting-ty1 .viewting-tit .require-cmm{margin-left:2px}

.viewting-ty1 .viewting-cont{display:flex; align-items:center; flex:auto; padding:0 12px; box-sizing:border-box}
.viewting-ty1 .viewting-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.viewting-ty1 .viewting-cont .col-row{display:flex; flex-direction:column; flex:auto}
.viewting-ty1 .viewting-cont .col-row .row{display:flex; align-items:center}
.viewting-ty1 .viewting-cont .cont-txt .txt{line-height:1.2em; font-size:15px; letter-spacing:-0.5px; color:#202020; font-weight:normal; word-break:keep-all}

.viewting-ty1 .col-flex{flex:1} 
.viewting-ty1 .col-flex.none{flex:none}

.viewting-ty1 .viewting-list > li.start-top{align-items:flex-start}
.viewting-ty1 .viewting-list > li.align-stretch{align-items:stretch}

.viewting-ty1 .viewting-list > li.column-row{flex-direction:column; align-items:normal}
.viewting-ty1 .viewting-list > li.column-row .writing-cont{padding:15px 10px}

.viewting-ty1 .viewting-list > li.align-top{align-items:flex-start}

.viewting-ty1 .spliter-toggle{display:flex; align-items:center; justify-content:center; height:2px; margin:23px 0; background-color:#3382e9}
.viewting-ty1 .spliter-toggle-view{display:none; padding:10px 0}
.viewting-ty1 .spliter-toggle-view.active{display:block}

.viewting-ty1 .score-item-num{display:flex; align-items:center; flex-wrap:wrap; margin-left:-30px; margin-top:-5px}
.viewting-ty1 .score-item-num .num-box{width:25%}
.viewting-ty1 .score-item-num.col5 .num-box{width:20%}
.viewting-ty1 .score-item-num .inner{display:flex; align-items:center; flex-direction:column; min-height:54px; margin-left:30px; margin-top:5px; padding:8px 10px; text-align:center; border:1px solid #dadada; border-radius:4px; box-sizing:border-box}
.viewting-ty1 .score-item-num .num-box .tit,
.viewting-ty1 .score-item-num .num-box .cont{line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.viewting-ty1 .score-item-num .num-box .tit{color:#505050}
.viewting-ty1 .score-item-num .num-box .cont{margin-top:3px; color:#202020}

.viewting-ty1 .filedown-box{margin-top:0; border-radius:4px}

.viewting-ty1 .cke_sc{display:none}

.viewting-ty1 .receipt-terms{width:100%; margin-bottom:0}
.viewting-ty1 .receipt-terms .terms-group{margin-bottom:20px}




/* **************************************** *
 *  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; justify-content:center; position:absolute; left:0; top:0; width:8rem; height:4.8rem; margin:0; padding:0 1.5rem;
    color:#fff; 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; text-align:center;
	background:#101010; 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 #e1e1e1; 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; font-weight:300; text-indent:1.5rem; color:#202020; background:#fff; border-radius:0 0.6rem 0.6rem 0; box-sizing:border-box}
.fileupload-cmm .fileupload-container input[disabled],
.fileupload-cmm .fileupload-container input[readonly]{color:#808080; background-color:#f5f5f5}