@CHARSET "UTF-8";
.table .flex_wrap .qty-badge.total  { background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe; font-weight:700; text-align: center;  }
.table .flex_wrap .qty-badge.cancel { background:#fee2e2; color:#b91c1c; border:1px solid #fecaca; font-weight:700; text-align: center;  }

.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.6;border:1px solid transparent}
.badge.success{background:#e6ffed;color:#137333;border-color:#a7f3d0}   /* 성공(그린) */
.badge.warn{background:#fff7ed;color:#b45309;border-color:#fed7aa}      /* 대기/기타(오렌지) */
.badge.error{background:#fee2e2;color:#b91c1c;border-color:#fecaca}     /* 실패/취소(레드) */
.badge.muted{background:#f3f4f6;color:#374151;border-color:#e5e7eb}     /* 공란/미정 */
.badge.success2{background:#eceeff;color:blue;border-color:#eceeff}   /* 성공(그린) */


.qty-badge{display:inline-block;min-width:28px;text-align:center;padding:2px 6px;border-radius:6px;font-weight:600;font-size:12px;border:1px solid #e5e7eb;background:#f9fafb}
.qty-badge.refund{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe} /* 환급(블루) */
.qty-badge.cancel{background:#fef2f2;color:#b91c1c;border-color:#fecaca} /* 취소(레드) */

/* 비고 버튼 */
.btn-pill{display:inline-block;padding:4px 10px;border-radius:9999px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn-pill.outline{background:transparent}
.btn-pill.outline.danger{color:#991b1b;border-color:#fecaca}
.btn-pill.outline.refund{color:#3730a3;border-color:#c7d2fe}
.btn-group{display:flex;gap:6px;flex-wrap:wrap}

 
  /* 구간 색상 */
body .table td.col-boxbuy,      body .table th.col-boxbuy      { background:#f5faff !important; } /* 박스결제 */
body .table td.col-boxship,     body .table th.col-boxship     { background:#f4fff4 !important; } /* 박스배송/출고 */
body .table td.col-hold,        body .table th.col-hold        { background:#fffbea !important; } /* 보유(박스/상품) */
body .table td.col-gift,        body .table th.col-gift        { background:#fff0f6 !important; } /* 선물(공통) */
body .table td.col-goldshop,    body .table th.col-goldshop    { background:#f6f7f9 !important; } /* 더블샵 */

body .table td.col-point,       body .table th.col-point       { background:#f7f3ff !important; } /* 3. 보유 포인트 */
body .table td.col-ship-norm,   body .table th.col-ship-norm   { background:#f2fff2 !important; } /* 7. 배송상품(일반) */
body .table td.col-ship-ticket, body .table th.col-ship-ticket { background:#f2fffb !important; } /* 8. 배송상품(티켓) */

body .table td.col-gift-send,   body .table th.col-gift-send   { background:#fff2f6 !important; } /* 9/10. 선물 보냄 */
body .table td.col-gift-recv,   body .table th.col-gift-recv   { background:#fff7fa !important; } /* 선물 받음(참고) */

body .table td.col-market-card, body .table th.col-market-card { background:#f3f7ff !important; } /* 19. 마켓[카드+간편] */
body .table td.col-market-point,body .table th.col-market-point{ background:#f8f1ff !important; } /* 12. 마켓[포인트] */

/* 판단값/요약행도 배경만 */
body .table td.col-judge-plus,  body .table th.col-judge-plus  { background:#f0fdf4 !important; }
body .table td.col-judge-minus, body .table th.col-judge-minus { background:#fef2f2 !important; }
body .table td.col-judge-zero,  body .table th.col-judge-zero  { background:#f3f4f6 !important; }

body .table tr.row-today  > td, body .table td.col-today  { background:#fff7ed !important; }
body .table tr.row-yday   > td, body .table td.col-yday   { background:#f8fafc !important; }
body .table tr.row-diff   > td, body .table td.col-diff   { background:#fefce8 !important; }



/* ── Soft Purple family (아주 연함 50 / 연함 100) ───────── */
body .table td.bg-soft-lavender-50,   body .table th.bg-soft-lavender-50   { background:#f6f3ff !important; } /* 라벤더 아주 연함 */
body .table td.bg-soft-lavender-100,  body .table th.bg-soft-lavender-100  { background:#efe9ff !important; }

body .table td.bg-soft-lilac-50,      body .table th.bg-soft-lilac-50      { background:#f9f5ff !important; } /* 라일락 */
body .table td.bg-soft-lilac-100,     body .table th.bg-soft-lilac-100     { background:#f3eaff !important; }

body .table td.bg-soft-periwinkle-50, body .table th.bg-soft-periwinkle-50 { background:#f1f4ff !important; } /* 페리윙클(보라빛 파랑) */
body .table td.bg-soft-periwinkle-100,body .table th.bg-soft-periwinkle-100{ background:#e6ebff !important; }

body .table td.bg-soft-mauve-50,      body .table th.bg-soft-mauve-50      { background:#fbf1ff !important; } /* 모브 */
body .table td.bg-soft-mauve-100,     body .table th.bg-soft-mauve-100     { background:#f4e6ff !important; }

body .table td.bg-soft-iris-50,       body .table th.bg-soft-iris-50       { background:#f4f2ff !important; } /* 아이리스 */
body .table td.bg-soft-iris-100,      body .table th.bg-soft-iris-100      { background:#ebe7ff !important; }


  
.order_swrap input[type='button']{height: 35px;
    border: 0;
    display: inline-block;
    margin-top: 5px;
    padding: 0px 20px;
    font-size: 13px; 
    background: #eee;  }
    
    

table td {
 
  padding: 8px 3px;
}


.flex_list{ display: flex; gap:10px;  }

.note-editor.note-frame{ max-width: 100%;  }


.detail_stitle{ padding:30px;}

.excel_upload_btn{  cursor: pointer;  }
.excel_upload_btn input{ display: none;   }

.comm_top{ display: inline-block; width: 100%;  }
  .qna_box {
    display: block;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-top: 10px;
}

.qna_box ul.tab {
}

.qna_box ul.tab:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.tab li {
    float: left;
    width: 50%;
}

.qna_box ul.tab li:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.tab li a, .qna_box ul.tab li button {
    position: relative;
    border: 0;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1em;
    padding: 16px 10px 12px ;
    color: #707070;
    text-align: center;
    font-weight: 500;
}

.qna_box ul.tab li a.active, .qna_box ul.tab li button.active {
    font-weight: 700;
    color: var(--main-color);
}

.qna_box ul.tab li a.active::after, .qna_box ul.tab li button.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 60%;
    height: 2px;
    background-color: var(--main-color);
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
}

 
 
.qna_box ul.qna_list > li:last-child {
    margin-bottom: 0;
}

.qna_box ul.qna_list > li:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.qna_list > li .guest_box {
    position: relative;
    float: left;
    width: 100%;
    padding: 16px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    box-sizing: border-box;
}

.qna_box ul.qna_list > li .guest_box:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.qna_list > li .guest_box .name {
    float: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--main-color);
}

 

.qna_box ul.qna_list > li .guest_box .cont {
   /*  float: left; */
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
    color: #787878;
}

.qna_box ul.qna_list > li .guest_box .lock:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/resources/images/ico_lock.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}

.qna_box ul.qna_list > li .counselor_box {
    position: relative;
    float: right;
    width: 100%;
    padding: 16px 15px;
    border-radius: 10px;
    background-color: #EEEEEE;
    box-sizing: border-box;
    margin-top: 5px;
}

.qna_box ul.qna_list > li .counselor_box:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -6%;
    width: 6%;
    height: 50%;
    border-left: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
}

 

.qna_box ul.qna_list > li .counselor_box .data {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    letter-spacing: -0.035em;
}

.qna_box ul.qna_list > li .counselor_box .cont {
    float: left;
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
    color: #787878;
}

.qna_box ul.qna_list > li .counselor_box .lock:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/resources/images/ico_lock.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}
 	
 	 
 	

.qna_box ul.qna_list {
    padding: 30px;
}

.qna_box ul.qna_list > li {
    margin-bottom: 2px;
}

.qna_box ul.qna_list > li:last-child {
    margin-bottom: 0;
}

.qna_box ul.qna_list > li:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.qna_list > li .guest_box {
    position: relative;
    float: left;
    width: 100%;
    padding: 16px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    box-sizing: border-box;
}

.qna_box ul.qna_list > li .guest_box:after {
    content: '';
    display: block;
    clear: both;
}

.qna_box ul.qna_list > li .guest_box .name {
    float: left;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #000;
}

.qna_box ul.qna_list > li .guest_box .data {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    letter-spacing: -0.035em;
    margin-left: 10px; 
}
.qna_box ul.qna_list > li .guest_box .more_comm { float: right; }
.qna_box ul.qna_list > li .guest_box .more_comm li { float: left; margin-left: 10px;  }
.qna_box ul.qna_list > li .guest_box .more_comm li:first-child { margin-left: 0;  }
.qna_box ul.qna_list > li .guest_box .more_comm li a, .qna_box ul.qna_list > li .guest_box .more_comm li span{ display: inline-block; 
cursor: pointer; padding: 3px 10px; border: 1px solid #dfdfdf;  }

.qna_box ul.qna_list > li .guest_box .more_comm li a:hover, .qna_box ul.qna_list > li .guest_box .more_comm li span:hover { background: #eebb07; 
border-color: #eebb07; color:#fff;   }


 	
 	
 	
   .comment_editor { position: absolute; top:0; right: 0; width: 100%; height: 100%; background: #fff; display: none;  }
   .comment_editor input[type='text'] { width: calc(100% - 80px); padding: 25px 5px; background: none; border: 0; font-size: 14px;  }
   
   .comment_editor{ border: 1px solid #f3f3f3; border-right-width:3px;  border-bottom-width:3px; ;   padding: 0px 0px 0px 10px;;  border-radius: 10px;  }    
   
.comment_editor input[type='text']::placeholder { color:#2d2d2d;  }

.comment_editor input[type='button'] { width: 80px; border: 0; color:#eebb07; height: 69px;  background: none; font-size: 15px; font-weight: 500;  }
.comment_editor input { float: left;  }



.qna_box ul.qna_list > li .guest_box .cont {
    width: 100%;
    margin-top: 6px;
    font-size: 15px;
    color: #787878;
}

 

.qna_box ul.qna_list > li .counselor_box {
    position: relative;
    float: right;
    width: 90%;
    padding: 16px 15px;
    border-radius: 10px;
    background-color: #EEEEEE;
    box-sizing: border-box;
    margin-top: 5px;
}

.qna_box ul.qna_list > li .counselor_box:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -6%;
    width: 6%;
    height: 50%;
    border-left: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
}

.qna_box ul.qna_list > li .counselor_box .name {
    float: left ;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #000;
    margin-right: 10px; 
}

.qna_box ul.qna_list > li .counselor_box .data {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    letter-spacing: -0.035em;
}

.qna_box ul.qna_list > li .counselor_box .cont {
    float: left;
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
    color: #787878;
}

.qna_box ul.qna_list > li .counselor_box .lock:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/resources/images/ico_lock.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}

 
.detail_use{ display: inline-block; width: 100%; margin-top: 10px;  }	
.detail_use .use_w{ float: left;  }	
.use_w .img { float: left; width: 45px; height: 45px; border-radius: 500px; border: 1px solid #DFDFDF;
background: #F5F5F5; overflow: hidden; }	
.use_w .img img{ width: 100%;  height: 100%; object-fit: cover; }	
	
.use_w .img.no_img{ text-align: center;  }	
.use_w .img.no_img img { width: 20px; height: 20px; margin-top: 11px;   }

.use_w .memo > span { float: left; font-size: 15px; padding-right: 5px; line-height: 1.8;   }
.use_w .date span { font-size: 13px; color: #666; line-height: 0.8;
padding-left: 10px; display: inline-block; border-left: 1px solid #DFDFDF;;;  }
	
.use_w .memo { float: left; padding-left: 20px; margin-top: 8px;  }	
.use_w .date { float: left; margin-left: 10px;   }	
	

.detailt_qna_write .top {
    padding-bottom: 15px;
    border-bottom: solid 1px #EEEEEE;
}

.detailt_qna_write .top .img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.detailt_qna_write .top .img img {
    width: 100%;
}

.detailt_qna_write .top .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

.detailt_qna_write .top .info .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px;
}

.detailt_qna_write .top .info .name > span {
    display: inline-block;
    padding-right: 5px;
}
 	
.qna_list .l{ float: left;   } 	
.qna_list .l .use_w { float: left;  }

.qna_list .use_name {  float: left; margin: 13px; }

 	
 .answer_wrap { padding: 0 15px; display: none; width: 100%; margin: 15px 0; border: 1px solid #DFDFDF; overflow: hidden; }
 .answer_wrap .phto.use_w { margin: 13px 10px; float: left;   }
 	
 	
 	
 .comm_depth2_more { float: right; }
.comm_depth2_more li { float: left; margin-left: 10px;  }
.comm_depth2_more li:first-child { margin-left: 0;  }
.comm_depth2_more li a, .comm_depth2_more li span{ display: inline-block; 
cursor: pointer; padding: 3px 10px; border: 1px solid #dfdfdf; background: #fff;  }
 	
.comm_depth2_more li a:hover, .comm_depth2_more li span:hover { background: #eebb07; 
border-color: #eebb07; color:#fff;   }
 	
 	
 	
 	
 	
 	
 	
 	
 	
 	
 	
 	

.pop-conts .title ul { float: right; }
.pop-conts .title ul li { float: left; margin-left: 10px;   }
.pop-conts .title ul li a{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0;   }
.pop-conts .title ul li.on a { background: var(--main-color); color: #000; border-color:var(--main-color); }

.table td .guide_up { display: inline-block; padding: 5px 20px; background: #00B050; color:#fff; width: auto;
box-shadow: 1px 3px 3px rgba(0,0,0,0.16), 1px 3px 3px rgba(0,0,0,0.23); font-size: 11px;  }
.table td .guide_m { display: inline-block; padding: 5px 20px; background: #AFABAB; color:#fff; width: auto;
box-shadow: 1px 3px 3px rgba(0,0,0,0.16), 1px 3px 3px rgba(0,0,0,0.23); font-size: 11px; }

.table td .guide_m2 { display: inline-block; padding: 5px 10px; background: #327bea; color:#fff; width: auto;
box-shadow: 1px 3px 3px rgba(0,0,0,0.16), 1px 3px 3px rgba(0,0,0,0.23); font-size: 11px; }

.table td .guide_down { display: inline-block; padding: 5px 20px; background: #FF0000; color:#fff; width: auto;
box-shadow: 1px 3px 3px rgba(0,0,0,0.16), 1px 3px 3px rgba(0,0,0,0.23); font-size: 11px;  }


.select2-drop{ z-index: 9999999999 !important;  }
.join_error  { font-size: 13px; display: inline-block; width: 100%; margin-top: 5px; }


.notice_img_w .photo { width: 100%; height: 200px; background-image: none; }



.table .chek1 input[type=checkbox] + label.checkbox_btn { margin: 10px 0; }

.top_cont_table{  padding: 0 5px; background: #ececed; overflow: hidden; }


.useradd_table .mamber_nich_ch_w1 td input { width: 100px; float: left; }
.useradd_table .mamber_nich_ch_w1 td input:FIRST-CHILD { width: calc(100% - 100px); float: left; border-right: 0;   }


.cont_write_wrap .list_cont .pop_btn2 { display: inline-block; width: 100%; padding: 10px 0; }


.link_btn a, .link_btn span { color:blue; text-decoration: underline; }


.cont_write_wrap {  height: 100%;  } 
  .cont_write_wrap .cont{     height: 100%;   }
 .cont_write_wrap .pop_wrap { max-width: 800px; margin: 30px auto; display: block; overflow: auto; }
  .cont_write_wrap .pop-conts {     height: 100%; overflow: auto;position: relative; }
  
 .table_btn a, .table .table_btn input{ padding: 3px 3px; display: inline-block; background: #fff; border: 1px solid #231f20; font-size: 13px;   }
  
  
 .table_btn.select_click_btn a, .table .table_btn.select_click_btn input,
 .table .table_btn.select_click_btn button  {  color:#fff; border: 0;  padding: 5px; background: #b7b6bc; 
 border-radius: 5px; font-size: 11px;   }
   .table_btn.select_click_btn a, .table .table_btn.select_click_btn input.on
   , .table .table_btn.select_click_btn button.on {    color:#fff; border: 0;
background: rgb(172,37,255);
background: linear-gradient(142deg, rgba(172,37,255,1) 0%, rgba(202,121,255,1) 100%);  }




#ui-timepicker-div{ z-index: 9999999999999 !important; }
	.detail_title {  display: inline-block; width: 100%; margin-bottom: 10px; }
	.detail_title  .l { display: inline-block;  }
	
   .detail_title h3 { float: left; font-size: 20px !important; }
   .detail_title ul { float: right; }
   .detail_title ul li { float: left; margin-left: 5px; }
   .detail_title ul li a, .detail_title ul li input, .detail_title ul li button,
   .detail_title ul li span {  display: inline-block; text-align: center; background: var(--main-color); color:#000;
   font-size: 13px; padding: 7px 15px; margin-top: 1px;  border: 0;  }
   
   
   .coupon_list_w ul { padding: 10px 0; display: inline-block; width: 100%;   }
   .coupon_list_w ul li { display:  inline-block; width: 100%; padding: 9px 10px; }
   .coupon_list_w ul li .select_box { display:  inline-block; width: 100%;   }
   .coupon_list_w ul li p { font-size: 13px;  display:  inline-block; width: 100%; margin-bottom: 7px;  }
   
   .coupon_list_w ul li input { border: 1px solid #dedede; border-radius: 5px; height: 29px; width: 100%; padding: 5px 10px;   }
   
  .coupon_list_w ul li.num span { font-size: 13px; float: left; margin-top: 5px; margin-right: 5px;   } 
    .coupon_list_w ul li.num input { float: left; width: calc(100% - 26px); }
   
   
   .coupon_list_w ul li.date input { width: calc(50% - 12px);  }
   .coupon_list_w ul li.num span { display: inline-block; width: auto; margin: 5px 0; }
   
   
  .page_wrap .page_list .page_next a img, .page_wrap .page_list .page_prev a img { width: 20px; margin-top: 6px;  }
   .coupon_list_w .add{ padding: 10px 10px 20px; padding-top: 0;   }
   .coupon_list_w .add input { display: inline-block; width: 100%; height: 35px; border: 1px solid #4f4f4f;  border-radius: 5px; background: #fff; cursor: pointer; }
   
   .cont_ad_memo ul { display: inline-block; width: 100%; }
   .cont_ad_memo{ float: left; margin-left: 20px; margin-top: 5px;  width: calc(100% - 250px) }
   .cont_ad_memo ul li{ float: left; margin-left: 20px; font-size: 13px; position: relative; }
   .cont_ad_memo ul li:BEFORE{ content:""; font-size: 10px; position: absolute; left: -12px; top: 8px; 
   display: inline-block; width: 3px; height: 3px; background: #b2b2b2; border-radius:100px;   }
	.cont_ad_memo ul li:FIRST-CHILD:BEFORE { display: none;  }

.notice_table .select_box { width: 100%;  }
.notice_table .select_box span { max-width: 100% !important; text-align: left;   }
.notice_table .select2-choice{ padding-right: 10px; }

.option_type input[type=radio] + label { font-size: 13px; line-height: 1.6;  }


.my_info_list2 { display: inline-block; width: 100%;   }
.my_info_list2 ul li { display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 10px 0; }
.my_info_list2 ul li:first-child { border-top: 1px solid #eee; }
.my_info_list2 .content > h3 { font-size: 13px; margin-bottom: 15px;  }



.my_wrap { padding-bottom: 70px;  }
.my_info_list2 ul li img {float: left; }
.my_info_list2 ul li strong {float: left; margin-left: 7px; margin-top: 1px; font-weight: 500; width: 80px; }
.my_info_list2 ul li input {float: right; }
.my_info_list2 span{ margin-left: 10px;  }

.carousel-cell{ border-radius: 0; }


.map_header.list a.back_btn { display: none;  }
.map_header.list .search_wrap input[type=text] {  width: calc(100% - 93px); }
   
.item_more_wrap .item_list { margin-top: 5px;  }




.table.write_list h3 { display: inline-block; width: 100%; font-size: 15px; font-weight: 300;  }
.table.write_list table { margin-top: 10px;  }

.useradd_table .time_table_list td { padding: 0;  }
.useradd_table .time_table_list td select{ height: 50px; padding: 0 13px;   }
.useradd_table .time_table_list td input[type='text']{ height: 50px; padding: 0 13px; border: 0; background: none;  }

.phto_imglist ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("/resources/images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
 
 .useradd_table tr.age td input { width: 80px; float: left;  }
 .useradd_table tr.date td input { width: 150px; float: left;  }
 .useradd_table tr.age td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
 .useradd_table tr.date td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
  
  .useradd_table tr.date .checks { margin: 3px 10px; display: inline-block; float: left; }
    .useradd_table tr.date .checks span { margin: 1px 0px;  }
  
 .useradd_table tr.personnel td input { width: 80px; float: left;  }
 .useradd_table tr.personnel td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
 
 
 
.write_list { margin-top: 50px; display: inline-block; width: 100%;  }
.write_list input { width: 100%; border: 0;  padding: 0 16px;  }
.write_list input[type='button'] { width: 50px;  }
.write_list input[type='number'] { padding: 0;   }


.table td input{  max-width: 100%; }
.table td img{ max-width: 100%; height: auto !important;  }

.login_wrap{ width: 100%; height: 100%; background: #fbfbfb; padding: 100px 0; position: fixed; top:0; left: 0; min-height: 700px;  }
.login_wrap .login_box { width: 500px; margin: 35px auto 0; background: #fff; padding: 70px 50px; border-radius: 20px; max-width: 95%;
box-shadow: 3px 3px 10px 3px #f1f1f1;  }

.login_wrap h1 { text-align: center;  }

.login_wrap .login_box input { width: 100%; border: 0; background: #f2f2f2; height: 53px; padding: 0 30px; font-size: 15px; margin: 10px 0; border-radius: 100px;    }


.lock_box{ text-align: center; display: inline-block; width: 100%; margin: 10px 0;   } 
.lock_box > div { display: inline-block; margin: auto;  }
.lock_box img{ float: left; margin: 5px 5px 0 0 }
.lock_box span { float: left;  color: #9e9e9e;  font-weight: 300;   }

.login_wrap .login_btn input { background-color: var(--main-color); color: #000; font-weight: bold;  }


.login_input .error, .login_btn .error {  width: 100%; text-align: center; margin: 10px 0; min-height: 20px;  }



.login_input .error p, .login_btn .error p { color: #727171; font-size: 13px; margin: 0;  }

.goods_sale_err p { color: red; font-size: 13px; margin-top: 10px; }

.error { display: none;  }

.cont_select_view select, .cont_select_view .select2-container { width: 100%;  }

/* 관리 서비스 */

html, bodY{ height: 100%; overflow: hidden; }
/* 왼쪽메뉴 */
.wrap{height: 100%; }
.left_menu { width: 115px; background:#ececed; text-align: center; height: 100%; float: left; position: relative;  }
.left_menu h1{    text-align: center; background: #ececed; height: 71px }
.left_menu h1 a{ padding: 1px 0; color:#fff; font-size: 16px; display: inline-block; width: 100%; background: #f1e5e9; }
.left_menu h1 a img{ width:  65px; margin-top: px;  }

.left_menu ul.menu{ border-right: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;  height: calc(100% - 140px); overflow: auto; }
.left_menu ul.menu li a{ display: inline-block; width: 100%; border-bottom: 1px solid #dedede;  padding: 25px 0; font-size: 16px; text-align: center; }
.left_menu ul.menu li a i{ display: inline-block; width: 40px; height: 40px; float: left;  }
 i.menu_icon1{ background: url("../images/common/menu1.png") no-repeat center; }
 i.menu_icon2{ background: url("../images/common/menu2.png") no-repeat center; }
 i.menu_icon3{ background: url("../images/common/menu3.png") no-repeat center; }
 i.menu_icon4{ background: url("../images/common/menu4.png") no-repeat center; }
 i.menu_icon4_red{ background: url("../images/common/menu4_red.png") no-repeat center; }
  
  
 i.menu_icon5{ background: url("../images/common/menu5.png") no-repeat center; }
 i.menu_icon6{ background: url("../images/common/menu6.png") no-repeat center; }
 i.menu_icon7{ background: url("../images/common/menu7.png") no-repeat center; }

 i.t_icon{ background: url("../images/common/t_icon.png") no-repeat center; }
 
 
i.upload_icon {  background: url("../images/common/upload_icon.png") no-repeat center; }
i.download_icon {  background: url("../images/common/download_icon.png") no-repeat center; }



.ch i.menu_icon1{ background: url("../images/common/menu1_ch.png") no-repeat center; }
.ch i.menu_icon2{ background: url("../images/common/menu2_ch.png") no-repeat center; }
.ch i.menu_icon3{ background: url("../images/common/menu3_ch.png") no-repeat center; }
.ch i.menu_icon4{ background: url("../images/common/menu4_ch.png") no-repeat center; }
.ch i.menu_icon5{ background: url("../images/common/menu5_ch.png") no-repeat center; }
.ch i.menu_icon6{ background: url("../images/common/menu6_ch.png") no-repeat center; }
.ch i.menu_icon7{ background: url("../images/common/menu7_ch.png") no-repeat center; }

.left_menu ul.menu li a:hover i.menu_icon1 { background: url("../images/common/menu1_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon2 { background: url("../images/common/menu2_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon3 { background: url("../images/common/menu3_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon4 { background: url("../images/common/menu4_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon5 { background: url("../images/common/menu5_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon6 { background: url("../images/common/menu6_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon7 { background: url("../images/common/menu7_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover span span{ color:#313131; font-weight: bold;    }
.left_menu ul.menu li.ch a span span{ color:#313131; font-weight: bold; }

.left_menu ul.menu li a:hover { background: #f5f5f6; }
.left_menu ul.menu li.ch a { background: #f5f5f6;  }


.left_menu ul.menu li a > span{display: inline-block;}
.left_menu ul.menu li a > span span{  font-size: 16px; display: inline-block; }

.left_menu .logout {position: absolute; bottom: 10px; width: 100%; text-align: center;  }
.left_menu .logout p { font-size: 11px;  }
.left_menu .logout input { font-size: 13px; display: inline-block; background: #d4d4d4; padding: 5px 20px; color: #292929; font-weight: bold; margin-top: 10px; border: 0; cursor: pointer;  }


.left_menu .logout input:hover{ background: #292929; color:#fff;  }

.tree_btn{ display: inline-block; width: 100%; padding: 5px 5px 0;   }
.tree_btn ul li {float: left;  width: 33.33%; font-size: 12px;  text-align: center; padding: 1px   }
.tree_btn ul li a {  border: 1px solid #dedede; display: inline-block; width: 100%; padding: 7px 0;   }

.tree_btn ul li a:hover { background: #fffdec;  }


i.ch_icon_red{ background: url("../images/common/ch_icon_red.png") no-repeat center; }


/* 왼쪽메뉴 끝 */

/* 왼쪽 컨텐츠 */
.wrap{ min-width: 1235px; }
.content{float: left; width: calc(100% - 115px); height: 100%; min-width: 1100px; }

.l_cont_wrap{height: 100%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; overflow: auto; }
.left_cont { float: left; width: 250px; height: 100%;   }
.top_bar .title {   float: left; /*  width: 233px; */ margin-right: 110px  }
.top_bar .title i { display: inline-block; width: 40px; height: 40px; float: left;  }
.top_bar .title h2{float: left; font-weight: normal; font-size: 16px; margin: 10px 10px 0 5px; display: inline-block;  }

.tree_wrap {  height: calc(100% - 500px); overflow: auto; display: inline-block; width: 100%; padding: 0 0 5px; }
.group_title{padding: 9px 10px;background: #f5f5f6; overflow:hidden ;width: 100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede }
.group_title h4{float: left; font-weight: normal; font-size: 14px; padding-left: 13px;  background: url("../images/common/g_title.png") no-repeat left center; background-size: 7px;   }
.group_title i { display: inline-block; width: 14px; height: 14px; float: right; background: url("../images/common/icon_add.png") no-repeat center; margin-top: 2px;  }


	/* 체크박스 */
.checks input[type="radio"], .checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="radio"] + label, .checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 15px;  /* 체크박스의 너비를 지정 */
  height: 15px;  /* 체크박스의 높이를 지정 */
  line-height: 20px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 3px 7px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fff;
  border: 1px solid #cacece;
  border-radius : 1px; float: left;
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before,
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.useradd_table .btn_registration input { float: left; width: 150px; }
.useradd_table .btn_registration span {  float: left; margin: 5px 10px;  }



.checks input[type="radio"]:checked + label, .checks input[type="checkbox"]:checked + label {position: relative; cursor: pointer;  }
.checks input[type="radio"]:checked + label:before, .checks input[type="checkbox"]:checked + label:before { content: " "; background: #fff;  }
.checks input[type="radio"]:checked + label:after, .checks input[type="checkbox"]:checked + label:after { content: "V"; display: inline-block; width: 15px; height: 15px;
 position: absolute; top: 2px; left: 1px;   font-size: 9px; color:#060200;  text-align: center;    line-height: 1.35;  }
	/* 체크박스 끝 */

.checks input[type="radio"]:checked + label:after { content:"●"; background: var(--main-color); color:#000; margin-top: 1px; line-height: 1.3; border-radius: 100px;     }	
.checks input[type="radio"] label:after { width: 22px; height: 22px;  border-radius: 100px;   }
.checks input[type="radio"] + label:before { border-radius: 100px; overflow: hidden;  }

.group_cont{ height: auto; overflow: auto;  max-height: 300px; }	
.group_cont2{ height: auto; max-height: 210px;  }
.group_cont1{ height: auto; max-height: 210px;  }

.group_cont select{ width: 100%; height: 50px;  }


.group_cont > ul > li{ width: 100%; border-bottom: 1px solid #dedede; padding: 5px 10px 7px; position: relative; }	
.group_cont > ul > li > div{ display: inline-block; width: 100%; margin-top: 3px }
.group_cont > ul > li > div input{width: 100%; }

.group_cont > ul > li:hover { background: #fffdec  }
.group_cont > ul > li .checks label{float: left; width: 100%; }
.group_cont > ul > li .checks label span{float: left; line-height: 1.2; margin: 4px 0 2px;  font-size: 12px;     width: calc(100% - 30px);  }
.group_cont > ul > li .checks div{float: right; }


.group_cont > ul > li .checks div ul li{float: left; margin-top: 2px; margin-left: 5px; display: none; }
.group_cont > ul > li:hover .checks div ul li{ display: inline-block; }
.group_cont > ul > li .checks div ul li img{ width: 12px;  }
.group_cont > ul > li .checks div ul li:first-child { margin-top: 0;  margin-left: 0px; }

/* 왼쪽 컨텐츠 끝 */

/* 오른쪽 컨텐츠 영역 */
.top_bar{ padding: 15px 15px 0; width: 100%; background: #ececed; overflow: hidden;}
.right_cont{ width: calc(100% - 251px); float: left; height: 100%;  }
.search{ width: 250px; border: 1px solid #4f4f4f; ; border-radius: 5px; overflow: hidden; }
.search input { float: left;  }
.search input[type="text"] {  width: calc(100% - 30px); height: 30px; border:none; padding: 0 10px;  background: none   }
.search input[type="button"] {  width: 30px; height: 30px; background: url("../images/common/icon_search1.png") no-repeat center;  display: inline-block; border:none;  }


.top_bar .search{float: left; margin-top: 5px; }
.top_bar .btn_list{float: left; margin-top: 15px; }
.top_bar .btn_list ul li {float: left; margin-left: 10px; }
.top_bar .btn_list ul li a{border: 1px solid #4f4f4f; display: inline-block; padding: 5px 10px;  border-radius: 5px;   }
.top_bar .btn_list ul li a:hover{ background: #4f4f4f;  }
.top_bar .btn_list ul li a:hover span{  color:#fff; }
.top_bar .btn_list ul li a i { float: left; margin: 1px 3px 0 0; width: 14px; height: 14px;  }
.top_bar .btn_list ul li a i.icon_add {  background: url("../images/common/icon_add.png") no-repeat left center;  }
 .top_bar .btn_list ul li a:hover i.icon_add {  background: url("../images/common/icon_add_hover.png") no-repeat left center;  }
 
 .top_bar .btn_list ul li.on a{ background: #4f4f4f;   }
  .top_bar .btn_list ul li.on a span{ color:#fff; }
 
.top_bar .btn_list ul li a span{float: left; font-size: 13px; }

.r_cont_wrap{ padding: 0 5px; background: #ececed;     height:100%;  overflow: hidden;  }
.r_cont_wrap .cont{background: #fff; border:1px solid #dedede; height: 100%; overflow: auto; position: relative; }

.r_cont_wrap > .cont > .title{padding: 3px 10px; overflow: hidden; border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.r_cont_wrap > .cont > .title .left{margin-top: 7px; float: left;  }
.r_cont_wrap > .cont > .title .left h3{float: left; font-weight: normal; font-size: 15px; padding-left: 13px;  background: url("../images/common/g_title.png") no-repeat left center; background-size: 7px; margin-top: 1px;  }
.r_cont_wrap > .cont > .title .left strong {font-weight: normal; float: left; margin-left: 12px; font-size: 13px; display: inline-block; padding: 2px 10px 3px; background: #585858; color:#fff;  border-radius: 5px;  }
.r_cont_wrap > .cont > .title .left h3 span{ font-weight: bold; }


.top_cont_table > .title{padding: 3px 10px; overflow: hidden; border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.top_cont_table > .title .left{margin-top: 7px; float: left;  }
.top_cont_table > .title .left h3{float: left; font-weight: normal; font-size: 15px; padding-left: 13px;  background: url("../images/common/g_title.png") no-repeat left center; background-size: 7px; margin-top: 1px;  }
.top_cont_table > .title .left strong {font-weight: normal; float: left; margin-left: 12px; font-size: 13px; display: inline-block; padding: 2px 10px 3px; background: #585858; color:#fff;  border-radius: 5px;  }
.top_cont_table > .title .left h3 span{ font-weight: bold; }




.pop-conts .title{padding: 10px; overflow: hidden; border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.pop-conts .title i {  display: inline-block;  width: 40px; height: 40px; float: left; }
.pop-conts .title h2{float: left; font-weight: normal; font-size: 16px; margin: 10px 10px 0 5px; display: inline-block;  }


.r_cont_wrap .title .btn {float: right; margin-top: 5px; margin-bottom: 1px  }
.r_cont_wrap .title .btn ul{ float: left;  }
.r_cont_wrap .title .btn a{margin-top: 5px; display: inline-block; }
.r_cont_wrap .title .btn img{width: 20px; }
.r_cont_wrap .title .btn li{float: left; margin-left: 10px; }


.table th { background: #f9f9f9; border: 1px solid #dedede; font-size: 12px;  padding: 7px 3px; text-align: center;
    font-size: 12px; }
.table td span{ font-size: 12px;  }  
    
.table td {font-size: 12px; border: 1px solid #dedede; text-align: center; cursor: pointer; }
.table td p{font-size: 12px; width: 100%; margin: 7px 0; overflow:hidden;  white-space: nowrap; text-overflow:ellipsis;  word-wrap: break-word; 
 white-space: normal; line-height: 1.5;   text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }
 
 
.table td select{ color:#000; font-size: 13px; width: 100%; border: none; background: none;    }

.table tr:nth-child(2n) td {background: #f9f9f9; }

.table table  { width: 100%; table-layout: fixed; }
.table { width: 100%; }
.table tr:hover td{ background: #fffdec; }
.table tr td:hover{  background: #fffad2; }
.table tr th:first-child { border-left: none; }
.table tr th:last-child, .r_cont_wrap .table tr td:last-child { border-right: none; }

ul.fancytree-container{ border:none;  }

.fancytree-ico-ef span.fancytree-icon, .fancytree-ico-ef span.fancytree-icon:hover {background: url("../images/common/folder.png") no-repeat center; background-size: 16px; }
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon, .fancytree-ico-cf span.fancytree-icon,
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover, .fancytree-ico-cf span.fancytree-icon:hover {background: url("../images/common/folder_on.png") no-repeat center; background-size: 16px; }

.select_box_table{ width: 100%; border: none;  }
.select_box_table a{ border: none; }
.select_box_table.select2-container .select2-choice, .select2-container .select2-choice.select_box_table .select2-arrow{ border: none; }
.select_box_table.select2-container .select2-choice { padding-left: 3px;  }
.select_box_table.select2-container .select2-choice > .select2-chosen {margin-right: 20px; }


/* 오른쪽 컨텐츠 영역 끝 */

/* 팝업 */

.pop-layer .pop-container {
}



.pop-layer .btn-r {
  width: 100%;
  text-align: right;
}

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100; margin-right: 10px; }

/* 팝업끝 */
/* 인풋타입 파일 */
.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; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/* 인풋타입 파일 끝 */


.photo {width: 150px; height: 150px; border:3px solid #ececed; background: #ececed url("../images/common/photo_bg.png") no-repeat center; overflow: hidden; position: relative; }
.photo img{width: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%);  }

.pop_wrap{ display: inline-block; width: 100%; padding: 20px 35px;  }

.pop_wrap .left{ float: left; width: 150px; text-align: center;  }
.pop_wrap .left h3  { text-align: left; padding: 10px 0; display: inline-block; width: 100%; font-weight: normal; font-size: 15px; }
.pop_wrap .left .left_wrap { margin-top: 20px; }
.pop_wrap .left .left_wrap:first-child { margin-top: 0px; }


.pop_wrap .filebox { width: 150px; text-align: center; margin-top: 10px;  }
.pop_wrap .filebox label:hover { background: #585858; color:#fff;  }

.pop_wrap > .right { float: right;  width: calc(100% - 170px);  }


/** 셀렉트 박스 디자인  **/
.select2-container .select2-choice > .select2-chosen{ font-size: 12px;  }
.select2-container .select2-choice .select2-arrow b { background: #fff url('../images/common/select_bg.png') no-repeat center; }
.select2-container .select2-choice{background: #fff; border-radius: none; border-color: #dedede; height: 31px;  }
.select2-container .select2-choice .select2-arrow{  border-color: #dedede;  }
.select2-results .select2-highlighted{ background: #fffdec;  }
.select2-drop-active{ box-shadow: none; border-color: #aaa;  }
.select2-dropdown-open .select2-choice{box-shadow: none; border-color: #ffd3d3; }
.select2-container-active .select2-choice{box-shadow: none; border: 1px solid #aaa; }

.select2-results .select2-result-label{font-size: 13px; }
/** 셀렉트 박스 디자인  끝 **/

.useradd_table{ max-width: 560px; margin: auto; }
.useradd_table table { width: 100%;  }
.useradd_table tr{ }
.useradd_table th {  font-size: 15px; padding: 0 10px; font-weight: normal;  }

.detail_content .useradd_table th { font-size: 13px; padding: 11px 3px; }
.detail_content .useradd_table td { font-size: 12px;  }
.detail_content .status-badge, .detail_content .badge, .detail_content .qty-badge  { font-size: 11px;  }

.useradd_table td {   padding: 5px 0; }
.useradd_table td input { width: 100%; padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;   }
.useradd_table .select2-container, .useradd_table .select2-drop, .useradd_table .select2-search, .useradd_table .select2-search input{width: 100%; }

.useradd_table td input.on { background: var(--main-color); color:#000;  }

.useradd_table td input:disabled {
  background-color: #ddd;   /* 회색 배경 */
  color: #999;              /* 글자색 */
  border: 1px solid #ccc;   /* 테두리 */
  cursor: not-allowed;      /* 마우스 커서 금지 표시 */
  opacity: 0.7;             /* 투명도 */
}

.checks input[type="radio"]:disabled + label { color:#b9b9b9;  }


.useradd_table td span { font-size: 13px;  }
.useradd_table td span em { font-style: normal;  }



.useradd_table td textarea{  width: 100%; padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;  resize: none; height: 90px; }

.useradd_table .addr td input[type="text"]{width: calc(100% - 100px); float: left;  }
.useradd_table .addr td input[type="button"]{width: 100px; float: left; }


.useradd_table .tel input { float: left; width: calc(33.33% - 11.1px)  }
.useradd_table .tel span{float: left; display: inline-block; margin: 5px; }
.useradd_table tr .checks label span{ font-size: 13px;  }


.pop_b_btn{display: inline-block; width: 100%; margin-top: 20px;   }
.pop_b_btn .right {float: right; }

.pop_b_btn a, .pop_b_btn button, .pop_b_btn input[type='submit'], .pop_b_btn a, .pop_b_btn button, .pop_b_btn input[type='button']{ float: left; background: #060200; color:#fff; font-size: 13px; padding: 10px 15px; width: 130px; text-align: center;  border: 1px solid #060200; border-radius: 3px; margin-left: 10px;   }
.pop_b_btn a.btn-layerClose { background: #fff; border: 1px solid #dedede; color:#000; margin-right: 0;  }
.pop_b_btn a.delect {  background: #fff; border: 1px solid #dedede; color:#000;  }
span.fancytree-title{padding: 0; }


.template_layer .pop_b_btn a {  background: #fff; border: 1px solid #dedede; color:#000;  }

.tree_name{padding: 9px 7px;  border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.tree_name .select2-container, .tree_name .select2-drop, .tree_name .select2-search, .tree_name .select2-search input{width: 130px; float: right; }
.group_title.tree_name h4{margin: 4px 0; }
.group_title.tree_name a  { font-size: 13px; float: right; padding: 4px 10px; border: 1px solid #4f4f4f; border-radius: 6px;   }


span.fancytree-title{ padding: 2px 0;  }

.user { position: relative; width: 50px; height: 50px;  }
.user img{width: 100%; position: absolute; left: 50%; top: 50%;  
transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%); 
height: 100%; object-fit: cover;  }

.use_list_table{ display: inline-block; width: 100%;  }

.cont_more{text-align: center;  margin-top: 20px; clear: both; display: block;}
.cont_more a{ display: inline-block; padding: 7px 27px; font-size:13px; ;background:  #231f20; color:#fff; border-radius: 40px  }


.use_list_table .user{float: left; border-radius: 100%; overflow: hidden; margin-top: 27px; border: 1px solid #eee; width: 50px;  }
.use_list_table .user img{ height: 100%;  }
.use_list_table .right { width: calc(100% - 70px); float: left; margin-left: 20px; cursor: pointer; }
.use_list_table li  {width: 50%; float: left;  border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;  padding: 7px 20px; background: #fbfbfb; position: relative; }

.cont_list_wrap li { width: 33.33%; float: left; position: relative;  }

.use_list_table li:nth-last-child(2n) { border-right: 1px solid #dedede; }

.user_title{ display: inline-block; width: 100%;  }

.use_list_table{padding: 20px; }

.use_list_table .user_title{ display: inline-block; width: 100%;  }
.use_list_table .user_title a, .use_list_table .user_title input[type='button']  { background: #fff; float: right; font-size: 12px; padding: 3px 10px; border: 1px solid #eee; display: inline-block;   }
.use_list_table .user_title input[type='button'] {  margin-right: 5px;  }


.use_list_table .user_title h3{float: left; font-size: 17px; }
.use_list_table .user_title span{float: left; font-size: 13px; margin-left: 10px; margin-top: 5px;  }
.use_list_table .user_buttom p{ width: 100%; font-size: 13px; overflow: hidden;     text-overflow: ellipsis;  white-space: nowrap; padding: 1px 0;   }

.use_list_table li:hover { background: #fffdec;  }

.use_list_table .user_title em{ font-style: normal; float: right; font-size: 12px; margin-top: 5px;  }


.fractionation_use {  }
.fractionation_use li {     }
.fractionation_use li a{ display: inline-block;  padding: 5px ;  font-size: 13px;  }
.fractionation_use li > div{  display: inline-block;  padding: 5px ;  font-size: 13px;  }
.fractionation_use li > div input{     margin-left: 5px; }

.fractionation_use li a span{float: left; margin-left: 5px; width: calc(100% - 30px);    white-space: nowrap; text-align: left; }

.fractionation_use li ul{ margin-left: 15px; }
.fractionation_use li i {  display: inline-block; content: " "; width: 20px; height: 20px; background: url(../images/common/folder.png) no-repeat center; background-size: 100%; float: left; }
.fractionation_use li i.on{  background: url(../images/common/folder_on.png) no-repeat center; background-size: 100%; } 

.fractionation_use li a:before { }

.pop_wrap2 .left{ width: 200px; height: 410px; overflow: auto;;  }

.pop_wrap2 .right{ width: calc(100% - 270px);  }

.group_cont > ul > li > div input {  width: calc(100% - 30px); }



/* 탭메뉴 */

 

ul.btn_tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 14px 21px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}


ul.btn_tabs2 li{
	background: none;
	padding: 0px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}
ul.btn_tabs2 li a{ display:inline-block; padding: 14px 21px; }

.top_bar .tabs{margin-top: 5px; float: left;;  }
.top_bar .btn_tabs{margin-top: 7px; float: left;;  }


ul.btn_tabs li.current{
	background: #fff;
	color: #222;
}


ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 14px 21px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}

ul.tabs li.current{
	background: #fff;
	color: #222;
}

.tab-content, .tab-content2, .tab-content3{
	display: none; overflow: hidden;     height: calc(100% - 79px);
}

.tab-content.current, .tab-content2.current, .tab-content3.current{
	display: inline-block; width: 100%; 
}
/* 탭메뉴 끝 */

.cont_wrap{height: 100%; }


.r_cont_wrap .title .btn .btn_list_w a{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0;   }
.r_cont_wrap .title .btn .btn_list_w li.current a{ background: #4f4f4f; color:#fff; }

.r_cont_wrap .title .btn .btn_list a, .bonus_btn { font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0;   }
.r_cont_wrap .title .btn .btn_list li > span{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0; cursor: pointer; }
/* 일정 캘린더 */
.bonus_btn{ cursor: pointer; }
.r_cont_wrap .title .btn .btn_list li > select{  border: 1px solid #4f4f4f; border-radius: 5px; height: 33px; padding: 6px 12px; }


.r_cont_wrap .title .btn .btn_list li input[type='number'] {     border: 1px solid #4f4f4f;
    padding: 6px 8px;
    border-radius: 5px; font-size: 13px;  }


.calendar_wrap {position: absolute; background: #fff;  padding-top: 5px; overflow: auto; padding:20px;
    overflow-x: hidden; /*height:calc(100% - 40px);*/ width: 100%; padding-bottom: 30px; }
    
.calendar_cont_wrap { position: relative; }
 
    
    
/*.sub_search_left .calendar_wrap{height: calc(100% - 240px); }*/
/*.calendar_wrap.bottomup {padding-bottom: 300px;}*/
.sub_search_left .calendar_wrap{width: 100%;}

.cal_top a { font-weight: bold;background: #fff; padding: 5px 7px 3px 7px; font-size: 12px;}
.cal_top a.btn_cal_today { border: 1px solid #0070bb; color: #0070bb; }
.cal_top a.btn_cal_add { border: 1px solid #bbb; color: #aaa; }
.cal_top .datepick {margin:0 auto; width: 100%; margin-bottom: 20px;}
.cal_top .datepick table{width: 100%;padding-bottom: 100px;}



.cal_top .datepick table td{width: 20%; }
.cal_top .datepick table td:nth-child(1){text-align: left;}
.cal_top .datepick table td:nth-child(2){text-align: right}
.cal_top .datepick table td:nth-child(3){width: 10%;text-align: center; color: #555; }
.cal_top .datepick table td:nth-child(4){text-align: left}
.cal_top .datepick table td:nth-child(5){text-align: right}





.cal_month table { display: table; border-collapse:collapse ; width:  100%; height: 100%; table-layout: fixed; transform: translateY(10px); }

.cal_month table th {font-size: 11px;color: gray;padding:8px; font-weight: normal; text-align: center; }
.cal_month table th:first-child {color:crimson;}
.cal_month table th:last-child,.cal_week table th:last-child {color: #0a8cff;}




.cal_month table tr td:last-child span{color: #0a8cff;}

.cal_month table td {border: 1px solid #ddd;height: 110px; vertical-align: top; padding: 7px; text-align: right;}
.cal_month table td span{  font-size: 12px; display: inline-block; padding: 5px; }
.cal_month table tr td:first-child span{color: crimson;}
.cal_month table td span{color: gray}
.cal_list li {font-size: 12px;text-align: left; margin-top: 3px; display: inline-block; width: 100%;  }
.cal_list li:FIRST-CHILD {margin-top: 0 ; }

.cal_month table td li.pr_cal strong, .cal_month table td li.pr_cal em{ color: #bfbfbf;  }

.cal_month table td li.pr_cal i{ background: #bfbfbf;  }

.cal_list strong{    color: gray; font-size: 12px; font-weight: normal; max-width: calc(100% - 90px);  display: inline-block;     text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden; float: left; }
.cal_list em{ color: gray; font-size: 12px; font-style: normal; float: left;   }

.cal_month table td p {font-size: 11px;padding-top: 4px; color: #bbb; }
.cal_month table td p.more{display: inline-block; width: 100%; }
.cal_month table td p.more a{float: right; }
.cal_month table td .bluedot,
.cal_month table td .reddot,
.cal_month table td .greendot,
.cal_month table td .orangedot{text-align: left;cursor: pointer;}

.cal_month table td .bluedot:before{ content: "•"; font-size: 16px; color:blue; text-align: left;margin-left: -4px;}
.cal_month table td .reddot:before{ content: "•"; font-size: 16px; color:crimson; text-align: left;margin-left: -4px;}
.cal_month table td .greendot:before{ content: "•"; font-size: 16px; color:green; text-align: left;margin-left: -4px;}
.cal_month table td .orangedot:before{ content: "•"; font-size: 16px; color:orange; text-align: left;margin-left: -4px;}

.cal_month table td .bluedot p,
.cal_month table td .reddot p,
.cal_month table td .greendot p,
.cal_month table td .orangedot p {margin-left: 10px;}

.cal_list i { display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: red; float: left;  
    margin: 4px 5px 0 0;  }


.cal_all_menu{float: right;      padding: 10px 0;  position: relative; }  
.cal_all_menu a{ color: #494949; padding-right: 5px; background: url("../images/common/icon_add5.png") no-repeat right 0; background-size: 2px; }
.cal_all_menu ul {position: absolute; right: 0; z-index: 20; width: 180px; background:rgba(67,58,55,0.8); padding: 10px 5px;   }
.cal_all_menu ul li a{color:#fff; display: inline-block; width: 100%; border-bottom: 1px solid #fff; padding: 9px; font-size: 12px;  }




.cal_month table tr:nth-child(2n) td {background-color: #eee;}

.calendar_wrap .cal_month table .cal_today > span{ display: inline-block; padding: 3px 5px; border-radius: 100%; background: #060200; color:#fff;   }


.cal_month table td .more a{ color:#444e64; font-size: 9px;  }



/* 주,일 달력 */

.cal_week table { display: table; border-collapse:collapse ; width:  100%; height: 100%; table-layout: fixed; }
.cal_week table th {font-size: 11px;color: gray;padding:8px; font-weight: normal;}
.cal_week table th:nth-child(2) {color:crimson;}
.cal_week table tr:nth-child(2) {text-align: right; font-size: 15px;}
.cal_week table tr:nth-child(2) th { font-size: 12px; border: 1px solid #ddd; background: #f4f4f4;  }
.cal_week table td, .cal_week table tbody th {border: 1px solid #ddd; color: gray; height: 20px; vertical-align: top; padding: 0px; text-align: right;font-size: 12px; position: relative;  }
.cal_week table td:nth-child(1), .cal_week table th:nth-child(1) {text-align: center; vertical-align: middle;  }
.cal_week table td div {font-size: 12px; padding-left: 4px;}
.cal_week table td span { }
.cal_week table td p { display: inline-block; font-size: 11px;padding-top: 4px; color: #bbb; }


.cal_week table td .bluedot,
.cal_week table td .reddot,
.cal_week table td .orangedot{ text-align: left;cursor: pointer;}
/* 
.cal_week table td .bluedot:before{ content: "•"; font-size: 16px; color:blue; text-align: left;margin-left: -4px;}
.cal_week table td .reddot:before{ content: "•"; font-size: 16px; color:#2ace1d; text-align: left;margin-left: -4px;}
.cal_week table td .orangedot:before{ content: "•"; font-size: 16px; color:#ed7220; text-align: left;margin-left: -4px;}
 */


.cal_week table td .bluedot p,
.cal_week table td .reddot p,
.cal_week table td .orangedot p {margin-left: 10px;}
.cal_week table tr td.cal_today, .cal_week table tbody tr th.cal_today {background-color: rgba(255, 158, 80, 0.1);}

.cal_week table th{ text-align: center;  }
.cal_week table th.hover_first {border-left: 2px solid #0089c6;border-right: 2px solid #0089c6; border-top: 2px solid #0089c6}
/*.cal_week table td.hover {border-left: 2px solid #0089c6;border-right: 2px solid #0089c6; }*/
/*.cal_week table td.hover_last {border-bottom: 2px solid #0089c6;}*/

.cal_week.cal_day table td:first-child {width: 12.5%;}
.cal_week.cal_day table.noline {border: none; width: 97%;}
.cal_week.cal_day table.noline td {background-color: transparent;}
.cal_week.cal_day table.noline td:nth-child(1) {padding-left:0px; width: 20%;}
.cal_week.cal_day table.noline td:nth-child(1) {padding-left:0px; background-color: transparent; vertical-align: top; }
.cal_week.cal_day table.noline td{border:none;}
.cal_week.cal_day table.noline td:nth-child(2){text-align: center; width: 25%; }
.cal_week.cal_day table.noline p{ font-size:12px; color: gray;}

/*.cal_week.cal_day table{transform: translateY(38px);}*/


/* 하단 화면 */

.cal_bottom {position: absolute; bottom: 0; width: 100%; height: 240px; border-top: 1px solid #b5b5b5; background: #fff; color: #8a8a8a; padding: 32px 30px}
.cal_bottom h1 { font-size: 13px; margin-bottom: 12px;float:left;}
.cal_bottom a.cal_close { float:right; margin-top: -92px;margin-right: 0px;}
.cal_bottom table { width: 100%;color: #757575; font-size: 12px;border-bottom: 1px solid #ddd;}
.cal_bottom table th{padding:7px 3px; font-weight: 400; vertical-align: middle; }
.cal_bottom table th:nth-child(2){ text-align: left;}
.cal_bottom table th:nth-child(2) img{width: 18px }

.cal_bottom table td{height: 35px; padding: 0 3px; vertical-align: middle; cursor: pointer; text-align: center; }
.cal_bottom table td:nth-child(2){ text-align: left;}
.cal_bottom table td:nth-child(3){ text-align: left;}
.cal_bottom tr label{margin-left: 10px; }
.cal_bottom tr th label{margin-left: 10px; }
.cal_bottom table tr:nth-child(2n), .cal_bottom table tr:nth-child(1n) input[type="radio"] + label{background: #f6f6f6; }

.cal_bottom table td{border-top: 2px solid #fff; }
.cal_bottom table tr:nth-child(2n) input[type="radio"] + label{background: #fff; }

	
.cal_bottom input{margin-right: 5px; background: #fff; }
.cal_bottom input[type="radio"] + label {width: 14px; height: 14px;  
display: inline-block; line-height:0.9; cursor: pointer; }
  
.cal_bottom label{float: left; text-align: center; }
.cal_bottom span{margin-left: 8px; }
.cal_bottom input[type="radio"]:checked + label:after {content:'\2714'; font-size: 12px; color:#5e5d5d; }
.cal_bottom input[type="radio"] {display: none; }




.sub_cont_left { position: relative; width: 50%; padding: 0px 0; float: left; height: calc(100% - 40px); min-height: inherit; overflow-y: auto; }

.cal_bottom .cont_list_wrap { padding: 0; }
.cal_bottom .search_text input { width: calc(100% - 59px); }

.cal_split_wrap { position: relative; }
.cal_split_wrap ul { display: none; width: 81px; position: absolute; right: 0; top: 25px; -webkit-box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); z-index: 10; }
.cal_split_wrap ul li { text-align: left; padding: 5px 0 5px 5px; color: #b3b3b3; background: #fff; font-size: 12px; }
.cal_split_wrap ul li:hover { color: #fff; background: #0071bc; }

.calendar_bottom_icon { background-image: url("../img/calendar/calendar_bottom_title.svg"); }
.cal_day td > .cal_list{ position: absolute; width: 100%; padding: 3px; top:0; width: calc(700% + 8px); box-sizing: border-box;  }

.cal_week .cal_list strong{     max-width: calc(100% - 10px); }

.calender_table .time .select_box{ float: left; width: 80px; }
.calender_table .time span{ float: left; margin: 1px 5px; }

.calender_table td{ width: 30%;  }


/* 일정 캘린더 끝 */



/* 계약 */
.contract_form {padding: 20px; overflow: hidden; height: calc(100% - 40px); background: #fff;  }
.contract_form ul li{ float: left; width: calc(14.2% - 20px); border: 1px solid #dedede; margin: 10px; position: relative;   }
.contract_form ul li img{max-width: 100%; }
.contract_form ul li .phto{ padding: 15px 15px 0; background: #fbfbfb;  }

.contract_form ul li .title{padding: 5px 15px;  width: 100%; border-top: 1px solid #dedede; overflow: hidden;  }
.contract_form ul li .title img{float: left; width: 25px;  }
.contract_form ul li .title span{float: left; margin: 4px 2px; font-size: 13px;      overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 30px);  }
.contract_form ul li .title p{ font-size: 10px; text-align: right; }

.contract_form ul li .title > div { margin-bottom: 1px; display: inline-block; width: 100%;   }


/* 계약끝 */



.ch_box input[type=checkbox] { display: none; }

input[type=checkbox] + label{ display: inline-block; margin-right: 9px; font-size: 10px; float: left; height: 15px;    }
.contract_form input[type=checkbox] + label, .use_list_table input[type=checkbox] + label {  position: absolute; left:10px; top: 10px; }


.chek1 input { display: none;  }

.table .chek1 input[type=checkbox] + label { margin: 0; float: none;  }
.table .chek1 input[type=checkbox]+ label:before { width: 15px; height: 15px; cursor: pointer; color:#000;  }

input[type=checkbox]+ label:before {     
    content: ""; float:left;
    display: inline-block; width: 12px; height: 12px;      background-color: #fff;  
    border-radius: 2px; 
       border: 1px solid #ccc;
    color: #ff9f50; 
    
    
}

 input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    font-size: 10px; 
    font-weight:800; 
    color: #ff9f50;  
    text-align: center;  
    height: 12px;
} 



input[type=radio] + label{ display: inline-block; margin-right: 9px; font-size: 10px; float: left;  }

.contract_form input[type=checkbox] + label { position: static; display: inline-block; width: 100%; margin: 0; padding: 10px; float: none;   }
.contract_form input[type=checkbox] + label span{ float: left; margin-left: 5px;  }
.contract_form input[type=checkbox] + label em {float: right; font-style: normal;  }



@media (max-width: 1700px) {
	.contract_form ul li { width: calc(20% - 20px); }
}



/* 메일 */
.mail_menu {padding: 5px 0; height: calc(100% - 10px); background: #f7f7f7;  }
.mail_menu ul li{ overflow: hidden; font-size: 14px;  padding: 5px 15px;  } 
.mail_menu ul li em{ font-style: normal;  color:#cd4509; }


.mail_menu ul li a{float: left; padding: 2px 0; }
.mail_menu ul li div{float: right; }
.mail_menu ul li div a{font-size: 12px; padding: 3px 7px; display: inline-block; border: 1px solid #dedede; background: #fff; }
.mail_menu ul li a:hover{ color:#cd4509;  }
.mail_menu ul li div a:hover{ background: #f7f7f7; color:#000;    }

.mail_menu ul li.ch { background: #e1e1e1;  }
.mail_menu ul li:hover{ background: #e1e1e1;  }


.mail_btn{ width: 100%; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; overflow: hidden; }
.mail_btn li {float: left; width: 50%; text-align: center; }

.mail_btn li a{ display: inline-block; width: 100%; padding: 12px 0; font-weight: bold; color: #111; font-size: 15px;  }

.mail_btn li a{ border-right: 1px solid #dedede;  }
.mail_btn li a:hover{ background: #fdfbfa;  }


.mail_list td a{     overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap; display: inline-block;  width: 100%; font-size: 14px;   }
.mail_list td { font-size: 14px;  }
.mail_list input[type=checkbox] + label { float: none; margin: auto; } 
.mail_list td a {padding: 0 10px; }

/* 기타 */


.use_tab{ display: inline-block; width: 100%; margin-top: 30px   }
.use_tabs li { float: left; width: 20%; text-align: center;  }
.use_tabs li > div { display: inline-block; padding: 0 10px 10px; cursor: pointer; }
.use_tabs li span{font-size: 12px; }
.use_tabs li.current { font-weight: bold; }
.use_tabs li.current > div { border-bottom: 1px solid #000;  }

.use_summary{max-height: 220px; overflow:auto; padding: 10px 15px; }
.use_summary ul li{ overflow: hidden; width: 100%; margin-top: 10px; cursor: pointer; }
.use_summary ul li .left{float: left; width: 145px  }
.use_summary ul li .left i { display: inline-block; width: 60px; height: 60px; background-color: #ececed; border-radius: 100%; float: left; cursor: inherit; 
position: relative; background-position: center 1px;  }

.use_summary ul li .left i span{ position: absolute; bottom: 8px; left:0; font-style: normal; width: 100%; text-align: center;   }

.use_summary ul li .left > div {float: right; width: calc(100% - 70px); text-align: right; margin-top: 11px;  }  
.use_summary ul li .left p {font-size: 13px; line-height: 1.3; }
.use_summary ul li .left span {font-size: 11px; float: right;  }

.use_summary ul li .right { float: right; width: calc(100% - 170px); }
.use_summary ul li .right > div{ padding: 10px 15px;  background: #f5f5f5; border: 1px solid #dedede; font-size: 13px; line-height: 1.5; }

.table_list{width: 100%; padding: 10px 15px;     max-height: 220px; overflow: auto; }
.table_list table{ width: 100%; table-layout: fixed;  }
.table_list th { background: #f9f9f9; border: 1px solid #dedede; font-size: 12px;  padding: 7px; text-align: center; }
.table_list td { border: 1px solid #dedede;  text-align: center; cursor: pointer; }
.table_list td p{font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block;     width: 100%; margin: 7px 0;  }
.table_list td select{ color:#000; font-size: 13px; width: 100%; border: none; background: none;    }


.template_wrap .pop-layer { width: 500px; height: 360px;  }
.template_wrap .file_upload p { text-align: center; font-size: 14px; line-height: 1.5; margin-top: 15px;  }
.template_wrap .file_upload p span{font-weight: bold; }

.file_guidance{margin-top: 30px; }
.file_guidance ul{padding: 10px 15px; border: 1px solid #dedede; background: #f5f5f6; }
.file_guidance ul li {display: inline-block; width: 100%; font-size: 12px;  } 
.file_guidance ul li:before { content: " "; display: inline-block; width: 10px; height: 10px; margin-right:3px;
 background: url("../images/common/ch_icon.png") no-repeat top; background-size: cover;   }


    
    
.upfile_wrap{text-align: center; margin-top: 15px; }
.upfile_wrap input[type="file"] { display: none  }
.upfile_wrap label { display: inline-block; width: 100px; text-align: center; padding: 10px; font-size: 12px; background: #060200; color:#fff; border-radius: 20px; cursor: pointer;   }

.upfile_wrap label:after {  content: "\3009"; color:#fff; margin-left: 3px; font-weight: bold; }
.upfile_wrap label:hover { background: #ff3746; }

.template_wrap .file_upload_ok, .template_wrap .file_upload { height: 235px; }
.template_wrap .file_upload_ok{text-align: center;}
.template_wrap .file_upload_ok p { text-align: center; font-size: 14px; line-height: 1.5; margin-top: 5px;  }
.template_wrap .file_upload_ok p span{font-weight: bold; }

.upload_file{ background: #f5f5f6; padding: 7px 10px 9px; border: 1px solid #dedede; overflow: hidden; width: 350px; margin: 10px auto 0;  }
.upload_file:before { float: left; content: " "; display: inline-block; width: 15px; height: 15px; background: url("../images/common/document_icon.png") no-repeat 0 2px; background-size: cover;  }
.upload_file strong{ font-size: 13px; font-weight: normal; float: left; margin-left: 2px; width: calc(100% - 55px); text-align:left; 
overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  }
.upload_file span{ float: right; font-size: 12px; color: #828282; cursor: pointer; }

.pop_wrap.file_upload_ok{padding: 50px 35px; }
.file_upload_ok{ display: none; } 

.template_wrap .pop_b_btn button { float: right; background: #060200;  color: #fff;  font-size: 13px;  padding: 10px 15px;  width: 130px;
    text-align: center; border: 1px solid #060200;  border-radius: 3px; margin-left: 10px; }
.template_wrap .pop_b_btn{ padding: 0 15px; margin-top: 15px;  }
 
 .template_wrap .pop_b_btn button[disabled="disabled"] { background: #fff; border-color: #dedede; color:#a6a6a6;   }

 
 
 .pdf_wrap iframe { width: 100%; height: 100%;  }
 
 #toolbarViewerRight{ display: none;  }
 #toolbarViewerMiddle{float: right; position: static; transform: inherit; -webkit-transform:inherit;  }
 
 
 .pdf_middle {     position: absolute; left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%); }
 .pdf_middle p{ color:#fff; padding: 6px 0; }
 

 
 .pdf_wrap{ overflow: hidden; height: calc(100% - 100px); border-bottom: 1px solid #333; }
 
 
  .pdf_left { float: left; width: 300px; height: 100%; background: #f5f5f6;  }
 .pdf_iframe {  width: calc(100% - 300px); float: right; height: 100%; position: relative; }
 .pdf_iframe iframe{ border: none; }
 .pdf_iframe2{ width: 100%;  }
 
 .pdf_footer{ background: #333; width: 100%; height: 100px;   }
 
 .pdf_left h1 {  background: #060200; text-align: center; border-bottom: 1px solid #060200;   }
  .pdf_left h1 a{ font-size: 15px; color:#fff; display: block; padding: 7px 0; border-bottom: 2px solid #ff9a9a;   }
 
.paf_list {padding: 10px; box-sizing: border-box; }
.paf_list > li { display: inline-block; width: 100%; border: 1px solid #dedede; background: #fff; padding: 20px; margin: 2px 0; box-sizing: border-box;  }
.paf_list > li h4{ font-size: 13px; margin-bottom: 15px; display: inline-block; width: 100%;  }
.paf_list > li h4 span{ color:#060200; display: inline-block; margin-left: 3px;  }
 
.paf_list > li ul li{ display: inline-block; width: 100%; border: 1px solid #dedede; padding: 5px 10px; font-size: 13px; box-sizing:border-box;
    border-radius: 4px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); cursor: pointer; position: relative;
    background: #fff;  z-index: 99999; }
    
    
    
    
.paf_list > li ul li i { display: inline-block; width: 30px; height: 30px; background-size: cover; border-radius: 100%; border: 2px solid #060200; padding: 5px; float: left;  }
.paf_list > li ul li span{float: left; margin: 6px 10px; font-weight: bold;  color: #888888; }
.paf_list > li ul li strong { float: right; margin: 6px 0; color: #b6b6b6; }
 
 
.paf_list > li ul li:hover{  background: #f5f5f5;  }
 
.post {  position: absolute; top:100px; left: 100px;  padding: 5px 10px; cursor: move;width: 150px; background: #fffdec; border-radius: 20px; z-index: 999999999999;  }
.post_tex { width: auto; padding: 9px; }
.post_tex textarea { background: none; border: none; border-color: transparent transparent #ffb600; position: relative; z-index: 99999   }

.post.drop {position: absolute; }

.post_tex:after { content: " "; display: inline-block; width: 0; height: 20px;  border-style: solid; border-width: 0 0 11px 11px; border-color: transparent transparent #060200; 
position: absolute; right: 9px; bottom: 13px;   }
 
.post span{ color: #0b0b0b;  font-size: 13px; }
 
 
 
     
.post i { display: inline-block; width: 30px; height: 30px; background-size: cover; border-radius: 100%; border: 2px solid #060200; padding: 5px; float: left;  }
.post span{float: left; margin: 6px 10px; font-weight: bold;  color: #888888; }
.post strong { float: right; margin: 6px 0; color: #b6b6b6; }
 
 
    
 .sign_checks {position: relative;} 
 .sign_checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
 .sign_checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; 
 -ms-user-select: none; margin: 0; height: auto; } 
 .sign_checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; 
 /* 세로정렬을 위해 높이값과 일치 */ margin: 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
  .sign_checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
  .sign_checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; 
  border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

 
 
 .post_chk { width: auto; padding: 10px; }
 .post_close { position: absolute; top:-20px; right:-20px;  ;font-style: normal; color:#fff; padding: 1px; border-radius: 100px; background: #7c7c7c;  
 width: 20px; height: 20px; text-align: center; line-height: 0.9; font-weight: normal;  cursor: pointer; }
 .post_tex > div{ position: relative; }
 .post_sign > div{ position: relative; }
 
 .pdf_left h1 a{text-decoration: none; }
 
 .pdf_footer{ text-align: center; }
 .pdf_footer .btn { display: inline-block; margin: auto; padding: 20px 0 10px;   }
 .pdf_footer a,  .pdf_footer button, .pdf_footer a.template_set_btn{ float: left; background: #060200; color:#fff; font-size: 13px; padding: 12px 15px; width: 160px; text-align: center;  border: 1px solid #060200; border-radius: 3px; margin-left: 10px;   }
.pdf_footer a {     background: #fff; border: 1px solid #dedede; color: #000;  margin-left: 0; }
 .pdf_footer p {  font-size: 12px; color:#ccc;  }
 
 .template_layer, .template_set_layer{ z-index: 9999999999; }
 
 .template_layer .pop-container { background: #ccc;   }
 .template_layer .pop-layer { width: 390px; margin-top: 0 !important; top:10%; }
  .template_layer .pop_wrap{ padding: 20px 15px 10px; max-height: 550px; overflow-y: auto; }
 
 .template_add a{ display: inline-block; width: 100%; padding: 10px 0; text-align: center; background: #fff; border: 1px solid #ccc; margin-top: 10px;  }

 .template_add a img{float: left; margin-top: 2px; }
 .template_add a span{ display: inline-block;   float: left;  font-size: 12px; margin-left: 5px; font-weight: bold;  }
 .template_add a > div { display: inline-block;  } 
 
 .template_layer .pop_wrap .cont input{ width: 100%; border: none; padding: 13px 20px;     border-bottom: 1px solid #dedede; }
 
 .dim-layer.template_layer .dimBg{ opacity: 0.91; background: #3c3c3c;  }
 .template_layer .pop_wrap li{margin-top: 10px; }
 .template_layer .pop_wrap li:first-child { margin-top: 0; }
 
 #template_pop, #template_pop2 { width: 390px;  }
 
 
 .template_pop_btn ul { width: 100%; display: inline-block; padding: 15px 15px 10px;  }
 .template_pop_btn ul li {  float: left; width: 50%; text-align: center; }
 .template_pop_btn ul li a{ padding: 50px 0;  display: inline-block; width: 97%; border: 1px solid #dedede; font-size: 15px;  }
 .template_pop_btn ul li a:hover { background: #060200; color:#fff; }
 
 
 .template_pop_btn2 ul li{ width: 33.33%;  }
 .template_pop_btn2 ul li a{ height: 135px; position: relative; }
 .template_pop_btn2 ul li a span{ position: absolute; top:50%;     transform: translate(-50%, -50%);  width: 100%; }
 .template_pop_btn2 ul li a:hover span { color:#fff;  }
 
 .template_pop_w { padding: 15px 15px 0;  }
 
 .template_pop_btn .pop_b_btn{padding: 0 15px 15px; }
 
 .template_pop_btn .pop_b_btn a:first-child { background: #ccc; border: 1px solid #dedede; color:#000; margin-right: 0;  }
 
 
 .template_set_layer.template_layer .pop_wrap li { background: #fff;  }
  .template_set_layer.template_layer .cont { padding: 10px 20px;  }
 .template_set_layer.template_layer .cont > div{ margin-bottom: 10px;  }
  .template_set_layer.template_layer .cont textarea { width: 100%; border: 1px solid #dedede; resize: none; height: 60px; padding: 7px;  }
 
 
 .template_layer .pop_wrap .cont1 input {padding: 13px 0}
 
  .template_pop_w h3{ font-size: 15px;  }
 .template_pop_w ul {  padding: 10px 10px 0; }
 .template_pop_w ul li {font-size: 13px; line-height: 1.7; }
 .template_pop_w ul li.on { color: #060200; font-weight: bold;  }
 
 .title_wrap{  padding: 20px; border-bottom: 1px solid #ccc; display: inline-block; width: 100%;  }
 
 .mail_detail .title_wrap , .mail_detail .title{ display: inline-block; width: 100%;  }
 .mail_detail .title_wrap i { float: left; width: 20px; margin: 5px 10px 0 0;  }
 .mail_detail .title_wrap h3{ float: left;  width: calc(100% - 30px); font-size: 20px;   }
 .mail_detail .title_wrap ul { padding-left: 30px; margin-top: 5px;  }
  .mail_detail .title_wrap ul li { display: inline-block; width: 100%; }
  
  
 .mail_detail .title_wrap ul strong { font-size: 13px; font-weight: normal; width: 70px; float: left; display: inline-block; margin-right: 20px; } 
 .mail_detail .title_wrap ul span{   font-size: 13px; font-weight: normal; width:  calc(100% - 100px); float: left; display: inline-block;  }
  
 .mail_memo{ padding: 30px 50px 50px;  } 
 .mail_detail{ overflow: auto;  height: 100%;  }
 
  
 .mail_add .title_wrap ul strong { font-size: 15px; font-weight: normal; width: 70px; float: left; display: inline-block; margin-right: 20px; margin-top: 13px; } 
  .mail_add .title_wrap ul li:first-child strong,  .mail_add .title_wrap ul li:first-child span {margin-top: 0; }
  
  .mail_add .title_wrap ul span { padding: 0 10px;  } 
 .mail_add .title_wrap ul span,  .mail_add .title_wrap ul input{   font-size: 15px; font-weight: normal; width:  calc(100% - 100px); float: left; display: inline-block;  }
 .mail_add .title_wrap ul input { border: none; border-bottom: 1px solid #e8e8e8; padding: 10px;  }
 
 
 .mail_add .title_wrap ul span em:before { content: "<"; }
 .mail_add .title_wrap ul span em:after { content: ">"; }
 .mail_add .title_wrap ul span em{ font-style: normal;     color: #959596; }
  
  .mail_add .file_add{ float: right; border: 1px solid #e8e8e8;     width: calc(100% - 100px);  }
  .mail_add .file_add .txt_info { padding: 30px 0; display: inline-block; text-align: center;  width: 100%; font-size: 13px;  }
  
  .mail_add .title_wrap ul .file_mail_wrap{ float: right; width: calc(100% - 100px); margin: 10px 0; overflow: hidden; }
 .mail_add .title_wrap ul .file_mail_wrap input { display: none;  } 
 .mail_add .title_wrap ul .file_mail_wrap label, .mail_add .title_wrap ul .file_mail_wrap a { font-size: 13px; border: 1px solid #d3d3d3; padding: 5px 10px; float: left;   }  
 .mail_add .title_wrap ul .file_mail_wrap a{ margin-left: 5px; }
 
.mail_add .title_wrap ul .file_mail_wrap span{float: right; font-size: 12px; width: auto; margin-top: 10px; color:#8a8a8a;  } 
  
 .mail_add { height: 100%; } 
 .mail_add_memo{ height: calc(100% - 313px); } 
 .mail_add_memo textarea { width: 100%; height: 100%; border: none; padding: 30px;   } 
  
 .top_bar .btn_list_mail { float: left;   }
  
 
 .mic_btn { overflow: hidden; margin-bottom: 10px;  }
 .mic_btn > div{ background: #fff; border: 1px solid #585858; overflow: hidden; float: left;  padding-right: 15px; padding-left: 5px; border-radius: 20px; cursor: pointer;  }
 
.mic_btn img{float: left; width: 30px;  }
.mic_btn span{float: left; font-size: 13px; display: inline-block; margin-top: 6px; color:#585858;    } 
 
  .useradd_table td .mic_btn input { background:url("../images/common/mic_off.png") no-repeat 2px 0; padding-left: 30px;  padding-right: 15px; border-radius: 20px; cursor: pointer; border: 1px solid #585858; 
  width: auto; background-size: 27px;  float: left; }
 
 
   .useradd_table td .mic_btn input:hover {  background: #585858 url("../images/common/mic_on.png") no-repeat 2px 0; color:#fff; background-size: 27px;  } 
 
 
 .mic_btn audio { height: 25px; float: left; margin-left: 10px;  }
 
 .r_btn_list{float: right; }
 .r_btn_list ul li { float: left; margin-left: 10px;  }
 
 .bell_btn > .bell_icon {position: relative; }
 .bell_btn i{ display: inline-block; width: 35px; height: 35px; background:  url("../images/common/icon_bell.png") no-repeat; background-size: 100%; margin: 5px;  }
 .bell_btn > div > strong { position: absolute; top:-1px; right: -1px; background: #ff6666; color:#fff; border-radius: 1000px; padding: 2px 6px; font-size: 8px;   }

 .bell_btn > .bell_icon:hover i{ background:  url("../images/common/icon_bell_on.png") no-repeat; background-size: 100%;  } 
 .bell_btn.on .bell_icon i { background:  url("../images/common/icon_bell_on.png") no-repeat; background-size: 100%;  }


.status_wrap {padding: 10px; }

.status_box .title h3 {float: left;  }
.status_box .title span {float: right; font-size: 12px; color: #a9a9a9; margin-top: 6px;  }
.status_box .title{ padding: 10px 5px; overflow: hidden;  border-bottom: 1px solid #dedede;  }
 
 .status_box{margin: 20px; width: calc(50% - 40px); float: left; padding: 20px;  border: 2px solid #f4f4f4;  }
 
  .status_box .cont { padding: 20px 0 0; display: inline-block; width: 100%;  }
 
.box1_list ul li{width: 33.33%; float: left; text-align: center; }
.box1_list ul li a{ display: inline-block; margin: auto; width: 90%; }

.box1_list ul li i{ display: inline-block; width: 100%; height: 90px; background-color: #f4f4f4 !important; border: 1px solid #e2e2e2;  }
.box1_list ul li .memo > div { display: inline-block; margin-top: 5px;   } 

.box1_list ul li .memo strong {  font-weight: 500; font-size: 13px; float: left; }
.box1_list ul li .memo span { color: #060200; font-weight: 500; font-size: 13px; float: left; margin-left: 3px;  } 
 
 
 .box2_list > ul > li div > strong { font-size: 12px; padding: 3px 10px; border: 1px solid #8a8a8a; font-weight: normal; }
  .box2_list > ul > li > div{ width: 90%; margin: auto; }
 
.box2_list > ul > li{width: 33.33%; float: left; text-align: center; }
.box2_list > ul > li > a{ display: inline-block; margin: auto; width: 70%; }

.box2_list li li strong { float: left; font-size: 13px;  }
.box2_list li li span { float: right; font-size: 13px;  }
 
 .box2_list li li{ overflow: hidden;  margin: 2px 0;  }
 .box2_list li ul{margin-top: 15px; }
 
 .cont.box2_list{ margin-top: 23px;    padding: 0px 0 0px;  }
 
 
 .status_box .box1_list { margin-top: 27px; padding: 20px 0;  }
 .box2_list li li a{ display: inline-block; width: 100%;padding: 9px 10px; border: 1px solid #f4f4f4;  }
 .box2_list li li a:hover{ background: #fffdec;  } 
 
 
 .box1_list ul li a:hover i{ background-color: #fffdec !important; }
 
 .box2_list > ul > li.on a{ background-color: #fffdec !important; }
.box2_list > ul > li.on div > strong{ color: #060200 ; border-color:#ffe500; background: #ffe500;   }


 .status_box .cont.calendar_main, .status_box .cont.mail_main { height: 270px; }
  
 .calendar_top span{font-size: 17px;  display: inline-block; font-weight: bold; }
 .calendar_top img {width: 14px; cursor: pointer; margin-top: 1px;   }

 .calendar_top > div > div{float: left; }

.calendar_top .fl { margin-right: 13px; }
.calendar_top .fr { margin-left: 10px; }
.calendar_top{ text-align: center; float: left; width: calc(100% - 100px);  }
.calendar_top > div{display: inline-block; }
 
 
 
 
 
 
 
 
 .mail_list td,  .mail_list th,  .mail_list td,  .mail_list th  {border-left: none; border-right: none;  }
 
.calendar_main .ui-datepicker .ui-datepicker-next{  background:url("../images/common/calendar_next.png") no-repeat center; padding: 0; margin: 0; right: 50px; top:2px; border:none; background-size: 13px;
cursor: pointer; }
.calendar_main .ui-datepicker .ui-datepicker-prev{  background:url("../images/common/calendar_pr.png") no-repeat center; padding: 0; margin: 0; left: 50px; top:2px; border:none; background-size: 13px; 
cursor: pointer;}

 /*  
 .ui-datepicker .ui-datepicker-header { background: #fff; border: none; }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
 {border: none; background: none; }
  */
 
 .calendar_main #mydate{float: left; }
 
 .calendar_main .right { float: right; width: calc(100% - 283px); margin-left: 10px;   }
 .ui-timepicker-table td a {padding: 0 1px; display: inline-block;  width: 100%; text-align: center;  }
 .ui-timepicker-table td{ width: 3em; }
 
 .ui-timepicker-table { width: 320px !important; }
.calendar_main .ui-widget.ui-widget-content{ height: 246px;  }
 
 
 
 .bell_wrap > .bell_list { position: absolute; right: 0px; background: #fff; padding: 10px;     border: 1px solid rgba(100, 100, 100, .4);  border-radius: 0 0 2px 2px;  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);  }
 .bell_title { padding: 0 5px 10px; border-bottom: 1px solid #dedede;   }
 .bell_title strong { font-size: 13px;  }
 .bell_wrap .use_summary { padding: 5px 10px; width: 500px;  }
 .bell_wrap .use_summary ul li .left {width: 75px; }
 .bell_wrap  .use_summary ul li .right{ width: calc(100% - 80px);  }
 
 .bell_wrap{position: relative; display: none; z-index: 9999 }
 .bell_more{ width: 25px; height: 20px; background: url("../images/common/bell_more.png") no-repeat bottom; position: absolute; top:-17px; right: 11px;  z-index: 20; }
 
 .bell_bg{ position: fixed; width: 100%; height: 100%; top:0; left:0;   }
 
 
   .fc-day-number.fc-sat.fc-past { color:#0000FF; }     /* 토요일 */
    .fc-day-number.fc-sun.fc-past { color:#FF0000; }    /* 일요일 */

 
 


.height_wrap{ height: 100%; }
.height_wrap body{ height: 100%;  }

.login_box h1{ margin-bottom: 15px;   } 

 
 .vakata-context-parent { display: none !important;  }
 
 /* 관리서비스 끝 */
 
 
  
  .list_cont{ margin-top: 20px; padding: 0 16px;  }
  
  .list_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
 
 .list_cont .cont_memo .title span{ font-size: 10px; padding: 1px 5px; display: inline-block; border: 1px solid #bbb; color: #828282;  }
 
 .note-editor span{ font-size: 15px !important; }
 
 
.list_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }


 .list_cont .cont_memo .dday{margin-top: 2px; }
 .list_cont .cont_memo .dday strong { float: left;  }
 .list_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .list_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .list_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }
 
.list_cont .left_logo { text-align: center; position: absolute; left: 7px; bottom: 16px; width: 80px; background: #fff; padding: 5ppx;   }
.list_cont ul li { position: relative; display: inline-block; width: 33.33%; margin-top:10px; }
.list_cont ul li:first-child{margin-top: 0; }


.list_cont .left_logo .logo_img { width: 100%; height: 80px; background: #fff; position: relative; padding: 5px;  }
.list_cont .logo_img > div{ position: relative; display: inline-block; width: 100%; height: 100%;  }
.list_cont .left_logo img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.list_cont .left_logo strong { display: block; width: 100%; font-weight: normal; font-size: 11px; color: #414141;   }
.list_cont .left_logo span { display: block; width: 100%;  font-size: 10px;  color: #414141; }
  
  
.list_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
.list_cont .cont_memo h3{ width: 100%; margin-top: 3px;  font-weight: 400;  font-size: 14px;  overflow: hidden; text-overflow: ellipsis; 
    display: inline-block; white-space: nowrap; color: #2f2c2c; line-height: 1.2  }
 
 
.list_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }

 .list_cont .cont_memo .dday{margin-top: 2px; }
 .list_cont .cont_memo .dday strong { float: left;  }
 .list_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .list_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .list_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }
  
.list_cont .cont_memo { float: right; width: calc(100% - 90px);  }
.list_cont .cont_memo p{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap;   }
  
  .cont_bottom p em{ font-style: normal; margin-left: 5px; font-size: 10px; color: #027efe; }
  .cont_bottom p em:first-child {  margin-left: 0px; }
  
  
.seach2_cont_img{position: relative; overflow: hidden; width: 100%; height:150px; ; text-align: center;    }
.seach2_cont_img a{display: inline-block; width: 100%; height: 100%; }

.seach2_cont_img img{   width: 100%;  position: absolute; left: 50%; top: 50%;     transform: translate(-50%, -50%); }
.seach_cont2 > ul > li > img{float: left; }
.cont_memo{  width: 100%; box-sizing: border-box;  padding: 8px 0 10px;   }


.slide_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
.slide_cont .cont_memo h3{ width: 100%; margin-top: 1px;  font-weight: 400;  font-size: 14px;  overflow: hidden; text-overflow: ellipsis; 
    display: inline-block; white-space: nowrap; color: #2f2c2c; line-height: 1.2  }
 
 
.slide_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }


 .slide_cont .cont_memo .dday{margin-top: 2px; }
 .slide_cont .cont_memo .dday strong { float: left;  }
 .slide_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .slide_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .slide_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }

.useradd_table tr.addr td, .useradd_table tr.addr th { padding-bottom: 0;  }

.useradd_table tr.addr td input[type='text'] { float: left; width: calc(100% - 210px); margin: 0 5px;    }
.useradd_table tr.addr td input:first-child { float: left; width: 100px; margin: 0px;  }
 
.useradd_table tr.addr td input[type='button'] { float: right; width: 100px;    }
 
 .pop-layer .pop_wrap { max-height: 800px; overflow: auto; }
  
 
.phto_imglist input[type='file'] { display: none;  }
.phto_imglist li:first-child label { background: #f5f5f5 url("/resources/images/common/phto_bg.png") no-repeat center; border: solid 1px #d9d9d9;  display: inline-block;
width: 86px; padding: 45px 0 23px;  border-radius: 3px; text-align: center; float: left; color:#c4c4c4; height: 86px; box-sizing: border-box;  font-size: 13px;  }


.upphto_item{ position: relative; width: 86px; height: 86px; border: solid 1px #d9d9d9; box-sizing: border-box; border-radius: 8px;
overflow: hidden;    }
.upphto_item img{ max-width: 100%; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); }

.phto_imglist ul{  display: inline-block; width: 100%; box-sizing: border-box; }
.phto_imglist ul li{ float: left; margin: 4px 4px; position: relative;  }
.phto_imglist ul li:first-child { margin-left: 0;  }

.recruit_input .imgs_wrap ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
 
 
 
.phto_imglist input[type="file"]{ display: none } 
.phto_imglist label { background: #f5f5f5 url("/mobile/resources/images/common/phto_bg.png") no-repeat center; border: solid 1px #d9d9d9;  display: inline-block;
width: 100px; height: 100px;  border-radius: 3px; text-align: center; float: left; color:#c4c4c4; box-sizing: border-box;  font-size: 13px; padding: 5px;  }

.phto_imglist label > div{ position: relative; overflow: hidden; display: inline-block; width: 100%; height: 100%;  }
.phto_imglist label img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none;  }

 .ui-widget.ui-widget-content{ z-index: 999999999!important; }
 
 
 .useradd_table .cont_join_data input { float: left; width: calc(50% - 5px); }
 .useradd_table .cont_join_data input:first-child { margin-right: 10px; } 
 
 form{ height: 100%; overflow: hidden; }
 .cont_write_wrap {  height: 100%;  } 
  .cont_write_wrap .cont{     height: 100%;   }
 .cont_write_wrap .pop_wrap { max-width: 800px; margin: 30px auto; display: block; overflow: auto; }
  .cont_write_wrap .pop-conts {     height: 100%; overflow: auto;position: relative; }
  
 .table_btn a, .table .table_btn input{ padding: 3px 3px; display: inline-block; background: #fff; border: 1px solid #231f20; font-size: 13px;   }
  
  
  
  .useradd_table .date2 td input { width: calc(50% - 15px); float: left;  }
  .useradd_table .date2 td span { float: left;  display: inline-block; margin: 3px 0; width: 30px; text-align: center; }
  
  
  
  .useradd_table .ch_list .checks label { float: left;  }
 
  .useradd_table .ch_list ul li { float: left;  }
  .useradd_table .ch_list ul li input{ display: none }
  
  .useradd_table .ch_list ul { display: inline-block; width: 100%; margin: 5px 0;   }
  
  .useradd_table .ch_list .checks input + label:before, .useradd_table .ch_list .checks input + label:after { display: none  }
  
  .useradd_table .ch_list.ch_day input + label { background: #fff; display: inline-block; padding: 7px 8px; border-radius: 30px; border: 1px solid #FFC627;
   display: inline-block; height: auto; cursor: pointer; font-size: 12px; }
  .useradd_table .ch_list.ch_day input:checked + label{ background: #FFC627; color:#fff;  }
  
  .useradd_table .ch_day0 td{ padding-top: 7px; padding-bottom: 0;    }
  .useradd_table .ch_day1 td{ padding-top: 11px; padding-bottom: 0;    }
  
  .useradd_table tr { display: table-row;  }
  .useradd_table tr.ch_day3{ display: none;  }
  
  .ch_day0 ul li { width: calc(50% - 5px); margin-left: 7px;    }
  .ch_day0 ul li:first-child { margin-left: 0px;    }
  .ch_day0 ul li div, .ch_day0 ul li div label{ display: inline-block; width: 100%; text-align: center;  }
  
  .ch_day1 ul li { width: calc(33.33% - 5px); margin-left: 7px;    }
  .ch_day1 ul li:first-child { margin-left: 0;  }
  .ch_day1 ul li label{ margin: 0; }
  
  .ch_day1 ul li div, .ch_day1 ul li div label{ display: inline-block; width: 100%; text-align: center;  }
  
.selectize-dropdown-content{display: none;  }
.selectize-input{display: inline-block; margin-top: 3px; width: 100%;     background: #fff;    border: 1px solid #dedede; cursor:text; }

.useradd_table td .selectize-input input{ border: 0;  }


.tag_ejoin strong{font-size: 12px; font-weight: bold; display: inline-block;   float: left; margin: 7px 0; }
.tag_ejoin p{font-size: 12px;  float: left; margin-top: 5px; text-align: left; margin-left: 10px; line-height: 1.5; }

.selectize-input .item{ background: #FFC627; color:#fff; padding: 2px 3px; border-radius: 5px; float: left; margin: 5px; font-size: 12px; }
.selectize-input .item a{ color: #000 !important; margin-left: 3px;  }
.selectize-input input { border: none; width: 100% !important; }
.selectize-dropdown.multi.plugin-remove_button { display: inline-block !important; width: 100% !important;   }

    
  .banner_img_wrap .photo.photo1, .banner_img_wrap .photo.photo2 { width: 100%; height: 200px;  }
  .banner_img_wrap{ width: 100%; float: none;  }
  .banner_img_wrap .left_wrap { margin-bottom: 50px;  }
  .banner_img_wrap .pop_wrap .filebox { width: 100%;  }
  .pop_wrap .banner_img_wrap .filebox { margin: auto; margin-top: 10px;   }
  .banner_img_wrap h3{ margin-bottom: 10px; font-weight: normal;  }
  
   
 .page_wrap{ text-align: center; margin-top: 30px;  }
 .page_wrap > .page_list{ display: inline-block;  }
 .page_wrap .left{ float: left; }
 .page_wrap .left li { float: left; margin: 0 3px; }
 
 .page_wrap .right{ float: left; }
 .page_wrap .right li { float: left; margin: 0 3px;  }
 
 .page_wrap .page_list{   margin: 0 20px  }
 .page_wrap .page_list li { float: left;  }
 .page_wrap .page_list li a, .page_wrap .page_list li span{ color:#666666; font-size: 14px; padding: 6px 11px; display: inline-block; border-radius: 100px;  }
 .page_wrap .page_list li.on span {   color:#fff;   }
 .page_wrap .page_list .page_next a, .page_wrap .page_list .page_prev a { padding-top: 0; }
 
 
  .l_cont_wrap form { height: auto;  }
  
  .notice_table.table td p { text-align: left; padding: 0 10px  }
  
  
  
 .recruit_apply{ overflow: hidden;  }
 .recruit_apply > strong { float: left; width: 210px; font-size: 30px; margin-top: 40px; }
 .recruit_apply > .right { float: right; width: calc(100% - 210px);  }
 .recruit_apply > .right table { width: 100%; border-bottom: 2px solid #000;   }
  
 .necessary{ float: right;  }
 .necessary span{ font-size: 13px;  }
 .necessary span i { color:red; font-style: normal;   } 
 
 .recruit_apply > .right th { font-size: 16px; font-weight: normal; color:#111111; padding: 10px 0;  line-height: 1.5; width: 120px;  } 
 .recruit_apply > .right h3 { padding: 20px 0; border-top:2px solid #000; border-bottom:2px solid #000; font-size: 20px;   } 
 
 .recruit_apply > .right td { font-size: 16px; font-weight: normal; color:#111111; padding: 10px 0; line-height: 1; border: none;  } 
 .recruit_apply > .right td select{ width: 100%; height: 41px; border: 1px solid #909093; width: 39%; padding: 0 10px;  }
 
 .recruit_input { display: inline-block; width: 100%;  }
 .recruit_input li { width: 100%; float: left; }
 
 .recruit_input li .l { float: left; width: 120px;  padding-top: 10px;  }
 .recruit_input li .l strong { font-size: 13spx; float: left; font-weight: normal;  }
 .recruit_input li .l i { font-size: 13px; float: left; font-style: normal; margin-left: 2px; }
 
 .recruit_input li .r { float: left; width: calc(100% - 120px);  }
 .recruit_input li .r input{ padding: 10px; display: inline-block; width: 100%; border: 1px solid #909093; width: 90%;   } 
 

 
 .recruit_input .l strong { font-weight: normal; line-height: 1.3; }
 
 .recruit_input > .l { float: left; width: 120px;  }
 .recruit_input > .r { float: left;  }
  .recruit_input .file input{ display: none !important; }
 .recruit_input .file label { display: inline-block; width: 90%; padding: 15px 20px; background: #fff0bd; margin: 6px 0;   }
.recruit_input .file label i { float: right; font-style: normal; font-size: 20px; line-height: 0.8;  }
  
  .recruit_input li input{ display: none;  }
  
 .recruit_input .imgs_wrap { display: inline-block; width: 60%;  }
 .recruit_input .imgs_wrap ul li { display: inline-block;  padding: 15px 20px; margin: 6px 0; border: 1px solid #000; background: #fff; width: 100%; position: relative; }

 
 .recruit_apply > .right td.recruit_memo{ padding-left: 15px; padding-bottom: 30px; }
 .recruit_memo p { margin-top: 10px; color:#9b9b9b; font-size: 15px; line-height: 1.3; }
 .recruit_memo p:first-child { margin-top: 0; }
 
 
  .notice_wrap table tr th { vertical-align: top; padding-top: 10px;   }
  .notice_wrap .useradd_table { max-width: 100%;  }
  
  .notice_wrap.cont_write_wrap .pop_wrap { max-width: 1200px } 
  
  #cke_19{ display: none !important; }
  .cke_toolbar_separator { display: none !important; }
  
  
  .notice_cata_add { border-bottom: 1px solid #4f4f4f; overflow: hidden; padding: 5px 7px 7px 0px;   }
  .notice_cata_add input[type=text] { float: left; border: 0;  width: calc(100% - 50px); height: 30px;  padding: 0 16px;  }
  .notice_cata_add input[type=submit] { float: left;  border: 0; background: none;  width: 50px; height: 30px; border: 1px solid #4f4f4f; border-radius: 5px; font-size: 13px;   }
  
  
  .group_cont.del_group > ul > li .checks label { width: calc(100% - 70px); margin-right: 0;  }
  .group_cont.del_group > ul > li .checks input, .group_cont.del_group > ul > li .checks a  { width: 33px; float: left; border: none; background: #fff; font-size: 11px; margin-top: 5px;
  cursor: pointer; text-align: center; }
  
  
  .group_cont > ul > li .deit_wrap { position: absolute; left: 0; width: 100%; height: 39px; top:0; display: none;  }
  .group_cont > ul > li .deit_wrap input[type='text'] { float: left; width: calc(100% - 57px); margin: 0; height: 39px; padding-left: 16px; }
  .group_cont > ul > li .deit_wrap input[type='button'] { float: left; width: 57px; margin: 0; height: 39px;  }
  
  .drop_menu.group_cont > ul > li > ul > li.add_group_wrap {   overflow: hidden; }
  .group_cont > ul > li .add_group_wrap input[type='text'] { float: left; width: calc(100% - 57px); margin: 0; height: 30px; padding-left: 16px; }
  .group_cont > ul > li .add_group_wrap input[type='button'] { float: left; width: 57px; margin: 0; height: 30px;  }
   .group_cont > ul > li .add_group_wrap input  { width: 33px; float: left; border: none; background: #fff; font-size: 13px; margin-top: 3px;
  cursor: pointer;  }
  
  
  
  
  .useradd_table .recruitment_period input{ float: left; width: 150px;   }
  .useradd_table .recruitment_period span { float: left; margin: 5px 10px;  }
  
  
  .drop_menu { overflow-x:hidden; }
  .drop_menu.group_cont > ul > li ul.sub_cata_list_add {  width: 100%; display: none; padding-top: 5px; margin-top: 5px;  }
  .drop_menu.group_cont > ul > li ul.sub_cata_list {  display: none; padding-top: 5px; margin-top: 5px; }
  .drop_menu.group_cont > ul > li ul label { padding-left: 10px;  }
  .drop_menu.group_cont > ul > li > ul > li { border-top: 1px solid #dedede; display: inline-block; width: 100%; padding: 7px 0 3px; position: relative;  }
  
  
  .drop_menu.group_cont.del_group > ul > li ul label{  width: calc(100% - 66px); }
  .drop_menu.group_cont.del_group > ul > li ul label:after { left: 11px; }
  
  
  .group_cont.group_cont4.del_group.drop_menu { max-height: 100%;  }
  
  .cont_write_wrap .pop_wrap.solution_wrap { max-width: 1200px;  }
  .cont_write_wrap .pop_wrap.solution_wrap .useradd_table{ max-width: 100%;  }
  .cont_write_wrap .pop_wrap.solution_wrap .useradd_table td  { width: auto; }
  
  .solution_cata h3 { font-size: 17px; margin-bottom: 10px;  }
  
  .solution_cata { display: inline-block; width: 100%;  }
  .solution_cata > div{ max-height: 500px; overflow: auto; border: 1px solid #eee; padding: 10px 10px;  }
  .solution_cata label{ margin: 0; width: 100%; text-align: left; line-height: 1.5;   }
  .solution_cata label span { display: inline-block; padding: 3px 0 11px; line-height: 1; font-size: 13px;  }
  .solution_cata ul li { display: inline-block; width: 100%;  }
  .solution_cata ul li ul label { padding-left: 10px;   }
  .solution_cata ul li ul label:after { left: 10px !important;  } 
  
  .solution_wrap.pop_wrap .left { width: 250px;  }
  .solution_wrap.pop_wrap > .right { width: calc(100% - 270px); }
  .cont_write_wrap .pop_wrap .top { display: inline-block; width: 100%;  }
   .cont_write_wrap .pop_wrap .top .box { float: left; margin-left: 15px;  }
  .cont_write_wrap .pop_wrap .top .box:FIRST-CHILD { margin-left: 0;  }
   .cont_write_wrap .pop_wrap .top .box h3{  text-align: left; padding: 10px 0; display: inline-block; width: 100%; font-weight: normal; font-size: 15px; }
	.cont_write_wrap .pop_wrap .top.img_item5 .box { width: calc(20% - 13px); }
  .cont_write_wrap .pop_wrap .top .box .photo { width: 100%; height: 230px; }
  .cont_write_wrap .pop_wrap .top .box .filebox { margin: auto; margin-top: 10px;  }

  .solution_cata > div > ul > li > div > span { font-size: 17px; display: inline-block; width: 100%; text-align: left; margin-bottom: 10px;  }
  .solution_cata > div > ul > li { margin-top: 10px; }
  .solution_cata > div > ul > li:first-child { margin-top: 5px;  }
  
  .r_btn_list a { font-size: 13px; padding: 7px 15px 8px; display: inline-block; margin: 5px; border: 1px solid #383838;  }
  
  
  #excel_btn { cursor: pointer; display: inline-block; margin-top: 5px; }
  
  .solution_order.solution_cata > div { padding: 20px 30px;  }
  .solution_order.solution_cata > div > ul > li > div > span,  .solution_order.solution_cata ul li span { float: left;  min-width: 150px; width: auto; }
  .solution_order ul li input { float: left; width: 70px; padding: 10px 5px; text-align: center; }
  .solution_order.solution_cata > div > ul ul { padding-left: 20px;  }
  
  .solution_order.solution_cata ul li span { margin: 8px 0; position: relative; }
  .solution_order.solution_cata ul ul { display: none;  }
  
  .solution_order.solution_cata ul li .cont{ display: inline-block; width: 100%;  }
  
  .solution_order.solution_cata > div > ul > li > div > span{ padding-right: 30px; }
  .solution_order.solution_cata ul li span i { font-style: normal; font-size: 9px; position: absolute; right: 10px;    }  
  .solution_order > div { max-height: none; }
  
  
  
   .write_list input[type='button']#option_add{ display: inline-block; width: 350px; margin-top: 10px; padding: 10px 0;   }
  
  .option_table_list2 .table_text span { display: inline-block; width: 98%; background: #fff; padding: 5px; border: 1px solid #dedede; }
  .option_table_list2 .table_price input { float: left; height: 29px; width: calc(100% - 30px); padding: 0 10px; }
  .option_table_list2 .table_price span  { float: left; width: 30px; margin-top: 4px; text-align: left; padding-left: 5px;  }
  
  
  
  
  
  
  
  
  

.note-color .note-dropdown-menu{ display: inline-block !important;  }
    .note-palette:first-child { display: none !important;  }
    
     .note-editor.note-frame .note-editing-area .note-editable img{ width: auto !important; max-width: 100%; }
     
     .note-tooltip.bottom.in { display: none !important; } 
     .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette 
     .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu 
     .note-palette .note-color-select{ display: none; }
     #foreColorPalette{ display: none }
     
     
     .note-dropdown-menu { position: static; width: auto;  } 
     
     
     .note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu{ width: auto; min-width: auto;  position: static; } 

     .note-editor .note-toolbar { width: 100%;   overflow: auto; white-space: nowrap;  }
     
     .note-editor .note-editing-area .note-editable { border: 1px solid #dedede; border-top:0;   }
     .note-editor .note-toolbar{  border: 1px solid #dedede; border-bottom:0;   }
     
     .note-btn.note-current-color-button { display: none;  }
     
     .note-btn-group {  margin-top: 5px !important;  }
     .note-btn-group button { float: left; }
     
     
     .note-btn.dropdown-toggle  { display: none;  }
     .note-dropdown-menu { display: inline-block !important;    }
     
     .note-dropdown-item { display: inline-block; float: left;  }
     
     .note-dropdown-item h6{ font-size: 13px; }
     
     
     
     a.note-dropdown-item, a.note-dropdown-item:hover { margin: 0; background: none;  }
     
     .note-dropdown-menu{ background: none; border: none; }
     
   /*   .note-btn, .note-btn:hover  { background: none; border: none; } */
     
     [class^=note-icon]:before, [class*=" note-icon"]:before{ font-size: 16px;  }
     
     .note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu{ min-width: auto;  }
     
     
     .note-dropdown-menu.dropdown-style a{ margin-left: 10px; }
     .note-dropdown-menu.dropdown-style a:first-child { margin-left: 0;  }
      
     .note-dropdown-menu.dropdown-style a p , .note-dropdown-menu.dropdown-style a h6 {  font-size: 15px;  }
     
      .note-dropdown-menu.dropdown-style a p { margin-top: 1px !important;  }
      .note-dropdown-menu.dropdown-style a h6{ font-size: 16px; font-weight: 500;  }
     
     
     .note-color-row button{ margin-left: 10px !important; border-radius: 100% !important;  }
     .note-color-row button:first-child { margin-left: 0 !important;  }
     
     .note-color .note-dropdown-menu { padding-top: 0px;  }
     .note-editor .note-toolbar .note-color-palette div .note-color-btn{ width: 18px; height: 18px; float: left; }
     
     .note-editor .note-toolbar .note-color-palette div .note-color-btn { margin-bottom: 2px;  }
     
     .page_name{ display: inline-block; width: 100%; text-align: center; font-size: 17px;  }
     .review_memo{ resize: none;  }
     
     .note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar { display: none;  }
     
     .note-editor.note-frame {  border: none;  }
      
	
	  .page_add input { background: none; position: absolute; right: 0; border: 0; top: 8px; color: #74bf32; font-size: 17px; font-weight: bold; }     
     
     
     
     .note-editable iframe { width: 100%;  }
     
     
     
     .note-btn-group.note-resize, .note-btn-group.note-float { display: none;  }
   
   
   .note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
   padding: 0; height: 37px; }
   .note-editor .note-toolbar .note-para .note-dropdown-menu{  }
.note-btn-group { margin-top: 0;  }
.note-popover .popover-content .note-para .note-dropdown-menu>div+div, .note-editor .note-toolbar .note-para .note-dropdown-menu>div+div { margin-left: 0; }
  
  .note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu
  { min-width: auto; }
  .note-btn-group { margin: 0;  }
  
  
  
  
  
  
   
  
  
  
  
  .select_box_point{ width: 70px !important;  }
  
 .select_box_point.select2-container .select2-choice > .select2-chosen { width: 100%; padding: 0; padding-right: 18px; padding-top: 2px;   }
  .select_box_point.select2-container .select2-choice { padding: 0;  }
  
  
  
  
  
  
.review_cont { display: inline-block; width: 100%;   border-bottom: 10px solid #f1f1f1; padding-bottom: 20px;  }

.review_list{ display: inline-block; width: 100%; margin-top: 5px;  }
.review_detail{ margin-top: 0;  }
.review_list ul li{ display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #f5f5f5;  }
.review_list ul li .l strong { display: inline-block; width: 100%; margin-bottom: 5px; color:#5a5a5a;  }
.blog_review_cont ul li .l strong { font-size: 15px;  }

.review_list ul li .l { float: left; width: calc(100% - 30px);  }
.review_list ul li .r { float: right; margin-top: 3px;  }
.review_list ul li .r a { display: inline-block; padding: 10px;  }

.review_list .date { display: inline-block; width: 100%;  }
.review_list .date a { display: inline-block; width: 100%; padding-top: 10px;  }
.review_list .date span { float: left; font-size: 12px;  color:#bfbfbf;  }
.review_list .date strong { float: right; font-size: 12px;  color:#bfbfbf; font-weight: 300;  }
.review_list .date span strong { font-weight: 500; color:#3c3c3c; }

.user .phto { float:left; width: 30px; height: 30px; overflow: hidden; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; margin-top: 7px; float: left;  }
.user .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
height: 100%; }

.user { display: inline-block; width: 100%;  }
 .user span { float: left; margin-left: 7px; margin-top: 11px;  }


.review_list ul li .star-rating { margin: 5px 0 7px;  }

.review_phto_list{ display: inline-block; width: 100%; margin-top: 12px;  }
.review_phto_list .flickity-viewport { max-height: 100px; overflow: hidden; }



.review_phto_list ul .flickity-slider li { width: calc(33.33% - 10px); height:100px; position: relative; border: 0;  }
.review_phto_list ul .flickity-slider li img { max-width: 100%;  position: absolute; left: 50%; top: 50%;     transform: translate(-50%, -50%); }
.review_phto_list .carousel { background: none;  }

.review_phto_list .flickity-page-dots .dot { padding: 0;  }

.review_phto_list .phto_list {  }
.review_phto_list .phto_list li { width: calc(33.33% - 10px); height:100px; position: relative; border: 0; margin-right: 0; margin-left: 10px; padding-bottom: 0; margin-bottom: 0; padding: 0; }
.review_phto_list .phto_list li:first-child  { margin-left: 0;  }
.review_phto_list .phto_list li img { max-width: 100%; border-radius: 7px; object-fit: cover; height: 100%; width: 100%; }

.review_phto_list .flickity-page-dots { bottom: 10px ; }


.comment_memo{ padding: 100px 0;  }
.comment_memo.review_memo  { height: calc(100% - 150px); width: 300px;     margin: auto; }
.comment_memo.review_memo .content { height: 100%; width: 100%; min-width: auto; }

.comment_memo.review_memo textarea { height: 250px; width: 300px; border: 1px solid #eee; padding: 10px 15px;  }

.review_btn { text-align: center; padding: 0 0px; margin-top: 0px; width: 100%; display: inline-block; }
.review_btn input{ display: inline-block; width: 100%; padding: 15px 0; background:#231f20; color:#fff; border: none; border-radius: 7px; margin-top: 15px; font-size: 14px;   }




 .star-rating {width:304px;  }
  .star-rating, .star-rating span {display:inline-block; height: 20px; overflow:hidden; background:url(/mobile/resources/images/common/star.png)no-repeat 0 0.2px;
  background-size: 90px;  }
  .star-rating span{background-position:left bottom; line-height:0; vertical-align:top; height: 17px; }
  
  .review_wrap ul li{ float: left; width: 50%; padding: 5px; box-sizing: border-box; }
  .review_wrap > div { display: inline-block; width: 100%; padding: 5px;   }
  
  .review_wrap strong{ display: inline-block; width: 100%; font-weight: normal;  }
  .star-rating { width: 90px;  height: 18px; margin-top: 5px;   }
  
.detil_btn_y{ display: inline-block; width: 100%; margin-top: 20px;  }
.detil_btn_y a, .detil_btn_y span { display: inline-block; width: 100%; padding: 12px 0; border-radius: 10px; color:#545454; background: #ffe063; font-weight: 500; text-align: center;  } 

  
  
.main_review{ padding: 6px 0; }

.qna_wrap .review_list ul li .l { width: calc(100% - 110px); }
.qna_wrap .review_phto_list { width: 70px; float: right;   }
.qna_wrap .review_phto_list .phto_list li { height: 70px; border-radius: 7px }


.qna_wrap .review_phto_list .phto_list li {width: 100%;  }
.review_list .date span { margin-left: 10px; }
.review_list .date span:first-child { margin-left: 0;  }

.qna_wrap .review_list .date { display: inline-block; margin: 0; margin-top: 10px;  }
  
  
  
  /* 
.comment_wrap { display: inline-block; width: 100%; margin-top: 10px; padding-top: 20px; border-top:5px solid #f1f1f1 }


.comment_text_box .comment_user .phto { float: left; width: 30px; height: 30px; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; overflow: hidden;    }


.comment_text_box .comment_user .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
.comment_text_box .comment_user > span { float: left; font-size: 13px; margin: 4px 7px;  }

.comment_input{ display: inline-block; width: 100%; margin-top: 10px; border-radius: 5px; overflow: hidden;  }
.comment_input input[type='text'] { width: calc(100% - 80px); padding: 10px 16px; background: #f5f5f5; border: 0;   }
.comment_input input[type='button'] { width: 80px; border: 0; color:#fff; background: #64c064; height: 39px;    }
.comment_input input { float: left;  }

.comment_all { display: inline-block; width: 100%; margin-top: 20px;  }
.comment_all span { float: left; font-size: 15px; margin-top: 6px; color:#b7b7b7  }
.comment_all strong { float: left; font-size: 20px; color:#62bf62; margin-left: 5px; font-weight: 500;  }

.comment_list { display: inline-block; width: 100%; margin-top: 10px;  }
.comment_list ul li { display: inline-block; width: 100%; padding: 10px 0 15px; border-bottom: 1px solid #f5f5f5;  }
.comment_list ul li .phto { float:left; width: 30px; height: 30px; overflow: hidden; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; margin-top: 7px;  }
.comment_list ul li .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }



.comment_list ul li .memo { float: left; width: calc(100% - 90px); padding: 0px 3px 0px 10px;   }
.comment_list ul li .more { float: right; width: 60px; }
.comment_list ul li .more ul li { float: left; margin: 0; padding: 0; width: calc(50% - 1px); border: 0;  }
.comment_list ul li .more ul li:first-child { margin-right: 2px; }


.comment_list ul li .more ul li a { font-size: 9px; display: inline-block; width: 100%; padding: 2px 3px; border: 1px solid #f5f5f5;   }

.comment_list ul li .name{ display: inline-block; width: 100%; }
.comment_list ul li .name strong { color:#5a5a5a; float: left;  }
.comment_list ul li .name span { float: left; margin-left: 5px; font-size: 11px; margin-top: 1px;   }

.comment_list ul li .memo > p  { display: block; width: 100%; font-size: 13px; margin-top: 3px;   }
.comment_list ul li a { float: right; display: inline-block; width: 20px; padding: 5px 0; text-align: center;  }
   */
  
  .no-img.no-img3 { text-align: center; }
  
.pop-layer .btn-r{margin-top: 0; padding-top:0;  }

.pop_btn { text-align: center; }
.pop_btn a, .pop_btn input.btn_purple { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 30px; width: 100px; font-size: 11px; background: none; min-width: 210px;  }
.del-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
.logout-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
  
  .pop_close { position: absolute; top: 10px; right: 13px;  }

.share_layer .ctxt{ text-align: center; padding: 10px 0 30px; font-size: 14px;  }
.del-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
.logout-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
#del-layer{ width: 320px; }





  .sub_table{ margin-top: 20px;  }
   .sub_table thead th { background: #f5f5f5;  width: auto; padding: 10px 0; text-align: center; }
   .sub_table tbody td {    width: auto; padding: 10px 0; text-align: center; }
   
   
   
   .useradd_table tr.goods_ad_theme{ display: none; }
   .useradd_table tr.goods_ad_memo{ display: none; }
   .useradd_table tr.goods_ad_memo1{ display: none; }
   
   
   
   
   
   
   .option_ch2_w{ display: none;  }
   .option_ch1_w{ display: none;  }
   .useradd_table tr.option_type1{ display: none;  }
   
   
   
   
   
   
 
.manual_file_w input { display: none;  }
.manual_file_w label, .cont_audio_w label { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px; margin-top: 3px; cursor: pointer;  }

.cont_audio_w input{ display: none;  }

.manual_file_li ul li { margin: 5px 3px; position: relative;  }
.manual_file_li ul li { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px;  }
.manual_file_li ul li:first-child { margin-left: 0;  }
.manual_file_li ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }



.cont_audio_w ul li { margin: 5px 3px; position: relative;  }
.cont_audio_w ul li { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px;  }
.cont_audio_w ul li:first-child { margin-left: 0;  }
.cont_audio_w ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }

 
 
 
 
 
	.note-editor.note-frame{ z-index: 999999999; }
	.note-modal, .note-modal-content { z-index: 99999999; }
	.note-modal-backdrop { z-index: 1000;  }
 
 
	.main_bannder .content{ padding: 0; }
	.note-modal-footer .note-btn { display: inline-block; width: 100%; height: 35px; color:#000; float: none;  } 
	.note-modal-footer { height: auto;  }
	.note-modal-body { padding-bottom: 10px;  }
 
 
 
 .lineitem{  }
 
 .lineitem_btn {  cursor: pointer; text-align: center; margin-top: 0px;  }
 
 
 
 
     
 .note-emoticon { position: relative; }
 .emoticon_btn{  cursor: pointer; text-align: center; margin: 5px 5px 0;   float: left;  }
 
 
 
 
 .emoticon_btn > img{ width: 20px;   }
 
 .emoticon_pop { position: fixed; left: calc(50% + 201px); ; width: 300px;  bottom: 14%;   padding: 0px; display: none; z-index: 999999; }
 
  .emoticon_pop > ul{ display: inline-block; width: 100%; border: 1px solid #00000032; border-top:0; padding: 5px 10px; background: #fff;   }
 .emoticon_pop > ul li { width: 25%; margin: 0; display: inline-block; float: left; text-align: center;  }
 
  .emoticon_pop > ul li img { width: 65px; cursor: pointer; padding: 10px; }
 
 
 
 .note-editor.note-frame .note-editing-area .note-editable img.emoticon_img, img.emoticon_img { width: 70px !important; }
 
 .note-control-selection-info { display: none !important; }
 
 
 
 .emoticon_tap {   width: 100%; background:#ECECEC; overflow: hidden;  }
 .emoticon_tap ul li { float: left; width: 50%; text-align: center; padding: 8px 0 5px;  }
 .emoticon_tap ul li.on { background: #fff; border: 1px solid #C5C4C4; }
 
  .emoticon_tap ul li img { width: 30px;  }  
 
 
 
 .lineitem_btn { cursor: pointer; float: left; }

 .lineitem_pop { position: fixed; left: calc(50% + 201px); ; width: 300px;  bottom: 11%;   padding: 0px; display: none; z-index: 999999  }
 
   .lineitem_pop > ul{ display: inline-block; width: 100%; border: 1px solid #00000032;  padding: 5px 10px; background: #fff;   }
 .lineitem_pop > ul li { width: 33.33%; margin: 0; display: inline-block; float: left; text-align: center; height: 50px; position: relative; }
 
  .lineitem_pop > ul li img { max-width: 65px; cursor: pointer; padding: 10px 0; position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
 
 
  .note-btn-group.lineitem { margin-left: 10px; }
   
   .ad_list_wrap{ display: inline-block; width: 100%; overflow: auto; min-height: 780px  }
   
   
   .date_cata{ padding: 10px; overflow: hidden; background: #fffef7;  }
   
   
   .filter-label{ font-size: 11px; width: 50px;  }
   .date_cata input { float: left; width: calc(100% - 70px); border: 1px solid #dbdde2; padding: 5px 10px;  }
   .date_cata select{ float: left; width: 70px;  }
   
   .date_cata span { float: left; width: 30px; text-align: center; display: inline-block; margin-top: 3px;  }
   
   .date_btn { display: inline-block; width: 100%;  }
   .date_btn ul li { float: left; width: calc(25% - 3px); margin-left: 4px}
   .date_btn ul li:first-child { margin-left: 0;  } 
   
   .date_btn ul li span{ display: inline-block; width: 100%; padding: 7px 0; font-size: 12px; border: 1px solid #dbdde2; background: #fff; cursor: pointer;  }
   .date_btn ul li span:hover{ border-color: #ffe838; font-weight: bold; background: #fffdec; }
   .date_btn ul li span.on { border-color: #ffe838; font-weight: bold; }
   
   
   
   
   
   
   .useradd_table td textarea { word-wrap: break-word; word-break: keep-all; }
   .note-editable p { word-wrap: break-word; word-break: keep-all; }
   
   
   .cont_detail h6, .cont_detail h5, .cont_detail h4, .cont_detail h3, .cont_detail h2, .cont_detail h1 { word-wrap: break-word; word-break: keep-all; }
   
   
   
   
   .territories_box.territories_box th span:before { right: -31px; }
   .parcel_price2_box th span:before { right: -59px; }
   
   .option_type li  { float: left;  }
   .parcel_bundle li { float: left;  }
   
   .parcel_bundle li.checks { margin: 5px 0;  }
  .parcel_bundle li a{ display: inline-block; font-size: 13px; background: #eee; padding: 5px 10px; margin-left: 5px  }  
   
   
   
   .option_info{ display: inline-block; width: 100%; margin: 10px 0 15px;   }
   .option_info p { font-size: 13px;    display: inline-block; width: 100%; margin-top: 5px;   }
   
   .option_info strong { font-size: 13px;  display: inline-block; width: 100%;    }
   
   
   
   .useradd_table .parcel_bundle_w th { vertical-align: top; padding-top: 10px; }
   
   
   
   
   .group-layer .useradd_table { max-width : 100%;  padding-bottom: 30px;   }
   
   .group_list{ display: inline-block; width: 100%; padding: 15px;  }
   .pop-title{ padding: 15px; display: inline-block; width: 100%; background: #ffe838;   }
   .pop-title h3 { font-size: 17px;  }
   
   
  .group-layer .useradd_table th span { font-size: 13px;  }
   .group-layer .parcel_price2_box th span:before { right: -52px;  }
   .group-layer .territories_box.territories_box th span:before{ right: -28px;  }
   .group-layer .parcel_price2_box th, .group-layer .parcel_price2_box td { padding-top: 10px;  }
   
   .group_list tr td:first-child { border-left: 0;  }
   .group_list tr td:last-child { border-right: 0;  }
   
   
   .group_list tr td .add_item { padding: 5px 7px; background: #fff; border: 1px solid #eee; display: inline-block; cursor: pointer; }
   
   .group_list .table td { cursor: auto; }
   
   
   .group_list{ max-height: 350px; overflow: auto; }
   
   
   
   
   
   
   
   
    .essential th span{ position: relative; }
    .essential th span:before { content:""; display:inline-block; width: 6px; height: 6px; background: #ffd400; 
    position: absolute; right: -10px; top: 8px; border-radius: 100%;   }
    
   .goods_quantity p { font-size: 13px; display: inline-block; width: 100%; margin-top: 7px;  }
   
   
   .pop_order_btn{ font-weight: bold; }
   
   .orderpop_wrap .content { width: 100%; min-width: 783px;  max-width: 783px; background: #fff; }
   .orderpop_hader{ display: inline-block; width: 100%; padding: 20px 15px; border-bottom: 1px solid #eee; background: #fff361;  }
   .orderpop_hader h1 { font-size: 17px; font-weight: 500; float: left; }
   
   .orderpop_box{ padding: 15px 15px 0; background: #fff; box-sizing: border-box; }
   .orderpop_box{ display: inline-block; width: 100%; margin-top: 10px;  }
   .orderpop_box h3{ font-size: 14px;  }
   
   .orderpop_number{ display: inline-block; width: 100%; padding: 7px 13px 9px; border: 5px solid #eee; margin-top: 8px; box-sizing: border-box;  margin-bottom: 10px; }
   
   .orderpop_number em { font-style: normal; font-weight: bold;  font-size: 13px;  }
   .orderpop_number span { font-size: 13px;  }
   
   
   .orderpop_box table { width: 100%;  margin-top: 8px; }
   .orderpop_box table th { font-size: 13px; background: #f1f1f1; border: 1px solid #eee; font-weight: 300;  padding: 13px 15px; color: #505050; word-break:keep-all; }
   .orderpop_box table td { font-size: 13px; background: #fff; border: 1px solid #eee; font-weight: 300;  padding: 13px 15px; line-height: 1.5; word-break:keep-all; color: #505050;  }
   
   .orderpop_box .l { float: left;  }
   .orderpop_box .r { float: right;  }
   
   
   .orderpop_apply{ padding: 30px; text-align: center; }
   .orderpop_apply input{ display: inline-block; height: 40px; text-align: center; width: 120px; border: 1px solid #eee;   }
   .orderpop_apply input:hover { background: #ffe838; }
   
   
   .orderpop_hader span { cursor: pointer; float: right; }
   
   
   
   
   .useradd_table .btn_overlap input{ width: calc(100% - 100px); float:left;  }
   .useradd_table .btn_overlap button, .useradd_table .btn_overlap input[type='button'],
   .useradd_table .btn_overlap a.pop_btn  { width: 90px; float:left; height: 29px; margin-left: 5px; 
   background: #fff; border: 1px solid #000; font-size: 11px;   }
   .useradd_table .btn_overlap a {  line-height: 29px; }
   
   
   select { padding: 0 3px; border: 1px solid #eee; height: 30px; color:#000; font-size: 12px;  }
   
   
   .mlist_layer .pop-conts, .community_layer .pop-conts , .item_layer .pop-conts , .review_layer .pop-conts, .goods_layer .pop-conts { padding: 15px 20px; height: 500px; overflow: auto; }
   .mlist_layer .pop-layer, .community_layer .pop-layer, .item_layer .pop-layer, .review_layer .pop-layer, .goods_layer .pop-layer { width: 600px;  }
   .mlist_layer .useradd_table th,  .mlist_layer .useradd_table td 
    .community_layer .useradd_table th,  .community_layer .useradd_table td 
    ,  .item_layer .useradd_table td { font-size: 13px; }
   .mlist_layer .useradd_table th, .community_layer .useradd_table th,
   .item_layer .useradd_table th, .goods_layer .useradd_table th { padding: 10px;  }
   
   
   .items_layer .pop-conts { padding: 15px 20px; height: 500px; overflow: auto; }
   .items_layer .pop-layer { width: 600px;  }
   .items_layer .useradd_table th,  .mlist_layer .useradd_table td { font-size: 13px; }
   .items_layer .useradd_table th{ padding: 10px;  }
   
   
   
   
   #memo-layer1, #detail-layer1 { width: 500px; }
   #memo-layer1 textarea { width: 100%; resize:none; height: 100px; padding: 10px;  }
   #memo-layer1 .pop-container, #detail-layer1 .pop-container { padding-bottom: 10px;  }
    
   #memo-layer1 .btn_purple2,  #detail-layer1 .btn_purple2 { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 30px; width: 100px; font-size: 11px; background: none; min-width: 210px;  }
   #memo-layer1 .btn_purple, #memo-layer1 .btn_purple2  { min-width: 110px;  }
    #detail-layer1 .btn_purple2 { margin-top: 10px;  }
    
    
    .list_cont_roulette td input { float: left;  }
      table .list_cont_roulette td div { display: inline-block; }
    table .list_cont_roulette td span { float: left; width: auto; display: inline-block;     margin: 4px 5px; }
    
    
    .box_top_totle{ display: inline-block; width: 100%; margin-bottom: 10px; }
    .box_top_totle p { font-size: 13px;  }
    .box_top_totle a { font-size: 13px; color: blue; text-decoration: underline; }
    
    
    
    .useradd_table tr.cont_trw{ display: none }
    .useradd_table tr.cont_trw.on { display: table-row; }
   
   
   
.checks_line li { display: inline-block; width: 100%; margin: 5px 0;  }
.login_wrap h1 img{ width: 150px;  }
.option_type input[type=radio] + label { font-size: 13px; line-height: 1.6;  }


.my_info_list2 { display: inline-block; width: 100%;   }
.my_info_list2 ul li { display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 10px 0; }
.my_info_list2 ul li:first-child { border-top: 1px solid #eee; }
.my_info_list2 .content > h3 { font-size: 13px; margin-bottom: 15px;  }



.my_wrap { padding-bottom: 70px;  }
.my_info_list2 ul li img {float: left; }
.my_info_list2 ul li strong {float: left; margin-left: 7px; margin-top: 1px; font-weight: 500; width: 80px; }
.my_info_list2 ul li input {float: right; }
.my_info_list2 span{ margin-left: 10px;  }

.carousel-cell{ border-radius: 0; }


.map_header.list a.back_btn { display: none;  }
.map_header.list .search_wrap input[type=text] {  width: calc(100% - 93px); }
   
.item_more_wrap .item_list { margin-top: 5px;  }




.table.write_list h3 { display: inline-block; width: 100%; font-size: 15px; font-weight: 300;  }
.table.write_list table { margin-top: 10px;  }

.useradd_table .time_table_list td { padding: 0;  }
.useradd_table .time_table_list td select{ height: 50px; padding: 0 13px;   }
.useradd_table .time_table_list td input[type='text']{ height: 50px; padding: 0 13px; border: 0; background: none;  }

.phto_imglist ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("/resources/images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
 
 .useradd_table tr.age td input { width: 80px; float: left;  }
 .useradd_table tr.date td input { width: 150px; float: left;  }
 .useradd_table tr.age td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
 .useradd_table tr.date td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
  
  .useradd_table tr.date .checks { margin: 3px 10px; display: inline-block; float: left; }
    .useradd_table tr.date .checks span { margin: 1px 0px;  }
  
 .useradd_table tr.personnel td input { width: 80px; float: left;  }
 .useradd_table tr.personnel td span {  float: left; display: inline-block; margin: 5px 10px; font-size: 15px;   }
 
 
 
.write_list { margin-top: 50px; display: inline-block; width: 100%;  }
.write_list input { width: 100%; border: 0;  padding: 0 16px;  }
.write_list input[type='button'] { width: 50px;  }
.write_list input[type='number'] { padding: 0;   }


.table td input{  max-width: 100%; }
.table td img{ max-width: 100%; height: auto !important;  }

.login_wrap{ width: 100%; height: 100%; background: #fbfbfb; padding: 100px 0; position: fixed; top:0; left: 0; min-height: 700px;  }
.login_wrap .login_box { width: 500px; margin: 35px auto 0; background: #fff; padding: 70px 50px; border-radius: 20px; max-width: 95%;
box-shadow: 3px 3px 10px 3px #f1f1f1;  }

.login_wrap h1 { text-align: center;  }

.login_wrap .login_box input { width: 100%; border: 0; background: #f2f2f2; height: 53px; padding: 0 30px; font-size: 15px; margin: 10px 0; border-radius: 100px;    }


.lock_box{ text-align: center; display: inline-block; width: 100%; margin: 10px 0;   } 
.lock_box > div { display: inline-block; margin: auto;  }
.lock_box img{ float: left; margin: 5px 5px 0 0 }
.lock_box span { float: left;  color: #9e9e9e;  font-weight: 300;   }

.login_wrap .login_btn input { background-color: var(--main-color); color: #000; font-weight: bold;  }


.login_wrap .login_btn a { display: inline-block; width: 100%; margin-top: 10px; text-align: center; font-size: 13px;  }




.login_input .error, .login_btn .error {  width: 100%; text-align: center; margin: 10px 0; min-height: 20px;  }



.login_input .error p, .login_btn .error p { color: #727171; font-size: 13px; margin: 0;  }

.goods_sale_err p { color: red; font-size: 13px; margin-top: 10px; }

.error { display: none;  }

.cont_select_view select, .cont_select_view .select2-container { width: 100%;  }
 


.ch i.menu_icon1{ background: url("../images/common/menu1_ch.png") no-repeat center; }
.ch i.menu_icon2{ background: url("../images/common/menu2_ch.png") no-repeat center; }
.ch i.menu_icon3{ background: url("../images/common/menu3_ch.png") no-repeat center; }
.ch i.menu_icon4{ background: url("../images/common/menu4_ch.png") no-repeat center; }
.ch i.menu_icon5{ background: url("../images/common/menu5_ch.png") no-repeat center; }
.ch i.menu_icon6{ background: url("../images/common/menu6_ch.png") no-repeat center; }
.ch i.menu_icon7{ background: url("../images/common/menu7_ch.png") no-repeat center; }

.left_menu ul.menu li a:hover i.menu_icon1 { background: url("../images/common/menu1_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon2 { background: url("../images/common/menu2_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon3 { background: url("../images/common/menu3_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon4 { background: url("../images/common/menu4_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon5 { background: url("../images/common/menu5_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon6 { background: url("../images/common/menu6_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover i.menu_icon7 { background: url("../images/common/menu7_ch.png") no-repeat center; }
.left_menu ul.menu li a:hover span span{ color:#313131; font-weight: bold;    }
.left_menu ul.menu li.ch a span span{ color:#313131; font-weight: bold; }

.left_menu ul.menu li a:hover { background: #f5f5f6; }
.left_menu ul.menu li.ch a { background: #f5f5f6;  }


.left_menu ul.menu li a > span{display: inline-block;}

.left_menu ul.menu li.my_info_menu a > span span{margin: 0; }
.left_menu ul.menu li a > span span{  font-size: 16px; display: inline-block; }

.left_menu .logout {position: absolute; bottom: 10px; width: 100%; text-align: center;  }
.left_menu .logout p { font-size: 11px;  }
.left_menu .logout input { font-size: 13px; display: inline-block; background: #d4d4d4; padding: 5px 20px; color: #292929; font-weight: bold; margin-top: 10px; border: 0; cursor: pointer;  }


.left_menu .logout input:hover{ background: #292929; color:#fff;  }

.tree_btn{ display: inline-block; width: 100%; padding: 5px 5px 0;   }
.tree_btn ul li {float: left;  width: 33.33%; font-size: 12px;  text-align: center; padding: 1px   }
.tree_btn ul li a {  border: 1px solid #dedede; display: inline-block; width: 100%; padding: 7px 0;   }

.tree_btn ul li a:hover { background: #fffdec;  }


i.ch_icon_red{ background: url("../images/common/ch_icon_red.png") no-repeat center; }


/* 왼쪽메뉴 끝 */

/* 왼쪽 컨텐츠 */
.wrap{ min-width: 1235px; }
.content{float: left; width: calc(100% - 115px); height: 100%; min-width: 1100px; background: #ececed73;  }

.l_cont_wrap{height: 100%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; overflow: auto; background: #fff;  }
.left_cont { float: left; width: 290px; height: 100%;   }
.top_bar .title {   float: left; /*  width: 233px; */ margin-right: 110px  }
.top_bar .title i { display: inline-block; width: 40px; height: 40px; float: left;  }
.top_bar .title h2{float: left; font-weight: normal; font-size: 16px; margin: 10px 10px 0 5px; display: inline-block;  }

.tree_wrap {  height: calc(100% - 500px); overflow: auto; display: inline-block; width: 100%; padding: 0 0 5px; }
.group_title{padding: 9px 10px;background: #f5f5f6; overflow:hidden ;width: 100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede }
.group_title h4{float: left; font-weight: normal; font-size: 14px; padding-left: 13px;  background: url("../images/common/g_title.png") no-repeat left center; background-size: 7px;   }
.group_title i { display: inline-block; width: 14px; height: 14px; float: right; background: url("../images/common/icon_add.png") no-repeat center; margin-top: 2px;  }


	/* 체크박스 */
.checks input[type="radio"], .checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="radio"] + label, .checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 15px;  /* 체크박스의 너비를 지정 */
  height: 15px;  /* 체크박스의 높이를 지정 */
  line-height: 20px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 3px 7px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fff;
  border: 1px solid #cacece;
  border-radius : 1px; float: left;
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before,
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

 

.checks input[type="radio"]:checked + label:after { content:"●"; background: var(--main-color); color:var(--main-color); margin-top: 1px; line-height: 1.3; border-radius: 100px;     }	
.checks input[type="radio"] label:after { width: 22px; height: 22px;  border-radius: 100px;   }
.checks input[type="radio"] + label:before { border-radius: 100px; overflow: hidden;  }

.group_cont{ height: auto; overflow: auto;  max-height: 300px; }	
.group_cont2{ height: auto; max-height: 210px;  }
.group_cont1{ height: auto; max-height: 210px;  }

.group_cont > ul > li{ width: 100%; border-bottom: 1px solid #dedede; padding: 5px 10px 7px; position: relative; }	
.group_cont > ul > li > div{ display: inline-block; width: 100%; margin-top: 3px }
.group_cont > ul > li > div input{width: 100%; }

.group_cont > ul > li:hover { background: #fffdec  }
.group_cont > ul > li .checks label{float: left; width: 100%; }
.group_cont > ul > li .checks label span{float: left; line-height: 1.2; margin: 4px 0 2px;  font-size: 12px;     width: calc(100% - 30px);  }
.group_cont > ul > li .checks div{float: right; }


.group_cont > ul > li .checks div ul li{float: left; margin-top: 2px; margin-left: 5px; display: none; }
.group_cont > ul > li:hover .checks div ul li{ display: inline-block; }
.group_cont > ul > li .checks div ul li img{ width: 12px;  }
.group_cont > ul > li .checks div ul li:first-child { margin-top: 0;  margin-left: 0px; }

/* 왼쪽 컨텐츠 끝 */

/* 오른쪽 컨텐츠 영역 */
.top_bar{ padding: 15px 15px 0; width: 100%; background: #ececed; overflow: hidden;}
.right_cont{ width: calc(100% - 291px); float: left; height: 100%;  }
.search{ width: 250px; border: 1px solid #4f4f4f; ; border-radius: 5px; overflow: hidden; }
.search input { float: left;  }
.search input[type="text"] {  width: calc(100% - 30px); height: 30px; border:none; padding: 0 10px;  background: none   }
.search input[type="button"] {  width: 30px; height: 30px; background: url("../images/common/icon_search1.png") no-repeat center;  display: inline-block; border:none;  }


.top_bar .search{float: left; margin-top: 5px; }
.top_bar .btn_list{float: left; margin-top: 15px; }
.top_bar .btn_list ul li {float: left; margin-left: 10px; }
.top_bar .btn_list ul li a{border: 1px solid #4f4f4f; display: inline-block; padding: 5px 10px;  border-radius: 5px;   }
.top_bar .btn_list ul li a:hover{ background: #4f4f4f;  }
.top_bar .btn_list ul li a:hover span{  color:#fff; }
.top_bar .btn_list ul li a i { float: left; margin: 1px 3px 0 0; width: 14px; height: 14px;  }
.top_bar .btn_list ul li a i.icon_add {  background: url("../images/common/icon_add.png") no-repeat left center;  }
 .top_bar .btn_list ul li a:hover i.icon_add {  background: url("../images/common/icon_add_hover.png") no-repeat left center;  }
 
 .top_bar .btn_list ul li.on a{ background: #4f4f4f;   }
  .top_bar .btn_list ul li.on a span{ color:#fff; }
 
.top_bar .btn_list ul li a span{float: left; font-size: 13px; }

.r_cont_wrap{ padding: 0 5px; background: #ececed;     height:100%;  overflow: hidden;  }
.r_cont_wrap .cont{background: #fff; border:1px solid #dedede; height: 100%; overflow: auto; position: relative; }

.r_cont_wrap > .cont > .title{padding: 3px 10px; overflow: hidden; border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.r_cont_wrap > .cont > .title .left{margin-top: 7px; float: left;  }
.r_cont_wrap > .cont > .title .left h3{float: left; font-weight: normal; font-size: 15px; padding-left: 13px;  background: url("../images/common/g_title.png") no-repeat left center; background-size: 7px; margin-top: 1px;  }
.r_cont_wrap > .cont > .title .left strong {font-weight: normal; float: left; margin-left: 12px; font-size: 13px; display: inline-block; padding: 2px 10px 3px; background: #585858; color:#fff;  border-radius: 5px;  }
.r_cont_wrap > .cont > .title .left h3 span{ font-weight: bold; }


.pop-conts .title{padding: 10px; overflow: hidden; border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.pop-conts .title i {  display: inline-block;  width: 40px; height: 40px; float: left; }
.pop-conts .title h2{float: left; font-weight: normal; font-size: 16px; margin: 10px 10px 0 5px; display: inline-block;  }


.r_cont_wrap .title .btn {float: right; margin-top: 5px; margin-bottom: 1px  }
.r_cont_wrap .title .btn ul{ float: left;  }
.r_cont_wrap .title .btn a{margin-top: 5px; display: inline-block; }
.r_cont_wrap .title .btn img{width: 20px; }
.r_cont_wrap .title .btn li{float: left; margin-left: 10px; }


.table th { background: #f9f9f9; border: 1px solid #dedede; font-size: 12px;  padding: 7px 3px; text-align: center;
    font-size: 12px; }
.table td span{ font-size: 12px;  }  
    
.table td {font-size: 12px;   border: 1px solid #dedede;  text-align: center; cursor: pointer;  }



.table td p, .table td span {font-size: 12px; width: 100%; margin: 7px 0; overflow:hidden;  white-space: nowrap; text-overflow:ellipsis;  word-wrap: break-word; 
 white-space: normal; line-height: 1.5;   text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }
 
 
.table td select{ color:#000; font-size: 13px; width: 100%; border: none; background: none;    }

.table tr:nth-child(2n) td {background: #f9f9f9; }

.table table  { width: 100%; table-layout: fixed; }
.table { width: 100%; }
.table tr:hover td{ background: #fffef4; }
.table tr td:hover{  background: #fffff9; }
.table tr th:first-child { border-left: none; }
.table tr th:last-child, .r_cont_wrap .table tr td:last-child { border-right: none; }

ul.fancytree-container{ border:none;  }

.fancytree-ico-ef span.fancytree-icon, .fancytree-ico-ef span.fancytree-icon:hover {background: url("../images/common/folder.png") no-repeat center; background-size: 16px; }
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon, .fancytree-ico-cf span.fancytree-icon,
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover, .fancytree-ico-cf span.fancytree-icon:hover {background: url("../images/common/folder_on.png") no-repeat center; background-size: 16px; }

.select_box_table{ width: 100%; border: none;  }
.select_box_table a{ border: none; }
.select_box_table.select2-container .select2-choice, .select2-container .select2-choice.select_box_table .select2-arrow{ border: none; }
.select_box_table.select2-container .select2-choice { padding-left: 3px;  }
.select_box_table.select2-container .select2-choice > .select2-chosen {margin-right: 20px; }


/* 오른쪽 컨텐츠 영역 끝 */

/* 팝업 */

.pop-layer .pop-container {
}



.pop-layer .btn-r {
  width: 100%;
  text-align: right;
}

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100; margin-right: 10px; }

/* 팝업끝 */
/* 인풋타입 파일 */
.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; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/* 인풋타입 파일 끝 */


.photo {width: 150px; height: 150px; border:3px solid #ececed; background: #ececed url("../images/common/photo_bg.png") no-repeat center; overflow: hidden; position: relative; }
.photo img{width: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%);  }

.pop_wrap{ display: inline-block; width: 100%; padding: 20px 35px;  }

.pop_wrap .left{ float: left; width: 150px; text-align: center;  }
.pop_wrap .left h3  { text-align: left; padding: 10px 0; display: inline-block; width: 100%; font-weight: normal; font-size: 15px; }


.pop_wrap .join_page_input .left h3 { display: inline-block;  width: 100%;  margin-bottom: 3px; color: #6a6a6a; font-size: 16px; font-weight: 500; padding-bottom: 3px; }



.pop_wrap .left .left_wrap { margin-top: 20px; }
.pop_wrap .left .left_wrap:first-child { margin-top: 0px; }


.pop_wrap .filebox { width: 150px; text-align: center; margin-top: 10px;  }
.pop_wrap .filebox label:hover { background: #585858; color:#fff;  }

.pop_wrap > .right { float: right;  width: calc(100% - 170px);  }


/** 셀렉트 박스 디자인  **/
.select2-container .select2-choice > .select2-chosen{ font-size: 12px;  }
.select2-container .select2-choice .select2-arrow b { background: #fff url('../images/common/select_bg.png') no-repeat center; }
.select2-container .select2-choice{background: #fff; border-radius: none; border-color: #dedede; height: 31px;  }
.select2-container .select2-choice .select2-arrow{  border-color: #dedede;  }
.select2-results .select2-highlighted{ background: #fffdec;  }
.select2-drop-active{ box-shadow: none; border-color: #aaa;  }
.select2-dropdown-open .select2-choice{box-shadow: none; border-color: #ffd3d3; }
.select2-container-active .select2-choice{box-shadow: none; border: 1px solid #aaa; }

.select2-results .select2-result-label{font-size: 13px; color:#000;  }
/** 셀렉트 박스 디자인  끝 **/

.useradd_table{ max-width: 560px; margin: auto; }
.useradd_table table { width: 100%;  }
.useradd_table tr{ }
.useradd_table th { width: 350px; font-size: 15px; padding: 11px 20px; font-weight: normal;  }
.useradd_table td { width: 100px; padding: 11px 10px; }
.useradd_table td input { width: 100%; padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;   }
.useradd_table .select2-container, .useradd_table .select2-drop, .useradd_table .select2-search, .useradd_table .select2-search input{width: 100%; }

.useradd_table td span { font-size: 13px;  }
.useradd_table td span em { font-style: normal;  }

.useradd_table th, .useradd_table td { border: 1px solid #eee; }

.useradd_table th{ background: #f2f2f2;  }


.useradd_table td textarea{  width: 100%; padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;  resize: none; height: 90px; }

.useradd_table .addr td input[type="text"]{width: calc(100% - 100px); float: left;  }
.useradd_table .addr td input[type="button"]{width: 100px; float: left; }


.useradd_table .tel input { float: left; width: calc(33.33% - 11.1px)  }
.useradd_table .tel span{float: left; display: inline-block; margin: 5px; }
.useradd_table tr .checks label span{ font-size: 13px;  }


.pop_b_btn{display: inline-block; width: 100%; margin-top: 20px;   }
.pop_b_btn .right {float: right; }

.pop_b_btn a, .pop_b_btn button, .pop_b_btn input[type='submit'], .pop_b_btn a, .pop_b_btn button, .pop_b_btn input[type='button']{ float: left; background: #060200; color:#fff; font-size: 13px; padding: 10px 15px; width: 130px; text-align: center;  border: 1px solid #060200; border-radius: 3px; margin-left: 10px;   }
.pop_b_btn a.btn-layerClose { background: #fff; border: 1px solid #dedede; color:#000; margin-right: 0;  }
.pop_b_btn a.delect {  background: #fff; border: 1px solid #dedede; color:#000;  }
span.fancytree-title{padding: 0; }


.template_layer .pop_b_btn a {  background: #fff; border: 1px solid #dedede; color:#000;  }

.tree_name{padding: 9px 7px;  border-bottom: 1px solid #dedede; background: #f5f5f6;  }
.tree_name .select2-container, .tree_name .select2-drop, .tree_name .select2-search, .tree_name .select2-search input{width: 130px; float: right; }
.group_title.tree_name h4{margin: 4px 0; }
.group_title.tree_name a  { font-size: 13px; float: right; padding: 4px 10px; border: 1px solid #4f4f4f; border-radius: 6px;   }


span.fancytree-title{ padding: 2px 0;  }

.user { position: relative; width: 50px; height: 50px;  }
.user img{width: 100%; position: absolute; left: 50%; top: 50%;  
transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%); 
height: 100%; object-fit: cover;  }

.use_list_table{ display: inline-block; width: 100%;  }

.cont_more{text-align: center;  margin-top: 20px; clear: both; display: block;}
.cont_more a{ display: inline-block; padding: 7px 27px; font-size:13px; ;background:  #231f20; color:#fff; border-radius: 40px  }


.use_list_table .user{float: left; border-radius: 100%; overflow: hidden; margin-top: 27px; border: 1px solid #eee; width: 50px;  }
.use_list_table .user img{ height: 100%;  }
.use_list_table .right { width: calc(100% - 70px); float: left; margin-left: 20px; cursor: pointer; }
.use_list_table li  {width: 50%; float: left;  border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;  padding: 7px 20px; background: #fbfbfb; position: relative; }

.cont_list_wrap li { width: 33.33%; float: left; position: relative;  }

.use_list_table li:nth-last-child(2n) { border-right: 1px solid #dedede; }

.user_title{ display: inline-block; width: 100%;  }

.use_list_table{padding: 20px; }

.use_list_table .user_title{ display: inline-block; width: 100%;  }
.use_list_table .user_title a, .use_list_table .user_title input[type='button']  { background: #fff; float: right; font-size: 12px; padding: 3px 10px; border: 1px solid #eee; display: inline-block;   }
.use_list_table .user_title input[type='button'] {  margin-right: 5px;  }


.use_list_table .user_title h3{float: left; font-size: 17px; }
.use_list_table .user_title span{float: left; font-size: 13px; margin-left: 10px; margin-top: 5px;  }
.use_list_table .user_buttom p{ width: 100%; font-size: 13px; overflow: hidden;     text-overflow: ellipsis;  white-space: nowrap; padding: 1px 0;   }

.use_list_table li:hover { background: #fffdec;  }

.use_list_table .user_title em{ font-style: normal; float: right; font-size: 12px; margin-top: 5px;  }


.fractionation_use {  }
.fractionation_use li {     }
.fractionation_use li a{ display: inline-block;  padding: 5px ;  font-size: 13px;  }
.fractionation_use li > div{  display: inline-block;  padding: 5px ;  font-size: 13px;  }
.fractionation_use li > div input{     margin-left: 5px; }

.fractionation_use li a span{float: left; margin-left: 5px; width: calc(100% - 30px);    white-space: nowrap; text-align: left; }

.fractionation_use li ul{ margin-left: 15px; }
.fractionation_use li i {  display: inline-block; content: " "; width: 20px; height: 20px; background: url(../images/common/folder.png) no-repeat center; background-size: 100%; float: left; }
.fractionation_use li i.on{  background: url(../images/common/folder_on.png) no-repeat center; background-size: 100%; } 

.fractionation_use li a:before { }

.pop_wrap2 .left{ width: 200px; height: 410px; overflow: auto;;  }

.pop_wrap2 .right{ width: calc(100% - 270px);  }

.group_cont > ul > li > div input {  width: calc(100% - 30px); }



/* 탭메뉴 */

 

ul.btn_tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 14px 21px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}


ul.btn_tabs2 li{
	background: none;
	padding: 0px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}
ul.btn_tabs2 li a{ display:inline-block; padding: 13px 15px; }

.top_bar .tabs{margin-top: 5px; float: left;;  }
.top_bar .btn_tabs{margin-top: 12px; float: left;;  }


ul.btn_tabs li.current{
	background: #fff;
	color: #222;
}


ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 14px 21px;
	cursor: pointer; border-top-left-radius: 7px;  border-top-right-radius: 7px; 
}

ul.tabs li.current{
	background: #fff;
	color: #222;
}

.tab-content, .tab-content2, .tab-content3{
	display: none; overflow: hidden;     height: calc(100% - 79px);
}

.tab-content.current, .tab-content2.current, .tab-content3.current{
	display: inline-block; width: 100%; 
}
/* 탭메뉴 끝 */

.cont_wrap{height: 100%; }


.r_cont_wrap .title .btn .btn_list_w a{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0;   }
.r_cont_wrap .title .btn .btn_list_w li.current a{ background: #4f4f4f; color:#fff; }

.r_cont_wrap .title .btn .btn_list a{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0;   }
.r_cont_wrap .title .btn .btn_list li > span{ font-size: 13px; display: inline-block; border: 1px solid #4f4f4f;  padding: 6px 12px; border-radius: 5px; margin-top: 0; cursor: pointer; }
/* 일정 캘린더 */



.calendar_wrap {position: absolute; background: #fff;  padding-top: 5px; overflow: auto; padding:20px;
    overflow-x: hidden; /*height:calc(100% - 40px);*/ width: 100%; padding-bottom: 30px; }
    
.calendar_cont_wrap { position: relative; }
 
    
    
/*.sub_search_left .calendar_wrap{height: calc(100% - 240px); }*/
/*.calendar_wrap.bottomup {padding-bottom: 300px;}*/
.sub_search_left .calendar_wrap{width: 100%;}

.cal_top a { font-weight: bold;background: #fff; padding: 5px 7px 3px 7px; font-size: 12px;}
.cal_top a.btn_cal_today { border: 1px solid #0070bb; color: #0070bb; }
.cal_top a.btn_cal_add { border: 1px solid #bbb; color: #aaa; }
.cal_top .datepick {margin:0 auto; width: 100%; margin-bottom: 20px;}
.cal_top .datepick table{width: 100%;padding-bottom: 100px;}



.cal_top .datepick table td{width: 20%; }
.cal_top .datepick table td:nth-child(1){text-align: left;}
.cal_top .datepick table td:nth-child(2){text-align: right}
.cal_top .datepick table td:nth-child(3){width: 10%;text-align: center; color: #555; }
.cal_top .datepick table td:nth-child(4){text-align: left}
.cal_top .datepick table td:nth-child(5){text-align: right}





.cal_month table { display: table; border-collapse:collapse ; width:  100%; height: 100%; table-layout: fixed; transform: translateY(10px); }

.cal_month table th {font-size: 11px;color: gray;padding:8px; font-weight: normal; text-align: center; }
.cal_month table th:first-child {color:crimson;}
.cal_month table th:last-child,.cal_week table th:last-child {color: #0a8cff;}




.cal_month table tr td:last-child span{color: #0a8cff;}

.cal_month table td {border: 1px solid #ddd;height: 110px; vertical-align: top; padding: 7px; text-align: right;}
.cal_month table td span{  font-size: 12px; display: inline-block; padding: 5px; }
.cal_month table tr td:first-child span{color: crimson;}
.cal_month table td span{color: gray}
.cal_list li {font-size: 12px;text-align: left; margin-top: 3px; display: inline-block; width: 100%;  }
.cal_list li:FIRST-CHILD {margin-top: 0 ; }

.cal_month table td li.pr_cal strong, .cal_month table td li.pr_cal em{ color: #bfbfbf;  }

.cal_month table td li.pr_cal i{ background: #bfbfbf;  }

.cal_list strong{    color: gray; font-size: 12px; font-weight: normal; max-width: calc(100% - 90px);  display: inline-block;     text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden; float: left; }
.cal_list em{ color: gray; font-size: 12px; font-style: normal; float: left;   }

.cal_month table td p {font-size: 11px;padding-top: 4px; color: #bbb; }
.cal_month table td p.more{display: inline-block; width: 100%; }
.cal_month table td p.more a{float: right; }
.cal_month table td .bluedot,
.cal_month table td .reddot,
.cal_month table td .greendot,
.cal_month table td .orangedot{text-align: left;cursor: pointer;}

.cal_month table td .bluedot:before{ content: "•"; font-size: 16px; color:blue; text-align: left;margin-left: -4px;}
.cal_month table td .reddot:before{ content: "•"; font-size: 16px; color:crimson; text-align: left;margin-left: -4px;}
.cal_month table td .greendot:before{ content: "•"; font-size: 16px; color:green; text-align: left;margin-left: -4px;}
.cal_month table td .orangedot:before{ content: "•"; font-size: 16px; color:orange; text-align: left;margin-left: -4px;}

.cal_month table td .bluedot p,
.cal_month table td .reddot p,
.cal_month table td .greendot p,
.cal_month table td .orangedot p {margin-left: 10px;}

.cal_list i { display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: red; float: left;  
    margin: 4px 5px 0 0;  }


.cal_all_menu{float: right;      padding: 10px 0;  position: relative; }  
.cal_all_menu a{ color: #494949; padding-right: 5px; background: url("../images/common/icon_add5.png") no-repeat right 0; background-size: 2px; }
.cal_all_menu ul {position: absolute; right: 0; z-index: 20; width: 180px; background:rgba(67,58,55,0.8); padding: 10px 5px;   }
.cal_all_menu ul li a{color:#fff; display: inline-block; width: 100%; border-bottom: 1px solid #fff; padding: 9px; font-size: 12px;  }




.cal_month table tr:nth-child(2n) td {background-color: #eee;}

.calendar_wrap .cal_month table .cal_today > span{ display: inline-block; padding: 3px 5px; border-radius: 100%; background: #060200; color:#fff;   }


.cal_month table td .more a{ color:#444e64; font-size: 9px;  }



/* 주,일 달력 */

.cal_week table { display: table; border-collapse:collapse ; width:  100%; height: 100%; table-layout: fixed; }
.cal_week table th {font-size: 11px;color: gray;padding:8px; font-weight: normal;}
.cal_week table th:nth-child(2) {color:crimson;}
.cal_week table tr:nth-child(2) {text-align: right; font-size: 15px;}
.cal_week table tr:nth-child(2) th { font-size: 12px; border: 1px solid #ddd; background: #f4f4f4;  }
.cal_week table td, .cal_week table tbody th {border: 1px solid #ddd; color: gray; height: 20px; vertical-align: top; padding: 0px; text-align: right;font-size: 12px; position: relative;  }
.cal_week table td:nth-child(1), .cal_week table th:nth-child(1) {text-align: center; vertical-align: middle;  }
.cal_week table td div {font-size: 12px; padding-left: 4px;}
.cal_week table td span { }
.cal_week table td p { display: inline-block; font-size: 11px;padding-top: 4px; color: #bbb; }


.cal_week table td .bluedot,
.cal_week table td .reddot,
.cal_week table td .orangedot{ text-align: left;cursor: pointer;}
/* 
.cal_week table td .bluedot:before{ content: "•"; font-size: 16px; color:blue; text-align: left;margin-left: -4px;}
.cal_week table td .reddot:before{ content: "•"; font-size: 16px; color:#2ace1d; text-align: left;margin-left: -4px;}
.cal_week table td .orangedot:before{ content: "•"; font-size: 16px; color:#ed7220; text-align: left;margin-left: -4px;}
 */


.cal_week table td .bluedot p,
.cal_week table td .reddot p,
.cal_week table td .orangedot p {margin-left: 10px;}
.cal_week table tr td.cal_today, .cal_week table tbody tr th.cal_today {background-color: rgba(255, 158, 80, 0.1);}

.cal_week table th{ text-align: center;  }
.cal_week table th.hover_first {border-left: 2px solid #0089c6;border-right: 2px solid #0089c6; border-top: 2px solid #0089c6}
/*.cal_week table td.hover {border-left: 2px solid #0089c6;border-right: 2px solid #0089c6; }*/
/*.cal_week table td.hover_last {border-bottom: 2px solid #0089c6;}*/

.cal_week.cal_day table td:first-child {width: 12.5%;}
.cal_week.cal_day table.noline {border: none; width: 97%;}
.cal_week.cal_day table.noline td {background-color: transparent;}
.cal_week.cal_day table.noline td:nth-child(1) {padding-left:0px; width: 20%;}
.cal_week.cal_day table.noline td:nth-child(1) {padding-left:0px; background-color: transparent; vertical-align: top; }
.cal_week.cal_day table.noline td{border:none;}
.cal_week.cal_day table.noline td:nth-child(2){text-align: center; width: 25%; }
.cal_week.cal_day table.noline p{ font-size:12px; color: gray;}

/*.cal_week.cal_day table{transform: translateY(38px);}*/


/* 하단 화면 */

.cal_bottom {position: absolute; bottom: 0; width: 100%; height: 240px; border-top: 1px solid #b5b5b5; background: #fff; color: #8a8a8a; padding: 32px 30px}
.cal_bottom h1 { font-size: 13px; margin-bottom: 12px;float:left;}
.cal_bottom a.cal_close { float:right; margin-top: -92px;margin-right: 0px;}
.cal_bottom table { width: 100%;color: #757575; font-size: 12px;border-bottom: 1px solid #ddd;}
.cal_bottom table th{padding:7px 3px; font-weight: 400; vertical-align: middle; }
.cal_bottom table th:nth-child(2){ text-align: left;}
.cal_bottom table th:nth-child(2) img{width: 18px }

.cal_bottom table td{height: 35px; padding: 0 3px; vertical-align: middle; cursor: pointer; text-align: center; }
.cal_bottom table td:nth-child(2){ text-align: left;}
.cal_bottom table td:nth-child(3){ text-align: left;}
.cal_bottom tr label{margin-left: 10px; }
.cal_bottom tr th label{margin-left: 10px; }
.cal_bottom table tr:nth-child(2n), .cal_bottom table tr:nth-child(1n) input[type="radio"] + label{background: #f6f6f6; }

.cal_bottom table td{border-top: 2px solid #fff; }
.cal_bottom table tr:nth-child(2n) input[type="radio"] + label{background: #fff; }

	
.cal_bottom input{margin-right: 5px; background: #fff; }
.cal_bottom input[type="radio"] + label {width: 14px; height: 14px;  
display: inline-block; line-height:0.9; cursor: pointer; }
  
.cal_bottom label{float: left; text-align: center; }
.cal_bottom span{margin-left: 8px; }
.cal_bottom input[type="radio"]:checked + label:after {content:'\2714'; font-size: 12px; color:#5e5d5d; }
.cal_bottom input[type="radio"] {display: none; }




.sub_cont_left { position: relative; width: 50%; padding: 0px 0; float: left; height: calc(100% - 40px); min-height: inherit; overflow-y: auto; }

.cal_bottom .cont_list_wrap { padding: 0; }
.cal_bottom .search_text input { width: calc(100% - 59px); }

.cal_split_wrap { position: relative; }
.cal_split_wrap ul { display: none; width: 81px; position: absolute; right: 0; top: 25px; -webkit-box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); box-shadow: 1px 1px 5px 0px rgba(128,128,128,0.75); z-index: 10; }
.cal_split_wrap ul li { text-align: left; padding: 5px 0 5px 5px; color: #b3b3b3; background: #fff; font-size: 12px; }
.cal_split_wrap ul li:hover { color: #fff; background: #0071bc; }

.calendar_bottom_icon { background-image: url("../img/calendar/calendar_bottom_title.svg"); }
.cal_day td > .cal_list{ position: absolute; width: 100%; padding: 3px; top:0; width: calc(700% + 8px); box-sizing: border-box;  }

.cal_week .cal_list strong{     max-width: calc(100% - 10px); }

.calender_table .time .select_box{ float: left; width: 80px; }
.calender_table .time span{ float: left; margin: 1px 5px; }

.calender_table td{ width: 30%;  }


/* 일정 캘린더 끝 */



/* 계약 */
.contract_form {padding: 20px; overflow: hidden; height: calc(100% - 40px); background: #fff;  }
.contract_form ul li{ float: left; width: calc(14.2% - 20px); border: 1px solid #dedede; margin: 10px; position: relative;   }
.contract_form ul li img{max-width: 100%; }
.contract_form ul li .phto{ padding: 15px 15px 0; background: #fbfbfb;  }

.contract_form ul li .title{padding: 5px 15px;  width: 100%; border-top: 1px solid #dedede; overflow: hidden;  }
.contract_form ul li .title img{float: left; width: 25px;  }
.contract_form ul li .title span{float: left; margin: 4px 2px; font-size: 13px;      overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 30px);  }
.contract_form ul li .title p{ font-size: 10px; text-align: right; }

.contract_form ul li .title > div { margin-bottom: 1px; display: inline-block; width: 100%;   }


/* 계약끝 */



.ch_box input[type=checkbox] { display: none; }

input[type=checkbox] + label{ display: inline-block; margin-right: 9px; font-size: 10px; float: left; height: 15px;    }
.contract_form input[type=checkbox] + label, .use_list_table input[type=checkbox] + label {  position: absolute; left:10px; top: 10px; }


.chek1 input { display: none;  }

.table .chek1 input[type=checkbox] + label { margin: 0; float: none;  }
.table .chek1 input[type=checkbox]+ label:before { width: 15px; height: 15px; cursor: pointer; color:#000;  }

input[type=checkbox]+ label:before {     
    content: ""; float:left;
    display: inline-block; width: 12px; height: 12px;      background-color: #fff;  
    border-radius: 2px; 
       border: 1px solid #ccc;
    color: #ff9f50; 
    
    
}

 input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    font-size: 10px; 
    font-weight:800; 
    color: #ff9f50;  
    text-align: center;  
    height: 12px;
} 



input[type=radio] + label{ display: inline-block; margin-right: 9px; font-size: 12px; float: left;  }

.contract_form input[type=checkbox] + label { position: static; display: inline-block; width: 100%; margin: 0; padding: 10px; float: none;   }
.contract_form input[type=checkbox] + label span{ float: left; margin-left: 5px;  }
.contract_form input[type=checkbox] + label em {float: right; font-style: normal;  }



@media (max-width: 1700px) {
	.contract_form ul li { width: calc(20% - 20px); }
}



/* 메일 */
.mail_menu {padding: 5px 0; height: calc(100% - 10px); background: #f7f7f7;  }
.mail_menu ul li{ overflow: hidden; font-size: 14px;  padding: 5px 15px;  } 
.mail_menu ul li em{ font-style: normal;  color:#cd4509; }


.mail_menu ul li a{float: left; padding: 2px 0; }
.mail_menu ul li div{float: right; }
.mail_menu ul li div a{font-size: 12px; padding: 3px 7px; display: inline-block; border: 1px solid #dedede; background: #fff; }
.mail_menu ul li a:hover{ color:#cd4509;  }
.mail_menu ul li div a:hover{ background: #f7f7f7; color:#000;    }

.mail_menu ul li.ch { background: #e1e1e1;  }
.mail_menu ul li:hover{ background: #e1e1e1;  }


.mail_btn{ width: 100%; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; overflow: hidden; }
.mail_btn li {float: left; width: 50%; text-align: center; }

.mail_btn li a{ display: inline-block; width: 100%; padding: 12px 0; font-weight: bold; color: #111; font-size: 15px;  }

.mail_btn li a{ border-right: 1px solid #dedede;  }
.mail_btn li a:hover{ background: #fdfbfa;  }


.mail_list td a{     overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap; display: inline-block;  width: 100%; font-size: 14px;   }
.mail_list td { font-size: 14px;  }
.mail_list input[type=checkbox] + label { float: none; margin: auto; } 
.mail_list td a {padding: 0 10px; }

/* 기타 */


.use_tab{ display: inline-block; width: 100%; margin-top: 30px   }
.use_tabs li { float: left; width: 20%; text-align: center;  }
.use_tabs li > div { display: inline-block; padding: 0 10px 10px; cursor: pointer; }
.use_tabs li span{font-size: 12px; }
.use_tabs li.current { font-weight: bold; }
.use_tabs li.current > div { border-bottom: 1px solid #000;  }

.use_summary{max-height: 220px; overflow:auto; padding: 10px 15px; }
.use_summary ul li{ overflow: hidden; width: 100%; margin-top: 10px; cursor: pointer; }
.use_summary ul li .left{float: left; width: 145px  }
.use_summary ul li .left i { display: inline-block; width: 60px; height: 60px; background-color: #ececed; border-radius: 100%; float: left; cursor: inherit; 
position: relative; background-position: center 1px;  }

.use_summary ul li .left i span{ position: absolute; bottom: 8px; left:0; font-style: normal; width: 100%; text-align: center;   }

.use_summary ul li .left > div {float: right; width: calc(100% - 70px); text-align: right; margin-top: 11px;  }  
.use_summary ul li .left p {font-size: 13px; line-height: 1.3; }
.use_summary ul li .left span {font-size: 11px; float: right;  }

.use_summary ul li .right { float: right; width: calc(100% - 170px); }
.use_summary ul li .right > div{ padding: 10px 15px;  background: #f5f5f5; border: 1px solid #dedede; font-size: 13px; line-height: 1.5; }

.table_list{width: 100%; padding: 10px 15px;     max-height: 220px; overflow: auto; }
.table_list table{ width: 100%; table-layout: fixed;  }
.table_list th { background: #f9f9f9; border: 1px solid #dedede; font-size: 12px;  padding: 7px; text-align: center; }
.table_list td { border: 1px solid #dedede;  text-align: center; cursor: pointer; }
.table_list td p{font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block;     width: 100%; margin: 7px 0;  }
.table_list td select{ color:#000; font-size: 13px; width: 100%; border: none; background: none;    }


.template_wrap .pop-layer { width: 500px; height: 360px;  }
.template_wrap .file_upload p { text-align: center; font-size: 14px; line-height: 1.5; margin-top: 15px;  }
.template_wrap .file_upload p span{font-weight: bold; }

.file_guidance{margin-top: 30px; }
.file_guidance ul{padding: 10px 15px; border: 1px solid #dedede; background: #f5f5f6; }
.file_guidance ul li {display: inline-block; width: 100%; font-size: 12px;  } 
.file_guidance ul li:before { content: " "; display: inline-block; width: 10px; height: 10px; margin-right:3px;
 background: url("../images/common/ch_icon.png") no-repeat top; background-size: cover;   }


    
    
.upfile_wrap{text-align: center; margin-top: 15px; }
.upfile_wrap input[type="file"] { display: none  }
.upfile_wrap label { display: inline-block; width: 100px; text-align: center; padding: 10px; font-size: 12px; background: #060200; color:#fff; border-radius: 20px; cursor: pointer;   }

.upfile_wrap label:after {  content: "\3009"; color:#fff; margin-left: 3px; font-weight: bold; }
.upfile_wrap label:hover { background: #ff3746; }

.template_wrap .file_upload_ok, .template_wrap .file_upload { height: 235px; }
.template_wrap .file_upload_ok{text-align: center;}
.template_wrap .file_upload_ok p { text-align: center; font-size: 14px; line-height: 1.5; margin-top: 5px;  }
.template_wrap .file_upload_ok p span{font-weight: bold; }

.upload_file{ background: #f5f5f6; padding: 7px 10px 9px; border: 1px solid #dedede; overflow: hidden; width: 350px; margin: 10px auto 0;  }
.upload_file:before { float: left; content: " "; display: inline-block; width: 15px; height: 15px; background: url("../images/common/document_icon.png") no-repeat 0 2px; background-size: cover;  }
.upload_file strong{ font-size: 13px; font-weight: normal; float: left; margin-left: 2px; width: calc(100% - 55px); text-align:left; 
overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  }
.upload_file span{ float: right; font-size: 12px; color: #828282; cursor: pointer; }

.pop_wrap.file_upload_ok{padding: 50px 35px; }
.file_upload_ok{ display: none; } 

.template_wrap .pop_b_btn button { float: right; background: #060200;  color: #fff;  font-size: 13px;  padding: 10px 15px;  width: 130px;
    text-align: center; border: 1px solid #060200;  border-radius: 3px; margin-left: 10px; }
.template_wrap .pop_b_btn{ padding: 0 15px; margin-top: 15px;  }
 
 .template_wrap .pop_b_btn button[disabled="disabled"] { background: #fff; border-color: #dedede; color:#a6a6a6;   }

 
 
 .pdf_wrap iframe { width: 100%; height: 100%;  }
 
 #toolbarViewerRight{ display: none;  }
 #toolbarViewerMiddle{float: right; position: static; transform: inherit; -webkit-transform:inherit;  }
 
 
 .pdf_middle {     position: absolute; left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%); }
 .pdf_middle p{ color:#fff; padding: 6px 0; }
 

 
 .pdf_wrap{ overflow: hidden; height: calc(100% - 100px); border-bottom: 1px solid #333; }
 
 
  .pdf_left { float: left; width: 300px; height: 100%; background: #f5f5f6;  }
 .pdf_iframe {  width: calc(100% - 300px); float: right; height: 100%; position: relative; }
 .pdf_iframe iframe{ border: none; }
 .pdf_iframe2{ width: 100%;  }
 
 .pdf_footer{ background: #333; width: 100%; height: 100px;   }
 
 .pdf_left h1 {  background: #060200; text-align: center; border-bottom: 1px solid #060200;   }
  .pdf_left h1 a{ font-size: 15px; color:#fff; display: block; padding: 7px 0; border-bottom: 2px solid #ff9a9a;   }
 
.paf_list {padding: 10px; box-sizing: border-box; }
.paf_list > li { display: inline-block; width: 100%; border: 1px solid #dedede; background: #fff; padding: 20px; margin: 2px 0; box-sizing: border-box;  }
.paf_list > li h4{ font-size: 13px; margin-bottom: 15px; display: inline-block; width: 100%;  }
.paf_list > li h4 span{ color:#060200; display: inline-block; margin-left: 3px;  }
 
.paf_list > li ul li{ display: inline-block; width: 100%; border: 1px solid #dedede; padding: 5px 10px; font-size: 13px; box-sizing:border-box;
    border-radius: 4px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); cursor: pointer; position: relative;
    background: #fff;  z-index: 99999; }
    
    
    
    
.paf_list > li ul li i { display: inline-block; width: 30px; height: 30px; background-size: cover; border-radius: 100%; border: 2px solid #060200; padding: 5px; float: left;  }
.paf_list > li ul li span{float: left; margin: 6px 10px; font-weight: bold;  color: #888888; }
.paf_list > li ul li strong { float: right; margin: 6px 0; color: #b6b6b6; }
 
 
.paf_list > li ul li:hover{  background: #f5f5f5;  }
 
.post {  position: absolute; top:100px; left: 100px;  padding: 5px 10px; cursor: move;width: 150px; background: #fffdec; border-radius: 20px; z-index: 999999999999;  }
.post_tex { width: auto; padding: 9px; }
.post_tex textarea { background: none; border: none; border-color: transparent transparent #ffb600; position: relative; z-index: 99999   }

.post.drop {position: absolute; }

.post_tex:after { content: " "; display: inline-block; width: 0; height: 20px;  border-style: solid; border-width: 0 0 11px 11px; border-color: transparent transparent #060200; 
position: absolute; right: 9px; bottom: 13px;   }
 
.post span{ color: #0b0b0b;  font-size: 13px; }
 
 
 
     
.post i { display: inline-block; width: 30px; height: 30px; background-size: cover; border-radius: 100%; border: 2px solid #060200; padding: 5px; float: left;  }
.post span{float: left; margin: 6px 10px; font-weight: bold;  color: #888888; }
.post strong { float: right; margin: 6px 0; color: #b6b6b6; }
 
 
    
 .sign_checks {position: relative;} 
 .sign_checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
 .sign_checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; 
 -ms-user-select: none; margin: 0; height: auto; } 
 .sign_checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; 
 /* 세로정렬을 위해 높이값과 일치 */ margin: 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
  .sign_checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
  .sign_checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; 
  border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

 
 
 .post_chk { width: auto; padding: 10px; }
 .post_close { position: absolute; top:-20px; right:-20px;  ;font-style: normal; color:#fff; padding: 1px; border-radius: 100px; background: #7c7c7c;  
 width: 20px; height: 20px; text-align: center; line-height: 0.9; font-weight: normal;  cursor: pointer; }
 .post_tex > div{ position: relative; }
 .post_sign > div{ position: relative; }
 
 .pdf_left h1 a{text-decoration: none; }
 
 .pdf_footer{ text-align: center; }
 .pdf_footer .btn { display: inline-block; margin: auto; padding: 20px 0 10px;   }
 .pdf_footer a,  .pdf_footer button, .pdf_footer a.template_set_btn{ float: left; background: #060200; color:#fff; font-size: 13px; padding: 12px 15px; width: 160px; text-align: center;  border: 1px solid #060200; border-radius: 3px; margin-left: 10px;   }
.pdf_footer a {     background: #fff; border: 1px solid #dedede; color: #000;  margin-left: 0; }
 .pdf_footer p {  font-size: 12px; color:#ccc;  }
 
 .template_layer, .template_set_layer{ z-index: 9999999999; }
 
 .template_layer .pop-container { background: #ccc;   }
 .template_layer .pop-layer { width: 390px; margin-top: 0 !important; top:10%; }
  .template_layer .pop_wrap{ padding: 20px 15px 10px; max-height: 550px; overflow-y: auto; }
 
 .template_add a{ display: inline-block; width: 100%; padding: 10px 0; text-align: center; background: #fff; border: 1px solid #ccc; margin-top: 10px;  }

 .template_add a img{float: left; margin-top: 2px; }
 .template_add a span{ display: inline-block;   float: left;  font-size: 12px; margin-left: 5px; font-weight: bold;  }
 .template_add a > div { display: inline-block;  } 
 
 .template_layer .pop_wrap .cont input{ width: 100%; border: none; padding: 13px 20px;     border-bottom: 1px solid #dedede; }
 
 .dim-layer.template_layer .dimBg{ opacity: 0.91; background: #3c3c3c;  }
 .template_layer .pop_wrap li{margin-top: 10px; }
 .template_layer .pop_wrap li:first-child { margin-top: 0; }
 
 #template_pop, #template_pop2 { width: 390px;  }
 
 
 .template_pop_btn ul { width: 100%; display: inline-block; padding: 15px 15px 10px;  }
 .template_pop_btn ul li {  float: left; width: 50%; text-align: center; }
 .template_pop_btn ul li a{ padding: 50px 0;  display: inline-block; width: 97%; border: 1px solid #dedede; font-size: 15px;  }
 .template_pop_btn ul li a:hover { background: #060200; color:#fff; }
 
 
 .template_pop_btn2 ul li{ width: 33.33%;  }
 .template_pop_btn2 ul li a{ height: 135px; position: relative; }
 .template_pop_btn2 ul li a span{ position: absolute; top:50%;     transform: translate(-50%, -50%);  width: 100%; }
 .template_pop_btn2 ul li a:hover span { color:#fff;  }
 
 .template_pop_w { padding: 15px 15px 0;  }
 
 .template_pop_btn .pop_b_btn{padding: 0 15px 15px; }
 
 .template_pop_btn .pop_b_btn a:first-child { background: #ccc; border: 1px solid #dedede; color:#000; margin-right: 0;  }
 
 
 .template_set_layer.template_layer .pop_wrap li { background: #fff;  }
  .template_set_layer.template_layer .cont { padding: 10px 20px;  }
 .template_set_layer.template_layer .cont > div{ margin-bottom: 10px;  }
  .template_set_layer.template_layer .cont textarea { width: 100%; border: 1px solid #dedede; resize: none; height: 60px; padding: 7px;  }
 
 
 .template_layer .pop_wrap .cont1 input {padding: 13px 0}
 
  .template_pop_w h3{ font-size: 15px;  }
 .template_pop_w ul {  padding: 10px 10px 0; }
 .template_pop_w ul li {font-size: 13px; line-height: 1.7; }
 .template_pop_w ul li.on { color: #060200; font-weight: bold;  }
 
 .title_wrap{  padding: 20px; border-bottom: 1px solid #ccc; display: inline-block; width: 100%;  }
 
 .mail_detail .title_wrap , .mail_detail .title{ display: inline-block; width: 100%;  }
 .mail_detail .title_wrap i { float: left; width: 20px; margin: 5px 10px 0 0;  }
 .mail_detail .title_wrap h3{ float: left;  width: calc(100% - 30px); font-size: 20px;   }
 .mail_detail .title_wrap ul { padding-left: 30px; margin-top: 5px;  }
  .mail_detail .title_wrap ul li { display: inline-block; width: 100%; }
  
  
 .mail_detail .title_wrap ul strong { font-size: 13px; font-weight: normal; width: 70px; float: left; display: inline-block; margin-right: 20px; } 
 .mail_detail .title_wrap ul span{   font-size: 13px; font-weight: normal; width:  calc(100% - 100px); float: left; display: inline-block;  }
  
 .mail_memo{ padding: 30px 50px 50px;  } 
 .mail_detail{ overflow: auto;  height: 100%;  }
 
  
 .mail_add .title_wrap ul strong { font-size: 15px; font-weight: normal; width: 70px; float: left; display: inline-block; margin-right: 20px; margin-top: 13px; } 
  .mail_add .title_wrap ul li:first-child strong,  .mail_add .title_wrap ul li:first-child span {margin-top: 0; }
  
  .mail_add .title_wrap ul span { padding: 0 10px;  } 
 .mail_add .title_wrap ul span,  .mail_add .title_wrap ul input{   font-size: 15px; font-weight: normal; width:  calc(100% - 100px); float: left; display: inline-block;  }
 .mail_add .title_wrap ul input { border: none; border-bottom: 1px solid #e8e8e8; padding: 10px;  }
 
 
 .mail_add .title_wrap ul span em:before { content: "<"; }
 .mail_add .title_wrap ul span em:after { content: ">"; }
 .mail_add .title_wrap ul span em{ font-style: normal;     color: #959596; }
  
  .mail_add .file_add{ float: right; border: 1px solid #e8e8e8;     width: calc(100% - 100px);  }
  .mail_add .file_add .txt_info { padding: 30px 0; display: inline-block; text-align: center;  width: 100%; font-size: 13px;  }
  
  .mail_add .title_wrap ul .file_mail_wrap{ float: right; width: calc(100% - 100px); margin: 10px 0; overflow: hidden; }
 .mail_add .title_wrap ul .file_mail_wrap input { display: none;  } 
 .mail_add .title_wrap ul .file_mail_wrap label, .mail_add .title_wrap ul .file_mail_wrap a { font-size: 13px; border: 1px solid #d3d3d3; padding: 5px 10px; float: left;   }  
 .mail_add .title_wrap ul .file_mail_wrap a{ margin-left: 5px; }
 
.mail_add .title_wrap ul .file_mail_wrap span{float: right; font-size: 12px; width: auto; margin-top: 10px; color:#8a8a8a;  } 
  
 .mail_add { height: 100%; } 
 .mail_add_memo{ height: calc(100% - 313px); } 
 .mail_add_memo textarea { width: 100%; height: 100%; border: none; padding: 30px;   } 
  
 .top_bar .btn_list_mail { float: left;   }
  
 
 .mic_btn { overflow: hidden; margin-bottom: 10px;  }
 .mic_btn > div{ background: #fff; border: 1px solid #585858; overflow: hidden; float: left;  padding-right: 15px; padding-left: 5px; border-radius: 20px; cursor: pointer;  }
 
.mic_btn img{float: left; width: 30px;  }
.mic_btn span{float: left; font-size: 13px; display: inline-block; margin-top: 6px; color:#585858;    } 
 
  .useradd_table td .mic_btn input { background:url("../images/common/mic_off.png") no-repeat 2px 0; padding-left: 30px;  padding-right: 15px; border-radius: 20px; cursor: pointer; border: 1px solid #585858; 
  width: auto; background-size: 27px;  float: left; }
 
 
   .useradd_table td .mic_btn input:hover {  background: #585858 url("../images/common/mic_on.png") no-repeat 2px 0; color:#fff; background-size: 27px;  } 
 
 
 .mic_btn audio { height: 25px; float: left; margin-left: 10px;  }
 
 .r_btn_list{float: right; }
 .r_btn_list ul li { float: left; margin-left: 10px;  }
 
 .bell_btn > .bell_icon {position: relative; }
 .bell_btn i{ display: inline-block; width: 35px; height: 35px; background:  url("../images/common/icon_bell.png") no-repeat; background-size: 100%; margin: 5px;  }
 .bell_btn > div > strong { position: absolute; top:-1px; right: -1px; background: #ff6666; color:#fff; border-radius: 1000px; padding: 2px 6px; font-size: 8px;   }

 .bell_btn > .bell_icon:hover i{ background:  url("../images/common/icon_bell_on.png") no-repeat; background-size: 100%;  } 
 .bell_btn.on .bell_icon i { background:  url("../images/common/icon_bell_on.png") no-repeat; background-size: 100%;  }


.status_wrap {padding: 10px; }

.status_box .title h3 {float: left;  }
.status_box .title span {float: right; font-size: 12px; color: #a9a9a9; margin-top: 6px;  }
.status_box .title{ padding: 10px 5px; overflow: hidden;  border-bottom: 1px solid #dedede;  }
 
 .status_box{margin: 20px; width: calc(50% - 40px); float: left; padding: 20px;  border: 2px solid #f4f4f4;  }
 
  .status_box .cont { padding: 20px 0 0; display: inline-block; width: 100%;  }
 
.box1_list ul li{width: 33.33%; float: left; text-align: center; }
.box1_list ul li a{ display: inline-block; margin: auto; width: 90%; }

.box1_list ul li i{ display: inline-block; width: 100%; height: 90px; background-color: #f4f4f4 !important; border: 1px solid #e2e2e2;  }
.box1_list ul li .memo > div { display: inline-block; margin-top: 5px;   } 

.box1_list ul li .memo strong {  font-weight: 500; font-size: 13px; float: left; }
.box1_list ul li .memo span { color: #060200; font-weight: 500; font-size: 13px; float: left; margin-left: 3px;  } 
 
 
 .box2_list > ul > li div > strong { font-size: 12px; padding: 3px 10px; border: 1px solid #8a8a8a; font-weight: normal; }
  .box2_list > ul > li > div{ width: 90%; margin: auto; }
 
.box2_list > ul > li{width: 33.33%; float: left; text-align: center; }
.box2_list > ul > li > a{ display: inline-block; margin: auto; width: 70%; }

.box2_list li li strong { float: left; font-size: 13px;  }
.box2_list li li span { float: right; font-size: 13px;  }
 
 .box2_list li li{ overflow: hidden;  margin: 2px 0;  }
 .box2_list li ul{margin-top: 15px; }
 
 .cont.box2_list{ margin-top: 23px;    padding: 0px 0 0px;  }
 
 
 .status_box .box1_list { margin-top: 27px; padding: 20px 0;  }
 .box2_list li li a{ display: inline-block; width: 100%;padding: 9px 10px; border: 1px solid #f4f4f4;  }
 .box2_list li li a:hover{ background: #fffdec;  } 
 
 
 .box1_list ul li a:hover i{ background-color: #fffdec !important; }
 
 .box2_list > ul > li.on a{ background-color: #fffdec !important; }
.box2_list > ul > li.on div > strong{ color: #060200 ; border-color:#ffe500; background: #ffe500;   }


 .status_box .cont.calendar_main, .status_box .cont.mail_main { height: 270px; }
  
 .calendar_top span{font-size: 17px;  display: inline-block; font-weight: bold; }
 .calendar_top img {width: 14px; cursor: pointer; margin-top: 1px;   }

 .calendar_top > div > div{float: left; }

.calendar_top .fl { margin-right: 13px; }
.calendar_top .fr { margin-left: 10px; }
.calendar_top{ text-align: center; float: left; width: calc(100% - 100px);  }
.calendar_top > div{display: inline-block; }
 
 
 
 
 
 
 
 
 .mail_list td,  .mail_list th,  .mail_list td,  .mail_list th  {border-left: none; border-right: none;  }
 
.calendar_main .ui-datepicker .ui-datepicker-next{  background:url("../images/common/calendar_next.png") no-repeat center; padding: 0; margin: 0; right: 50px; top:2px; border:none; background-size: 13px;
cursor: pointer; }
.calendar_main .ui-datepicker .ui-datepicker-prev{  background:url("../images/common/calendar_pr.png") no-repeat center; padding: 0; margin: 0; left: 50px; top:2px; border:none; background-size: 13px; 
cursor: pointer;}

 /*  
 .ui-datepicker .ui-datepicker-header { background: #fff; border: none; }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
 {border: none; background: none; }
  */
 
 .calendar_main #mydate{float: left; }
 
 .calendar_main .right { float: right; width: calc(100% - 283px); margin-left: 10px;   }
 .ui-timepicker-table td a {padding: 0 1px; display: inline-block;  width: 100%; text-align: center;  }
 .ui-timepicker-table td{ width: 3em; }
 
 .ui-timepicker-table { width: 320px !important; }
.calendar_main .ui-widget.ui-widget-content{ height: 246px;  }
 
 
 
 .bell_wrap > .bell_list { position: absolute; right: 0px; background: #fff; padding: 10px;     border: 1px solid rgba(100, 100, 100, .4);  border-radius: 0 0 2px 2px;  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);  }
 .bell_title { padding: 0 5px 10px; border-bottom: 1px solid #dedede;   }
 .bell_title strong { font-size: 13px;  }
 .bell_wrap .use_summary { padding: 5px 10px; width: 500px;  }
 .bell_wrap .use_summary ul li .left {width: 75px; }
 .bell_wrap  .use_summary ul li .right{ width: calc(100% - 80px);  }
 
 .bell_wrap{position: relative; display: none; z-index: 9999 }
 .bell_more{ width: 25px; height: 20px; background: url("../images/common/bell_more.png") no-repeat bottom; position: absolute; top:-17px; right: 11px;  z-index: 20; }
 
 .bell_bg{ position: fixed; width: 100%; height: 100%; top:0; left:0;   }
 
 
   .fc-day-number.fc-sat.fc-past { color:#0000FF; }     /* 토요일 */
    .fc-day-number.fc-sun.fc-past { color:#FF0000; }    /* 일요일 */

 
 


.height_wrap{ height: 100%; }
.height_wrap body{ height: 100%;  }

.login_box h1{ margin-bottom: 15px;   } 

 
 .vakata-context-parent { display: none !important;  }
 
 /* 관리서비스 끝 */
 
 
  
  .list_cont{ margin-top: 20px; padding: 0 16px;  }
  
  .list_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
 
 .list_cont .cont_memo .title span{ font-size: 10px; padding: 1px 5px; display: inline-block; border: 1px solid #bbb; color: #828282;  }
 
 .note-editor span{ font-size: 15px !important; }
 
 
.list_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }


 .list_cont .cont_memo .dday{margin-top: 2px; }
 .list_cont .cont_memo .dday strong { float: left;  }
 .list_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .list_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .list_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }
 
.list_cont .left_logo { text-align: center; position: absolute; left: 7px; bottom: 16px; width: 80px; background: #fff; padding: 5ppx;   }
.list_cont ul li { position: relative; display: inline-block; width: 33.33%; margin-top:10px; }
.list_cont ul li:first-child{margin-top: 0; }


.list_cont .left_logo .logo_img { width: 100%; height: 80px; background: #fff; position: relative; padding: 5px;  }
.list_cont .logo_img > div{ position: relative; display: inline-block; width: 100%; height: 100%;  }
.list_cont .left_logo img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.list_cont .left_logo strong { display: block; width: 100%; font-weight: normal; font-size: 11px; color: #414141;   }
.list_cont .left_logo span { display: block; width: 100%;  font-size: 10px;  color: #414141; }
  
  
.list_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
.list_cont .cont_memo h3{ width: 100%; margin-top: 3px;  font-weight: 400;  font-size: 14px;  overflow: hidden; text-overflow: ellipsis; 
    display: inline-block; white-space: nowrap; color: #2f2c2c; line-height: 1.2  }
 
 
.list_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }

 .list_cont .cont_memo .dday{margin-top: 2px; }
 .list_cont .cont_memo .dday strong { float: left;  }
 .list_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .list_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .list_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }
  
.list_cont .cont_memo { float: right; width: calc(100% - 90px);  }
.list_cont .cont_memo p{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap;   }
  
  .cont_bottom p em{ font-style: normal; margin-left: 5px; font-size: 10px; color: #027efe; }
  .cont_bottom p em:first-child {  margin-left: 0px; }
  
  
.seach2_cont_img{position: relative; overflow: hidden; width: 100%; height:150px; ; text-align: center;    }
.seach2_cont_img a{display: inline-block; width: 100%; height: 100%; }

.seach2_cont_img img{   width: 100%;  position: absolute; left: 50%; top: 50%;     transform: translate(-50%, -50%); }
.seach_cont2 > ul > li > img{float: left; }
.cont_memo{  width: 100%; box-sizing: border-box;  padding: 8px 0 10px;   }


.slide_cont .seach2_cont_img{ border-radius: 7px; overflow: hidden;  }
.slide_cont .cont_memo h3{ width: 100%; margin-top: 1px;  font-weight: 400;  font-size: 14px;  overflow: hidden; text-overflow: ellipsis; 
    display: inline-block; white-space: nowrap; color: #2f2c2c; line-height: 1.2  }
 
 
.slide_cont .cont_memo p { font-weight: 400; font-size: 11px; color:#90949c; line-height: 1.5;  }


 .slide_cont .cont_memo .dday{margin-top: 2px; }
 .slide_cont .cont_memo .dday strong { float: left;  }
 .slide_cont .cont_memo .dday div { float: left; margin-left: 10px;  }
 .slide_cont .cont_memo .dday img{ float: left; width: 15px; margin-top: 1px;   }
 .slide_cont .cont_memo .dday span { float: left;  font-size: 11px; margin-left: 2px; color:#90949c;  }

.useradd_table tr.addr td, .useradd_table tr.addr th { padding-bottom: 0;  }

.useradd_table tr.addr td input[type='text'] { float: left; width: calc(100% - 210px); margin: 0 5px;    }
.useradd_table tr.addr td input:first-child { float: left; width: 100px; margin: 0px;  }
 
.useradd_table tr.addr td input[type='button'] { float: right; width: 100px;    }
 
 .pop-layer .pop_wrap { max-height: 800px; overflow: auto; }
  
 
.phto_imglist input[type='file'] { display: none;  }
.phto_imglist li:first-child label { background: #f5f5f5 url("/resources/images/common/phto_bg.png") no-repeat center; border: solid 1px #d9d9d9;  display: inline-block;
width: 86px; padding: 45px 0 23px;  border-radius: 3px; text-align: center; float: left; color:#c4c4c4; height: 86px; box-sizing: border-box;  font-size: 13px;  }


.upphto_item{ position: relative; width: 86px; height: 86px; border: solid 1px #d9d9d9; box-sizing: border-box; border-radius: 8px;
overflow: hidden;    }
.upphto_item img{ max-width: 100%; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); }

.phto_imglist ul{  display: inline-block; width: 100%; box-sizing: border-box; }
.phto_imglist ul li{ float: left; margin: 4px 4px; position: relative;  }
.phto_imglist ul li:first-child { margin-left: 0;  }

.recruit_input .imgs_wrap ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
 
 
 
.phto_imglist input[type="file"]{ display: none } 
.phto_imglist label { background: #f5f5f5 url("/mobile/resources/images/common/phto_bg.png") no-repeat center; border: solid 1px #d9d9d9;  display: inline-block;
width: 100px; height: 100px;  border-radius: 3px; text-align: center; float: left; color:#c4c4c4; box-sizing: border-box;  font-size: 13px; padding: 5px;  }

.phto_imglist label > div{ position: relative; overflow: hidden; display: inline-block; width: 100%; height: 100%;  }
.phto_imglist label img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none;  }

 .ui-widget.ui-widget-content{ z-index: 999999999!important; }
 
 
 .useradd_table .cont_join_data input { float: left; width: calc(50% - 5px); }
 .useradd_table .cont_join_data input:first-child { margin-right: 10px; } 
 
 form{ height: 100%; overflow: hidden; }
 .cont_write_wrap {  height: 100%;  } 
  .cont_write_wrap .cont{     height: 100%;   }
 .cont_write_wrap .pop_wrap { max-width: 800px; margin: 30px auto; display: block; overflow: auto; }
  .cont_write_wrap .pop-conts { height: 100%; overflow: auto;position: relative; background: #fff; }
  
 .table_btn a, .table .table_btn input{ padding: 3px 3px; display: inline-block; background: #fff; border: 1px solid #231f20; font-size: 13px;   }
  
  
  
  .useradd_table .date2 td input { width: calc(50% - 15px); float: left;  }
  .useradd_table .date2 td span { float: left;  display: inline-block; margin: 3px 0; width: 30px; text-align: center; }
  
  
  
  .useradd_table .ch_list .checks label { float: left;  }
 
  .useradd_table .ch_list ul li { float: left;  }
  .useradd_table .ch_list ul li input{ display: none }
  
  .useradd_table .ch_list ul { display: inline-block; width: 100%; margin: 5px 0;   }
  
  .useradd_table .ch_list .checks input + label:before, .useradd_table .ch_list .checks input + label:after { display: none  }
  
  .useradd_table .ch_list.ch_day input + label { background: #fff; display: inline-block; padding: 7px 8px; border-radius: 30px; border: 1px solid #FFC627;
   display: inline-block; height: auto; cursor: pointer; font-size: 12px; }
  .useradd_table .ch_list.ch_day input:checked + label{ background: #FFC627; color:#fff;  }
  
  .useradd_table .ch_day0 td{ padding-top: 7px; padding-bottom: 0;    }
  .useradd_table .ch_day1 td{ padding-top: 11px; padding-bottom: 0;    }
  
  .useradd_table tr { display: table-row;  }
  .useradd_table tr.ch_day3{ display: none;  }
  
  .ch_day0 ul li { width: calc(50% - 5px); margin-left: 7px;    }
  .ch_day0 ul li:first-child { margin-left: 0px;    }
  .ch_day0 ul li div, .ch_day0 ul li div label{ display: inline-block; width: 100%; text-align: center;  }
  
  .ch_day1 ul li { width: calc(33.33% - 5px); margin-left: 7px;    }
  .ch_day1 ul li:first-child { margin-left: 0;  }
  .ch_day1 ul li label{ margin: 0; }
  
  .ch_day1 ul li div, .ch_day1 ul li div label{ display: inline-block; width: 100%; text-align: center;  }
  
.selectize-dropdown-content{display: none;  }
.selectize-input{display: inline-block; margin-top: 3px; width: 100%;     background: #fff;    border: 1px solid #dedede; cursor:text; }

.useradd_table td .selectize-input input{ border: 0;  }


.tag_ejoin strong{font-size: 12px; font-weight: bold; display: inline-block;   float: left; margin: 7px 0; }
.tag_ejoin p{font-size: 12px;  float: left; margin-top: 5px; text-align: left; margin-left: 10px; line-height: 1.5; }

.selectize-input .item{ background: var(--main-color); color:#000; padding: 2px 3px; border-radius: 5px; float: left; margin: 5px; font-size: 12px; }
.selectize-input .item a{ color: #ececec; margin-left: 3px;  }
.selectize-input input { border: none; width: 100% !important; }
.selectize-dropdown.multi.plugin-remove_button { display: inline-block !important; width: 100% !important;   }

    
  .banner_img_wrap .photo.photo1 { width: 100%; height: 200px;  }
  .banner_img_wrap{ width: 100%; float: none;  }
  .banner_img_wrap .left_wrap { margin-bottom: 50px;  }
  .banner_img_wrap .pop_wrap .filebox { width: 100%;  }
  .pop_wrap .banner_img_wrap .filebox { margin: auto; margin-top: 10px;   }
  .banner_img_wrap h3{ margin-bottom: 10px; font-weight: normal;  }
  
   
 .page_wrap{ text-align: center; margin-top: 30px;  }
 .page_wrap > .page_list{ display: inline-block;  }
 .page_wrap .left{ float: left; }
 .page_wrap .left li { float: left; margin: 0 3px; }
 
 .page_wrap .right{ float: left; }
 .page_wrap .right li { float: left; margin: 0 3px;  }
 
 .page_wrap .page_list{   margin: 0 20px  }
 .page_wrap .page_list li { float: left;  }
 .page_wrap .page_list li a, .page_wrap .page_list li span{ color:#666666; font-size: 14px; padding: 6px 11px; display: inline-block; border-radius: 100px;  }
 .page_wrap .page_list li.on span { background: var(--main-color); color:#000;   }
 .page_wrap .page_list .page_next a, .page_wrap .page_list .page_prev a { padding-top: 0; }
 
 
  .l_cont_wrap form { height: auto;  }
  
  .notice_table.table td p { text-align: left; padding: 0 10px  }
  
  
  
 .recruit_apply{ overflow: hidden;  }
 .recruit_apply > strong { float: left; width: 210px; font-size: 30px; margin-top: 40px; }
 .recruit_apply > .right { float: right; width: calc(100% - 210px);  }
 .recruit_apply > .right table { width: 100%; border-bottom: 2px solid #000;   }
  
 .necessary{ float: right;  }
 .necessary span{ font-size: 13px;  }
 .necessary span i { color:red; font-style: normal;   } 
 
 .recruit_apply > .right th { font-size: 16px; font-weight: normal; color:#111111; padding: 10px 0;  line-height: 1.5; width: 120px;  } 
 .recruit_apply > .right h3 { padding: 20px 0; border-top:2px solid #000; border-bottom:2px solid #000; font-size: 20px;   } 
 
 .recruit_apply > .right td { font-size: 16px; font-weight: normal; color:#111111; padding: 10px 0; line-height: 1; border: none;  } 
 .recruit_apply > .right td select{ width: 100%; height: 41px; border: 1px solid #909093; width: 39%; padding: 0 10px;  }
 
 .recruit_input { display: inline-block; width: 100%;  }
 .recruit_input li { width: 100%; float: left; }
 
 .recruit_input li .l { float: left; width: 120px;  padding-top: 10px;  }
 .recruit_input li .l strong { font-size: 13spx; float: left; font-weight: normal;  }
 .recruit_input li .l i { font-size: 13px; float: left; font-style: normal; margin-left: 2px; }
 
 .recruit_input li .r { float: left; width: calc(100% - 120px);  }
 .recruit_input li .r input{ padding: 10px; display: inline-block; width: 100%; border: 1px solid #909093; width: 90%;   } 
 

 
 .recruit_input .l strong { font-weight: normal; line-height: 1.3; }
 
 .recruit_input > .l { float: left; width: 120px;  }
 .recruit_input > .r { float: left;  }
  .recruit_input .file input{ display: none !important; }
 .recruit_input .file label { display: inline-block; width: 90%; padding: 15px 20px; background: #fff0bd; margin: 6px 0;   }
.recruit_input .file label i { float: right; font-style: normal; font-size: 20px; line-height: 0.8;  }
  
  .recruit_input li input{ display: none;  }
  
 .recruit_input .imgs_wrap { display: inline-block; width: 60%;  }
 .recruit_input .imgs_wrap ul li { display: inline-block;  padding: 15px 20px; margin: 6px 0; border: 1px solid #000; background: #fff; width: 100%; position: relative; }

 
 .recruit_apply > .right td.recruit_memo{ padding-left: 15px; padding-bottom: 30px; }
 .recruit_memo p { margin-top: 10px; color:#9b9b9b; font-size: 15px; line-height: 1.3; }
 .recruit_memo p:first-child { margin-top: 0; }
 
 
  .notice_wrap table tr th { vertical-align: middle; padding-top: 10px;   }
  .notice_wrap .useradd_table { max-width: 100%;  }
  
  .notice_wrap.cont_write_wrap .pop_wrap { max-width: 1200px } 
  
  #cke_19{ display: none !important; }
  .cke_toolbar_separator { display: none !important; }
  
  
  .notice_cata_add { border-bottom: 1px solid #4f4f4f; overflow: hidden; padding: 5px 7px 7px 0px;   }
  .notice_cata_add input[type=text] { float: left; border: 0;  width: calc(100% - 50px); height: 30px;  padding: 0 16px;  }
  .notice_cata_add input[type=submit], .notice_cata_add input[type=button] { float: left;  border: 0; background: none;  width: 50px; height: 30px; border: 1px solid #4f4f4f; border-radius: 5px; font-size: 13px;   }
  
  .notice_cata_add_select select { float: left; width: 65px; height: 30px; padding-left: 5px; margin-right:5px;
  font-size: 11px; color: #000; }
  
  
  .group_cont.del_group > ul > li .checks input, .group_cont.del_group > ul > li .checks a  { width: 33px; float: left; border: none; background: #fff; font-size: 11px; margin-top: 5px;
  cursor: pointer; text-align: center; }
  
  
  .group_cont > ul > li .deit_wrap { position: absolute; left: 0; width: 100%; height: 39px; top:0; display: none;  }
  .group_cont > ul > li .deit_wrap input[type='text'] { float: left; width: calc(100% - 57px); margin: 0; height: 39px; padding-left: 16px; }
  .group_cont > ul > li .deit_wrap input[type='button'] { float: left; width: 57px; margin: 0; height: 39px;  }
  
  .group_cont > ul > li .deit_wrap.deit_select_wrap select { float: left; width: 65px; height: 39px;    padding-left: 5px;
    font-size: 11px;  color: #000; }
  
  
  .drop_menu.group_cont > ul > li > ul > li.add_group_wrap {   overflow: hidden; }
  .group_cont > ul > li .add_group_wrap input[type='text'] { float: left; width: calc(100% - 57px); margin: 0; height: 30px; padding-left: 16px; }
  .group_cont > ul > li .add_group_wrap input[type='button'] { float: left; width: 57px; margin: 0; height: 30px;  }
   .group_cont > ul > li .add_group_wrap input  { width: 33px; float: left; border: none; background: #fff; font-size: 13px; margin-top: 3px;
  cursor: pointer;  }
  
  
  
  
  .useradd_table .recruitment_period input{ float: left; width: 150px;   }
  .useradd_table .recruitment_period span { float: left; margin: 5px 10px;  }
  
  
  .drop_menu { overflow-x:hidden; }
  .drop_menu.group_cont > ul > li ul.sub_cata_list_add {  width: 100%; display: none; padding-top: 5px; margin-top: 5px;  }
  .drop_menu.group_cont > ul > li ul.sub_cata_list {  display: none; padding-top: 5px; margin-top: 5px; }
  .drop_menu.group_cont > ul > li ul label { padding-left: 10px;  }
  .drop_menu.group_cont > ul > li > ul > li { border-top: 1px solid #dedede; display: inline-block; width: 100%; padding: 7px 0 3px; position: relative;  }
  
  
  .drop_menu.group_cont.del_group > ul > li ul label{  width: calc(100% - 66px); }
  .drop_menu.group_cont.del_group > ul > li ul label:after { left: 11px; }
  
  
  .group_cont.group_cont4.del_group.drop_menu { max-height: 100%;  }
  
  .cont_write_wrap .pop_wrap.solution_wrap { max-width: 1200px;  }
  .cont_write_wrap .pop_wrap.solution_wrap .useradd_table{ max-width: 100%;  }
  .cont_write_wrap .pop_wrap.solution_wrap .useradd_table td  { width: auto; }
  
  .solution_cata h3 { font-size: 17px; margin-bottom: 10px;  }
  
  .solution_cata { display: inline-block; width: 100%;  }
  .solution_cata > div{ max-height: 500px; overflow: auto; border: 1px solid #eee; padding: 10px 10px;  }
  .solution_cata label{ margin: 0; width: 100%; text-align: left; line-height: 1.5;   }
  .solution_cata label span { display: inline-block; padding: 3px 0 11px; line-height: 1; font-size: 13px;  }
  .solution_cata ul li { display: inline-block; width: 100%;  }
  .solution_cata ul li ul label { padding-left: 10px;   }
  .solution_cata ul li ul label:after { left: 10px !important;  } 
  
  .solution_wrap.pop_wrap .left { width: 250px;  }
  .solution_wrap.pop_wrap > .right { width: calc(100% - 270px); }
  
  .solution_cata > div > ul > li > div > span { font-size: 17px; display: inline-block; width: 100%; text-align: left; margin-bottom: 10px;  }
  .solution_cata > div > ul > li { margin-top: 10px; }
  .solution_cata > div > ul > li:first-child { margin-top: 5px;  }
  
  .r_btn_list a { font-size: 13px; padding: 7px 15px 8px; display: inline-block; margin: 5px; border: 1px solid #383838;  }
  
  
  #excel_btn { cursor: pointer; display: inline-block; margin-top: 5px; }
  
  .solution_order.solution_cata > div { padding: 20px 30px;  }
  .solution_order.solution_cata > div > ul > li > div > span,  .solution_order.solution_cata ul li span { float: left;  min-width: 150px; width: auto; }
  .solution_order ul li input { float: left; width: 70px; padding: 10px 5px; text-align: center; }
  .solution_order.solution_cata > div > ul ul { padding-left: 20px;  }
  
  .solution_order.solution_cata ul li span { margin: 8px 0; position: relative; }
  .solution_order.solution_cata ul ul { display: none;  }
  
  .solution_order.solution_cata ul li .cont{ display: inline-block; width: 100%;  }
  
  .solution_order.solution_cata > div > ul > li > div > span{ padding-right: 30px; }
  .solution_order.solution_cata ul li span i { font-style: normal; font-size: 9px; position: absolute; right: 10px;    }  
  .solution_order > div { max-height: none; }
  
  
  
   .write_list input[type='button']#option_add{ display: inline-block; width: 350px; margin-top: 10px; padding: 10px 0;   }
  
  .option_table_list2 .table_text span { display: inline-block; width: 98%; background: #fff; padding: 5px; border: 1px solid #dedede; }
  .option_table_list2 .table_price input { float: left; height: 29px; width: calc(100% - 30px); padding: 0 10px; }
  .option_table_list2 .table_price span  { float: left; width: 30px; margin-top: 4px; text-align: left; padding-left: 5px;  }
  
  
  
  
  
  
  
  
  

.note-color .note-dropdown-menu{ display: inline-block !important;  }
    .note-palette:first-child { display: none !important;  }
    
     .note-editor.note-frame .note-editing-area .note-editable img{ width: auto !important; max-width: 100%; }
     
     .note-tooltip.bottom.in { display: none !important; } 
     .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette 
     .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu 
     .note-palette .note-color-select{ display: none; }
     #foreColorPalette{ display: none }
     
     
     .note-dropdown-menu { position: static; width: auto;  } 
     
     
     .note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu{ width: auto; min-width: auto;  position: static; } 

     .note-editor .note-toolbar { width: 100%;   overflow: auto; white-space: nowrap;  }
     
     .note-editor .note-editing-area .note-editable { border: 1px solid #dedede; border-top:0;   }
     .note-editor .note-toolbar{  border: 1px solid #dedede; border-bottom:0;   }
     
     .note-btn.note-current-color-button { display: none;  }
     
     .note-btn-group {  margin-top: 5px !important;  }
     .note-btn-group button { float: left; }
     
     
     .note-btn.dropdown-toggle  { display: none;  }
     .note-dropdown-menu { display: inline-block !important;    }
     
     .note-dropdown-item { display: inline-block; float: left;  }
     
     .note-dropdown-item h6{ font-size: 13px; }
     
     
     
     a.note-dropdown-item, a.note-dropdown-item:hover { margin: 0; background: none;  }
     
     .note-dropdown-menu{ background: none; border: none; }
     
   /*   .note-btn, .note-btn:hover  { background: none; border: none; } */
     
     [class^=note-icon]:before, [class*=" note-icon"]:before{ font-size: 16px;  }
     
     .note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu{ min-width: auto;  }
     
     
     .note-dropdown-menu.dropdown-style a{ margin-left: 10px; }
     .note-dropdown-menu.dropdown-style a:first-child { margin-left: 0;  }
      
     .note-dropdown-menu.dropdown-style a p , .note-dropdown-menu.dropdown-style a h6 {  font-size: 15px;  }
     
      .note-dropdown-menu.dropdown-style a p { margin-top: 1px !important;  }
      .note-dropdown-menu.dropdown-style a h6{ font-size: 16px; font-weight: 500;  }
     
     
     .note-color-row button{ margin-left: 10px !important; border-radius: 100% !important;  }
     .note-color-row button:first-child { margin-left: 0 !important;  }
     
     .note-color .note-dropdown-menu { padding-top: 0px;  }
     .note-editor .note-toolbar .note-color-palette div .note-color-btn{ width: 18px; height: 18px; float: left; }
     
     .note-editor .note-toolbar .note-color-palette div .note-color-btn { margin-bottom: 2px;  }
     
     .page_name{ display: inline-block; width: 100%; text-align: center; font-size: 17px;  }
     .review_memo{ resize: none;  }
     
     .note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar { display: none;  }
     
     .note-editor.note-frame {  border: none;  }
      
	
	  .page_add input { background: none; position: absolute; right: 0; border: 0; top: 8px; color: #74bf32; font-size: 17px; font-weight: bold; }     
     
     
     
     .note-editable iframe { width: 100%;  }
     
     
     
     .note-btn-group.note-resize, .note-btn-group.note-float { display: none;  }
   
   
   .note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
   padding: 0; height: 37px; }
   .note-editor .note-toolbar .note-para .note-dropdown-menu{  }
.note-btn-group { margin-top: 0;  }
.note-popover .popover-content .note-para .note-dropdown-menu>div+div, .note-editor .note-toolbar .note-para .note-dropdown-menu>div+div { margin-left: 0; }
  
  .note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu
  { min-width: auto; }
  .note-btn-group { margin: 0;  }
  
  
  
  
  
  
   
  
  
  .select2-container .select2-choice > .select2-chosen { width: 100%  }
  
  
  .select_box_point{ width: 70px !important;  }
  
 .select_box_point.select2-container .select2-choice > .select2-chosen { width: 100%; padding: 0; padding-right: 18px; padding-top: 2px;   }
  .select_box_point.select2-container .select2-choice { padding: 0;  }
  
  
  
  
  
  
.review_cont { display: inline-block; width: 100%;   border-bottom: 10px solid #f1f1f1; padding-bottom: 20px;  }

.review_list{ display: inline-block; width: 100%; margin-top: 5px;  }
.review_detail{ margin-top: 0;  }
.review_list ul li{ display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #f5f5f5;  }
.review_list ul li .l strong { display: inline-block; width: 100%; margin-bottom: 5px; color:#5a5a5a;  }
.blog_review_cont ul li .l strong { font-size: 15px;  }

.review_list ul li .l { float: left; width: calc(100% - 30px);  }
.review_list ul li .r { float: right; margin-top: 3px;  }
.review_list ul li .r a { display: inline-block; padding: 10px;  }

.review_list .date { display: inline-block; width: 100%;  }
.review_list .date a { display: inline-block; width: 100%; padding-top: 10px;  }
.review_list .date span { float: left; font-size: 12px;  color:#bfbfbf;  }
.review_list .date strong { float: right; font-size: 12px;  color:#bfbfbf; font-weight: 300;  }
.review_list .date span strong { font-weight: 500; color:#3c3c3c; }

.user .phto { float:left; width: 30px; height: 30px; overflow: hidden; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; margin-top: 7px; float: left;  }
.user .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
height: 100%; }

.user { display: inline-block; width: 100%;  }
 .user span { float: left; margin-left: 7px; margin-top: 11px;  }


.review_list ul li .star-rating { margin: 5px 0 7px;  }

.review_phto_list{ display: inline-block; width: 100%; margin-top: 12px;  }
.review_phto_list .flickity-viewport { max-height: 100px; overflow: hidden; }



.review_phto_list ul .flickity-slider li { width: calc(33.33% - 10px); height:100px; position: relative; border: 0;  }
.review_phto_list ul .flickity-slider li img { max-width: 100%;  position: absolute; left: 50%; top: 50%;     transform: translate(-50%, -50%); }
.review_phto_list .carousel { background: none;  }

.review_phto_list .flickity-page-dots .dot { padding: 0;  }

.review_phto_list .phto_list {  }
.review_phto_list .phto_list li { width: calc(33.33% - 10px); height:100px; position: relative; border: 0; margin-right: 0; margin-left: 10px; padding-bottom: 0; margin-bottom: 0; padding: 0; }
.review_phto_list .phto_list li:first-child  { margin-left: 0;  }
.review_phto_list .phto_list li img { max-width: 100%; border-radius: 7px; object-fit: cover; height: 100%; width: 100%; }

.review_phto_list .flickity-page-dots { bottom: 10px ; }


.comment_memo{ padding: 100px 0;  }
.comment_memo.review_memo  { height: calc(100% - 150px); width: 300px;     margin: auto; }
.comment_memo.review_memo .content { height: 100%; width: 100%; min-width: auto; }

.comment_memo.review_memo textarea { height: 250px; width: 300px; border: 1px solid #eee; padding: 10px 15px;  }

.review_btn { text-align: center; padding: 0 0px; margin-top: 0px; width: 100%; display: inline-block; }
.review_btn input{ display: inline-block; width: 100%; padding: 15px 0; background:#231f20; color:#fff; border: none; border-radius: 7px; margin-top: 15px; font-size: 14px;   }




 .star-rating {width:304px;  }
  .star-rating, .star-rating span {display:inline-block; height: 20px; overflow:hidden; background:url(/mobile/resources/images/common/star.png)no-repeat 0 0.2px;
  background-size: 90px;  }
  .star-rating span{background-position:left bottom; line-height:0; vertical-align:top; height: 17px; }
  
  .review_wrap ul li{ float: left; width: 50%; padding: 5px; box-sizing: border-box; }
  .review_wrap > div { display: inline-block; width: 100%; padding: 5px;   }
  
  .review_wrap strong{ display: inline-block; width: 100%; font-weight: normal;  }
  .star-rating { width: 90px;  height: 18px; margin-top: 5px;   }
  
.detil_btn_y{ display: inline-block; width: 100%; margin-top: 20px;  }
.detil_btn_y a, .detil_btn_y span { display: inline-block; width: 100%; padding: 12px 0; border-radius: 10px; color:#545454; background: #ffe063; font-weight: 500; text-align: center;  } 

  
  
.main_review{ padding: 6px 0; }

.qna_wrap .review_list ul li .l { width: calc(100% - 110px); }
.qna_wrap .review_phto_list { width: 70px; float: right;   }
.qna_wrap .review_phto_list .phto_list li { height: 70px; border-radius: 7px }


.qna_wrap .review_phto_list .phto_list li {width: 100%;  }
.review_list .date span { margin-left: 10px; }
.review_list .date span:first-child { margin-left: 0;  }

.qna_wrap .review_list .date { display: inline-block; margin: 0; margin-top: 10px;  }
  
  
.comment_wrap { display: inline-block; width: 100%; margin-top: 10px; padding-top: 20px; border-top:5px solid #f1f1f1 }


.comment_text_box .comment_user .phto { float: left; width: 30px; height: 30px; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; overflow: hidden;    }


.comment_text_box .comment_user .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
.comment_text_box .comment_user > span { float: left; font-size: 13px; margin: 4px 7px;  }

.comment_input{ display: inline-block; width: 100%; margin-top: 10px; border-radius: 5px; overflow: hidden;  }
.comment_input input[type='text'] { width: calc(100% - 80px); padding: 10px 16px; background: #f5f5f5; border: 0;   }
.comment_input input[type='button'] { width: 80px; border: 0; color:#fff; background: #64c064; height: 39px;    }
.comment_input input { float: left;  }

.comment_all { display: inline-block; width: 100%; margin-top: 20px;  }
.comment_all span { float: left; font-size: 15px; margin-top: 6px; color:#b7b7b7  }
.comment_all strong { float: left; font-size: 20px; color:#62bf62; margin-left: 5px; font-weight: 500;  }

/*
.comment_list { display: inline-block; width: 100%; margin-top: 10px;  }
.comment_list ul li { display: inline-block; width: 100%; padding: 10px 0 15px; border-bottom: 1px solid #f5f5f5;  }
.comment_list ul li .phto { float:left; width: 30px; height: 30px; overflow: hidden; position: relative; border: 1px solid #f5f5f5; border-radius: 100%; margin-top: 7px;  }
.comment_list ul li .phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }



.comment_list ul li .memo { float: left; width: calc(100% - 90px); padding: 0px 3px 0px 10px;   }
.comment_list ul li .more { float: right; width: 60px; }
.comment_list ul li .more ul li { float: left; margin: 0; padding: 0; width: calc(50% - 1px); border: 0;  }
.comment_list ul li .more ul li:first-child { margin-right: 2px; }


.comment_list ul li .more ul li a { font-size: 9px; display: inline-block; width: 100%; padding: 2px 3px; border: 1px solid #f5f5f5;   }

.comment_list ul li .name{ display: inline-block; width: 100%; }
.comment_list ul li .name strong { color:#5a5a5a; float: left;  }
.comment_list ul li .name span { float: left; margin-left: 5px; font-size: 11px; margin-top: 1px;   }

.comment_list ul li .memo > p  { display: block; width: 100%; font-size: 13px; margin-top: 3px;   }
.comment_list ul li a { float: right; display: inline-block; width: 20px; padding: 5px 0; text-align: center;  }
  */
  
  .no-img.no-img3 { text-align: center; }
  
.pop-layer .btn-r{margin-top: 0; padding-top:0;  }

.pop_btn { text-align: center; }
.pop_btn a, .pop_btn input.btn_purple { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 30px; width: 100px; font-size: 11px; background: none; min-width: 210px;  }
.del-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
.logout-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
  
  .pop_close { position: absolute; top: 5px; right: 13px;  }

.share_layer .ctxt{ text-align: center; padding: 10px 0 30px; font-size: 14px;  }
.del-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
.logout-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }


#del-layer, .del-layer .pop-layer { width: 320px; }


.ranking_ok .pop-layer { width: 390px; }



.review-layer .pop-layer { width: 390px; }

.review-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
.review-layer .pop-layer .pop-container { padding-bottom: 39px; }



  .sub_table{ margin-top: 20px;  }
   .sub_table thead th { background: #f5f5f5;  width: auto; padding: 10px 0; text-align: center; }
   .sub_table tbody td {    width: auto; padding: 10px 0; text-align: center; }
   
   
   
   .useradd_table tr.goods_ad_theme{ display: none; }
   .useradd_table tr.goods_ad_memo{ display: none; }
   .useradd_table tr.goods_ad_memo1{ display: none; }
   
   
   .point_layer .pop-conts { padding: 30px;  }
   .point_layer .pop_btn input.btn_purple { font-size: 12px; margin-top: 25px;  }
   
   .pop-conts.useradd_table p { font-size: 13px;  }
   
   .cont_pop_btn{ display: inline-block; margin-top: 20px; padding: 10px 20px; border: 0; font-size: 13px; 
   background: #eee;  }
   
   
   .p_error{ display: inline-block; margin-top: 5px; width: 100%;  }
   
   
   
   .option_ch2_w{ display: none;  }
   .option_ch1_w{ display: none;  }
   .useradd_table tr.option_type1{ display: none;  }
   
   
   
   
   
   
 
.manual_file_w input { display: none;  }
.manual_file_w label { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px; margin-top: 3px; cursor: pointer;  }

.manual_file_li ul li { margin: 5px 3px; position: relative;  }
.manual_file_li ul li { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px;  }
.manual_file_li ul li:first-child { margin-left: 0;  }
.manual_file_li ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }

 
 
 
 
 
	.note-editor.note-frame{ z-index: 999999999; }
	.note-modal, .note-modal-content { z-index: 99999999; }
	.note-modal-backdrop { z-index: 1000;  }
 
 
	.main_bannder .content{ padding: 0; }
	.note-modal-footer .note-btn { display: inline-block; width: 100%; height: 35px; color:#000; float: none;  } 
	.note-modal-footer { height: auto;  }
	.note-modal-body { padding-bottom: 10px;  }
 
 
 
 .lineitem{  }
 
 .lineitem_btn {  cursor: pointer; text-align: center; margin-top: 0px;  }
 
 
 
 
     
 .note-emoticon { position: relative; }
 .emoticon_btn{  cursor: pointer; text-align: center; margin: 5px 5px 0;   float: left;  }
 
 
 
 
 .emoticon_btn > img{ width: 20px;   }
 
 .emoticon_pop { position: fixed; left: calc(50% + 201px); ; width: 300px;  bottom: 14%;   padding: 0px; display: none; z-index: 999999; }
 
  .emoticon_pop > ul{ display: inline-block; width: 100%; border: 1px solid #00000032; border-top:0; padding: 5px 10px; background: #fff;   }
 .emoticon_pop > ul li { width: 25%; margin: 0; display: inline-block; float: left; text-align: center;  }
 
  .emoticon_pop > ul li img { width: 65px; cursor: pointer; padding: 10px; }
 
 
 
 .note-editor.note-frame .note-editing-area .note-editable img.emoticon_img, img.emoticon_img { width: 70px !important; }
 
 .note-control-selection-info { display: none !important; }
 
 
 
 .emoticon_tap {   width: 100%; background:#ECECEC; overflow: hidden;  }
 .emoticon_tap ul li { float: left; width: 50%; text-align: center; padding: 8px 0 5px;  }
 .emoticon_tap ul li.on { background: #fff; border: 1px solid #C5C4C4; }
 
  .emoticon_tap ul li img { width: 30px;  }  
 
 
 
 .lineitem_btn { cursor: pointer; float: left; }

 .lineitem_pop { position: fixed; left: calc(50% + 201px); ; width: 300px;  bottom: 11%;   padding: 0px; display: none; z-index: 999999  }
 
   .lineitem_pop > ul{ display: inline-block; width: 100%; border: 1px solid #00000032;  padding: 5px 10px; background: #fff;   }
 .lineitem_pop > ul li { width: 33.33%; margin: 0; display: inline-block; float: left; text-align: center; height: 50px; position: relative; }
 
  .lineitem_pop > ul li img { max-width: 65px; cursor: pointer; padding: 10px 0; position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
 
 
  .note-btn-group.lineitem { margin-left: 10px; }
   
   .ad_list_wrap{ display: inline-block; width: 100%; overflow: auto; min-height: 910px  }
   
   
   .date_cata{ padding: 10px; overflow: hidden; background: #fffef7;  }
   
   
   .date_cata span { float: left; width: 30px; text-align: center; display: inline-block; margin-top: 3px;  }
   
   .date_btn { display: inline-block; width: 100%;  }
   .date_btn ul li { float: left; width: calc(25% - 3px); margin-left: 4px}
   .date_btn ul li:first-child { margin-left: 0;  } 
   
   .date_btn ul li span{ display: inline-block; width: 100%; padding: 7px 0; font-size: 12px; border: 1px solid #dbdde2; background: #fff; cursor: pointer;  }
   .date_btn ul li span:hover{ border-color: #ffe838; font-weight: bold; background: #fffdec; }
   .date_btn ul li span.on { border-color: #ffe838; font-weight: bold; }
   
   
   
   
   .main_cont { padding: 45px; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
   
   .main_box { flex: 0 0 50%; padding: 5px; max-width: 50%; }
   
   .main_box1{   }
   .main_box1 ul { display: flex;  background: #fff;  }
   .main_box1 ul li { flex: 0 50%;  }
   
   .main_box1 ul li a { display: inline-block; width: 100%; text-align: center; padding: 30px 10px; border-left: 1px solid #ececed73;  }
   .main_box1 ul li:first-child a{ border-left: 0;  }
   
   .main_box1 ul li strong { display: inline-block; width: 100%; font-size: 30px; font-weight: bold; }
   .main_box1 ul li span { display: inline-block; width: 100%; margin-top: 3px; font-size: 15px; font-weight: 300;  }
   
   .main_box1 ul li a:hover span, .main_box1 ul li a:hover strong {   }
   .main_box1 ul li a:hover { background: #fffdec;  }
   
   
   .main_box2_w{ display: flex; background: #fff; padding: 10px;  }
   .main_box2_w > div { -ms-flex: 0 0 50%;  -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 5px 30px 0; }
    .main_box2_w > div:first-child { border-right: 1px solid #eee; }
    
     
   .main_box2_w ul li { display: inline-block; width: 100%; padding: 3px 0; }
   .main_box2_w strong { float: left; font-size: 15px; font-style: normal; font-weight: 200; color: #303236;  }
   .main_box2_w a { float: right; }
   
   .main_box2_w a em { font-style: normal; font-weight: bold; }
   
   
   
    
   
   .main_box3 { margin-top: 10px;  }
   .main_sales { background: #fff; padding: 25px;  }
   .main_sales .title { margin-bottom: 10px; display: inline-block; width: 100%;  }
   
   .main_box .title h3 { font-size: 20px; font-weight: 300; float: left; }
   
   .main_box .title span { float: left; margin-left: 10px; margin-top: 6px; font-size: 12px; color: #8f95a0; font-weight: 300; }
    
   .google-visualization-tooltip-item { margin: 0 !important; padding: 0 !important;  } 
   .google-visualization-tooltip-square { display: none !important; }
   
   ul .google-visualization-tooltip-item:last-child span:after {  content:"원";  }
   ul .google-visualization-tooltip-item:last-child span { font-size: 16px !important;  }
    
   .google-visualization-tooltip{ min-width: 150px;  padding: 0 10px !important; }  
 
   
   g text { fill: #8f95a0 !important; font-size: 11px !important; }
   
  /*    canvas{
      width: 100% !important;
    } */
    
    
    .essential th span{ position: relative; }
    .essential th span:before { content:""; display:inline-block; width: 6px; height: 6px; background: #ffd400; 
    position: absolute; right: -10px; top: 8px; border-radius: 100%;   }
    
   .goods_quantity p { font-size: 13px; display: inline-block; width: 100%; margin-top: 7px;  }
   
   
   .pop_order_btn{ font-weight: bold; }
   
   .orderpop_wrap .content { width: 100%; min-width: 783px;  max-width: 783px; background: #fff; }
   .orderpop_hader{ display: inline-block; width: 100%; padding: 20px 15px; border-bottom: 1px solid #eee; background: #fff361;  }
   .orderpop_hader h1 { font-size: 17px; font-weight: 500; float: left; }
   
   .orderpop_box{ padding: 15px 15px 0; background: #fff; box-sizing: border-box; }
   .orderpop_box{ display: inline-block; width: 100%; margin-top: 10px;  }
   .orderpop_box h3{ font-size: 14px;  }
   
   .orderpop_number{ display: inline-block; width: 100%; padding: 7px 13px 9px; border: 5px solid #eee; margin-top: 8px; box-sizing: border-box;  margin-bottom: 10px; }
   
   .orderpop_number em { font-style: normal; font-weight: bold;  font-size: 13px;  }
   .orderpop_number span { font-size: 13px;  }
   
   
   .orderpop_box table { width: 100%;  margin-top: 8px; }
   .orderpop_box table th { font-size: 13px; background: #f1f1f1; border: 1px solid #eee; font-weight: 300;  padding: 13px 15px; color: #505050; word-break:keep-all; }
   .orderpop_box table td { font-size: 13px; background: #fff; border: 1px solid #eee; font-weight: 300;  padding: 13px 15px; line-height: 1.5; word-break:keep-all; color: #505050;  }
   
   .orderpop_box .l { float: left;  }
   .orderpop_box .r { float: right;  }
   
   
   .orderpop_apply{ padding: 30px; text-align: center; }
   .orderpop_apply input{ display: inline-block; height: 40px; text-align: center; width: 120px; border: 1px solid #eee;   }
   .orderpop_apply input:hover { background: #ffe838; }
   
   
   .orderpop_hader span { cursor: pointer; float: right; }
   
   
   
   
   
   
   
   
   
   
   
   
   
   

.join_input li { display: inline-block; width: 100%; padding: 7px 0;  }  
.join_input li input{  width:100%; padding: 13px 5px; border:0; border-bottom: 1px solid #e7e7e7; display: inline-block; font-size: 15px; }
.join_input li input::placeholder { color: #cdcdcd;  }

.join_input li h4 { display: inline-block; width: 100%; margin-bottom: 3px; color:#6a6a6a;  }


.join_input li .input_text_box {   width: 100%;  display: inline-block;    }
.join_input li .input_tel_box2 { margin-top: 7px; }

.join_input li .error {  float: right;  width: calc(100% - 40px); }


.join_container .join_input li .error {   width: 100%; float: none; margin-top: 7px; font-size: 13px;  }






.join_input li.input_tel input[type='text'], .join_input li.input_tel input[type='number'] { float: left; width: calc(100% - 90px); }
.join_input li.input_tel input[type='button'] { float: left; width: 85px; padding: 8px 0; margin: 7px 0; border-radius: 5px; margin-right: 5px; background: #b8b8b8; color:#fff;   }




.join_input li .input_text_box2 input[type='number'] { width: 100%; }


.join_input li .input_tel_box2 input[type='number'] { width: 100%; }
.join_input li .input_tel_box3 input[type='number'] { width: calc(100% - 75px); }
.join_input li .input_tel_box2 input[type='button'] { display: none;  }


.join_input li .input_tel_box3 input[type='number']::placeholder { color:red; }

.input_tel .input_text_box2 { margin-top: 10px;  }
   
.agree_wrap .chek1 input[type="checkbox"] { display: none;  }

.agree_wrap .chek1 label.checkbox_btn { color:#727171; font-size: 15px;   width: 100%; display: inline-block; text-align: center;
width: 30px; height: 25px;  ;  margin-right: 0;   }
.agree_wrap .chek1 label span { content: ""; line-height: 2; display: inline-block; width: 100%; height: 100%; float: left; border-radius: 100%;   
 background: url("/mobile/resources/images/common/check.png") no-repeat center; margin-top: 1px; cursor: pointer; }
.agree_wrap .chek1 input[type="checkbox"]:checked + label.checkbox_btn span:after { content: "";  display: inline-block; width: 100%; height: 100%; 
background: url("/mobile/resources/images/common/check_on.png") no-repeat center;    }


.agree_wrap .chek2 input[type="checkbox"]:checked + label.checkbox_btn { border-color: #453598;   }
.agree_wrap .chek2 input[type="checkbox"] { display: none;  }
.agree_wrap .chek2 input[type="checkbox"]:checked + label.checkbox_btn span:after { content: "";  display: inline-block;
 background: #453598 url("/images/ico_ch2.png") no-repeat center; width: 100%;  height: 100%;   }
 
 
 
.agree_wrap .chek2 label.checkbox_btn { color:#727171; font-size: 15px;   border-radius: 7px; border: solid 1px #bcbec0; width: 100%; display: inline-block; text-align: center;
width: 25px; height: 25px; margin: 0 2px; background: #fff;  overflow: hidden;  }
.agree_wrap .chek2 label span { content: "v"; line-height: 2; display: inline-block; width: 100%; height: 100%; background: #fff; float: left; border-radius: 100%;   }
    
.radio_text, .check_text { float: left; margin-left: 5px; line-height: 1.3; color:#221815; font-size: 15px; }

  
    
.agree_wrap .radio2 input[type="radio"] { display: none;  }
.agree_wrap .radio2 input[type="radio"]:checked + label{ background: #453598; color:#fff;  }
.agree_wrap .radio2 input[type="radio"]:checked + label.radio_btn span:after { content: "";  display: inline-block;
	 background: #453598 url("/mobile/resources/images/common/ico_ch2.png") no-repeat center; width: 100%;  height: 100%;   }
.agree_wrap .radio2 label.radio_btn { color:#727171; font-size: 15px;   border-radius: 7px; border: solid 1px #bcbec0; width: 100%; display: inline-block; text-align: center;
	width: 25px; height: 25px; margin: 0 2px; background: #fff;  overflow: hidden;  }
.agree_wrap .radio2 label span { content: "v"; line-height: 2; display: inline-block; width: 100%; height: 100%; background: #fff; float: left; border-radius: 100%;   }
	  


.login_img{ position: absolute; bottom: 10px;  width: 100%; max-width: 560px;   }


	  
.join_ok_img{ text-align: center; margin: 30px 0 5px;  }
.join_ok_img img { width: 150px;  }

   
.join_input li .input_text_box2 input[type='number'] { width: 100%; }


.join_input li .input_tel_box2 input[type='number'] { width: 100%; }
.join_input li .input_tel_box3 input[type='number'] { width: calc(100% - 75px); }
.join_input li .input_tel_box2 input[type='button'] { display: none;  }


.join_input li .input_tel_box3 input[type='number']::placeholder { color:red; }

.input_tel .input_text_box2 { margin-top: 10px;  }

.agree_all{ background: #f7f7f7; border-radius: 7px;  }

.agree_wrap{ display: inline-block; width: 100%; margin-top: 20px; padding: 0px  0px;   }
.agree_wrap ul li { padding: 6px 10px 7px;  display: inline-block; width: 100%; }
.agree_wrap ul { display: inline-block; width: 100%;  }
.agree_wrap .chek1{ float: left;  }
.agree_wrap .terms_text { float: right; width: calc(100% - 35px); margin-left: 0px ; margin-top: 0px; line-height: 1.39;   }
.agree_wrap .terms_text label {  color:#5e5e5e; font-size: 13px; cursor: pointer; width: 100%; }
.agree_wrap .terms_text .pop_btn{ float: right; margin-top: 5px;   }
.agree_wrap .terms_text .pop_btn img { width: 6px; }


.agree_wrap .terms_text label em { font-style: normal; font-size: 11px; font-weight: normal; color:#cdcdcd; }
.agree_wrap .terms_text label em.on{  color:#ffce24;  }

.agree_wrap .chek1 label.checkbox_btn:before { display: none;  }
.agree_wrap .chek1 input[type="checkbox"] { display: none;  }


.join_container .content{ max-width: 500px; float: none; margin:  auto; background: none; min-width:auto; padding: 30px 15px;  }
.join_container h1 img{ width: 135px;  }
.join_container h1{ text-align: center; margin: 15px 0 20px }


.btn_g input, .btn_g a { display: inline-block; width: 100%; border: 0; height: 45px; color:#fff; border-radius: 7px; color:#ffffff; font-size: 15px; background: #b8b8b8; text-align: center;
padding: 11px 0;  }

.btn_green input, .btn_green a { display: inline-block; width: 100%; border: 0; height: 45px; color:#fff; border-radius: 7px; color:#000; font-size: 15px; background: #ffce00; text-align: center;
padding: 11px 0;  }
	  
.join_container .btn_g { margin-top: 15px;  }


   
   .mt_10{ margin-top: 10px;  }
   .mt_20{ margin-top: 20px;  }
   .mt_30{ margin-top: 30px;  }
   
   
   
   
   
   
#alertify-logs .alertify-log { padding: 15px 15px !important;  width:320px   }   
   
   
.join_input li .input_tel_box2 { display: none;  }   
   
       
 
 
 
 .seller_addr #item_addr1 { width: calc(100% - 120px); float: left;  }
 .seller_addr .item_addr_btn{ width:  120px; float: left; font-size: 12px; height: 49px;  }
 .seller_addr #item_addr2 { width:100%; }
 
 .seller_calculate select { display: inline-block; width: 100%; padding: 12px 10px 11px; border-radius: 10px; margin-top: 5px; color:#000; }
 
 
 
 
 
 

.join_ok_title { padding: 80px 0 60px; text-align: center; }
.join_ok_title h3 { font-size: 18px; font-weight: bold; }
.join_ok_title h3 span { font-size: 15px; font-weight: normal; }
.join_ok_title h4 { font-weight: normal; font-size: 16px; display: inline-block; width: 100%; margin-top: 10px;  }

.join_ok_memo { text-align: center; background: #FCFCFC; border: 1px solid #ECECEC; border-radius: 15px; }
.join_ok_memo p { display: inline-block; width: 100%; padding: 25px 0; color:#333333;  }
.join_ok_memo p span{ font-weight: bold; }

.join_ok_memo .btn { display: inline-block; width: 100%; border-top:1px solid #EEEEEE; }
.join_ok_memo .btn a{ float: left; width: 100%; width: 50%; padding: 17px 0 16px; color:#FFC700; font-weight: bold; }
.join_ok_memo .btn a:FIRST-CHILD { border-right: 1px solid #EEEEEE; color:#4E4E4E; font-weight: 500;  }

 
 
 
 
	.vendor_file .input_text_box { display: inline-block; width: 100%; margin-top: 10px;  } 
 
   .vendor_file .l{ float: left; width: 300px;  }
   .vendor_file .l img{  max-width: 100%; }
   
   
   .vendor_file .r{ float: left; width: calc(100% - 310px); margin-left: 10px;   }
   
   
   
   
   .main_box4 { margin-top: 10px; }
   .main_box4 .main_box4_l { float: left; width: 49.5%;    background: #fff; padding: 25px 25px 25px;   }
   .main_box4 .main_box4_r { float: right; width: 49.5%;    background: #fff; padding: 25px;   }
   
   
   .main_box4_r ul { display: inline-block; width: 100%; margin-top: 15px; height: 300px; }
   .main_box4_r ul li a{ display: inline-block; width: 100%; font-size: 13px; color:#4D5159; font-weight: 300;
       overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; padding: 3px 0;     flex-wrap: wrap; }
   
   
   .main_box4_r ul li a i { font-style: normal; padding: 1px 5px; border: 1px solid #eee; font-size: 11px; margin-right: 6px;  } 
   .main_box4_r ul li a i.red { border-color: #FEB1B1; color: #ff7e7e;  }
   
   .main_box4_r ul li a span { font-size: 13px; color:#4D5159; font-weight: 300; line-height: 1.45;  }
   
   
   .top_bar{ min-height: 74px;  }
   
   
   .goods_wrap.cont_write_wrap .pop_wrap { max-width: 1200px;  } 
   .goods_wrap .useradd_table { max-width: 100%;  }
   
   
		
.detail_title{ padding: 10px 0; }
.notice_title > div { display: inline-block; width: 100%; margin-top: 2px; }
		
   .notice_title h3{ width: calc(100% - 100px); float: left;  }
   .notice_title .r { float: right; width: auto; line-height: 1.3;  }
   .notice_title .r span { font-size: 12px;  }
   
    .cont_detail{ padding-top: 30px; word-wrap: break-word; word-break:keep-all; }
 
 
 .cont_detail p {  line-height: 1.7; font-size: 15px;  color:#272626; word-wrap: break-word; word-break:keep-all; }
 .cont_detail_memo, .mall_detail,  .unfold_cont .cont  { word-wrap: break-word; word-break:keep-all;}
  .cont_detail_memo p, .mall_detail p,  .unfold_cont .cont p, .sotong_memo p { word-wrap: break-word; word-break:keep-all;}
 
 .cont_detail h6, .cont_detail h5, .cont_detail h4, .cont_detail h3, .cont_detail h2, .cont_detail h1 { word-wrap: break-word; word-break: keep-all; }
 
 
 .cont_detail img{ width: auto !important; max-width: 100%; height: auto !important;  }
 
.cont_detail p span { font-size: 15px !important; }
.cont_detail strong { line-height: 1.8; font-size: 15px; color:#272626; }
 
  .detail_title > div.detail_tag1{ margin-top: 13px;    }
   
   
   
	.detail_title .comment span { font-size: 13px;  }
.detail_title .comment span{ margin-left: 5px; padding-left: 6px;  line-height: 0.8; display: inline-block; position: relative; }

.detail_title .comment span:first-child { border: 0; padding-left: 0; margin-left: 0;  }

.detail_title .comment span em{ font-style: normal; font-size: 13px; float: left; margin-left: 5px; margin-top: 4px;  }
	
   
   
 .detail_title{  width: 100%; padding: 10px 1px 15px;  border-bottom: 1px solid #E4E4E4;; overflow: hidden; }
 .detail_title > div > .l { width: 65%; float: left;  }
 .detail_title > div > .r, .detail_r_like  { width: 35%; float: right; padding: 11px 5px 5px; border-radius: 5px; border: 1px solid #D3D3D3; margin-top: 13px;  }
 .detail_title > div > .r > div,  .detail_r_like > div { float: left; width: 33.33%; padding: 0 10px; text-align: center; }
 .detail_title h3{ font-size: 30px;  }
 .notice_title > div.comment { padding: 0 3px;  }
   
   .parcel_group_page .checks { float: left;  }
   
   
   .parcel_group_page .ch_box{ margin-left: 10px;  }
   .ch_box input[type=checkbox] + label { float: left; margin-left: 3px; font-size: 13px; }
   
   .ch_box input[type="checkbox"] + label:before { margin-right: 5px;  }
   
   
   
   
   .territories_box.territories_box th span:before { right: -31px; }
   .parcel_price2_box th span:before { right: -59px; }
   
   .option_type li  { float: left;  }
   .parcel_bundle li { float: left;  }
   
   .parcel_bundle li.checks { margin: 5px 0;  }
  .parcel_bundle li a{ display: inline-block; font-size: 13px; background: #eee; padding: 5px 10px; margin-left: 5px  }  
   
   
   
   .option_info{ display: inline-block; width: 100%; margin: 10px 0 15px;   }
   .option_info p { font-size: 13px;    display: inline-block; width: 100%; margin-top: 5px;   }
   
   .option_info strong { font-size: 13px;  display: inline-block; width: 100%;    }
   
   
   
   .useradd_table .parcel_bundle_w th { vertical-align: top; padding-top: 10px; }
   
   
   
   
   .group-layer .useradd_table { max-width : 100%;  padding-bottom: 30px;   }
   
   .group_list{ display: inline-block; width: 100%; padding: 15px;  }
   .pop-title{ padding: 15px; display: inline-block; width: 100%; background: #6d6d6d; color:#fff;   }
   .pop-title h3 { font-size: 17px; color:#fff;  }
   
   
  .group-layer .useradd_table th span { font-size: 13px;  }
   .group-layer .parcel_price2_box th span:before { right: -52px;  }
   .group-layer .territories_box.territories_box th span:before{ right: -28px;  }
   .group-layer .parcel_price2_box th, .group-layer .parcel_price2_box td { padding-top: 10px;  }
   
   .group_list tr td:first-child { border-left: 0;  }
   .group_list tr td:last-child { border-right: 0;  }
   
   
   .group_list tr td .add_item { padding: 5px 7px; background: #fff; border: 1px solid #eee; display: inline-block; cursor: pointer; }
   
   .group_list .table td { cursor: auto; }
   
   
   .group_list{ max-height: 350px; overflow: auto; }
   
   
   
   .more_btn{ display: inline-block; width: 100%; text-align: center;  margin-top: 20px;  }
   .more_btn span { display: inline-block; padding: 7px 35px; border-radius: 100px; border: 1px solid #eee; font-size: 13px; cursor: pointer;   }
   .more_btn span:hover { background: #ffe838; }
   
   .parcel_bundle_w2 > td{ padding: 20px 20px 50px; }
   
   .parcel_bundle_w2 .parcel_namel_w span:before { right: -23px; }
   
   
   .parcel_bundle_w2 h5 { font-size: 15px; margin-bottom: 10px; display: inline-block; width: 100%; padding-left: 20px;  }
   
   
   
   
   
.guidance_wrap { display: inline-block; width: 100%; margin: 30px 0 }
.guidance_title1 h3{ font-size: 17px; display: inline-block; font-weight:600; color:#3c3c3c; 
 padding-left: 21px; background: url("/mobile/resources/images/ledger/ledger_guidance.png") no-repeat 0 5px; background-size: 16px; 
 width: 100%; }

.guidance_wrap ul { display: inline-block; width: 100%; margin-top: 5px;  }
.guidance_wrap ul li {  padding-left: 12px; position: relative; font-size: 15px; line-height: 1.6;  }
.guidance_wrap ul li span {  font-size: 15px; font-weight: 500;  }
.guidance_wrap ul li:before { content:"-"; position: absolute; left: 0; top:0; line-height: 1.35;  }

.guidance_title2 { display: inline-block; width: 100%; margin: 10px 0;   }
.guidance_title2 h3 { font-size: 17px;  display: inline-block; font-weight:600; color:#3c3c3c; position: relative;    }
.guidance_title2 h3 span { font-size: 17px;  color:#e66a6a;  }
.guidance_title2 h3:before { content: ""; display: inline-block; width: 100%; height: 5px; background: #f4c711; position: absolute; left: 0; bottom: 2px; z-index: -10;  }




.guidance_input li { display: inline-block; width: 100%; padding: 7px 0;  }  
.guidance_input li input{  width:100%; border: 0; padding: 10px 15px; border: 1px solid #f6f6f6; }

.guidance_input li .error {  float: right;  width: calc(100% - 40px); }

.guidance_input li.input_tel input[type='text'], .join_input li.input_tel input[type='number'] { float: left; width: calc(100% - 75px); }
.guidance_input li.input_tel input[type='button'] { float: left; width: 65px; padding: 8px 0; margin: 7px 0; border-radius: 5px; margin-right: 5px; background: #b8b8b8; color:#fff;   }

.guidance_input li .input_text_box2 input[type='number'] { width: 100%; }
.guidance_input li .input_tel_box2 input[type='number'] { width: 100%; }
.guidance_input li .input_tel_box3 input[type='number'] { width: calc(100% - 75px); }
.guidance_input li .input_tel_box2 input[type='button'] { display: none;  }
.guidance_input li .input_tel_box3 input[type='number']::placeholder { color:red; }
.guidance_input i{ font-style: normal; color: #f88686; font-style: normal; position: absolute; top: -3px; right: -8px;  }
.guidance_input strong { position: relative; color:#3c3c3c; font-weight: 500; font-size: 13px; float: left; margin-top: 8px }
.guidance_input > ul > li > div{ float: right; width: calc(100% - 65px); box-shadow: 0px 0px 2px 1px #f6f6f6; border-radius: 7px;  }
.guidance_input > ul > li {  display: inline-block; width: 100%;  }


.guidance_input { display: inline-block; width: 100%; margin-top: 11px;  }

.guidance_input .input_guidance3 input{ width: 50px; float: left; padding: 10px; }
.guidance_input .input_guidance3 div { box-shadow: none;  }
.guidance_input .input_guidance3 span { float: left; margin: 10px 5px;  }

.guidance_input .input_guidance3 input[type='text'] { width: 100px; margin-left: 10px;   }
.guidance_input .input_guidance3 p { display: inline-block; width: 100%; margin-top: 3px;   }
.guidance_input > ul > li > div p { font-size: 12px; color:#5e5e5e;  }

.guidance_input > ul > li.input_guidance_select select { border: 1px solid #f6f6f6; width: 100%; height: 41px; border-radius: 7px; box-shadow: 0px 0px 2px 1px #f6f6f6;
padding: 0 10px; font-family: 'Noto Sans KR',"noto", sans-serif; background: #fff; }
.guidance_input > ul > li.input_guidance_select div{ border:0; box-shadow: none; }

.guidance_input > ul > li.input_guidance_textarea textarea { border: 1px solid #f6f6f6; width: 100%; height: 170px; border-radius: 7px; box-shadow: 0px 0px 2px 1px #f6f6f6;
padding: 10px; resize: none;  }

.input_guidance_tel strong{ margin-top: 0;  }

.guidance_user ul li span{ padding: 10px; display: inline-block;  }

.guidance_input .input_addr input[type='button']{ font-size: 12px;  }

.ledger_ok_memo{ display: inline-block; width: 100%;  margin-top: 20px;  padding: 20px; border: 1px solid #eee; line-height: 1.7;  }




.question_file{ display: inline-block; width: 100%; border-top:1px solid #eee; border-bottom:1px solid #eee; margin: 10px 0;   }

.question_title { display: inline-block; width: 100%; margin-top: 3px; }
.question_title h3 { font-size: 15px; color:#3c3c3c; font-weight: 500; padding-left: 21px;  }


 
  .guidance_input .file input{ display: none !important; }
 .guidance_input .file label { display: inline-block;  padding: 8px 15px; background: #eeeeee; margin: 6px 0; border: 1px solid #dcdcdc; border-radius: 5px;
  font-size: 11px; cursor: pointer; }
  
  
 .guidance_input .imgs_wrap { display: inline-block; width: 100%;  }
 .guidance_input .imgs_wrap ul li { display: inline-block;  padding: 15px 20px; margin: 6px 0; 
 border: 1px solid #000; background: #fff; width: 100%; position: relative; font-size: 13px;  }
 
.question_file .guidance_input > ul > li > div{box-shadow: none;  }

.question_file .guidance_input > ul > li > div.imgs_wrap i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
 

.input_imgs1 input { display: none; }

#container.join_wrap .content { width: 500px;  min-width: 500px; background: #fff; float: none; margin: auto;    }

#container.join_wrap .select2-container .select2-choice > .select2-chosen { max-width: 100%; width: 100%; height: 41px; line-height: 40px;  }
#container.join_wrap .guidance_input > ul > li.input_guidance_select > div { width: calc(100% - 65px);  }
#container.join_wrap .guidance_input > ul > li.input_guidance_select > div > div { width: 100%;  }

#container.join_wrap .select2-container .select2-choice {  height: 41px; box-shadow: 0px 0px 2px 1px #f6f6f6; border: 1px solid #f6f6f6;  }














.main_box4 .main_box4_l { max-height: 394px; overflow: auto;  }

/*리뷰*/

.main_review_list ul li strong { display: inline-block; width: 100%; margin-bottom: 5px; font-size: 13px; font-weight: normal;  overflow: hidden;     color: #4D5159;
    text-overflow: ellipsis; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  }
.main_review_list{ display: inline-block; width: 100%; margin-top: 20px;  }

.main_review_list ul li {  display: inline-block; width: 100%; padding: 15px 0 10px; border-top: 1px solid #eee; }
.main_review_list ul li a{ display: inline-block; width: 100%; padding: 0 7px;  }

.list_use { display: inline-block; width: 100%;   } 
.list_use .use_phto { height: 27px; width:27px; overflow: hidden; position: relative; border-radius: 100%; float: left; margin-right: 7px;  }
.list_use .use_phto img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);     object-fit: cover; height: 100%; width: 100%;  }
.list_use span{ font-size: 13px; float: left; margin: 3px 0 0 0px; font-weight: 400; color: #4D5159; }
.list_use span.date { float: right; font-size: 11px; color: #898989; font-weight: normal; margin-top: 4px; }
.main_review_list ul li p { font-size: 13px; line-height: 1.5; display: inline-block; width: 100%; margin-top: 5px;     overflow: hidden;     color: #4D5159;
    text-overflow: ellipsis; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.main_review_list .l{ float: left; width: calc(100% - 88px);}
.main_review_list .r{ float: right; width: 77px; position: relative; }
.main_review_list .r .review_phto{ position: relative; width: 77px; height: 77px;  }
.main_review_list .r .review_phto img { width: 100%; position: absolute; height:100%; ;object-fit: cover; }


.pop-conts.useradd_table { max-width: 100%;  }

.more_wrap td { border: 0 !important;; background: none !important;  }
.more_wrap button{   display: inline-block; padding: 10px 20px;  border: 0; font-size: 13px; background: #eee;
width: 100%; }

.more_wrap button:hover { background: var(--main-color); color:#000;  }
/*리뷰끝*/


.popup_wrap{     min-width: 635px;  }
.popup_wrap .content { width: 100%; float: none; min-width: 600px;  }
.popup_wrap .tab-content { height: 100% !important; }
.popup .notice_wrap.cont_write_wrap .pop_wrap {  }
 .popup_wrap .tab-content .pop_wrap { margin: 0;  }
   
   .alert_y{ display: inline-block !important; padding: 3px 10px; background:#FFC000;  width: auto !important; font-weight: 600; margin: 10px }
   
   
   
   .status-badge{
  display:inline-block; padding:2px 10px; border-radius:9999px;
  font-weight:600; font-size:12px; line-height:1.8; border:1px solid transparent;
}
.status-badge.badge-store { /* 보관 */
  background:#ECFDF5; color:#065F46; border-color:#10B98133;
}
.status-badge.badge-order { /* 주문 */
  background:#EFF6FF; color:#1D4ED8; border-color:#60A5FA33;
}
.status-badge.badge-refund { /* 환급 */
  background:#FEF2F2; color:#B91C1C; border-color:#F8717133;
}
.status-badge.badge-etc { /* 그외 */
  background:#F3F4F6; color:#374151; border-color:#9CA3AF33;
}
   
   
   
   
   
   
   .flex_wrap { display: flex; gap:5px; align-items: center;  text-align: left; }
  
   
   .table .flex_wrap span { text-align: left; }
   
   
   .useradd_table .point_wrap .flex_wrap{ margin-top: 5px; }
   .useradd_table .point_wrap .flex_wrap:first-child { margin-top: 0; }
   .useradd_table .point_wrap .flex_wrap span:first-child { width: 90px;  }
   .useradd_table .point_wrap .flex_wrap input { width: calc(100% - 150px); }
   
   
   
   
   
   .order_list_action input { padding: 10px; font-size: 12px;  }
   
   
   
   .table td.goods_li_box span { text-align: left;  }
   .goods_li_box a{ display: flex; text-align: left; gap:5px; align-items: center;  }
   
   .goods_li_box a img{ width: 50px;  }
   
   
   
   .goods_order_li ul li {  padding: 10px 0; border-top: 1px solid #eee; display: flex; gap:20px; }
   .goods_order_li ul li:first-child { border-top:0;  }
   
   
   .goods_order_li ul li .l{ width: 35%;  }
   .goods_order_li ul li a{ display: flex; gap:10px; align-items: center;   }
   
   .goods_order_li ul li a img{ width: 70px;   }
   
   
   
   .goods_order_li ul li .r { width: 32%;  }
   
   .goods_order_li li .box { display: flex; align-items: center;  }
   .goods_order_li li .box.btn_box input[type='text'] { border-right: 0; }
   
   .goods_order_li li .box span { width: 100px; margin-top: 10px;  }
   .goods_order_li li .box input, .goods_order_li li .box select,
   .goods_order_li li .box .select_box  { width: calc(100% - 100px); height: 50px; padding: 0 15px; 
   border: 1px solid #222; }
   
   
   .goods_order_li li .box .select_box { padding: 0;  }
   .goods_order_li li .box .select_box a { width: 100%; height: 100%;  }
   
   
   .goods_order_li li .box textarea { width: calc(100% - 100px); height: 100px; padding: 10px 15px; border: 1px solid #222; } 
   .goods_order_li li .box textarea, .goods_order_li li .box input[type='text'] { font-size: 12px;  }
   
   
   .goods_order_li li input[type='button'] { width: calc(100% - 100px); float: right; height: 50px; border: 0;
    display: inline-block; margin-top: 5px; padding: 0px 20px; font-size: 13px; background: #eee;  }
   
   
   .goods_order_li ul li a strong { width: 100%; display: inline-block; margin-top: 5px;  }
   
   
   
   .goods_order_li ul li .l .btn { display: flex;  }
   
   .goods_order_li ul li .l .btn a { border: 0; margin-left: 80px; margin-top:10px; 
    display: inline-block;  padding: 10px 20px; font-size: 13px; background: #eee;  }
   
   
   .goods_level_cont td{ padding: 0 10px;  }
   .goods_level_cont input, .goods_level_cont td select { height: 50px; padding: 0 15px; border: 1px solid #4f4f4f;
    border-radius: 5px; background: #fff;  }
   .goods_level_cont .price_wrap > div , .price_wrap > div  { display: flex; align-items: center; }
   
    .goods_level_cont .price_wrap span , .price_wrap span  { width: 30px; text-align: center; }
   .goods_level_cont .price_wrap input, .price_wrap input { width: calc(50% - 15px); }
   
   
   .goods_level_cont .point_li_w div { display: flex; align-items: center; gap:10px;  }
   .goods_level_cont .point_li_w input { width: calc(100% - 25px);   }
   .goods_level_cont .point_li_w span { width: 15px;  }
   
   
   
   .goods_level_cont .level_li_w span { width: 80px; }
   
   
   
   .left_cont{ position: relative; }
   .fold_btn{ position: absolute; top: 0%; right: -3%;
   width: 25px; height: 48px; background: #eee url("/resources/images/fold_btn.png") no-repeat center; 
   background-size: 5px;     }
   
   
   .left_cont { margin-left: -280px; }
    .right_cont { width: calc(100% - 11px); } 
   
   
   .fold_on .left_cont { margin-left: 0; }
   .fold_on .right_cont { width: calc(100% - 291px); } 
   
   .fold_on .fold_btn { background: #eee url(/resources/images/fold_btn_on.png) no-repeat center; background-size: 5px; }
   
   
   
   
   
   
   
        .select_click_btn a, .table .select_click_btn input  {  color:#000; border: 0;  padding: 7px; background: #fcfeda; 
 border-radius: 5px; font-size: 11px;   }
   .select_click_btn a, .table .select_click_btn input.on {    color: #000; border: 0;
background: rgb(255 214 37);
background: linear-gradient(142deg, rgb(255 220 37) 0%, rgb(255 231 121) 100%) }
    
    
    
    
  .alarm_wrap{ position: fixed; right: 50px; bottom: 20px; width: 300px; border-radius: 10px; background: #fff;   }
  .alarm_wrap h3{ font-size: 15px; color:#fff;  }
  .alarm_wrap .btn{ display: flex; margin-top: 20px; gap:10px; cursor: pointer;   }
  .alarm_wrap .btn a, .alarm_wrap .btn span { display: inline-block; width: 100%; height: 35px; 
  line-height: 35px; background: #eee; text-align: center; font-size: 13px;  }
  .alarm_wrap ul li { margin-top: 10px; background: #3C3C3C; padding: 20px; }
  
  
  .alarm_wrap .btn span { background: #626262; color: #9E9E9E; }
  .alarm_wrap .btn a { background: var(--main-color);  }
  
  
  .goods_add_btn, .point_add_btn{ cursor: pointer;  }
  
  .event_list { display: inline-block; width: 100%; margin-top: 10px;  }
  .event_list ul { display: flex; flex-wrap: wrap; gap:5px;  }
  .event_list ul li { width: calc(33.33% - 4px); display: flex; gap:10px; align-items: center; padding: 20px; border-radius: 10px; 
  border: 1px solid #eee;  }
  .event_list ul li .img{ width: 80px; height: 80px;  } 
  .event_list ul li .img img{ width: 100%; height: 100%;  object-fit: cover; }
  .event_list ul li .memo { font-size: 13px; width: calc(100% - 90px) }
   
  .event_list ul li .memo div { display: flex; flex-wrap: wrap; margin-top: 2px; }
  .event_list ul li .memo div:first-child { margin-top: 0px;  }
   

  .event_list ul li .input { width: 135px;  }
  .event_list ul li .input input, .event_list ul li .input a { width: 100%;  height: 41px; line-height:41px;
   padding: 0px 10px; border: 1px solid #eee; margin-top: 3px; font-size: 12px;  }
   
	.event_list ul li .input a { padding: 0; text-align: center; width: 150px; }

   .event_list ul li .input input[type='button'] { width: 50%;  }
   
  
   .event_list ul li .btn { display: flex; gap:3px; align-items: center;  } 
   .event_list ul li .btn span { font-size: 11px; width: 60px;  }
   
   
   
   
   .event_list ul li .no_memo { background: #f7f7f7; height: 132px; width: 100%;  }
   
   
   .event_list ul li.no_item .btn { background: #f7f7f7; height: 132px; width: 100%;  }
   
   .event_list ul li.no_item .btn { display: flex; gap:10px; padding: 20px;  }
   
   .event_list ul li.no_item .btn { gap: 15px; align-items: center;  } 
   .event_list ul li.no_item input, .event_list ul li.no_item a { font-size: 13px; width: 50%; background: #fff; height: 100%; line-height: 92px;
   border: 0; font-weight: 500;  }
   
   .event_list ul li.no_item a { background: #060200; color:#fff;  }
   
   .goods_event_wrap{ width:100%; }
   
   
   .point_input_wrap { display: flex; gap:10px; }
   .point_input_wrap input { display: inline-block; width: 100%; padding: 5px 7px;
    border: 1px solid #dedede; font-size: 13px; height: 45px; margin-top: 5px;  }
   
   
   .point_input_wrap p { font-size: 15px;  }
   
   
   
   
   .item_ok_all_btn{ cursor: pointer; }
   
   
   .point_event_list ul li {  width: calc(50% - 4px); }
   
   
   
   .ranking_list ul { display: flex; gap:10px; flex-wrap: wrap; }
   .ranking_list ul li { width: calc(20% - 8px); padding: 20px; border-radius: 10px;
    border: 1px solid #eee; }
   
   .ranking_list ul li p, .ranking_list ul li a { font-size: 15px; line-height: 1.5; text-align: center; width: 100%;
   display: inline-block;   }
   
   .ranking_list ul li a { color: blue; text-decoration: underline; }
   
   
   .detail_title p.red { display: inline-block; width: 100%; margin-top: 10px; font-size: 15px; color:red; font-weight: bold; }
   
   
   
   .pop_order_btn{ display: flex; gap:10px; padding: 0 15px; }
   .pop_order_btn span, .pop_order_btn input { width: 50%; height: 50px; line-height: 50px; text-align: center; 
   background: #eee; font-size: 12px; border-radius: 0; padding: 0;  border: 0; font-weight: normal;   }
   
   .pop_order_btn input  { background: var(--main-color); color: #000; }
   .ranking_ok .pop-layer .pop-container { padding-bottom: 30px;  }
   
   
   
   
   
   
   
   
   
   
   .simulation_layer ul { display: flex; flex-wrap: wrap; margin-top: 10px;  }
   .simulation_layer ul li { width: 33.33%; margin: 5px 0;  }
   
   
   
   
   
   
   
   .custom-checkbox-label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    user-select: none;
    padding-left: 28px;
    display: inline-block;
}

.custom-checkbox-label input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0; top: 0;
    width: 22px; height: 22px;
    margin: 0;
    z-index: 2;
    cursor: pointer;
}

.custom-checkbox {
    position: absolute;
    left: 0; top: 0;
    width: 20px; height: 20px;
    background: #fff;
    border: 1.5px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.custom-checkbox-label input[type="checkbox"]:checked ~ .custom-checkbox {
    background: var(--main-color);
    border-color: var(--main-color);
}

.custom-checkbox:after {
    content: '';
    position: absolute;
    left: 5px; top: 1.5px;
    width: 6px; height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: scale(0.6) rotate(45deg);
    transition: opacity 0.2s;
}

.custom-checkbox-label input[type="checkbox"]:checked ~ .custom-checkbox:after {
    opacity: 1;
}
   
   
   
.cont_ad_memo form { display: flex; gap: 5px; width: 100%; align-items: center;  }

.cont_ad_memo form input {  padding-left: 5px;     border: 1px solid #dedede;
    border-radius: 5px; height: 29px; }


.r_cont_wrap .title .btn.btn_purple { margin: 0; padding: 0 10px;   }

.cont_ad_memo form .adjust_amount { width: 150px;  }


  
#push-layer { width: 500px; margin-top: 0!important; margin-bottom: 0!important; transform: translate(-0%, -50%); }
#push-layer .pop-conts { padding-bottom: 30px;  }
   #push-layer .left_wrap .filebox { margin-top: 10px;  } 
#push-layer .pop_btn { margin-top: 20px;  }
   


.table .goods_level_cont span { width: auto; display: inline-block; }

.table .goods_level_cont div { display: flex; align-items: center; gap:10px;  }

.table .goods_level_cont div input { width: calc(100% - 35px); }
.price_wrap{ display: flex;  }









.cont_ad_memo2 ul { display: flex; align-items: center; }
.cont_ad_memo2 ul li:BEFORE { top:15px;  }
.cont_ad_memo2 .add input[type='button'] { width: 100px; background: #fff; color:#333;  }




.cont_ad_memo3 strong { width: 60px; display: inline-block; }
.cont_ad_memo3 li { display: flex; gap:10px; flex-wrap: wrap; width: 100%;   }
.cont_ad_memo3 li span { width: calc(20% - 22px); min-width: 200px;  }

.cont_ad_memo4{ margin-bottom: 10px;  }
.cont_ad_memo4 ul li{ width: auto; margin-left: 5px;  }
.cont_ad_memo4 ul li:BEFORE { content:""; display: none;  }
.cont_ad_memo4 ul li:first-child { margin-left: 0;  }

.cont_ad_memo4 ul { display: flex;  }
.cont_ad_memo4 ul input { height: 29px; }
.cont_ad_memo4 ul input[type='submit'] { width: 100px; background: #fff; color: #333; padding: 0;   }






.detail_btn_wrap{ display: flex; justify-content: center; align-items: center; margin-top: 20px; gap: 5px;  }

.detail_btn_wrap a, .detail_btn_wrap button, .detail_btn_wrap input[type='submit'] { float: left; background: #060200; color:#fff; font-size: 13px; padding: 10px 15px; width: 130px; text-align: center;  border: 1px solid #060200; border-radius: 3px; margin-left: 10px;   }
.detail_btn_wrap a  { background: #fff; border: 1px solid #dedede; color:#000; margin-right: 0;  }


.used-open  { display: inline-block; 
 background: #060200; color:#fff; font-size: 13px; 
 padding: 10px 10px; width: 100px; text-align: center;  border: 1px solid #060200; border-radius: 3px;  }





.event_list ul li .input .box { margin-top: 5px;  }
.event_list ul li .input p { font-size: 11px;  }

.table td span.pop_order_btn{ padding: 0;   }



.goods_order_li li .box button { display: inline-block; width: 80px; height: 50px;  }
.goods_order_li li .box span.select2-arrow { margin-top: 0;  }
   
.goods_order_li li .btn_box input { width: calc(100% - 180px); }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
.order_msg_wrap { padding: 15px; }
.order_msg_input{ display: flex; gap: 5px; }
.order_msg_input input[type='text'] { height: 50px; width: calc(100% - 55px); padding: 0 15px; }
.order_msg_input input[type='button'] { width: 50px; height: 50px;
 background: url('/resources/images/mypage/msg_send_btn.svg') no-repeat center;
 background-size: 17px;  }


.order_msg_list ul li { display: inline-block; width: 100%; margin-top: 5px; }

.order_msg_list ul li span { display: inline-block; width: 100%; font-size: 12px;  }
.order_msg_list ul li p { display: inline-block; width: 100%; font-size: 13px; }


.order_msg_list ul li.my{  }

.order_msg_list{ margin-top: 10px; }

.order_msg_list ul li div.memo { display: inline-block; padding: 10px 15px; border-radius: 10px; border-top-left-radius: 0;
background: #eee; max-width: 95%; margin-top: 2px; }

.order_msg_list ul li.my div.memo {  border-radius: 10px;  border-top-right-radius: 0;   }

.order_msg_list ul li.my { text-align: right;  }




.order_msg_wrap { max-width: 510px; width: 100%; margin: 20px auto;  }
.order_msg_wrap{ padding: 30px; border-radius: 10px; background: #fff; border: 1px solid #eee;  }
.order_msg_wrap h5{ display: inline-block; width: 100%; margin-bottom: 5px;  }


.order_msg_list ul li .top { display: flex; gap:5px; align-items: center;  }
.order_msg_list ul li .top span{ width: auto;  }
.order_msg_list ul li .top .btn{ display: flex; gap:5px; }
.order_msg_list ul li .top .btn button { display: inline-block; width: 50px; height: 35px;     font-size: 12px;
    background: #eee; border: 0;  }


.order_msg_list ul li.my .top{
    justify-content: flex-end; }




















.order_msg_wrap .title { display: flex;  }
.order_msg_wrap .title .btn_w{ display: flex;  }




.table tr.end_sum td { background: #585858;  }

.end_sum td, .end_sum td p, .end_sum td strong { color:#fff; }
 
 
 
.table tr.end_sum:hover td{ background: #f1e5e9;  }
 .end_sum:hover p, .end_sum:hover strong, .end_sum:hover td { color: #333; font-weight: bold; }
   
   
   
   
   
#set-layer, .set-layer .pop-layer { width: 500px; }
#set-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 16px;  }
#set-layer .pop-conts { padding-bottom: 30px;;  }
   
   
   
   
   
   .status-label { 
  padding: 4px 8px; 
  border-radius: 4px; 
  font-weight: bold; 
  display: inline-block;
}
.status-label.blue { background:#e6f0ff; color:#0047b3; }
.status-label.teal { background:#e0f7f5; color:#008080; }
.status-label.green { background:#e6f9e6; color:#009933; }
.status-label.orange { background:#fff3e0; color:#e68a00; }


.status-label.green2 { background:#009933; color:#fff; }


.status-label.darkgreen { background:#d9f2d9; color:#006600; }
.status-label.purple { background:#f3e6ff; color:#6600cc; }
.status-label.red1 { background:#ffe6e6; color:#cc0000; }
.status-label.red2 { background:#e70000; color:#fff; }
.status-label.black { background:#f2f2f2; color:#333; }
.status-label.gray { background:#f9f9f9; color:#666; }
.status-label.darkred { background:#ffe0e0; color:#990000; }
   
   
   
   
   
   
   
   
   
   
   
   
   .search-box {
  margin: 15px 0;
  padding: 12px 15px;
  border-radius: 6px;
}

.search-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.search-box li {
  display: flex;
  gap: 8px;
  align-items: center;
}

.search-box select,
.search-box input[type="text"] {
  height: 34px;
  padding: 0 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
}

.search-box input[type="text"] {
 width: 100%;
}

.search-box button { display: inline-block; width: 100%; height: 35px; border: 1px solid #4f4f4f; 
 border-radius: 5px; background: #fff; cursor: pointer; margin-top: 10px;  }
   

 
.menu_point{ padding: 10px 0 ; } 
.menu_point ul { display: flex; height: auto; justify-content: center; gap:10px;   }   
.menu_point ul li {  line-height: 1; }
   
   
.menu_point ul li a{ padding: 0; font-size: 11px; background: red;
display: inline-block; width: 20px; height: 20px; border-radius: 100px; 
line-height: 20px; color:#fff; font-weight: bold;  }   
   
   .menu_point ul li a span{ color:#fff; }
   
 .menu_point ul li.point1 a { background: #ff3e1d; } 
 .menu_point ul li.point2 a { background: #696cff; } 
 .menu_point ul li.point3 a { background: #ffab00; } 
   
   
   
   
   .date_btn2 ul { display: flex;  width: 30%; }
   .date_btn2 ul li { width: 50%; }
   
   
   
   .member_field_wrap{  display: flex; width: 100%;  }
   
   .member_field_wrap #field_left { width: 100px;  }
   .group_title_btn{  padding-right: 20px;  }
   
   .date_btn2_listt { display: flex;  }
   
   .date_btn2_listt ul { display: flex;  }
   
   .date_btn2_listt ul span{ display: inline-block; width: 35px;
    padding: 5px 0; font-size: 12px; border: 1px solid #dbdde2; background: #fff; cursor: pointer; 
    text-align: center;  }
   .date_btn2_listt ul li span:hover{ border-color: #ffe838; font-weight: bold; background: #fffdec; }
   .date_btn2_listt ul li span.on { border-color: #ffe838; font-weight: bold; }
    
   
   .date_btn2_listt ul li { margin-left: 5px;  }
   
   /* 표 안의 내용이 길어도 줄바꿈되도록 */
.table td {
  white-space: normal;            /* 혹시 전역에 nowrap이 있으면 해제 */
  overflow-wrap: anywhere;        /* 어디서든 줄바꿈(표준) */
  word-break: break-word;         /* 구형/사파리 대응 */
  word-wrap: break-word;          /* 레거시 IE 대응 */
}
   
   
   
   
   .order_msg_list ul li p {
    display: block;
    width: 100%;              /* 부모 기준 크기 고정 */
    white-space: normal;      /* 자동 줄바꿈 허용 */
    word-wrap: break-word;    /* 긴 단어 잘라서 줄바꿈 */
    overflow-wrap: break-word;/* 최신 브라우저 대응 */
    overflow: hidden;         /* 영역 넘어가면 숨김 */
    text-overflow: ellipsis;  /* ... 처리 (한 줄일 때만 유효) */
}