/* select. */
.catagory-list{    width: 100%;background-color: #eff3f4; height: 210px; border: 0; border-radius: 4px; overflow-x: hidden; overflow-y: scroll; outline: none;}
.catagory-list li{padding: 8px 20px; font-size:15px; cursor: pointer;}
.catagory-list li.on{background: #c1c4c9 linear-gradient(0deg, #c1c4c9 0%, #c1c4c9 100%); color:#fff}
.divide span.lang{font-size: 12px;}
.divide + .divide{border-top: 1px solid #ddd;}
.divide:nth-child(2){padding-top: 20px;}

.post-title-wrap{display: flex; justify-content: space-between; align-items: center;}
.choice-lng li{display: inline-block; border: 1px solid #ddd; padding: 0 8px; border-radius: 4px;}
.choice-lng li + li{margin-left: 4px;}
.choice-lng li a{font-size: 14px; color:#888; display: block; line-height: 25px;}

/* 선택된 목록 */
.choosen-list li{position: relative; padding-left: 20px;}
.choosen-list li::before{width: 4px; height: 4px; border-radius: 10px; background-color: #333; position: absolute; left: 0; top: 10px; content: "";}
.choosen-list li span{display: inline-block; color:#333; vertical-align: middle; font-size: 15px;}
.choosen-list li span + span{margin-left: 20px;}
.choosen-list li span.next{ width: 8px; height: 8px; border-right: 1px solid #333;  border-bottom: 1px solid #333; transform: rotate(-45deg); }
.choosen-list li span.delet{width: 24px; height: 24px; position: relative; cursor: pointer;}
.choosen-list li span.delet::before,.choosen-list li span.delet::after{content: ""; position: absolute; width: 10px; height:2px; top: 11px; left: 5px; background-color:#f35f5f}
.choosen-list li span.delet::before{transform: rotate(-45deg);}
.choosen-list li span.delet::after{transform: rotate(45deg);}


/* product */
.product-wrap{display: flex; padding:20px 0}
.productBx{width: 100%;;}
.productBx>span{display: block; font-size: 12px; color:#999; font-weight: bold;}
.product-title{padding-right: 20px;}
/* .product-sub{padding-left:20px} */
.productBx li{display: flex;}
.productBx li + li{margin-top: 12px;}
.productBx li .button.pro-btn{margin-left: 4px;}
.productBx li .button.pro-btn button{padding: 0;width: 40px; height: 40px; }
.product-wrap:nth-child(1){padding-top: 0;}
.product-wrap:last-child{padding-bottom: 0;}
.product-wrap + .product-wrap{border-top: 1px dashed #ddd;}

.post-table-con textarea{width: 100%;padding: 8px; border-radius: 5px; border: 1px solid #dcdee1; height: 120px; resize: none;}
.product-edit{width: 140px; text-align: right; margin-top: 12px;}
.product-edit i{display: inline-block; cursor: pointer; color:#ddd; transition: all .1s;}
.product-edit i + i{margin-left: 8px;}
.product-edit i:hover{color:#333}

.updown-btn,.control-btn{padding: 16px 0;}
.updown-btn + .control-btn{border-top: 1px dashed #ddd;}
.button button.arrow-btn{border: 1px solid #ddd; height: 38px; width: 38px; display: inline-block; padding: 0; position: relative;}
.button button.arrow-btn span{position: absolute; width: 10px; height: 10px;}
.button button.down-btn span{border-bottom: 1px solid; border-right: 1px solid #666; left: 37%; top: 50%; transform: rotate(45deg) translate(-50%,-50%); }
.button button.up-btn span{border-top: 1px solid; border-right: 1px solid #666;  left: 56%; top: 50%; transform: rotate(-45deg) translate(-50%,-50%);}


/* 검색창 */
.list_search{width: 500px; float: left; margin-bottom: 4px;}
.list_search input{outline: none;background-color: #eaeaea; border: 1px solid #eaeaea; border-radius: 3px; padding: 8px; font-size: 16px; width: 56%;}
.list_search input:focus{outline: none;}
.list_search input button{display: inline;}
.list_search .button{display: inline;}
.btn-search{background-color: #3e3e3e; color: #fff; font-weight: 500; padding: 9px 16px; font-size: 14px; border-radius: 3px;}
.btn-search:hover{background-color: #adadad; color: #333; border: 1px solid #adadad;}
.btn-reset{border: 1px solid #c5c5c5; color: #fff; background-color: #c5c5c5;}



/*check_box_category*/

.check_box_category .check-label {padding:0;position: relative; margin-bottom: 5px;}
.check_box_category .check-label .checkmark{  padding: 0.2em .8em .1em; height: auto; position: initial;    width: 100%;   display: block;transform: none;color: #888;}


.check_box_category ul{display: flex; flex-wrap: wrap;}
.check_box_category ul li{margin-right:.6em}

.check_box_category .check-label input:checked ~ .checkmark {border: 1px solid #f38210; background-color: #fff;color: #f38210;}
.check_box_category .check-label input:checked ~ .checkmark:after{display: none;}


.subAuthority{border: 1px solid #ddd; background-color: #ccc; color: white; font-size: 12px; padding: 4px; border-radius: 6px; margin-top: 5px;}
.addAuthorityButton{top: 18px;}





.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;  }
  
  .filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em;  }
  
  /* named upload */
  .filebox .upload-name { display: inline-block; padding: .5em .75em;  /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;  }
  
  .btn-secondary6{background-color: #fff;border:1px solid #3d98d9 !important; color:#3d98d9;}
  #excelUploadModal .btn-secondary6{padding:8px;border-radius: 5px;cursor: pointer;}
  #excelUploadModal .file_upload{display: flex;margin-top:12px;}
  #excelUploadModal .file_upload div{margin-right:10px;}
  #excelUploadModal .body-box{margin-top:20px;}

  #excelUploadModal  .filebox{display: flex;}
  #excelUploadModal  .filebox label{width: 110px;text-align: center;}
  #excelUploadModal  .filebox input{width: calc(100% - 120px);margin-right:10px;}

  #excelUploadModal_v2 .btn-secondary6{padding:8px;border-radius: 5px;cursor: pointer;}
  #excelUploadModal_v2 .file_upload{display: flex;margin-top:12px;}
  #excelUploadModal_v2 .file_upload div{margin-right:10px;}
  #excelUploadModal_v2 .body-box{margin-top:20px;}

  #excelUploadModal_v2  .filebox{display: flex;}
  #excelUploadModal_v2  .filebox label{width: 110px;text-align: center;}
  #excelUploadModal_v2  .filebox input{width: calc(100% - 120px);margin-right:10px;}

  #fileUploadModal .btn-secondary6{padding:8px;border-radius: 5px;cursor: pointer;}
  #fileUploadModal .file_upload{display: flex;margin-top:12px;}
  #fileUploadModal .file_upload div{margin-right:10px;}
  #fileUploadModal .body-box{margin-top:20px;}

  #fileUploadModal  .filebox{display: flex;}
  #fileUploadModal  .filebox label{width: 110px;text-align: center;}
  #fileUploadModal  .filebox input{width: calc(100% - 120px);margin-right:10px;}

  .set-switch{/* display: flex */ margin-left: auto; position: relative; }
.switch{position: relative; display: inline-block; width: 30px; height: 16px;}
.main-set-switch:before, .main-set-switch:after {
   
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    bottom: 5px;
    opacity:0.5
}
/* .main-set-switch{margin-left: 100px;} */
.main-set-switch::before{content: "미승인"; }
.main-set-switch::after{content: "승인";}
.main-set-switch.active::before{opacity: 1; }
.main-set-switch.active::after{opacity: 1; }

.main-set-switch2::before{content: "대기"; }
.main-set-switch2::after{content: "배포";}
.main-set-switch2.active::before{opacity: 1; }
.main-set-switch2.active::after{opacity: 1; }

.switch input{opacity: 0; width: 0; height: 0;}
.slide.round{border-radius: 38px;}
.slide.round::before{border-radius: 50%}

input:checked + .slide{background-color: #18b0e2; /* background-image: linear-gradient(to right,#1488cc 0%, #2b32b2 100%); */} 
input:checked + .slide::before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}

.slide{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;background-color: #ddd; transition:.4s; -webkit-transition:.4s;}
.slide:before{position: absolute; content: ""; height: 17px; width: 17px; left: -2px; bottom: 0; background-color:#fff; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2); transition:.4s; -webkit-transition:.4s;}



table.t_head_fix{position: relative;}
table.t_head_fix thead.on_h{position: sticky;    top: -1px;    z-index: 9;
  left: 0;}
table.t_head_fix thead.on_h .check{position: inherit; }