@charset "UTF-8";
/* Noto Sans KR */
@import url('/assets/font/notosanskr.css');
/* Pretendard */
@import url('/assets/font/pretendard.css');
@import url('/assets/font/pretendard-subset.css');

@import url('/assets/font/feather.css');
@import url('/assets/font/boxicons.css');
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video ,input, select, button, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* user-select: none; */
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;width: 100%;
}
/* tr{display:table; table-layout:fixed; width:100%;} */
img {max-width: 100%;}
ul,
ol,
li {
  list-style: none;
}
::placeholder{
  color:var(--gary-color)
}
::-webkit-input-placeholder{
  color:var(--gary-color)
}

html,
body {
  width: 100%;
  height: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-text-size-adjust: none;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;position: relative;
}
:root {
  --main1-color:#B51629;
  --main-color:#E02837;
  --basics-color:#666;
  --gary-color:#999;  
  --gary-color-1:#777;   
  --dark-color:#333;   
  --data_tit-color: #B85C65;
  --th-font-color: #332B2C;
  --th-bg-color: #F5E1E3;
  --th-line-color:#ECBFC2;
  --th-btline-color: #DE979D;
  --gray-bg-light:#FCFAFA;
  --gray-light: #DBDBDB;
  --gray-light-1: #F5F5F5;
  --gray-light-2:#E4E4E4;
  --gray-light-dark:#C4C4C4;     
  --input-line-color:#C5C9D4;
  --btn-bg-gray:#B3B3B3;
  --input-radius: 4px;
  --radius-m: 10px;  
  --input-height:30px;
  --input-height-1:28px;    
  --wap-pd:14px;
  --wap-pd-lr:0 14px;
  --light-blue:#D6EAFF;
  --light-blue-1:#99CAFF;  
  --sub-bule:#3396FF;
  --light-green: #D8EDE0;
  --light-green-1:#89C9A3;
  --sub-green:#43B26F;
  --sub-green-1:#3A8A5A;
  --light-purple:#E1DFF7;
  --sub-purple:#6259CA;
  --sub-violet:rgb(252, 71, 252) ;
  --light-pink:#FDDCDF;  
  --light-pink-1:#FF9EA6;
  --sub-orange:#FF5C00;
  --sub-yellow:#FFB400; 
  --violet-dt:#897cb3;
  --sub-indigo:#6a08bb;
  --max-w:980px;
  --bg-gray:#F0F0F0;
  --pick-line:#DBABAF;
  --select-hover:#FAF2F2;
  --box-radius:8px;
  --box-shd:0px 1px 3px rgb(0 0 0 / 16%);
  --location-ht:68px;
  --top-btn-ht:46px;
  --list_head-ht:118px;
  --paging-pd-ht:56px;
  --content-pdbt:20px;
  --th2-pd:3px 6px 6px;
	}
body, a, input, select, button, textarea, hr, li, ul, ol{
	color: var(--basics-color);
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Pretendard','Noto Sans KR', sans-serif;}	
select, button,label,input[type="checkbox"], input[type="radio"],input[type="file"]{cursor: pointer;}
b, strong {
    font-weight: 500;
}   
/* slick.js */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* 스크롤바 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/*::-webkit-scrollbar-track {
  background-color: #dde1e9;
  border-radius: 3px;
}*/
::-webkit-scrollbar-thumb {
   background-color:rgb(0 0 0 /30%); 
   border-radius:6px;    
   min-height: 30px;
   background-position:center;
   background-repeat:no-repeat;
}

::-webkit-scrollbar-thumb:horizontal {background-image:url(/mobile/images/menu-red-ver.svg);}
::-webkit-scrollbar-thumb:vertical {background-image:url(/mobile/images/menu-red-i.svg);}
/* Form */
textarea{padding:6px 8px;resize: none;}	

button {
  width: auto;
  border: 0;
  background: none;
}

button:focus {
  outline: 0;
}

input[type=button],
input[type=text],
input[type=image],
input[type=submit],
textarea {
  border: 0;
/*  -webkit-appearance: none;
  -webkit-border-radius: 0;*/
}

input::-ms-clear {
  display: none;
}

input[type=text]:focus.read {
  outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

select option:disabled {
  color: #eaeaea;
}

a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus {
  outline: none;
}

/* 대체 텍스트 */
.blind {
 display: none;
}

/* placeholder */
input::-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::placeholder {
  color: #b8b8b8;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

textarea,input[type="search"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid var(--input-line-color);
    border-radius: var(--input-radius);}
input[type="search"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select{
    height:var(--input-height); 
    padding:3px 8px;}
textarea,input[type="search"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"]{
	width: 100%;}	
input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {
      display: none;
      appearance: none;
  }
textarea{padding:6px 8px;}	
select{background: url(/assets/images/arrow-bt.svg) no-repeat right 4px center; padding-right:16px} 
input.data-view, textarea.data-view{
    border: none !important;
    padding: 0;
    height: auto;
    }

.time-area select{border:none;padding: 3px 8px;background:none; height:28x;}
/* layout */
#wrap {
  position:relative;
  /* min-width: 1600px;
  /* width: 1536px;  */
  width: 100%;
  height: 100%;
  min-height:100vh;
  /* overflow-y: scroll; */
}

/*메인 메뉴*/
.lnb-container {
  position:fixed;transition: all 0.4s;
  left:0; top:0;
  width: 180px;
  height:inherit;
 /** background: linear-gradient(to bottom, #000080 70px, #0606e7, #2424c9 50%, #4e4ec9);**/
  background: #c7c5c5;
  overflow:hidden;z-index:20;
}
.mside-hide .lnb-container {
  width: 62px;
}
.mside-open .lnb-container {width: 180px;box-shadow: 3px 0 4px rgb(0 0 0 / 19%)}

.lnb-container .logo {
    display: block;
    height: var(--location-ht);
    border-bottom: 1px solid #ccc;
    position: relative;
    background: #666;
}
.mside-hide:not(.mside-open) .lnb-container .logo {
  background-size: 40px auto;
}
.lnb-container .menu-list {
  padding-top:10px;
  white-space: nowrap;padding-left: 10px;
}
.lnb-container .menu-list > li + li {
  margin-top: 12px;
}
.lnb-container .menu-list > li > a {
    display: block;
    position: relative;
    height: 38px;
    padding-left: 36px;
    line-height: 38px;
    color: #000;
    font-weight: 300;
}
.lnb-container .menu-list > li > a:hover{color:rgb(255 255 255);font-weight: 500;}
.lnb-container .menu-list > li  > a > span{transition: all 0.3s;}
.lnb-container .menu-list > li > a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
    font-family: 'boxicons';
    font-weight: normal;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.lnb-container .menu-list > li > a span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right:12px;
    z-index:2; position: relative;letter-spacing: -0.3px;
    font-size: 19px;
}

.lnb-container .menu-list > li.open  > a {
    border-radius: 19px;
    padding-left: 39px;
    background-color: #f0f0f0;
    font-weight: 500;
    color:#666;
}
.lnb-container .menu-list > li.open  > a::before, .lnb-container .menu-list > li > a.on::before {
    background-color: #666;
    color: #fff;
}
.lnb-container .menu-list > li.open  > a::after{
  content: "";
    position: absolute;
    right: 0;
    top: -10px;
    width: 18px;
    height: 58px;
    background: url(../../assets/images/icon_lnb_round.svg) no-repeat center right;
}
.mside-hide:not(.mside-open) .lnb-container .menu-list > li > a span {
  display:none;opacity: 0;
}
.lnb-container .menu-list > li > a.on/*, .lnb-container .menu-list > li > a:hover*/ {
 border-radius: 19px; padding-left:39px;
  background-color: #f0f0f0; color:#666; font-weight: 500;
}
.lnb-container .menu-list > li > a.on:hover{font-weight: 600;}
.mside-hide .lnb-container .menu-list > li > a::before {
font-size:21px;
content: "\E98A";
}
.lnb-container .menu-list > li > a.on::after{
  content: "";
  position: absolute;
  right: 0;
  top: -10px;
  width: 18px;
  height: 58px;
  background:url(../../assets/images/icon_lnb_round.svg) no-repeat center right;
}
.lnb-container .menu-list > li > a.on.menu-type span::after {
  content: '\e81d';font-weight: 600;
}
.lnb-container .menu-list > li > a.on + .sub-menu-list {
padding-top:26px;
}
.lnb-container .menu-list > li > a.menu-type span::after {
content: "\e81e";
font-family: feather;
font-size:12px
}
.lnb-container .menu-list > li > a.menu-type.open span:after {
content: '\e81d';
}

.lnb-container .menu-list > li:nth-child(1) > a::before {content:"\eba9";}
.lnb-container .menu-list > li:nth-child(2) > a::before {content:"\EC63";}
.lnb-container .menu-list > li:nth-child(3) > a::before {content:"\ed95";}
.lnb-container .menu-list > li:nth-child(4) > a::before {content:"\eac0";}
.lnb-container .menu-list > li:nth-child(5) > a::before {content:"\EA36";}
.lnb-container .menu-list > li:nth-child(6) > a::before {content:"\EB0A";}
.lnb-container .menu-list > li:nth-child(7) > a::before {content:"\EAAC";}


.lnb-container .sub-menu-list {
  display: none;
  padding-left:23px;
}
.mside-hide:not(.mside-open) .lnb-container .sub-menu-list{
  display:none !important;
}
.lnb-container .sub-menu-list > li > a {
  display: block;
  position: relative;
  height: 30px;
  padding-left: 15px;
  line-height: 33px;
  color: rgb(255 255 255 / 80%);
  }
.lnb-container .sub-menu-list > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 1px;
  background:rgb(255 255 255 / 80%);
}
.lnb-container .sub-menu-list > li > a.on, .lnb-container .sub-menu-list > li > a:hover {
  color: #fff;font-weight: 500;
}
.lnb-container .sub-menu-list > li > a.on::before, .lnb-container .sub-menu-list > li > a:hover::before {
  background: #fff;font-weight:500
}
.container {
  min-height:100vh;width: 100%;
  background-color: #f7f2f2;
  padding-left: 180px;transition: all 0.4s;
}
.mside-hide .container{
  padding-left: 62px;
}
#navToggle{font-family: 'boxicons';font-size: 28px;cursor: pointer;width: 30px;
color: gray;margin-left: -8px;margin-top: 2px;overflow: hidden;}
#navToggle:before{content:"\eab4";}
#navToggle.side_bt{margin-left:0}
#navToggle.side_bt:before{content: "\eb5f";position: relative;left: -8px;}
/*메인 메뉴 end*/

.location-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height:var(--location-ht);
  padding: 20px 20px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  position: relative;
}
.location-content .location-area {
  display: flex;
  align-items: center;
  height: 21px;
}
.logo-area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;height:35px;display: inline-flex;}
.location-content .location-area .location {
  height: 24px;

  padding-left: 28px;
  background: url(../../assets/images/KS_KIMS_STUDIO_LOGO_BS.png) no-repeat 0 center;
  background-size:24px auto;
  font-size: 13px;
  line-height: 27px;
  position:relative;
}
.location-content .location-area .location strong {
  color: var(--dark-color);
}
.location-content .menu-area {
  display: flex;
  align-items: center;
  min-height: 44px;
}
#lang_now{
  position:relative;
  border:1px solid #000;
  width: 40px; height: 30px; overflow:hidden; margin-right: 10px;
}
#lang_now img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; height: auto; }
.location-content .menu-area .lang-box{
  display:flex;
  align-items: center;
  margin-right: 15px;
}
.location-content .menu-area .lang-box .language{
  width: 50px;
  border-bottom: none;
  background: url(../../assets/images/icon_select.png) no-repeat right 8px center;
  font-size: 14px;
  color: #666;
}
.user-box {
  display: flex; gap: 6px;line-height: 1.3;align-items: center; margin-left:10px;
}
.user-nation{
  background: url("/assets/images/Flag_of_South_Korea8.png") no-repeat;
  width:50px; height: 35px; margin-right:10px;
}
.user-photo{  
	width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;}
.name-big {
    color: var(--dark-color);
    font-size: 16px;}    
.team_st {
  font-size: 13px; color:var(--dark-color); text-align: right;
}
.user-rank{font-size: 13px;}
.user-name-area{display: flex;gap: 3px;align-items: flex-end;}
.name-big{
  font-size: 16px;
  color:var(--dark-color);
}
.link-box i{font-size:24px}
.link-box {
  display: flex;
  margin-left:12px;
}
.location-content .menu-area .link-box a {
  position: relative;
  width: 25px;
  height: 22px;
}
.location-content .menu-area .link-box a + a {
  margin-left: 10px;
}
.location-content .menu-area .link-box a.icon-bell {
  background: url(../../assets/images/icon_location_bell.png) no-repeat center center;
}
.location-content .menu-area .link-box a.icon-reply {
  background: url(../../assets/images/icon_location_reply.png) no-repeat center center;
}
.location-content .menu-area .link-box a.icon-out, .location-content .menu-area .link-box a.icon-out2{
  background: url(../../assets/images/icon_location_enter.png) no-repeat center center;
}
.location-content .menu-area .link-box a.icon-out2{
  display:none;
}
.location-content .menu-area .link-box a.icon-charge {
  background: url(../../assets/images/icon_location_charge.png) no-repeat center center;
}
.location-content .menu-area .link-box a .num {
  position: absolute;
  right: -2px;
  top: -4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #d64c15;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
  color: #fff;
}

/*nka7 s*/
.list-info-area.no{padding: 0; box-shadow: none;}

.list-info-area {
  position:relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 15px 20px; /*min-width: 780px;*/
  box-shadow:var(--box-shd);
  background: #fff;height: calc(100svh - var(--location-ht) - var(--top-btn-ht) - var(--content-pdbt));
}
/*nka7 e*/
#searchForm {
  width: 100%;
}

.list-info-area .top-search-box, .schedule-area .top-search-box, #form_w .top-search-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top:14px;
}
#form_w .top-search-box{
  margin-bottom:14px;
}
.list-info-area .top-search-box .select-item {
  padding: 0;
}
.list-info-area .top-search-box .select-item .add-input {
  display: flex;
}
.add-input.ver1{position:absolute; top: 20px; left: 50%; transform:translateX(-50%); display: flex;}
.add-input.ver1 input {
  width: 170px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
}
.list-info-area .top-search-box .select-item .add-input.name input {
  width: 170px;
}
.list-info-area .top-search-box .select-item .add-input input {
  width: 100px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
}
.list-info-area .top-search-box .select-item .add-input button , .add-input.ver1 button{
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_white_plus_big.png) no-repeat center center;
}
.list-info-area .top-search-box .select-wrap, .wbs_box .top-search-box .select-wrap{
  display: flex;
}
.list-info-area .top-search-box .select-wrap .select-item {
  display: flex;
  margin-right: 10px;
  background: transparent;
}
/*.list-info-area .top-search-box .select-wrap .select-item .com-radio-select {
  width: 85px;
}*/
.list-info-area .top-search-box .select-wrap .select-item .com-radio-select.w-100 {
  width: 100px;
}
.list-info-area .top-search-box .select-wrap .select-item .com-radio-select.w-115 {
  width:115px;
}
.dual_field{display:flex;}
.select-item .com-radio-select:first-child > .open-btn, .dual_field div:first-child > .open-btn, 
.opt_address_g div:first-child > .open-btn, .opt_address_g .gr_add .open-btn,
.dual_field_lt .gr_add .open-btn
{
  border-radius: 0px ;border-right: none;
}
.list-info-area .top-search-box .select-wrap .select-item .com-radio-select:last-child > .open-btn {
  border-radius: 5px;
}
.list-info-area .top-search-box .select-wrap .select-item .com-check-select {
  width: 100px;
}
.list-info-area .top-search-box .select-wrap .select-item .com-check-select > .open-btn {
  border-right: 0;
}
.list-info-area .top-search-box .select-wrap .select-item .com-check-select .check-list {
  left: -1px;
  right: -1px;
}
.list-info-area .top-search-box .select-wrap .select-item .input-search {
  display: flex;
}
.list-info-area .top-search-box .select-wrap .select-item .input-search input {
  width: 140px;
  height: 28px;
  padding-left: 10px;
  border-top: 1px solid #bec2cc;
  border-bottom: 1px solid #bec2cc;
}
.list-info-area .top-search-box .select-wrap .select-item .input-search.sc2 input {
  border-left: 1px solid #bec2cc;
  border-radius:5px 0 0 5px;
}

.btn-upload {
  width: 150px;
  height: 30px;
  background: #fff;
  border: 1px solid rgb(77,77,77);
  border-radius: 10px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  &:hover {
    background: rgb(77,77,77);
    color: #fff;
  }
}

.search-btn:not(.tab-page-btn) {
  width:30px;
  border-radius: 0 4px 4px 0;
  background: var(--main-color) url(/mobile/images/search-white-icon.svg) no-repeat center;
}
.search-send-btn, .btn-1 {
  min-width: 30px;height: 30px;
  color:#fff;font-size: 21px;
}
.btn-1{
  background-color:#2424c9;
}
.search-send-btn{background:#9b9898}
.inert{background-color: var(--btn-bg-gray)}

.search-send-btn:before{content: "\EA50"; font-family: 'boxicons';font-size: 27px; line-height:32px;}
.search-send-btn2 {
  width: 60px;
  height: 28px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_search_send.png) no-repeat center center;
}
.sort-wrap {
  display: flex;align-items: center;
}

.list-info-area .top-search-box .sort-wrap .set_item{display:flex; margin-right: 10px;}
.list-info-area .top-search-box .sort-wrap .set_item .set_item_name{width:70px; height:28px; line-height:28px; text-align:center; background:#6ec290; color:#fff; font-size:14px; border-radius: 5px 0 0 5px;}
.list-info-area .top-search-box .sort-wrap .set_item .com-radio-select{width: 86px; border-left:none;}
.list-info-area .top-search-box .sort-wrap .set_item .com-radio-select > .open-btn{border-radius: 0 5px 5px 0; border-left:none;}
.list-info-area .top-search-box .sort-wrap .com-radio-select {
  width: 55px;
}

.list-info-area .top-search-box .sort-wrap .com-radio-select > .open-btn {
  border-radius: 5px;
}
.list-info-area .top-search-box .sort-wrap .num-txt {
  display: flex;
  margin-left: 10px;
  font-size: 13px;
  color: #333;
}
.list-info-area .top-search-box .sort-wrap .num-txt .num {
  color: #666;
}
.list-info-area .top-search-box .sort-wrap .menu-btn {
  display: flex;
  align-items: center;
  margin-right: 12px;
}

.menu-btn {display: flex;gap:12px; white-space: nowrap; flex:1; width:100%; justify-content: space-between; align-items: center;}
.tab-page-btn{font-family: 'feather';font-size: 13px;margin-left: 1px;line-height: 1em;}
.sort-tx-btn{font-size:15px;}
.sort-tx-btn:after {content: '\e85a'; font-family: 'feather';}
.trash-tx-btn:after {content: '\e8e1';}
.list-info-area .table-input-box, .schedule-area .table-input-box{
  width: 100%;
}
.list-info-area .table-input-box{
  /* height:75%; */
  margin-top:14px; 
  position:relative;}
.scroll-wrap,.scroll-td {
  overflow: auto;
}

.table-input-box .check-table {table-layout:fixed;}
.scroll-td .check-table {table-layout: initial;}

.check-table thead tr th{
  min-width: 10px; font-size: 12px; font-weight: normal;
}
.list-info-area .table-input-box .sort {
  display: block;
  padding-left: 15px;
  background: url(../../assets/images/icon_sort_bg.png) no-repeat 0 center;
  cursor: pointer;
}
.list-info-area .table-input-box .sort.on {
  background: url(../../assets/images/icon_sort_bg_on.png) no-repeat 0 center;
}

.list-info-area .table-input-box thead, #tHead1, .advT2 thead, .communicate thead,.addresB_box thead{
  position:sticky; top:0; z-index:9;}
/*
   this is important!
   make sure you define this here
   or in jQuery codef
*/
.resizer {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
  left: auto;
  width: 16px;    
  cursor: col-resize;       
}
/*nka s*/
.table-input-box .check-table thead{
  /*background: linear-gradient(to right, #000080 31px, #0606e7 45%, #2424c9 26%, #4e4ec9);*/
  background:#9b9898;
}
.table-input-box th{
  color: #b1fbff; border:1px solid #ddd; line-height:12px; height:40px;
}
/* #sohoTeng th, #aptTeng th, #mini_T_execl th {
  padding: var(--th2-pd);
  text-align: left;
  font-weight: normal;
  line-height: 135%;
  color: var(--th-font-color);
  white-space: nowrap;font-size:13px;
  background-color: var(--th-bg-color);
  background-image:url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat:repeat-x,repeat-y;
  background-position:bottom,left;
} */
#mini_T_execl .excel_admin, #sohoTeng .excel_admin{
  background-color:#474242;
  color:#fff;
  background-image:none; 
}
#mini_T_execl .excel_admin{line-height:14px;}


.table-input-box thead, #schedule_7days, .swA_thead{background: var(--th-bg-color) url(/mobile/images/th-line2.svg) repeat-x left bottom;}
/*nka e*/

.table-input-box th .ic-check {
  display: inline-block;
  margin-left: 5px;
  padding-left: 17px;
  background: url(../../assets/images/icon_select_check_round_on.png) no-repeat 0 center;
}
.table-input-box td {
  padding:0px 6px;height: 30px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background-color:#fff;
  background-image:url(/assets/images/td-line-bt-in.svg),url(/assets/images/td-line1.svg);
  background-repeat:repeat-x,repeat-y;
  /* background-position:bottom,left; */
}
.mini_T_execl_box{margin-bottom:10px;}
.td_violet{color:var(--violet-dt);font-size:13px}
.table-input-box tr:nth-child(2n) td, .table-input-box td[rowspan]{
  background-image:url(/assets/images/tr-line-bt.svg), url(/assets/images/td-line1.svg);
  border-bottom: 2px solid #c4c4c4;
}
.table-input-box td:first-child[rowspan]{
  
  border-right: 1px solid #c4c4c4;
  /* background-image: url(/assets/images/tr-line-bt.svg) */
}
.table-input-box td.test, #sohoTeng .test{
  border-bottom: 1px solid #c4c4c4;
}
.table-input-box td.test{
  border-right: 1px solid #c4c4c4;
  position:relative;
}

.table-input-box td.regi_td{
  overflow: visible;
}
#sohoTeng .test+.test{border-left: 1px solid #c4c4c4; padding-left: 5px;}
#sohoTeng .amount{display:flex; gap:3px; align-items: center; justify-content: center;}
th {resize:horizontal;overflow:hidden;}
th::-webkit-resizer{visibility: hidden;}
.selected {background-color: #999999; /* 선택한 열의 배경색을 변경 */}

.list-info-area .table-input-box .date_border{
  background-color:#99caff; text-align:center; font-size:15px;
}
.list-info-area .table-input-box td .name {
  font-weight: 500;
  color: #3a8a5a;
}
.list-info-area .table-input-box td .calling{padding-left: 30px;}
.list-info-area .table-input-box td .phone_outgoing{background: url(../../assets/images/icon_phone-outgoing.png) no-repeat left center ;}
.list-info-area .table-input-box td .phone_income{background: url(../../assets/images/icon_phone-incoming.png) no-repeat left center ;}
.list-info-area .table-input-box td .no_call{background: url(../../assets/images/icon_phone-off.png) no-repeat left center ;}
.list-info-area .table-input-box td .monji{background: url(../../assets/images/icon_message.png) no-repeat left center ;}
.list-info-area .table-input-box td .message{background: url(../../assets/images/icon_envelope.png) no-repeat left center ;}
.list-info-area .table-input-box td .no_mail{background: url(../../assets/images/icon_mail-x.png) no-repeat left center ;}
.list-info-area .table-input-box td .user-id {
  font-size: 13px;
  color: #897cb3;
}
/*.list-info-area .table-input-box td .photo {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 60px;
  height: 40px;
  border-radius: 10px;
  background: #d1d7e6;
}*/

.list-info-area .table-input-box td .photo .txt {
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.sns_dt {color: var(--gary-color-1);}
.sns_dt:before {margin-right: 2px;position: relative;top: 1px;}
.facebook:before {content: "\e930";font-family: boxicons;}
.blog:before {
 content: "\e943";font-family: boxicons;
}
.list-info-area .table-input-box td .short-txt {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 115px;
}
.list-info-area .table-input-box td .check-btn {
  width: 13px;
  height: 13px;
  background: url(../../assets/images/icon_table_check.png) no-repeat 0 0;
}
.list-info-area .table-input-box td .check-btn.on {
  background: url(../../assets/images/check-select-at.svg) no-repeat 0 0;
}
.list-info-area .table-input-box td .round-btn {
  width: 45px;
  height: 26px;
  border-radius: 5px;
  font-size: 13px;
  background: #c9b3b5;
  color: #fff;
}
.list-info-area .table-input-box td .round-btn + .round-btn {
  margin-top: 9px;
}
.list-info-area .table-input-box td .round-btn.red {
  background: var(--main-color);
}
 
.search-btn2 {
  width: 100px;
  height: 18px;
  background: url(../../assets/images/icon_table_btn_1.png) no-repeat center center;
}
.i-nol-btn{color:var(--gary-color-1);font-family:'boxicons';font-size:20px;  
  width: 30px;height:30px;display: inline-flex;align-items: center;justify-content: center;}
.write-btn-i:before {content: "\eac0";}
.time-btn:before {content: "\eb10";}
.save-btn-i:before {content: "\ebfc";}
.icon-tr .icon-td {display: flex; align-items: center; gap: 3px;}
.icon-tr .icon-td .detail-btn {
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_table_btn_3.png) no-repeat center center;
}
/* .list-info-area .table-input-box td .registry-btn {
  width: 18px;
  height: 18px;
  border-radius:100%;
  background-color: var(--btn-bg-gray);
  background-image: url(../../assets/images/icon_table_btn_3.png) ;
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position:  center center;
} */
.list-info-area .table-input-box td .registry-btn {
  width: 18px;
  height: 18px; line-height: 18px;
  border-radius:100%;
  background-color: var(--btn-bg-gray);
  color:#fff;
  font-size:12px; text-align:center;
} 
.list-info-area .table-input-box td .registry-btn:before{
  font-family: 'feather'; content: "\E858"; 

}
.list-info-area .table-input-box td .registry-btn.A{
  background-color: #43b291; font-family: 'feather'; content: "\E89C"; 
}

.list-info-area .table-input-box td .send-btn {
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_table_btn_6.png) no-repeat center center;
}
.list-info-area .table-input-box td .send-btn.on {
  background: url(../../assets/images/icon_table_btn_5.png) no-repeat center center;
}
.list-info-area .table-input-box td .upload-btn {
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_table_btn_4.png) no-repeat center center;
}
.list-info-area .table-input-box td .full-input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 10px;
  border: 1px solid #3a8a5a;
}
.list-info-area .table-input-box td .icon {
  display: inline-block;
  padding: 0 7px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
}
.list-info-area .table-input-box td .icon.blue {
  background: #3396ff;
}
.list-info-area .table-input-box td .icon.green {
  background: #3ea366;
}
.list-info-area .table-input-box td .icon.purple {
  background: #6259ca;
}
.list-info-area .table-input-box td .icon.red {
  background: var(--main-color);
}
.list-info-area .table-input-box tr.on {
  background-color: #ecf8f1;
}
.list-info-area .table-input-box tr.on .com-radio-select > .open-btn {
  background-color: #ecf8f1;
}
.list-info-area .bottom-paging-box .upload-btn-item {
  display: flex;
}
.list-info-area .bottom-paging-box .upload-btn-item .upload-btn {
  width: 30px;
  height: 28px;
  border-radius: 5px 0 0 5px;
  background: #c9b3b5 url(../../assets/images/icon_table_upload.png) no-repeat center center;
}
.list-info-area .bottom-paging-box .upload-btn-item .com-radio-select {
  width: 75px;
}
.list-info-area .bottom-paging-box .upload-btn-item .com-radio-select > .open-btn {
  border-radius: 0 5px 5px 0;
}
.list-info-area .top-select-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
  margin-top: 20px;
}
.list-info-area .top-select-box .input-item {
  display: flex;
  flex-direction: column;
  width: 380px;
}
.list-info-area .top-select-box .input-item .input-cnt {
  display: flex;
  align-items: center;
}
.list-info-area .top-select-box .input-item .input-cnt .num-input {
  width: 65px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ccc;
  line-height: 28px;
  text-align: center;
}
.list-info-area .top-select-box .input-item .input-cnt .ic {
  width: 12px;
  text-align: center;
}
.list-info-area .top-select-box .input-item .input-cnt .com-radio-select {
  width: 260px;
}
.list-info-area .top-select-box .input-item .input-cnt .com-radio-select > .open-btn {
  border-radius: 5px;
  border-color: #ccc;
}
.list-info-area .top-select-box .input-item .icon-cnt {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon {
  display: flex;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .tit {
  width: 36px;
  height: 22px;
  background: #e5e5e5;
  font-size: 13px;
  color: #666;
  text-align: center;
  line-height: 22px;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .txt {
  width: 55px;
  height: 22px;
  background: #e5e5e5;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 22px;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .txt.green {
  background: #43b291;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .txt.gray {
  background: #9c9c9c;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .txt.blue {
  background: #477ce6;
}
.list-info-area .top-select-box .input-item .icon-cnt .icon .txt.orange {
  background: #f76d36;
}
.list-info-area .top-select-box .day-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-info-area .top-select-box .day-info-item .title-cnt {
  display: flex;
  flex-direction: column;
  width: 110px;
  text-align: right;
}
.list-info-area .top-select-box .day-info-item .title-cnt .day {
  padding-right: 20px;
  background: url(../../assets/images/timetable.png) no-repeat right center;
  font-size: 17px;
  font-weight: 500;
  color: #333;
}
.list-info-area .top-select-box .day-info-item .title-cnt .txt {
  font-size: 17px;
  color: #333;
}
.list-info-area .top-select-box .day-info-item .time-cnt {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.list-info-area .top-select-box .day-info-item .time-cnt .left-btn {
  width: 6px;
  height: 11px;
  background: url(../../assets/images/icon_time_left.png) no-repeat 0 0;
}
.list-info-area .top-select-box .day-info-item .time-cnt .right-btn {
  width: 6px;
  height: 11px;
  background: url(../../assets/images/icon_time_right.png) no-repeat 0 0;
}
.list-info-area .top-select-box .day-info-item .time-cnt .time-info .list {
  display: flex;
  overflow: hidden;
  width: 399px;
  margin: 0 8px;
  border-radius: 5px;
  border: 1px solid #999;
}
.list-info-area .top-select-box .day-info-item .time-cnt .time-info .list li {
  display: flex;
  flex-direction: column;
  width: 40px;
}
.list-info-area .top-select-box .day-info-item .time-cnt .time-info .list li:first-child .time, .list-info-area .top-select-box .day-info-item .time-cnt .time-info .list li:first-child .num {
  border-left: 0;
}
.list-info-area .top-select-box .day-info-item .time-cnt .time-info .list li .time {
  height: 30px;
  border-left: 1px solid #fff;
  background: #999;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.list-info-area .top-select-box .day-info-item .time-cnt .time-info .list li .num {
  height: 30px;
  border-left: 1px solid #dedede;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #333;
}
.list-info-area .top-select-box .result-cnt .list {
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid var(--main-color);
}
.list-info-area .top-select-box .result-cnt .list li {
  display: flex;
  flex-direction: column;
  width: 70px;
}

.list-info-area .top-select-box .result-cnt .list  li+li .tit{
  border-left:1px solid #fff;
}


.list-info-area .top-select-box .result-cnt .list li .tit {
  height: 30px;
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.list-info-area .top-select-box .result-cnt .list li .arrow-btn {
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.list-info-area .top-select-box .result-cnt .list li+li .arrow-btn {
  border-left:1px solid var(--main-color);
}
.list-info-area .top-select-box .result-cnt .list li .arrow-btn .num {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  width:40px;
}
.list-info-area .top-select-box .result-cnt .list li .arrow-btn .txt {
  display: inline-block;
  padding-right: 10px;
  background: url(../../assets/images/icon_address_arrow.png) no-repeat right center;
  font-size: 12px;
  color: #333;
}
.list-info-area .top-select-box .search-item {
  display: flex;
  flex-direction: column;
}
.list-info-area .top-select-box .search-item .input-cnt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list-info-area .top-select-box .search-item .input-cnt .left-btn {
  width: 6px;
  height: 11px;
  background: url(../../assets/images/icon_time_left.png) no-repeat 0 0;
}
.list-info-area .top-select-box .search-item .input-cnt .right-btn {
  width: 6px;
  height: 11px;
  background: url(../../assets/images/icon_time_right.png) no-repeat 0 0;
}
.list-info-area .top-select-box .search-item .input-cnt .input-form {
  display: flex;
  margin: 0 5px;
}
.list-info-area .top-select-box .search-item .input-cnt .input-form input {
  width: 116px;
  height: 30px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
  padding-left: 5px;
  font-size: 14px;
  color: #666;
}
.list-info-area .top-select-box .search-item .input-cnt .input-form .search-btn {
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_search.png) no-repeat center center;
}
.list-info-area .top-select-box .search-item .txt-cnt {
  margin-top: 10px;
}
.list-info-area .top-select-box .search-item .txt-cnt .arrow-btn {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  text-align: right;     
  align-items: center;
}
.list-info-area .top-select-box .search-item .txt-cnt .arrow-btn .txt {
  display: inline-block;
  font-size: 13px;
  color: #666;
  margin-right:3px;
}
.list-info-area .top-select-box .search-item .txt-cnt .arrow-btn .num , #lastNum{
  display: inline-block;
  padding-right: 10px;
  background: url(../../assets/images/icon_calendar_right.png) no-repeat right center;
  font-size: 15px;
  color: #333;
  height:22px;
}
.list-info-area .status-info-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.list-info-area .status-info-box .status-item {

  width: 177px;
  max-height: 660px;
}
.list-info-area .status-info-box .status-item .list-cnt{
  /* height:100%; */
}
.list-info-area .status-info-box .status-item .top-cnt {
  display: flex;
  border: 1px solid #ecbfc2;
  background: f8dee0;
}
.list-info-area .status-info-box .status-item .top-cnt .ckb{
  width: 20px;
  background: #f8dee0;
  font-size: 14px;
  color: #333;
  line-height: 34px;
  text-align: center;
}
.list-info-area .status-info-box .status-item .top-cnt .tit {
  width: 60px;
  background: #f8dee0;
  font-size: 14px;
  color: #333;
  line-height: 34px;
  text-align: center;
  
}
.list-info-area .status-info-box .status-item .top-cnt .tit:last-child {
  border-left: 1px solid #ecbfc2;
  width: 115px;
  
}
.list-info-area .status-info-box .status-item .list-cnt li {
  display: flex;
  border: 1px solid #dbdbdb;
  border-top: 0;
  height:30px;
}
.list-info-area .status-info-box .status-item .list-cnt li .ckb{
  width:20px;    
  line-height: 30px;
  text-align:center;
}
.list-info-area .status-info-box .status-item .list-cnt li .num {
  width: 60px;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  text-align: center;
}
.list-info-area .status-info-box .status-item .list-cnt li .num.black-bg {
  background: #222;
  color: #ccc;
}
.list-info-area .status-info-box .status-item .list-cnt li .num.yellow-txt {
  color: #fbb91c;
}
.list-info-area .status-info-box .status-item .list-cnt li .round-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  border-left: 1px solid #dbdbdb;
  text-align: center;
}
.list-info-area .status-info-box .status-item .list-cnt li .round-info .txt {
  height: 22px;
  padding: 0 5px;
  background: #e5e5e5;
  font-size: 13px;
  color: #666;
  line-height: 22px;
}
.list-info-area .status-info-box .status-item .list-cnt li .round-info .txt:first-child {
  padding-left: 10px;
  border-radius: 11px 0 0 11px;
}
.list-info-area .status-info-box .status-item .list-cnt li .round-info .txt:last-child {
  padding-right: 10px;
  border-radius: 0 11px 11px 0;
}
.list-info-area .status-info-box .status-item .list-cnt li .round-info .txt + .txt {
  border-left: 1px solid #fff;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height:13px;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.green {
  background: #43b291;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.gray {
  background: #9c9c9c;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.blue {
  background: #477ce6;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.orange {
  background: #f76d36;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.black {
  background:#000;
}
.list-info-area .status-info-box .status-item .list-cnt li .full-txt.brown {
  background:#852828;
}

.view-content {
  position: relative;
  padding:0 20px;
  padding-bottom:20px;
  height:inherit;
}
/* .view-content .tab-right-info {
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
} */
.view-content .tab-right-info {
 margin-left: 15px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
} 

.view-content .tab-right-info .num {
  font-weight: 500;
}
/*페이지 탭*/
.top-btn-area {
  width: 100%; display: flex;height:var(--top-btn-ht);
  justify-content: space-between;gap:16px;padding: 0 6px;
}
.space-nol{justify-content: normal;}
/*top-sub-tab 서브탭*/
.tab-page-area,.top-sub-tab{display: flex; position: relative; z-index:15; align-items: flex-start;height: 44px;}
.tab-page-area{gap:0px;} .top-sub-tab{gap:14px;}
.tab-page-right .tab-page-area{margin-top: -2px; margin-left:10px;}
.tab-page-area + .top-sub-tab:before {content:'|';font-weight: 200;top: 9px;position: relative; margin: 0 10%;color: var(--gary-color);}
.tab-pg, .sub-tab, #btn_pass {
  
  justify-content: center;align-items: baseline;gap: 3px;
  border-top: 3px solid transparent;position: relative;
  white-space: nowrap;cursor: pointer;
}
.sub-tab, #btn_pass{  color: var(--sub-green-1);}
#btn_pass{font-size:15px; font-weight: 500;}
.tab-pg{display:block; text-align:center; line-height: 30px; height:44px; padding:4px 9px 0; color: var(--sub-green-1);}
.tab-pg:hover{background-color: #f5e5e5;}
/* .tab-pg:hover .nb-cout{color:#b1b0b0;} */
.tab-pg.drive_li{line-height: 14px;}
.sub-tab{ padding: 8px 2px; display: flex;}
.tab-pg-team {
  /* padding: 8px 2px; */
  color: #333;
  justify-content: center;align-items: baseline;gap: 3px;
  border-top: 3px solid transparent;position: relative;
  white-space: nowrap;cursor: pointer;
  
}
.tab-pg-team.on{
  display: flex; 
}
.nb-cout{font-size:10px; font-weight:200; color:#000}
.tab-pg:not(:first-child).drive_li:before, .tab-pg-team:not(:first-child).drive_li:before .tab-page-area + .sub_tab_page:before{
	content:'|';font-weight: 100;margin-right: 12px;position: absolute;
    left: -18px;color: var(--sub-green-1);}
.tab-page-area + .sub_tab_page{margin-left: 14px;}    
.tab-page-area + .sub_tab_page:before{top: calc(50% - 12px); right: calc(50% - 12px);}    
.tab-pg-team:not(:first-child).drive_li{margin-left: 18px;}
.tab-pg{font-weight:300;}
.tab-pg-team {font-weight: 500;}

.tab-page-area:not(.sub_tab_page) .tab-pg, .tab-page-area:not(.sub_tab_page) .tab-pg-team {font-size: 14px;}

.tab-page-on, .sub-tab.on, .tab-page-on .open-btn{color: var(--main-color) !important;font-weight: 500;}
.tab-page-area:not(.sub_tab_page) .tab-page-on{border-top-color:var(--main-color);}
.com-top-tab .btn_list{
    color: var(--sub-green-1);
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 3px;
    border-top: 3px solid transparent;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

.drop_btn:after, .com-top-tab .btn_list::after{
    margin-left: 4px;
    transition: all 0.1s;
    font-family: "feather";
    content: '\e81d';}

.sub_tab_page .drop_btn.tab-page-on:after{margin-left:10px;}    
.sub_tab_page .tab-page-on:before{content:'•';top: -1px; position: absolute;}
.sub_tab_page .drop_btn.tab-page-on:before{right: 20px;}
.drop-nv{background: #fff;opacity: 0;transition: all 0.1s;position: absolute;visibility: hidden;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11), 1px 1px 5px 0px rgba(0, 0, 0, 0.16);
border-radius: 0 0 4px 4px;overflow: hidden; z-index:20;}

.dropd_show{opacity: 1;visibility: visible; white-space: nowrap;}
.drop-nv a{ padding:6px 9px;display: flex;}
.drop-nv a:hover{background:var(--select-hover);color: var(--dark-color);}
.drop-nv .on a{color: var(--main-color)}
.tab-page-right{display: flex;gap: 14px;align-items: center; width:33%; justify-content: flex-end;}
.tab-page-right.right{ display: flex; justify-content: flex-end;}
.tab-page-right.address_private{justify-content: space-between;}
.now-date {display: flex; z-index: 150;align-items: center;}
#form_y .now-date, #form_m .now-date, #form_w .now-date, #form_d .now-date{position: absolute; left:50%; top: -40px; transform:translateX(-50%);}
.now-date .schedule_year {font-size: 15px; text-align: center;}
.now-date .schedule_month, .now-date .schedule_header_week, .now-date .schedule_header_day{margin-left:3px;}
.now-date .schedule_month{font-size: 15px; text-align: center; transform: translateY(-3px);}
.now-date .schedule_header_week {font-size: 15px; text-align: center; }
.now-date .schedule_header_day {font-size: 15px; text-align: center;}
.tab-page-btn{color: var(--sub-green-1);font-weight: 500;align-items: center;}
.tab-page-btn.search-btn{display:flex;}
.tab-page-btn.search-btn:after{content: "\ebf7";font-family: 'boxicons'; align-items: stretch;margin-left: 2px;font-size: 15px;line-height: 1;}


.guide-zone{position:absolute; top:-33px;}
.search-btn-i:after{content: "\ebf7";font-family: 'boxicons';display: flex;align-items: stretch;font-size: 18px;}
.ell2{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/*-webkit-line-clamp: 2; */
-webkit-box-orient: vertical;color: var(--dark-color);
line-height: 1.4;white-space: initial;}
.ell3{font-weight:bold}
.view-content .top-btn-area button.write-btn {
  background: url(../../assets/images/icon_top_right_2.png) no-repeat right center;
}
.view-content .map-info-area {
  display: flex;
  height: calc(100svh - var(--location-ht) - var(--top-btn-ht) - var(--content-pdbt));
}
/*.view-content .map-info-area.fixed-type {
  min-height: 895px;
  height: auto;
}*/
.view-content .map-info-area:first-child {
  margin-top: 44px;
}
.view-content .map-info-area .form-wrap + .form-wrap {
  margin-top: 20px;
}
.view-content .map-info-area .half-list {
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.view-content .map-info-area .half-list li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  
}
.view-content .map-info-area .half-list li:nth-child(6) {
  justify-content: space-between;
}
.view-content .map-info-area .half-list li:nth-child(7) {
  justify-content: space-between;
}
.view-content .map-info-area .half-list li + li {
  margin-top: 12px;
}

.view-content .map-info-area .half-list .half-list-01 .form, .form_50 {
	width: calc(50% - 60px);
}

.view-content .map-info-area .half-list li .tit {
  width: 60px; display:inline-block;
  font-size: 13px;
  color: #b85c65;
}

.view-content .map-info-area .half-list li .txt {
  width: calc(50% - 60px);
  font-size: 14px;
  color: #666;
}
.view-content .map-info-area .half-list li .txt.full {
  width: calc(100% - 60px);
}
.view-content .map-info-area .half-list li .add-arrow-txt {
  display: flex;
  align-items: center;
  width: calc(100% - 60px);
}
.view-content .map-info-area .half-list li .add-arrow-txt .txt-arrow {
  padding-right: 10px;
  background: url(../../assets/images/icon_address_arrow.png) no-repeat right center;
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
.view-content .map-info-area .half-list li .add-arrow-txt .txt-arrow + .txt-arrow {
  margin-left: 3px;
}
.view-content .map-info-area .half-list li .add-arrow-txt .txt-arrow + .txt-arrow::before {
  content: ",";
  margin-right: 3px;
  font-size: 14px;
  font-weight: 500;
}
.view-content .map-info-area .half-list li .add-arrow-txt .txt-arrow small {
  font-size: 13px;
  font-weight: normal;
}
.view-content .map-info-area .half-list li .add-arrow-txt .add-btn {
  height: 22px;
  padding: 0 8px;
  border-radius: 11px;
  background: #c9b3b5;
  margin-left: 10px;
}
.view-content .map-info-area .half-list li .add-arrow-txt .add-btn span {
  display: inline-block;
  padding-right: 10px;
  background: url(../../assets/images/icon_white_plus.png) no-repeat right center;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}
.view-content .map-info-area .half-list li .form {
  display: flex;
  flex-wrap: wrap;
}
.view-content .map-info-area .half-list li .form:last-child .txt-input {
  width: 100%;
}
.view-content .map-info-area .half-list li .form.full {
  width: calc(100% - 60px);
}
.view-content .map-info-area .half-list li .form.full .txt-input {
  width: 100%;
}
.view-content .map-info-area .half-list li .form.full-wide {
  width: 100%;
}

.view-content .map-info-area .half-list li .form.two-type {
	flex-wrap: nowrap; 
	padding-right: 25px; 
}
.view-content .map-info-area .half-list li .form.two-type input {
  width: 60px;
  height: 30px;
  padding-left: 5px;
  border: 1px solid #bec2cc;
}
.view-content .map-info-area .half-list li .form.two-type input + input{
 	border-left:none;
}

.view-content .map-info-area .half-list li .form.two-type input:first-child {
  border-radius: 5px 0 0 5px;
  width: 120px;
}
.view-content .map-info-area .half-list li .form.two-type input:last-child {
  border-radius: 0 5px 5px 0;
}
.view-content .map-info-area .half-list li .form.year-type {
  display: flex;
  align-items: center;
}
.view-content .map-info-area .half-list li .form.year-type .year-input {
  width: 45px;
  height: 30px;
  margin-right: 10px;
  padding-left: 5px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.view-content .map-info-area .half-list li .form.address {
  position: relative;
}
.view-content .map-info-area .half-list li .form.address .txt-input {
  padding-right: 30px;
}
.view-content .map-info-area .half-list li .form.address .address-btn {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/icon_address_search.png) no-repeat 0 0;
}
.view-content .map-info-area .half-list li .form.email .txt-input {
  width: 110px;
}
.view-content .map-info-area .half-list li .form.email .ic {
  width: 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.view-content .map-info-area .half-list li .form.email .com-select {
  width: 120px;
  border-radius: 5px;
}
.view-content .map-info-area .half-list li .form .com-select {
  border-radius: 5px;
}
.view-content .map-info-area .half-list li .form .com-select.year {
  width: 130px;
}
.view-content .map-info-area .half-list li .form .com-select.month {
  width: 80px;
}
.view-content .map-info-area .half-list li .form .photo-view {
  position: relative;
  min-width: 66px;
  height: 66px;
  background: #e6e6e6;
  border-radius: 5px;
}
.view-content .map-info-area .half-list li .form .photo-view .photo {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.view-content .map-info-area .half-list li .form .photo-view .photo::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5) url(../../assets/images/icon_camera.png) no-repeat center center;
}
.view-content .map-info-area .half-list li .form .photo-view .photo img {
  display: block;
  height: 100%;
}
.view-content .map-info-area .half-list li .form .textarea {
min-height: 5.5em;
}
.view-content .map-info-area .half-list li .form .txt-input {
  width: calc(100% - 10px);
  height: 30px;
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
  font-size: 14px;
  color: #666;
}
.view-content .map-info-area .half-list li .form .select-cnt {
  display: flex;
  margin-right: 10px;
}
.view-content .map-info-area .half-list li .form .select-cnt .com-select {
  width: 85px;
}
.view-content .map-info-area .half-list li .form .select-cnt.one-type .com-select {
  border-radius: 5px;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type.dash {
  display: flex;
  align-items: center;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type.dash .com-select {
  width: 70px;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type.dash .com-select:first-child {
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type.dash .com-select:last-child {
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type.dash .ic {
  padding: 0 10px;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type .com-select:first-child {
  border-radius: 5px 0 0 5px;
}
.view-content .map-info-area .half-list li .form .select-cnt.two-type .com-select:last-child {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.view-content .map-info-area .half-list li .form .radio-select {
  display: flex;
  align-content: center;
}
.view-content .map-info-area .half-list li .form .radio-select .com-radio {
  margin-right: 10px;
}
.view-content .map-info-area .half-list li .form .day-select {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
  border-right: 0;
}
.view-content .map-info-area .half-list li .form .day-select.two-type .day {
  display: flex;
  width: 140px;
  padding-right: 15px;
}
.view-content .map-info-area .half-list li .form .day-select.two-type .day input {
  top: 2px;
  width: calc(50% - 8px);
  padding: 0;
}
.view-content .map-info-area .half-list li .form .day-select.two-type .day .ic {
  width: 16px;
  text-align: center;
}
.view-content .map-info-area .half-list li .form .day-select .left-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_left.png) no-repeat 0 0;
}
.view-content .map-info-area .half-list li .form .day-select .right-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_right.png) no-repeat 0 0;
}
.view-content .map-info-area .half-list li .form .day-select .day {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 80px;
  margin: 0 8px;
  background: url(../../assets/images/icon_calendar.png) no-repeat right center;
}
.view-content .map-info-area .half-list li .form .day-select .day input {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 0;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.view-content .map-info-area .half-list li .form .day-select {
  flex: none;
  width: 130px;
  height: 30px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.view-content .map-info-area .half-list li .form .select-day-btn {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.view-content .map-info-area .half-list li .form .select-day-btn button {
  height: 26px;
  padding: 0 8px;
  background: #dedede;
  font-size: 12px;
  line-height: 26px;
  color: #444;
}
.view-content .map-info-area .half-list li .form .select-day-btn button + button {
  border-left: 1px solid #fff;
}
.view-content .map-info-area .half-list li .form .select-day-btn button:first-child {
  border-radius: 13px 0 0 13px;
}
.view-content .map-info-area .half-list li .form .select-day-btn button:last-child {
  border-radius: 0 13px 13px 0;
}
.top-tab-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  height:50px;
}
.view-content .map-info-area .top-tab-item.title-type {
  height: auto;
  margin-bottom: 10px;
}
.top-tab-item > .tit , .top-table-title .tit {
  font-size: 17px; color:var(--dark-color);
}
.tab-btn, .tab-btn2{gap:10px; display: flex;}
.tab-btn:not(.tab_mst) button, .tab-btn2:not(.tab_mst) button{
  position: relative;
  height: 50px;
  font-size: 17px;
}
.tab-btn:not(.tab_mst) button + button::after, .tab-btn2:not(.tab_mst) button + button::after{
  content: "";
  position: absolute;
  left: -5px;
  top: 19px;
  width: 1px;
  height: 15px;
  background:var(--gary-color);
}
.view-content .map-info-area .top-tab-item .tab-btn button:first-child,
.view-content .map-info-area .top-tab-item .tab-btn2 button:first-child {
  padding-left: 0;
}


.tab-btn button.on, .tab-btn2 button.on {color: var(--main-color)}
.tab-btn:not(.tab_mst) button.on::before, .tab-btn2:not(.tab_mst) button.on::before  {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: var(--main-color);
}
.tab_con, .tab_con2{display: none;position: relative;}
.tab_mst{gap:1px}
.tab_mst .tab-nv3{    
	  position: relative;
    font-size: 13px;
    border-radius: 5px 5px 0px 0px;
    padding: 4px 8px;
    color: var(--gary-color);
    background: var(--gray-light-2);
    font-weight: 500;}
.tab-nv-all{
  position: relative;
  font-size: 13px;
  border-radius: 5px 5px 0px 0px;
  padding: 4px 8px;
  color: var(--gary-color);
  background: var(--gray-light-2);
  font-weight: 500;
}
.tab-new {display: flex;}
.tab_mst .tab-nv3.on{background: var(--main-color);color: #fff;}
.tab_mst + .tabcont .tab_con-in{margin-top: -44px;}
.list_head .tab_mst{ position:relative;}
.action-btn {
  display: inline-flex;
  gap:5px;
}
.wam_box .action-btn{
  z-index: 100;
  position: sticky;
    top: 30px;
    left: 431px;  /* 부모 요소 기준 오른쪽 0 */
}
.view-content .map-info-area .top-tab-item .action-btn .com-radio-select{
  width: 75px; margin-right: 10px;
}
.view-content .map-info-area .top-tab-item .action-btn .com-radio-select .open-btn{
  background-color:#fff;
  color:#000;
}

.view-content .map-info-area .top-tab-item .action-btn .com-toggle {
  display: flex;
  margin-right: 10px;
}
.action-btn button, .upload-btn, #recruitAgencyUpload {
  height: 27px;
  padding: 0 10px;
  border-radius:var(--input-radius);
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
}
.upload-btn2  {
  height: 27px;
  padding: 0 10px;
  margin: 0 -1px;
  border-radius:var(--input-radius)!important;
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
}
/*.action-btn button + button{
	margin-left:10px;
}*/


.view-content .map-info-area .top-tab-item .action-btn button.modify-btn {
  background: #6ec290;
}
/*.view-content .map-info-area .top-tab-item .action-btn button + button {
  margin-left: 5px;
}*/
.view-content .map-info-area .form-photo-info {
  padding: 0 20px;
}
.view-content .map-info-area .form-photo-info .top-photo {
  margin: 0 -20px 10px;
}
.view-content .map-info-area .form-photo-info .top-photo img {
  display: block;
  width: 100%;
}
.view-content .map-info-area .form-photo-info .half-list {
  border-bottom: 0;
}
.view-content .map-info-area .detail-write-text {
  margin-top: 15px;
}
.view-content .map-info-area .detail-write-text > .tit {
  display: block;
  margin: 15px 0 5px;
  font-size: 13px;
  color: #b85c65;
}
.view-content .map-info-area .detail-write-text .top-tab {
  display: flex;
}
.view-content .map-info-area .detail-write-text .top-tab button {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 7px;
  border-radius: 5px 5px 0 0;
  font-size: 12px;
}
.view-content .map-info-area .detail-write-text .top-tab button + button {
  margin-left: 1px;
}
.view-content .map-info-area .detail-write-text .top-tab button span {
  display: block;
  padding-left: 14px;
  line-height: 20px;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(1) {
  background: #e4e4e4;
  color: #666;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(1) span {
  background: url(../../assets/images/icon_write_1.png) no-repeat 0 center;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(2) {
  background: #d6eaff;
  color: #338be8;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(2) span {
  background: url(../../assets/images/icon_write_2.png) no-repeat 0 center;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(3) {
  background: #d8ede0;
  color: #3ea366;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(3) span {
  background: url(../../assets/images/icon_write_3.png) no-repeat 0 center;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(4) {
  background: #e1dff7;
  color: #6259ca;
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(4) span {
  background: url(../../assets/images/icon_write_4.png) no-repeat 0 center;
}


.view-content .map-info-area .detail-write-text .top-tab button:nth-child(5) {
  align-items:right;
  color: #fa00a6;
  transition:.2s
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(5) span {
  background: url(../../assets/images/icon_write_4.png) no-repeat 0;  
}


.view-content .map-info-area .detail-write-text .top-tab button:nth-child(5):active {
  background: #444;
  color: #aaa;
}

.active {background: var(--gray-light-1);}

.view-content .map-info-area .detail-write-text .top-tab button:nth-child(6) {
	align-items:right;
	color: #fa00a6;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
}
.view-content .map-info-area .detail-write-text .top-tab button:nth-child(6) span {
  background: url(../../assets/images/icon_write_4.png) no-repeat 0;
}

.view-content .map-info-area .detail-write-text .top-tab button:nth-child(6):active {
  background: #444;
  color: #aaa;
}

.view-content .map-info-area .detail-write-text .another-tab {
  width: 100%;
  height: 100px;
 
  border-radius: 0 0 5px 5px;
}

.view-content .map-info-area .detail-write-text .tabcontent {
  width: 100%;
}

.view-content .map-info-area .detail-write-text textarea {
  width: 100%;
  height: 100px;
  border: none;padding: 0;
}

.view-content .map-info-area .detail-write-text textarea.h-70 {
  height: 70px;
  border-radius: 5px;
}
.view-content .map-info-area .detail-write-text textarea.h-100 {
  height: 100px;
}
.view-content .map-info-area .detail-write-text textarea.h-200 {
  height: 200px;
}
.view-content .map-info-area .detail-sub-text {
  overflow-y: auto;
  max-height: 215px;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.view-content .map-info-area .detail-sub-text .tit {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #b85c65;
}
.view-content .map-info-area .detail-sub-text .txt {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.view-content .top-title {
  display: flex;
  justify-content: space-between;
  align-items: center; margin-bottom: 10px;
}
.view-content .title, .view-content .map-info-area .top-search-cnt > .tit,.tit-sel,.tit-sub{color:var(--dark-color);font-weight: normal;}
.view-content .title, .view-content .map-info-area .top-search-cnt > .tit,.tit-sel{font-size:17px;} 
.tit-sub {font-size:16px;}
.view-content .map-info-area .top-title .select-choice {
  display: flex;
  align-items: center;
}
.view-content .map-info-area .top-title .select-choice > * {
  margin-left: 8px;
}
.view-content .map-info-area .top-title .select-choice .com-radio-select.w100 {
  width: 100px;
}
.view-content .map-info-area .top-title .select-choice .com-radio-select.w60 {
  width: 60px;
}
.view-content .map-info-area .top-title .select-choice .com-radio-select .open-btn {
  border-radius: 5px;
}
.view-content .map-info-area .top-title .select-choice .text {
  font-size: 14px;
  color: #333;
}
.view-content .map-info-area .top-title .select-choice .text .num {
  color: #666;
}
.view-content .map-info-area .detail-text {
  overflow-y: auto;
  max-height: 215px;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.view-content .map-info-area .detail-text p {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.view-content .map-info-area .detail-text p + p {
  margin-top: 5px;
}
.view-content .map-info-area .detail-text p.red {
  color: var(--main-color);
}
.view-content .map-info-area .detail-text p.green {
  color: #3ea366;
}
.view-content .map-info-area .detail-text p.blue {
  color: #3396ff;
}
.view-content .map-info-area .detail-text p.purple {
  color: #6259ca;
}
.view-content .map-info-area .full-list {
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.view-content .map-info-area .full-list li {
  display: flex;
  align-items: center;
}
.view-content .map-info-area .full-list li + li {
  margin-top: 12px;
}
.view-content .map-info-area .full-list li .tit {
  width: 60px;
  font-size: 13px;
  color: #b85c65;
}
.view-content .map-info-area .full-list li .txt {
  width: calc(100% - 60px);
  font-size: 14px;
  color: #666;
}
.view-content .map-info-area .full-list li .form {
  display: flex;
  width: calc(100% - 60px);
}
.view-content .map-info-area .full-list li .form input.full {
  width: 100%;
  height: 30px;
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
  font-size: 14px;
  color: #666;
}
.view-content .map-info-area .info-list-box, .map-info-area .info-list-box2, .view-content .map-info-area .info-list-box3{
 overflow: hidden;
 flex-shrink: 0;background: #fff;
 margin-right:20px;border-radius: var(--box-radius);box-shadow: var(--box-shd);
}
.view-content .map-info-area .info-list-box {
  width: 1100px;
}

.map-info-area .info-list-box2{width:calc(33.7% - 20px);display: flex;flex-direction: column;}
#workList{width:calc(33.7% - 20px); 
  
  align-items: center;}
#workList.s_b{
  justify-content: space-between; 
}
.view-content .map-info-area .info-list-box3{
  flex:1;
}



.mside-hide .view-content .map-info-area .info-list-box {
  width: 1100px;
}
/* .view-content .map-info-area .info-list-box.table-type {
  width: 1100px; overflow: hidden
} */
.view-content .map-info-area .info-list-box.table-type .list-info-area {
  min-width: 0; position:relative;
}
.view-content .map-info-area .info-list-box.table-type .list-info-area .select-item {
  padding: 0;
  background: transparent;
  margin-right: 10px;
}
.view-content .map-info-area .info-list-box.table-type .list-info-area .com-paging.cp{
  margin-right: 10px; 
}





.view-content .map-info-area .info-list-box.table-type .list-info-area .bottom-paging-box {
  padding-top: 30px;
}
.view-content .map-info-area .info-list-box.table-type .list-info-area .com-paging {
  margin: 0;
}
.view-content .map-info-area .table-info-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  width: 535px;
  margin-right: 18px;
}
.view-content .map-info-area .table-info-box.wide-type {
  width: 1000px;
}
.view-content .map-info-area .table-info-box .com-paging {
  margin: 20px 0 0 0;
}
.view-content .map-info-area .table-info-box .today-info-item {
  min-height: 520px;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
  background: #fff;
}
.view-content .map-info-area .table-info-box .today-info-item.min-height-480 {
  min-height: 480px;
}
.view-content .map-info-area .table-info-box .today-miss-item {
  min-height: 340px;
  margin-top: 20px;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
  background: #fff;
}
.view-content .map-info-area .table-info-box .today-miss-item.min-height-380 {
  min-height: 380px;
}
.view-content .map-info-area .work-history-info {
  padding: 15px 20px;
}
.view-content .map-info-area .top-search-cnt {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.work_agency_box2 .today-info-item .top-search-cnt{
  margin-top: 0px;
}

.work_agency_box2 .table-info-area{
  padding-right:0; padding-left:0;
}
#addressTopSearch{
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-bottom: 0px;
}

.topSearchContainer {
  display: flex;
  align-items: center;
  gap: 20px;
}
.topSearchContainer.outbound{
  gap:5px; 
}


.tit-sel {border:none; width:84px;
    /* background-position: right calc(50% - -3px); */
    padding: 0;letter-spacing: -1px;
    padding-right: 18px;
    background-size: 10px;
    height: auto;}
.view-content .map-info-area .top-search-cnt .menu-wrap2, #dh-div-1 .menu-wrap2, #dh-div-4 .menu-wrap2   {
  display: flex;
  min-width:65px;
  text-align:right;
  justify-content: flex-end;
  align-items: center;
  gap:5px;
}
#dh-div-4 .menu-wrap2{width:120px;}
.view-content .map-info-area .top-search-cnt .menu-wrap .phone-input {
  display: inline-flex;
  height: 30px;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .phone-input input {
  width: 100px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
  border-right: 0;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .phone-input .search-btn {
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_search.png) no-repeat center center;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .keyword-input {
  display: inline-flex;
  width: 200px;
  height: 30px;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .keyword-input input {
  width: 170px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
  border-right: 0;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .keyword-input .search-btn {
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_search.png) no-repeat center center;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .left-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_left.png) no-repeat 0 0;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .right-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_right.png) no-repeat 0 0;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .day {
  width: 106px;
  height: 30px;
  margin: 0 5px;
  padding: 0 25px 0 8px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
  background: url(../../assets/images/icon_layerpop_calendar.png) no-repeat right 8px center;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .day.two-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 162px;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .day.two-type input {
  width: 60px;
  background: transparent;
  text-align: center;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .day-select .day input {
  width: 100%; height: 100%;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .com-radio-select.w-90 {
  width: 90px;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .txt-info {
  display: inline-flex;
  font-size: 14px;
  color: #333;
}
.view-content .map-info-area .top-search-cnt .menu-wrap .txt-info .num {
  color: #666;
}
.map-info-area .map-box {flex: 1; position:relative;}
.map-info-area .tab_con6 .map-box {display:flex;}
.view-content .map-info-area .map-box .temp-img {
  position:relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  background: url(../../assets/images/temp_map.png) no-repeat center center;
  background-size: cover;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
}
.view-content .map-info-area .visit-box {
  display: flex;
   flex: 1;
  /* width: 66%; */
  /* border-radius: 10px; */
  /* border: 1px solid #ebebeb; */
}
.view-content .map-info-area .visit-box.ver3{
  width: 250px;
  margin-right: -20px;
}
.visit-box>div{
  flex:1;
  background: #fff;
  box-shadow:var(--box-shd);
}
.view-content .map-info-area .visit-box.ver3>div{
  border-radius: 10px 0 0 10px;
}

.visit-box>div+div{margin-left:20px;}
/* .visit-box>.schedule_box+.schedule_box{margin-left:0;} */

/* .table-info-area{overflow-y: auto;} */
.view-content .map-info-area .visit-box .table-info-area{
  position:relative;
  padding: 0 20px 15px;
  min-width: 220px;
  overflow-y: scroll;
}


.view-content .map-info-area .visit-box .table-info-area .today-info-item{
 padding-bottom:20px;
}
.view-content .map-info-area .visit-box .table-info-area .today-miss-item{
/* height:350px; */ border-top: 1px solid #dbdbdb; /*padding-top:30px;*/
}
.table-info-area2{padding:0; overflow:hidden;}

.view-content .map-info-area .visit-box .info-area {
  overflow-y: auto;
  padding: 0px 20px 15px 20px;;
}
.view-content .map-info-area .visit-box .info-area .dea-history-info {
  margin-top: -15px;
}
.navi-main {
  position:relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  margin-top:20px;
}
.navi-main .photo-list {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  gap:21px;
}
.navi-main .photo-list li {
  width: 165px; position:relative;
}
.navi-main input::file-selector-button {
  display: none;
}
.photo-list input{display:none;}
.photo-list input+label{width:50px; height:50px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background: url(../../assets/images/icon_no_photo.png) no-repeat center center;;}
.navi-main  .photo-list li .photo {
  position: relative;
  width: 100%;
  height: 95px;
  background: #e6e6e6;
}
.navi-main .photo-list li .photo img {
  display: block;
  width: 100%;
  height: 100%;
}
.navi-main .photo-list li .photo .more-btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 24px;
  height: 24px;
  background: url(../../assets/images/icon_photo_zoom_2.png) no-repeat 0 0;
}
.navi-main .photo-list li .text {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.navi-main .photo-list li .text strong {
  color: var(--main-color);
}
.view-content .map-info-area .visit-box .info-area .sales-item {
  margin-top: 15px;
}
.view-content .map-info-area .visit-box .info-area .sales-item > .title {
  display: block;
  font-size: 17px;
  color: #333;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt {
  margin-top: 10px;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .tit{font-size:17px;}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .top-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .top-tab .tab-btn {
  display: flex;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .top-tab .tab-btn button {
  height: 30px;
  padding: 0 10px;
  border-radius: 5px 5px 0 0;
  background: #dedede;
  font-size: 13px;
  color: #666;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .top-tab .tab-btn button + button {
  margin-left: 1px;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .top-tab .tab-btn button.on {
  background: var(--main-color);
  color: #fff;
}
.tab_con-in {margin-top: -35px;position: absolute; right: 0; }
.tab_con3 .tab_con-in{top:-15px;}
-txt2 {
  width: calc(100% - 65px);
  height: 35px;
  border: 1px solid #3a8a5a;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .list-info li .check-btn.on {
  background: url(../../assets/images/icon_select_check_round_on.png) no-repeat center center;
}
.view-content .map-info-area .visit-box .info-area .sales-item .list-cnt .list-info li .send-btn {
  width: 30px;
  height: 35px;
  background: url(../../assets/images/icon_list_send.png) no-repeat center center;
}
.view-content .map-info-area .visit-box .request-history-info > .top-title {
  display: block;
  font-size: 17px;
  color: #333;
}
.view-content .map-info-area .visit-box .sth-history-info {
  margin-top: 100px;
}
.view-content .map-info-area .visit-box .dea-history-info ~ .sth-history-info {
  margin-top: 20px;
}
.advice-area.no{padding: 0!important; margin-left: 0;}
.advice-area {
  background:#fff;
	position: relative;
  padding-bottom:20px;
  display: flex;
  flex-direction: column;
}
.work_agency_box2 .advice-area {
  margin-left:0px;
}
.work_agency_box2{
  overflow-y: auto;
}
.view-content .map-info-area .visit-box .advice-area.full {
  width: 100%;
}
.advice-area .table-info-cnt {
  margin-top: 20px; 
}
.list_head{ 
  width:100%; 
  padding: 16px 16px 12px; 
  display: flex; 
  flex-direction: column; 
  gap:8px;
  background:var(--gray-bg-light) url(/assets/images/list_head-bg.svg) repeat-x left bottom; 
  font-size:13px;
}

.list_head .select-item{background: #fff;font-size: 14px;}
.map-info-area .top-info-item,.map-count-area {display: flex; gap: 14px;}
.view-content .map-info-area .top-info-item .info .tit {
  font-size: 13px;
  color: #555;
}
.num1{color:var(--main1-color)}
.my-pin{padding-left:24px;position: relative;}
.my-pin img{width: 22px;position: absolute;top: -2px;left: 0;}
.view-content .map-info-area .select-item .round-wrap {
  display: flex;
  background-color: #fff;
}
.view-content .map-info-area .select-item .day-select {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  /* border-radius: 5px 0 0 5px; */
  border: 1px solid #bec2cc;
  border-right: 0;
}
.view-content .map-info-area .select-item .day-select.two-type .day {
  display: flex;
  width: 170px;
  padding-right: 15px;
}
.view-content .map-info-area .select-item .day-select.two-type .day input {
  top: 2px;
  width: calc(50% - 8px);
  padding: 0;
}
.view-content .map-info-area .select-item .day-select.two-type .day .ic {
  width: 16px;
  text-align: center;
}
.view-content .map-info-area .select-item .day-select .left-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_left.png) no-repeat 0 0;
}
.view-content .map-info-area .select-item .day-select .right-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_right.png) no-repeat 0 0;
}
.select-item .day-select .day input {
    background: url(/mobile/images/calendar-i1.svg) no-repeat right 5px center;
    color: var(--dark-color);
    max-width: calc(5em + 16px);
}
.view-content .map-info-area .select-item .location-select {
  flex-shrink: 0;
  width: 90px;
}
.view-content .map-info-area .select-item .location-select.si-type {
  width: 65px;
}
.view-content .map-info-area .select-item .location-select.si-type2 {
  width: 85px;
}
.view-content .map-info-area .select-item .location-select.si-type:last-child .com-check-select .check-list, .view-content .map-info-area .select-item .location-select.si-type:last-child .com-radio-select .check-list {
  left: -1px;
}
.view-content .map-info-area .select-item .location-select.gu-type {
  width: 65px;
}
.view-content .map-info-area .select-item .location-select:last-child .com-check-select .open-btn, .view-content .map-info-area .select-item .location-select:last-child .com-radio-select .open-btn {
  border-radius: 0 5px 5px 0;
}
.view-content .map-info-area .select-item .location-select + .location-select .com-check-select .open-btn, .view-content .map-info-area .select-item .location-select + .location-select .com-radio-select .open-btn {
  border-left: 0;
}
.view-content .map-info-area .sort-info-item .icon-info {
  display: inline-flex;
  align-items: center;
}
.view-content .map-info-area .sort-info-item .icon-info span {
  display: inline-block;
  position: relative;
  padding-left: 14px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.view-content .map-info-area .sort-info-item .icon-info span + span {
  margin-left: 10px;
}
.view-content .map-info-area .sort-info-item .icon-info span.all {
  background: url(../../assets/images/icon_today_1.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.today {
  background: url(../../assets/images/icon_today_2.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.yesterday {
  background: url(../../assets/images/icon_today_3.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.tomorrow {
  background: url(../../assets/images/icon_today_3.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.before-2 {
  background: url(../../assets/images/icon_today_4.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.before-7 {
  background: url(../../assets/images/icon_today_5.png) no-repeat 0 center;
}
.view-content .map-info-area .sort-info-item .icon-info span.red::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--main-color);
}
.view-content .map-info-area .sort-info-item .icon-info span.red::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
}
.view-content .map-info-area .sort-info-item .icon-info span.green::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3ea366;
}
.view-content .map-info-area .sort-info-item .icon-info span.blue::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3396ff;
}
.view-content .map-info-area .sort-info-item .icon-info span.purple::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #6259ca;
}
.num_lab {
  font-size: 13px;font-weight: 400;
}
.map-info-area .com-list-info {
  overflow-y: auto;
  height: calc(100svh - var(--location-ht) - var(--top-btn-ht) - var(--content-pdbt) - var(--list_head-ht) - var(--paging-pd-ht));
}
.view-content .map-info-area .com-paging.day-type {
  margin: 60px 0 0 0;
}
.view-content .banner-info-area {
  display: flex;
  margin-top: 17px;
  margin-bottom:20px;
}
.view-content .banner-info-area .banner {
  height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
.view-content .banner-info-area .banner + .banner {
  margin-left: 12px;
}
.view-content .banner-info-area .banner.sale-type {
  background-color: #dedef8;
}
.view-content .banner-info-area .banner.sale-type span {
  background: url(../../assets/images/icon_banner_sale.png) no-repeat 0 center;
}
.view-content .banner-info-area .banner.service-type {
  background-color: #eedca8;
}
.view-content .banner-info-area .banner.service-type span {
  background: url(../../assets/images/icon_banner_service.png) no-repeat 0 center;
}
.view-content .banner-info-area .banner span {
  display: block;
  padding-left: 18px;
}

.table-scroll {
  overflow-y: auto;
  max-height: 336px;
  margin-top: 10px;
}
.table-scroll.max-height-310 {
  max-height: 310px;
}
.table-scroll.max-height-330 {
  max-height: 332px; min-height:270px;
}
.table-scroll.max-height-350 {
  max-height: 350px;
}
.table-scroll.max-height-630 {
  max-height: 630px;
}
.table-scroll.max-height-700 {
  max-height: 700px;
}
.table-scroll.no-scroll {
  overflow-y: visible;
  max-height: none;
}
.table-scroll table .hidden-info {
  display: none;
}
.table-scroll table .hidden-info.on {
  display: table-row;
}
.table-scroll table th, .td_st th, .addresB_box th, .appDetail-table-header{
	padding: 7px 8px;
  width: 13%;
  text-align: center;
  font-weight: normal;
  color: var(--th-font-color);
  border: 1px solid var(--gray-light);
  white-space: nowrap;
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}
.num.appDetail-table-header{width:4%;}
#chart_daily th{
  padding: 7px 8px;
  text-align: center;
  font-weight: normal;
  color: var(--th-font-color);
  border: 1px solid var(--gray-light);
  white-space: nowrap;
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
  line-height:16px; height:43px;
} 

.table-scroll table td, .td_st td, .addresB_box td, #chart_daily td, td.td-name2, .appDetail-table td{
  position:relative;
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
  border:1px solid var(--gray-light);
  word-wrap : break-word;
  white-space : nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}



.addresB_box .sub-list-box{padding:0;}
.table-scroll #todayBizList .pageTodayClass td, .table-scroll #noBizList .pageTodayClass td{padding:2px 7px;}
.table-scroll table .td-data2{text-align:center;}
.communicate th,.dual_td th, #advanceTable th, .schedule_day{line-height: 135%;font-size: 13px;padding: var(--th2-pd)!important}
.communicate td,.dual_td td{padding-top:6px; padding-bottom:6px}
.table-scroll table td .txt {
  display: block;
}
/* .table-scroll td + td , .table-scroll th + th, .td_st td + td, .td_st th + th, .communicate th + th{ padding-left: 0;} */
.table-scroll table td .dot-text {
  display: block;
  position: relative;
  width: 420px;
  height:16px;
  padding-right: 20px;
}
.table-scroll table td .dot-text .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*-webkit-line-clamp: 2;*/
  width: 100%;
  -webkit-box-orient: vertical;
}
/*.table-scroll table td .dot-text .text.on {
  -webkit-line-clamp: 200;
}*/
.table-scroll table td .dot-text .btn {
  position: absolute;
  right: 0;
  bottom: 6px;
  width: 15px;
  height: 9px;
  background: url(../../assets/images/icon_table_word.png) no-repeat 0 0;
}
.table-scroll table td .dot-text .btn.on {
  background: url(../../assets/images/icon_table_word_on.png) no-repeat 0 0;
}
.table-scroll table td .icon {
  display: inline-block;
  height: 18px;
  padding: 0 7px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
}
.table-scroll table td .icon.red {
  background: var(--main-color);
}
.table-scroll table td .icon.green {
  background: #3ea366;
}
.table-scroll table td .icon.blue {
  background: #3396ff;
}
.table-scroll table td .icon.purple {
  background: #6259ca;
}
.table-scroll table td .sub-txt-info {
  position: relative;
}
.table-scroll table td .sub-txt-info .txt-list li {
  display: flex;
}
.table-scroll table td .sub-txt-info .txt-list li + li {
  margin-top: 8px;
}
.table-scroll table td .sub-txt-info .txt-list li .tit {
  width: 60px;
  font-size: 13px;
  color: #b85c65;
}
.table-scroll table td .sub-txt-info .txt-list li .txt {
  font-size: 14px;
  color: #333;
}
.table-scroll table td .sub-txt-info .arrow-btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 15px;
  height: 9px;
  background: url(../../assets/images/icon_table_word_on.png) no-repeat 0 0;
}
.table-scroll table tr.on, .dataRow.on{
  background:var(--gray-light-1);
}
.table-scroll table .td-cont2{
  width: 155px; 
  word-break: break-all;
}
tr[class^="subTr"] td{
	background:var(--gray-light-1);
	height:190px;
	text-align: center;
}

tr[class^="subTr1"] td{
	background:var(--gray-light-1);
	height:190px;
	text-align: center;
}

/* tr[class^="subTr2"] td{
	background:var(--gray-light-1);
	height:250px;
	text-align: center;
} */

tr[class^="subTrC"] td{
	background:var(--gray-light-1);
	height:220px;
	text-align: center;
}


/*테이블*/
.tb-lay td{position: relative; top: 0; left: -10px; padding-bottom:10px;}
.th-12, .th-opt, .th-12 select, .th-15{
  color:var(--data_tit-color);
  letter-spacing: -.04em;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 300;
}
.th-12{width: 4em; padding-right:10px; text-align: right; line-height: 12px;}
.th-15{width: 5em; text-align: right; line-height: 12px;}
.th-left .th-12{text-align:left;}
.td_half{width:50%;}
.th-st {margin: 4px 0;}
.th-opt{ 
	background: url(/mobile/images/arrow-red-bt.svg) no-repeat bottom center;
    background-size: 7px;
    padding: 0 0 2px 0;
    border: none;}
td +.th-12, .th-12 + td + td:not(.th-12){padding-left: 10px;}
.full_th{padding-bottom:5px}
.gap-side { 
  display: flex;
  gap:6px; align-items: center;
}
.btn-add-lay, .btn-add-lay2,.phone_lt{display: flex; width:100%;}
.btn-add-lay, .btn-add-lay2{gap:10px;}
.btn-add-lay2{align-items: center;} .phone_lt{gap:6px;}
.btn-add-lay.phone{gap:6px; display:flex; align-items: center; justify-content: space-between;}
.btn-add-lay.sns{align-items: center;}
.btn-add-lay.nc{justify-content: space-between;}
.phone_lt .gap-tb { 
  display: flex;   
  flex-direction: column;
  gap:8px
}
.ver-top{
    vertical-align: top;
    padding-top:5px;	
}
.ver-top0{
    vertical-align: top;
}

.td-many .th-12{padding-top:1px;}	
.order-td{width:3em;text-align: center !important;}
.td-cont{width:4em;}
.td-cont,.contact-ck{color:var(--sub-green-1);}
td.td-cont{text-align:center!important; padding-left:0 !important;}
.td-name1{width: 23%;}
.td-name2{width:16%;}
.td-name3{width:60%;}
.td-cont+.td-name1{width: 30%;}
/*.td-cont+.td-name1 + .td-comname{}*/
.td-date{width:20%;}
.td-data2{width:14%;}
td.td-data2{text-align:right;}
.td-phone2s{width:30%;}
/* th.td-icon1, .td-name2{ text-align:center!important;} */
th.td-icon1{width:4em;}
.td-name2{width: 5em;}
td.td-name2{padding:0px!important; height:50px;}
.td-icon1{width:2.5em;text-align: center;overflow: visible !important;}
td.td-icon1, td.center{padding-left:7px!important; }
td.nodata{background: var(--gray-light-1); height:400px;}
td.td-icon1{text-align:center; color: var(--sub-green-1); }
.td-nolong{width:5em;}
.td_coname2, .td_depart{width:3em;}
.person-na{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.td_fix{/*position: sticky;*/z-index: 1;}
.fix_r{right:42px}
.fix_r:last-child{right:0}
.td-chk {width:28px; position: sticky;}

/* th.td_fix-last{
background-image:url(/mobile/images/th-line2.svg),url(/mobile/images/th-line1.svg),url(/mobile/images/th-line1.svg),url(/mobile/images/th-line1.svg);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-y;
background-position:bottom,right, calc(100% - 2px), left} */
/* td.td_fix-last{
background-image:url(/assets/images/td-line1.svg),url(/assets/images/td-line1.svg),url(/assets/images/td-line1.svg),url(/assets/images/td-line-bt-in.svg);
background-repeat: repeat-y,repeat-y, repeat-y, repeat-x;
background-position:left, right, calc(100% - 2px), bottom} */

.table-input-box tr:nth-child(2n) .td_fix-last{
background-image:url(/assets/images/td-line1.svg),url(/assets/images/td-line1.svg),url(/assets/images/td-line1.svg),url(/assets/images/tr-line-bt.svg);	
}
/* th.td_fix-last + th{background-image: url(/mobile/images/th-line2.svg)} */
td.td_fix-last + td{background-image: url(/assets/images/td-line-bt-in.svg)}
.table-input-box tr:nth-child(2n) td.td_fix-last + td{background-image: url(/assets/images/tr-line-bt.svg);}

/*옵션 박스 디자인*/
 .ra-sel{font-size: 12px;
    background-color: #f5f5f5;
    height: auto;
    border-radius: 1em;
    padding: 1px 17px 2px 7px;
    background-size: 8px;
    background-position: top 8px right 8px;}
.ra-sel + .time{margin-top: 3px;}
/*더블 필드*/   
.select-cnt select:first-child,.dual_field input:first-child,.dual_field > select:first-child{
  border-radius:4px 0 0 4px;
}
.dual_field > div:not(:first-child), .dual_field > select:not(:first-child),.dual_field .com-radio-select .open-btn
{border-radius: 0;margin-left: -1px;}
.dual_field .com-radio-select .check-list{margin-left: -1px;}
.dual_field > .search-send-btn{margin-left: -1px;}   
.dual_field input{border-radius:0;margin-left: -1px;}
/*.dual_field{display: flex; justify-content: space-between; width:100%; margin-bottom: 10px} */
.select-cnt, .dual_field_lt, .opt_address_g{display: flex;}
.opt_address_a{width:88px;}
.opt_address_f{display: flex; align-items: center;}
.dual_field_rt.action-btn button+button{border-radius: var(--input-radius);}
.dual_field_rt #btn_kakao{width:27px; height:27px; background-size: 100% 100%;}
.area-radio{display:none;}

/* .dual_field{margin-left:10px;} */
.select-cnt select:last-child,.dual_field input:last-child,.dual_field .btn_search, .dual_field button:last-child,
.dual_field .com-radio-select:last-child .open-btn
{border-radius: 0 4px 4px 0;margin-left: -1px;} 

/*필드 사이즈*/
.split_full{max-width:8em}
.wid-3{min-width:4em;max-width: 4em;}
.wid-4 {max-width: 4.4em;}
.w-name{min-width:7em}
.com-calendar {
  cursor: pointer;
  height:-webkit-fill-available;
}

.com-list-info > .list > li {
    display: flex;
    border-bottom: 1px solid var(--gray-light);
    cursor: pointer;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    gap:12px;

}
.com-list-info > .list > li.on, .com-list-info > .list > li:hover {
  background-color: var(--gray-light-1);
}
.com-list-info > .list > li .txt-info.wide-type {
  width: 100%;
}
.txt-info .company {
  display:flex; align-items: center;
  font-size: 15px;
  font-weight: 500;
  gap:2px;
}
.txt-info .company .address{
  display:block; width:400px;
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space:nowrap;
}
.txt-info{color: var(--dark-color);font-size: 13px;}


/*.txt-info span ~ span:before {
    content: "/";
    margin: 0 2px 0 0;
    color: var(--gary-color)}*/
.txt-info span ~ span:before {
  content: " ";
}
 
.com-list-info > .list_new, .com-list-info > .list_book {display:none; }
.com-list-info > .list_new.on, .com-list-info > .list_book.on { display: table; width:100%; }   
.com-list-info > .list > li {
  /* display: table-row;  */
  position:relative;
  padding: 3px 15px;
  
}
/* .com-list-info > .list > li > div {display: table-cell;}     */
.com-list-info > .list > li .txt-info .day-time {
  display: flex;
  margin-top: 5px;
  font-size: 13px;
  line-height: 17px;
}
.com-list-info > .list > li .txt-info .day-time .time {
  display: block;
  padding-left: 15px;
}
.com-list-info > .list > li .txt-info .day-time .time.today {
  background: url(../../assets/images/icon_calendar_today.png) no-repeat 0 center;
  color: var(--main-color);
}
.com-list-info > .list > li .txt-info .day-time .time.tomorrow {
  background: url(../../assets/images/icon_calendar_tomorrow.png) no-repeat 0 center;
  color: #3ea366;
}
.com-list-info > .list > li .txt-info .dot-list {
  width: 100%;
  margin-top: 5px;
}
.com-list-info > .list > li .txt-info .dot-list li {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  line-height: 24px;
  color: #666;
}
.com-list-info > .list > li .txt-info .dot-list li.red::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--main-color);
}
.com-list-info > .list > li .txt-info .dot-list li.green::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3ea366;
}
.com-list-info > .list > li .txt-info .dot-list li.blue::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3396ff;
}
.com-list-info > .list > li .txt-info .dot-list li.purple::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6259ca;
}
.com-list-info > .list > li .txt-info .photo-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
}
.com-list-info > .list > li .txt-info .photo-info .round-item {
  width: calc(100% - 115px);
}
.com-list-info > .list > li .txt-info .photo-info .round-item.full {
  width: 100%;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line {
  display: block;
  position: relative;
  padding-right: 70px;
  line-height: 18px;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line + .line {
  margin-top: 5px;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .txt {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #666;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .txt::after {
  content: "";
  display: inline-block;
  position: relative;
  left: 4px;
  top: -1px;
  width: 5px;
  height: 8px;
  background: url(../../assets/images/icon_address_arrow.png) no-repeat right center;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .round {
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
  height: 18px;
  border-radius: 9px;
  border: 1px solid #ccc;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .round.complete {
  border-color: #ff9ea6;
  background: #fddcdf;
  color: #f75c68;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .round.interest {
  border-color: #89c9a3;
  background: #d8ede0;
  color: #3ea366;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .round.fail {
  border-color: #c4c4c4;
  background: #e4e4e4;
  color: #888;
}
.com-list-info > .list > li .txt-info .photo-info .round-item .line .round.visit {
  border-color: #99caff;
  background: #d6eaff;
  color: #449cff;
}
.com-list-info > .list > li .txt-info .photo-info .photo-item {
  flex-shrink: 0;
  position: relative;
  width: 105px;
  height: 60px;
}
.com-list-info > .list > li .txt-info .photo-info .photo-item .photo {
  display: block;
  width: 100%;
  height: 100%;
}
.com-list-info > .list > li .txt-info .photo-info .photo-item .detail {
  display: flex;
  align-items: center;
  position: absolute;
  right: 5px;
  bottom: 0;
}
.com-list-info > .list > li .txt-info .photo-info .photo-item .detail .num {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
}
.com-list-info > .list > li .txt-info .photo-info .photo-item .detail .more-btn {
  width: 13px;
  height: 13px;
  margin-left: 3px;
  background: url(../../assets/images/icon_photo_zoom.png) no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
}
.favorite-info {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 80px;
    text-align: right;
    padding-left: 0 !important;
}
.favorite-info .time {
  font-size: 12px; white-space: nowrap;color: var(--gary-color);
}
.dish, .dish-fill {font-family: 'boxicons';font-size: 15px;
}
.dish-fill:before{content: "\eeb8";}
.dish:before{content: "\ec27";color:#CCC2C2}
.com-list-info > .list > li .favorite-info .icon.all {
  background: url(../../assets/images/icon_star.png) no-repeat 0 center;
}
.com-list-info > .list > li .favorite-info .icon.today {
  background: url(../../assets/images/icon_star_today.png) no-repeat 0 center;
}
.com-list-info > .list > li .favorite-info .icon.yesterday {
  background: url(../../assets/images/icon_star_yesterday.png) no-repeat 0 center;
}
.com-list-info > .list > li .favorite-info .icon.before-2 {
  background: url(../../assets/images/icon_star_before.png) no-repeat 0 center;
}
.com-list-info > .list > li .favorite-info .icon.before-7 {
  background: url(../../assets/images/icon_star_before_week.png) no-repeat 0 center;
}
.com-list-info > .list > li .reservation-info {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  width: 80px;
  padding-top: 12px;
}
.com-list-info > .list > li .reservation-info .round-txt {
  width: 60px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #ff9ea6;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.com-list-info > .list > li .reservation-info .round-txt + .round-txt {
  margin-top: 10px;
}
.com-list-info > .list > li .reservation-info .round-txt.change {
  border-color: #ff9ea6;
  background-color: #fddcdf;
  color: #f75866;
}
.com-list-info > .list > li .reservation-info .round-txt.cancel {
  border-color: #c4c4c4;
  background-color: #e4e4e4;
  color: #7e7e7e;
}
.com-list-info > .list > li .reservation-info .round-txt.sign {
  border-color: #89c9a3;
  background-color: #d8ede0;
  color: #48a86e;
}
.com-paging{border:none; display: flex; align-items: center; padding-top:10px; justify-content: space-between;gap: 4px; position:relative;}

.com-paging.cp{width:100%; padding: 0; align-items: center; margin-top:10px; } 
.com-paging.mp{align-items:flex-start; flex-direction:column-reverse;}
.com-paging .except_ul{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.paging-pd{padding:16px 16px 18px;align-self: flex-end; width:100%; }
.com-paging.day-type button:not(.prev-btn, .next-btn) {
  width: auto;
  padding: 0 8px;
  line-height: 18px;
}
.com-paging button {
    /* border:1px solid #ccc; */
    /* width: 25px; */
    height: 25px;
    line-height: 18px;font-size: 13px;background-color:#fff;
}
.com-paging .active {
  color: var(--main-color);
  font-weight: 600;
}
.com-paging  #workAddrTransBtn{height:28px; padding:0 5px; background: #2424c9; font-size: 13px; color: #fff; }
#workDivTransBtn, #workDivTransBtn2, #workDivTransBtn3, #workAssignBtn{width:42px; height: 28px; background: var(--main-color); color: #fff; border-radius:4px;}
.dual_field_lt #workDivTransBtn{border-radius: 0 4px 4px 0; height:30px;}

.sel-med{height:28px; font-size: 13px; border-radius:0;}
.com-paging .prev-first:before{
  content:'\e821';
  font-family: feather;
}
.com-paging .next-last:before{
    content:'\e822';
    font-family: feather;
}
.com-paging .prev-btn:before,  .artkimRT_PB.prev-btn:before, #paginationPhoto .prev-btn:before {
    content:'\E81F';
    font-family: feather;
}
.com-paging .next-btn:before,  .artkimRT_PB.next-btn:before, #paginationPhoto .next-btn:before{
    content:'\E81E';
    font-family: feather;
}

.com-paging button.on {
color: var(--main-color);font-weight: 600;}
.com-paging .pageClass{
  border:none; 
  /* width:23px; */
}
.com-paging .pageClass.active, .artkimRT_PB.active{font-weight: 600;}
.com-paging .pageClass.active{color: var(--main-color); }
.artkimRT_PB.active, #paginationPhoto .active{color:#ef0650;}
.com-paging.cp .pageClass, #paginationPhoto .pageClass {font-size: 15px;}
.com-paging.cp .pageClass+.pageClass, .artkimRT_PB + .artkimRT_PB, #paginationPhoto .pageClass + .pageClass{
  margin-left:5px;
}
#paginationPhoto{padding: 0 20px;}
.com-paging [class^="pagination"]{
  display: flex; flex:1; gap:3px;
  align-items: center;
}



.com-top-tab {
  display: flex;
  width: 100%;
  height: 44px;
  justify-content: space-between;
}
.com-top-tab.ver1{
  width: 1100px;
}
.com-top-tab.ver2{justify-content: normal;}
.com-top-tab.ver3{width:auto; margin-right: 250px}
.com-top-tab_lt, .com-top-tab_rt{
  display:flex;
}
.com-top-tab_rt{align-items: center;}
.com-top-tab_rt button{margin-left: 15px; padding-right: 18px; font-size: 15px; font-weight: 500; color: #3a8a5a;}
.com-top-tab_rt .excel-up-btn, .com-top-tab_rt .mobile-up-btn{padding-right:21px;}
.com-top-tab_rt .excel-up-btn{background: url(../../assets/images/icon_table_btn_5.png) no-repeat right center;}
.com-top-tab_rt .mobile-up-btn{background: url(../../assets/images/icon_table_top_4.png) no-repeat right center;}
.com-top-tab_rt .phone-add-btn{background: url(../../assets/images/icon_table_top_1.png) no-repeat right center;}
.com-top-tab_rt .sort-btn{background: url(../../assets/images/icon_table_top_2.png) no-repeat right center;}
.com-top-tab_rt .trash-btn{background: url(../../assets/images/icon_table_top_3.png) no-repeat right center;}

.com-top-tab a {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 44px;
  color: #3a8a5a;
}
.com-top-tab a + a {
  margin-left: 18px;
}
.com-top-tab a.on {
  color: var(--main-color);
}
.com-top-tab a.on::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  right: 0;
  height: 3px;
  background: var(--main-color);
}

.com-check {
  display: inline-block;
  min-width: 15px;
  min-height: 15px;
}
.com-check input {
  position: absolute;
  left: -9999px;
}
.com-check input:checked + label::before {
  background: url(../../assets/images/icon_select_check_on.png) no-repeat 0 0;
}
.com-check label {
  display: block;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 15px;
  color: #666;
  cursor: pointer;
}
.com-check label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/icon_select_check.png) no-repeat 0 0;
}
.com-check label span {
  position: relative;
  left: 4px;
  top: 2px;
}

.com-check-select, .gr_add {
  position: relative;
  z-index: 11;
}
.open-btn {
    display: flex;align-items: center;
    border: 1px solid var(--input-line-color);
    width: 100%;
    height: var(--input-height);
    padding: 4px 8px;
    justify-content: space-between;
    border-radius: var(--input-radius);
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    
}
.otp_select .open-btn, .gr_add .open-btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;}

.open-btn.on + .check-list {display: block;}

.check-list{z-index: 10;}

.check-list, .check-list2 {
  display: none;
  position: absolute;
  ;font-weight: normal;
  border: 1px solid var(--input-line-color);
  border-radius: 5px;
  background: #fff;
  overflow: hidden;margin-top: -1px;
  max-height: 25.5em;overflow-y: auto;
}
.check-list{
  width: 100%;
}
.check-list2 {
  width: 60px;
}
.sub_check_list{
  display: none;
}

.day-select .check-list {margin-top: auto;width: calc(100% + 6px);}
.check-list .li_location {position: relative;}
.com-check-select .check-list .li_location .bizLoad:not([type='text']) {position: absolute;left: -9999px;}
.com-check-select .check-list .li_location .bizLoad:checked + .lb_location::before {
  background: url('/assets/images/check-select-at.svg') no-repeat 6px 50%;
}
.com-check-select .check-list .li_location .lb_location {
  display: block;
  position: relative;
  padding-left: 23px;
  line-height: 2;
  cursor: pointer;
  font-weight: normal;
  height: 28px;
}
.com-check-select .check-list .li_location .lb_location:before {
  content: "";
  position: absolute;
  left: 0;
  width: 21px;
  height: 100%;
  background: url('/assets/images/check-select.svg') no-repeat 6px 50%;
}
.nb_field{counter-reset:ol_nb;}
.nb_field li{display: flex;align-items: center;}
.nb_field input[type='text']{border: none;padding: 0;background: none; text-align: center;}
.new-gr input[type='text']{padding-left: 8px;}
.nb_field input[type='text']:focus{color:var(--dark-color);font-weight:500}
.nb_field input[type='text']:focus + .bx, .check-list .li_location:hover .bx{color:var(--main-color);}
.nb_field .bx {color: var(--gary-color-1);}
.gr_is .bx {width:50px;height:var(--input-height)}
.new-gr .bx {width:40px;}
.gr_is{counter-increment:ol_nb}
.gr_is:before {/*content:counter(ol_nb);*/width: 3em;display: inline-block;text-align: center;}
.new-gr{border-top: 1px solid var(--gray-light);}
.gr_add .bx-send, .gr_add .new-gr{display: none;}
.tab-pg .open-btn, .tab-pg-team .open-btn {border: none;background: none;padding: 0;    
color: var(--sub-green-1);font-weight: 500;font-size: 15px;align-items: flex-start;}
/*포토 업로드*/
.poto-group{
	display: flex;    
	gap:3.5%;
  text-align: center;
  justify-content: space-between;
}
    
.poto-area{
    width: 170px;
    height: 170px;
    display: flex;
    flex-direction: column;
}
.poto-area .poto-load{flex:1;}
.poto-group2{
	margin-top:10px;
}

.poto-load-i-gr{
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    gap: 60px;
}
#popup_innerbox .poto-load-i-gr{top:50%; transform:translate(-50%, -50%);}
.poto-load-i-gr input{display:none;}
.td-poto .poto-load-i-gr{
  gap:10px;
}
.poto-load-i-gr.vt{
  flex-direction:column;
}
.poto-btn-st{
	width: 27px;
	height: 27px;
	/* position: absolute; */
	
	/* top: 50%;
	left: calc(50% - 20px);
	transform: translate(-50%, -50%);	 */
}
.poto-1nb .poto-area{width:100%;}
.file-btn, #btncrn, #btncbn {
    background: url(/mobile/images/attach_btn.svg) no-repeat center;	
}
#btncoBN, #btncoRN, #btncrn.gr_dc, #btncbn.gr_dc {
  width: 27px; height:27px; line-height: 27px; text-align:center; border-radius:100%; 
}
#btncrn.gr_dc, #btncbn.gr_dc{
  background: none; background-color: #43b291; font-family:feather; color:#fff; font-size:16px; 
}
#btncoBN_dw:before , #btncoRN_dw:before{
  content: "\E858";
}
.camera-btn{
	background:url(/mobile/images/camera-btn.svg) no-repeat center;
	width: 27px;
	height: 27px;
	/* position: absolute; */
	z-index: 3;
	top: 50%;
	/* left: calc(50% + 20px);
	transform: translate(-50%, -50%); */
	}
.poto-area input[type="file"]{display: none;}
.poto-area input[type="file"] + label{
	background:url(/mobile/images/attach_btn.svg) no-repeat center;
	width: 27px;
	height: 27px;
	display: inline-block;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: calc(50% + 20px);
	transform: translate(-50%, -50%);
	}		
.poto-load{
	background: var(--gray-light-2);
	overflow: hidden;
	position: relative;
	border: 1px solid var(--gray-light);
  display: flex;
}
#uploadPhoto3 .poto-load-i-gr, #uploadPhoto2 .poto-load-i-gr, #uploadPhoto1 .poto-load-i-gr,  .navi-main .poto-load-i-gr{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%);}
.td-poto .poto-load{ width: 90px; height:60px;}
.poto-load img{
    position: absolute;
    z-index: 2;
    /* bottom: 3px; right: 5px; */
    /* transform: translate(-50%, -50%);  */
}

.photoSubLayout{
  display: flex;
  flex-direction: column;
  height: 30px;
  overflow: hidden;
}

#photoSubImage img{
  overflow: hidden;
  width: 44px;
  height: 30px;
  border-bottom: solid 1px white;
}

#photoLayout img{
  width: 50%;
}

#photoIconInfo{
  position: relative;
  top: -20px;
}

#tdPhotoLayout{
  padding: 0px;
}

.photoLayout1{
  width: 50%;
  border-right: white solid 1px;
}

.photoLayout2{
  width: 50%;
}

.photoLayout2 img{
  overflow: hidden;
  width: 44px;
  height: 30px;
  border-bottom: solid 1px white;
}

.photoSubLayout1{
  border-bottom: 1px solid white;
}

.photoLayout1 img{
  z-index: 5;
  border-right: white solid 1px;
}

#poto-load-i-gr-sub{
  z-index: 1;
}

.poto-load-size{
    position: relative !important;
    width: 100%; 
    z-index: 1 !important;
}
.trash_btn{cursor: pointer;background: url(/mobile/images/trash-i.png) no-repeat center;background-size: 19px;width: 23px;height: 23px;}
.photto_zoom{cursor: pointer;background: url(/mobile/images/poto-zoom.png) no-repeat center;background-size: 23px; width:23px;height:23px;}
.poto_is-icons{position: absolute;right: 0;bottom: 0; display: inline-flex;align-items: center;width: 100%; z-index:5; justify-content: space-around;}
/* .poto-area .poto_is-icons{z-index: 0;} */
.poto_is-icons .poto-zoom{background-size: 19px;width: 15px;height: 15px;background-position: center; position:relative;} 
.poto_is-icons .poto-zoom img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.poto_is-icons .point-nb{color:#fff;text-shadow: 1px 1px 1px rgb(0 0 0 / 54%);font-size: 14px;}
.poto-data:not([src$="poto-load-bg.png"]) {max-width: inherit;height: auto;width: 100%;}
.poto-data:not([src$="poto-load-bg.png"]) + .poto_is-icons{z-index: 2;}
.poto-data:not([src$="poto-load-bg.png"]) + .poto_is-icons + .poto-load-i-gr{z-index: 0;position: relative;}
.poto-point{color:var(--main-color);font-weight: 500;}
.poto-point:before{content: "보너스";background: url(/mobile/images/txt-divide.svg) no-repeat 3px 4px;padding-left: 10px;margin-right: 2px;font-size: 0.857rem;}
.poto-tit-area, poto-tit-area2{font-size: 0.929rem;}

.poto-tit-area{
  padding: 5px 10px;
}
.poto-tit-area .select-nol{
    height: 20px;
    padding-top: 0;
    padding-bottom: 0;font-size: 13px;}
.select-nol{border: none  !important; margin-right: -10px;}
.poto-more-nb{font-size: 13px;color:var(--gary-color)}
.tip-list td{border-top:1px solid var(--gray-light);padding:8px 0}
.nb-order{
    white-space: nowrap;
    width: 1em;
    padding: 8px 5px !important;
    vertical-align: top;
    text-align: center;
}
.panel-header{display: none;}
.data_cont + .data-sub{margin-top: 5px;}
.data-sub{
    display: flex;
    justify-content: space-between;
    font-size:12px;
    color: var(--gary-color);line-height: 1.1;
} 
.time-tex{padding-right:8px}
.name-w{max-width: 5em;}
.nb_dot:after{content: "."}
.name-sub:after{content: ")"}.name-sub:before{content: "("}
.field-cell{background:var(--gray-light-1)}
.field-cell td{padding: 0 0 8px 4px;}

/*필드 입력 영역*/
.field-cell textarea{
    background: none;
    border: none;
    padding: 8px 0 0;min-height:30px;
    height: 2.65em;
}
.send-btn{background:url(/mobile/images/send-btn.svg) no-repeat center;width: 30px;height: 37px;align-self: flex-end;}
.field-lay{display: flex;align-items: flex-start;}

.tip-lay{display: flex; 
    justify-content: space-between;
    gap: 8px;}
.reply-i:before {
	font-family: feather;
    content: '\e835';font-size:13px
}
.reply-th{
	padding: 8px 0 0 8px!important;
	vertical-align: top;text-align: right;
	}   
.table-responsive{    
	height: calc(100svh - var(--map-height) - var(--hed_tit-height) - var(--map-hed));
	overflow-y: auto;
	background: #fff;}

/*간격 여백 하단*/
/* .mb-gap {margin-bottom: 10px;} */

.mb-gap2{margin-bottom:20px;}
.left-gap{margin-left:10px}

/*체크 박스*/
/*nka1 start*/
.com-radio-select, .otp_select {position: relative;}
 .com-radio-select.outbound{
  width:63px;
  z-index: 10;
}
.com-radio-select.outbound .open-btn{border-radius:0; border-left:none; border-right:none;}
.com-radio-select.outbound2 .open-btn{border-radius:0 6px 6px 0;}
.day-select .com-radio-select .open-btn{border:none;height: 28px;padding-right: 1px;}

.pick-select {
  position: relative;
  z-index: 10;
  overflow-y: scroll;
  overflow-x:hidden;
  height: 100%;
  flex-grow: 1;
  width: 33%;  
  /* scrollbar-width:none; */
}
.pick-select.nation_sel{width:100px; }
.pick-select.public_sel{width:127px;}
.pick-select.dis_sel, .pick-select.local_sel{width:120px;}
.pick-select select{width:100%;border:none}
.rc .pick-select:not(:first-child) {
border-left:1px solid var(--gray-light);	
}
.pick_lb {
    padding: 3px 10px 4px 28px;
    cursor: pointer;
    display: flex; align-items: center;
    position: relative;
}
.pick_lb input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height:20px;
    background: url(/assets/images/check-select.svg) no-repeat 10px 3px;
    position: absolute;
    width: 100%;
    cursor: pointer;
    right: 0;
    left: 0; 
}
.pick_lb input[type="radio"]:checked{
 background:url('/inno/assets/images/check-select-at.svg') no-repeat 10px 3px; 
	}
	
.ch_li {    
	display: flex;
    gap:12px;flex-wrap: wrap;
    }	

input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
    width: 12px;
    height: 12px;
    border: none;
    background-image: url(/assets/images/checkbox.svg);
    background-repeat: no-repeat;
	}
input[type=checkbox]:checked{
    background: url(/assets/images/checkbox-at.svg) no-repeat 0px;
}

.check-ra .so1-label {
    padding: 3px 15px 4px;
    border-radius: 2em;
    line-height: 100%;
    font-size: 10px;
}	
.check-ra {
	display: flex;
	gap: 8px; flex-wrap: wrap;
	}	
.check-ra li{
     position: relative;
   }  
.check-ra input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    left: 0;
    width: 100% !important;
    background: none;
    cursor: pointer;
 }
.check-ra input[type=checkbox] + .so1-label{
    border: 1px solid var(--input-line-color);
 }
.check-ra input[type=checkbox]:checked + .so1-label{
border: 1px solid var(--main-color); color: var(--main-color);
}
.check-ra.date_N input[type=checkbox]:checked + .so1-label{
  border: 1px solid var(--main-color); background-color: var(--main-color); color:white;
}


/*nka1 end*/
.chk-circle input[type=checkbox]{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   overflow: hidden;
   background-position: 1px 1px;
   background-repeat: no-repeat;
   margin-top: 1px;
   background-size: 10px;background-image: none;
} 
.chk-circle{
    font-size:14px;
    display: flex;
    align-items: center;
    gap: 2px;
    }
#mapView .chk-circle{position:absolute; top:-35px; left: 40px;}
.chk-circle label{margin-right:5px;letter-spacing: -0.8px;white-space: nowrap;}   
.chk-circle label[for*='check_all']:after{content: ":"; margin-left:2px}
.chk-circle label[for*='check_all']{margin-right:2px}
#check_0{background-color:var(--dark-color)}  
#check_1{background-color:var(--main1-color)}
#check_2{background-color:var(--sub-orange)} 
#check_3{background-color:var(--sub-yellow)} 
#check_4{background-color:var(--sub-green)}
#check_5{background-color:var(--sub-bule)} 
#check_6{background-color:var(--sub-indigo)} 
#check_7{background-color:var(--sub-violet)} 

input[type=checkbox].chk_line:checked,input[type=checkbox].chk_fill:checked{background-image: url(/mobile/images/check-light-line.svg);} 

.open-btn.on {
 border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;}

.com-radio-select > .open-btn.on::after, .open-btn.on:after, #btn_sidogu.on:after {
  content: '\e825';
}
.com-radio-select > .open-btn.on::after{color:red;}
.com-radio-select > .open-btn.on + .check-list {
  display: block; z-index: 10;
}
#open-btn4{width: 61px;}

#open-btn4 + .check-list{width:61px;}
.com-radio-select > .open-btn:after ,.open-btn:after{
  content: '\e81d'; font-family: feather; 
  /*position: absolute; right: -15px; margin-left: 2px;*/
} 
#open-btn1 + .check-list, #open-btn2 + .check-list, #btn_sidogu + .check-list2{z-index:100;}
/* #open-btn2 + .check-list{position:absolute; bottom:28px; left:0; border-radius: 5px 5px 0 0; height:155px;} */
.day_sel1{width:65px;}
.day_sel2{width:115px;}



.com-radio-select .check-list .li_location input:not([type='text']) {
  position: absolute;
  left: -9999px;
}

.com-radio-select .check-list .li_location label {
  display: block;
  position: relative;
  /* height: 23px; */
  padding-left: 8px;
  font-size: 14px;
  line-height: 27px;
  cursor: pointer;
  white-space: nowrap;
}
.check-list .li_location:hover{background-color:var(--select-hover);
color: var(--th-font-color);background-color: var(--gray-light-1);}
.check-list .li_location:last-child label{height:32px;}
.com-toggle {
  display: flex;
  position: relative;
}
.com-radio-select.tab-page-area{display: inline-block;}
.com-radio-select.tab-page-on{border-top: 3px solid var(--main-color);}
.com-toggle-wether {
  margin:8px auto;
  margin-right:6px;	
}



.com-radio {
  display: flex;
  position: relative;
}
.com-radio input {
  position: absolute;
  left: -9999px;
}
.com-radio input:checked + label::before {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.com-radio input:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}
.com-radio label {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.com-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #afb2bb;
}

.sample-btn {
  display: flex;
  padding: 30px 0;
}
.sample-btn button {
  margin-right: 10px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.layer-pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;  
  display:none;  
}
.layer-pop.on {
  display: block;
}
.layer-pop.merge-type .pop-container {
  width: 640px;
}
.layer-pop.merge-type .pop-container .list-info-area {
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  box-shadow: none;
  border: 0;
  text-align: left;
}
.layer-pop.merge-type .pop-container .list-info-area .table-input-box th {
  text-align: left;
}
.layer-pop.merge-type .pop-container .list-info-area .table-input-box td {
  text-align: left;
}
.layer-pop.multi-search-type .pop-container {
  width: 560px;
}
.layer-pop.research-search-type .pop-container {
  width: 540px;
}
#popup_marker .pop-container {
  width: 350px;
  top:40%;
  left:84.6%;
}
.layer-pop.research-search-type4 .pop-container {
  width: 940px;
}
.layer-pop.company-search-type .pop-container {
  width: 430px;
}
.layer-pop.member-add-type .pop-container {
  width: 500px;
}
.layer-pop.history-type .pop-container {
  width: 440px;
}
.layer-pop.info-type .pop-container {
  width: 370px;
}
.layer-pop.pay-wait-type.wide .pop-container {
  width: 270px;
}
.layer-pop.pay-wait-type .pop-container {
  width: 230px;
}
.layer-pop.photo-upload-type .pop-container {
  width: 480px;
}
.layer-pop.photo-type .top-info-content {
  position: relative;
  justify-content: center;
  height: 46px;
  background: #333;
}
.layer-pop.photo-type .top-info-content .title {
  font-size: 20px;
  font-weight: 500;
}
.layer-pop.photo-type .top-info-content .title small {
  font-size: 16px;
  font-weight: normal;
}
.layer-pop.photo-type .top-info-content .close-btn {
  position: absolute;
  right: 18px;
  top: 15px;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/icon_layerpop_close_big.png) no-repeat center center;
}
.layer-pop.photo-type .pop-container {
  width: 800px;
  border-radius: 0;
}
.layer-pop.photo-type .slick-banner {
  position: relative;
}
.layer-pop.photo-type .slick-banner .banner img {
  display: block;
  width: 100%;
}
.layer-pop.photo-type .slick-banner .slick-prev {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 57px;
  background: url(../../assets/images/icon_layerpop_banner_left.png) no-repeat center center;
  text-indent: -99999px;
  z-index: 1;
}
.layer-pop.photo-type .slick-banner .slick-next {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 57px;
  background: url(../../assets/images/icon_layerpop_banner_right.png) no-repeat center center;
  text-indent: -99999px;
  z-index: 1;
}
.layer-pop.photo-type .bottom-info-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  background: #333;
}
.layer-pop.photo-type .bottom-info-txt .tit {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.layer-pop.photo-type .bottom-info-txt .txt {
  position: relative;
  margin-left: 35px;
  font-size: 18px;
  color: #b2b2b2;
}
.layer-pop.photo-type .bottom-info-txt .txt::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 14px;
  width: 2px;
  height: 2px;
  background: #b3b3b3;
}
.layer-pop .pop-container, #popup_marker .pop-container{
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 200px;
  transform:translateY(-50%);
  border-radius:var(--radius-m);
}
.layer-pop .pop-container{width:500px;}
.layer-pop .text-info-cnt .half-list {
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.layer-pop .text-info-cnt .half-list li {
  display: flex;
  align-items: center;
}
.layer-pop .text-info-cnt .half-list li + li {
  margin-top: 12px;
}
.layer-pop .text-info-cnt .half-list li .tit {
  width: 60px;
  font-size: 13px;
  color: #b85c65;
}
.layer-pop .text-info-cnt .half-list li .txt {
  width: calc(50% - 60px);
  font-size: 14px;
  color: #666;
}
.layer-pop .text-info-cnt .half-list li .txt.full {
  width: calc(100% - 60px);
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt {
  display: flex;
  align-items: center;
  width: calc(100% - 60px);
  margin-right: 10px;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .txt-arrow {
  padding-right: 10px;
  background: url(../../assets/images/icon_address_arrow.png) no-repeat right center;
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .txt-arrow + .txt-arrow {
  margin-left: 3px;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .txt-arrow + .txt-arrow::before {
  content: ",";
  margin-right: 3px;
  font-size: 14px;
  font-weight: 500;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .txt-arrow small {
  font-size: 13px;
  font-weight: normal;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .add-btn {
  height: 22px;
  padding: 0 8px;
  border-radius: 11px;
  background: #c9b3b5;
}
.layer-pop .text-info-cnt .half-list li .add-arrow-txt .add-btn span {
  display: inline-block;
  padding-right: 10px;
  background: url(../../assets/images/icon_white_plus.png) no-repeat right center;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}
.layer-pop .text-info-cnt .half-list li .form {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 60px);
}
.layer-pop .text-info-cnt .half-list li .form:last-child .txt-input {
  width: 100%;
}
.layer-pop .text-info-cnt .half-list li .form.full {
  width: calc(100% - 60px);
}
.layer-pop .text-info-cnt .half-list li .form.two-type {
  padding-right: 25px;
}
.layer-pop .text-info-cnt .half-list li .form.two-type input {
  width: 50%;
  height: 30px;
  padding-left: 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .text-info-cnt .half-list li .form.two-type input:first-child {
  border-radius: 5px 0 0 5px;
}
.layer-pop .text-info-cnt .half-list li .form.two-type input:last-child {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.layer-pop .text-info-cnt .half-list li .form.year-type {
  display: flex;
  align-items: center;
}
.layer-pop .text-info-cnt .half-list li .form.year-type .year-input {
  width: 45px;
  height: 30px;
  margin-right: 10px;
  padding-left: 5px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .text-info-cnt .half-list li .form.address {
  position: relative;
}
.layer-pop .text-info-cnt .half-list li .form.address .txt-input {
  padding-right: 30px;
}
.layer-pop .text-info-cnt .half-list li .form.address .address-btn {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/icon_address_search.png) no-repeat 0 0;
}
.layer-pop .text-info-cnt .half-list li .form.email .txt-input {
  width: 110px;
}
.layer-pop .text-info-cnt .half-list li .form.email .ic {
  width: 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.layer-pop .text-info-cnt .half-list li .form.email .com-select {
  width: 120px;
  border-radius: 5px;
}
.layer-pop .text-info-cnt .half-list li .form .com-select {
  border-radius: 5px;
}
.layer-pop .text-info-cnt .half-list li .form .com-select.year {
  width: 130px;
}
.layer-pop .text-info-cnt .half-list li .form .com-select.month {
  width: 80px;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view {
  position: relative;
  min-width: 66px;
  height: 66px;
  background: #e6e6e6;
  border-radius: 5px;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view .photo {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view .photo::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5) url(../../assets/images/icon_camera.png) no-repeat center center;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view .photo img {
  display: block;
  height: 100%;
}

.layer-pop .text-info-cnt .half-list li .form .select-cnt {
  display: flex;
  margin-right: 10px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt .com-select {
  width: 85px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.one-type .com-select {
  border-radius: 5px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type.dash {
  display: flex;
  align-items: center;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type.dash .com-select {
  width: 70px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type.dash .com-select:first-child {
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type.dash .com-select:last-child {
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type.dash .ic {
  padding: 0 10px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type .com-select:first-child {
  border-radius: 5px 0 0 5px;
}
.layer-pop .text-info-cnt .half-list li .form .select-cnt.two-type .com-select:last-child {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.layer-pop .text-info-cnt .half-list li .form .radio-select {
  display: flex;
  align-content: center;
}
.layer-pop .text-info-cnt .half-list li .form .radio-select .com-radio {
  margin-right: 10px;
}

/*nka2 달력 start*/
.input_td td:not(.check-td){
   padding-bottom: 12px;  	
}

.input_td .check-td{
	padding-bottom:5px;
}
.input_td .data-tit.check-td{
	/* padding-bottom:10px; */
}
.day-select{
	border: 1px solid var(--input-line-color);

	display: inline-flex;
	cursor: pointer;
	padding-right: 8px;
  align-items: center;	
	}


.day-select.outbound {
    border-radius: 6px;
}


/* .status-item .day-select{margin-top:10px;} */
.left-margin{
	margin-left:40px;
}

.day-select input{
	padding: 4px 15px 6px 8px !important;
	height:26px;
  border: none!important;    
	background: url(/assets/images/calendar-i.svg) no-repeat right 6px;
    max-width: calc(6em + 16px);cursor: pointer;
}
.locationWeek{display:none;}
.day-select .icon-day1{max-width: 0;background-position: center;}	
.day-select .ui-datepicker-trigger{display: none;}	
.day-select .arrow-prev, .day-select .arrow-next, .day-select_2 .arrow-prev, .day-select2 .arrow-next{
    font-family: feather;
    font-size: 15px;
    width: 22px;
    line-height:26px;
    display: flex;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.day-select .arrow-prev{margin-right:-7px;} 
.day-select .arrow-next{margin-right: -8px;} 
.day-select .arrow-prev:before{content: "\e81f";}
.day-select .arrow-next:before{content: "\e81e";}
.day-select span img{display: none;}

.day-select_2{
	border: 1px solid var(--input-line-color);
	border-radius: var(--input-radius);
	display: inline-flex;
	cursor: pointer;
	padding-right: 8px;
  align-items: center;
	}

.day-select_2 input{
	padding: 4px 15px 6px 8px !important;
	height:28px;border: none;    
	background: url(/assets/images/calendar-i.svg) no-repeat right 6px;
  max-width: calc(6em + 16px);
  cursor: pointer;
	}
  .day-select_2 input.data-view{
    background: none;
  }
.day-select_2 .icon-day1{max-width: 0;background-position: center;}	
.day-select_2 .ui-datepicker-trigger{display: none;}	

.day-select_2 .arrow-prev{margin-right:-7px;} 
.day-select_2 .arrow-next{margin-right: -8px;} 
.day-select_2 .arrow-prev:before{content: "\e81f";}
.day-select_2 .arrow-next:before{content: "\e81e";}
.day-select_2 span img{display: none;}


/*nka2 달력 end*/	

.layer-pop .text-info-cnt .half-list li .form .day-select {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
  border-right: 0;
}
.layer-pop .text-info-cnt .half-list li .form .day-select.two-type .day {
  display: flex;
  width: 170px;
  padding-right: 15px;
}
.layer-pop .text-info-cnt .half-list li .form .day-select.two-type .day input {
  top: 2px;
  width: calc(50% - 8px);
  padding: 0;
}
.layer-pop .text-info-cnt .half-list li .form .day-select.two-type .day .ic {
  width: 16px;
  text-align: center;
}
.layer-pop .text-info-cnt .half-list li .form .day-select .left-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_left.png) no-repeat 0 0;
}
.layer-pop .text-info-cnt .half-list li .form .day-select .right-btn {
  width: 6px;
  height: 10px;
  background: url(../../assets/images/icon_calendar_right.png) no-repeat 0 0;
}
.layer-pop .text-info-cnt .half-list li .form .day-select .day {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 80px;
  margin: 0 8px;
  background: url(../../assets/images/icon_calendar.png) no-repeat right center;
}
.layer-pop .text-info-cnt .half-list li .form .day-select .day input {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 0;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.layer-pop .text-info-cnt .half-list li .form .day-select {
  flex: none;
  width: 130px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .text-info-cnt .half-list li .form .select-day-btn {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.layer-pop .text-info-cnt .half-list li .form .select-day-btn button {
  height: 26px;
  padding: 0 8px;
  background: #dedede;
  font-size: 12px;
  line-height: 26px;
  color: #444;
}
.layer-pop .text-info-cnt .half-list li .form .select-day-btn button + button {
  border-left: 1px solid #fff;
}
.layer-pop .text-info-cnt .half-list li .form .select-day-btn button:first-child {
  border-radius: 13px 0 0 13px;
}
.layer-pop .text-info-cnt .half-list li .form .select-day-btn button:last-child {
  border-radius: 0 13px 13px 0;
}
.layer-pop .text-info-cnt .half-list {
  padding-bottom: 5px;
  border-bottom: 0;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view {
  width: 90%;
  height: auto;
  background: transparent;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view .photo {
  width: 100%;
  height: 110px;
  border-radius: 10px;
  background: #e6e6e6 url(../../assets/images/icon_upload_photo.png) no-repeat center center;
}
.layer-pop .text-info-cnt .half-list li .form .photo-view .photo::after {
  display: none;
}
.layer-pop .text-info-cnt > .full-textarea {
  width: 100%;
  height: 80px;
  font-size: 14px;
  line-height: 22px;
  color: #999;
}
.layer-pop .top-info-content, #popup_marker_m .top-info-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 39px;
  padding: 0 18px;
  background: var(--main-color);
}
.layer-pop .top-info-content .title, #popup_marker .top-info-content .title{
  font-size: 15px;
  color: #fff;
}
.layer-pop .top-info-content .close-btn, #popup_marker .top-info-content .close-btn{
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_layerpop_close.png) no-repeat center center;
}
.layer-pop .pop-content, #popup_marker .pop-content{
  overflow-y: auto;
  max-height: 80vh;
  padding: 15px 20px 20px;
  background: #fff;
}
.layer-pop .pop-content.no-padding {
  padding: 0;
}
.layer-pop .pop-content.no-padding .bottom-btn-area {
  padding-bottom: 20px;
}
.layer-pop .pop-content.no-padding .photo img {
  display: block;
  width: 100%;
}
.layer-pop .pop-content .info-list-box .top-tite-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layer-pop .pop-content .info-list-box .top-tite-area .tit {
  font-size: 16px;
  color: #333;
}
.layer-pop .pop-content .info-list-box .top-tite-area .tit small {
  font-size: 14px;
}
.layer-pop .pop-content .info-list-box .top-tite-area .time {
  padding-left: 20px;
  background: url(../../assets/images/icon_table_btn_7.png) no-repeat 0 center;
  font-size: 14px;
  line-height: 19px;
  color: #666;
}
.layer-pop .pop-content .info-list-box .list-area {
  margin-top: 10px;
  border-top: 1px solid #de979d;
}
.layer-pop .pop-content .info-list-box .list-area > li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.layer-pop .pop-content .info-list-box .list-area > li + li {
  margin-top: 0;
}
.layer-pop .pop-content .info-list-box .list-area > li .info-txt {
  width: 150px;
  color: #666;
}
.layer-pop .pop-content .info-list-box .list-area > li .info-txt .day {
  display: block;
  font-size: 12px;
}
.layer-pop .pop-content .info-list-box .list-area > li .info-txt .name {
  display: block;
  font-size: 14px;
}
.layer-pop .pop-content .info-list-box .list-area > li .info-txt .name small {
  font-size: 12px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt {
  flex: 1;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li {
  display: flex;
  align-items: flex-start;
  line-height: 20px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li + li {
  margin-top: 2px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .info {
  flex-shrink: 0;
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #b85c65;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .txt {
  font-size: 14px;
  color: #666;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .txt.facebook {
  display: block;
  padding-left: 15px;
  background: url(../../assets/images/icon_facebook.png) no-repeat 0 center;
  line-height: 20px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .txt.blog {
  display: block;
  padding-left: 15px;
  background: url(../../assets/images/icon_blog.png) no-repeat 0 center;
  line-height: 20px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .txt.twitter {
  display: block;
  padding-left: 15px;
  background: url(../../assets/images/icon_twitter.png) no-repeat 0 center;
  line-height: 20px;
}
.layer-pop .pop-content .info-list-box .list-area > li .detail-txt .list > li .txt.photo {
  display: block;
  height: 20px;
  padding-left: 15px;
  background: url(../../assets/images/icon_blog_photo.png) no-repeat 0 center;
  line-height: 20px;
}
.search-info-box {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--gray-light);
}
#popup_marker .search-info-box{
  border-bottom:none;  margin-bottom: 0px;
}
#popup_marker 

.layer-pop .pop-content .search-info-box li {
  display: flex;
  align-items: center;
}
.layer-pop .pop-content .search-info-box li + li {
  margin-top: 15px;
}
.layer-pop .pop-content .search-info-box li > .tit {
  width: 120px;
  font-size: 13px;
  color: #b85c65;
}
.layer-pop .pop-content .search-info-box li .form {
  display: flex;
  width: calc(100% - 120px);
}
.arrow-txt {
  color: var(--sub-green-1);cursor: pointer;
}
.arrow-txt:after{
	content: "\e81e";
    font-family: feather;
    padding-left: 1px;}
.layer-pop .pop-content .search-info-box li .form .arrow-txt + .arrow-txt {
  margin-left: 5px;
}
.layer-pop .pop-content .search-info-box li .form .arrow-txt + .arrow-txt::before {
  content: ",";
  margin-right: 5px;
}
.layer-pop .pop-content .search-info-box li .form .address-input .search-btn,  .search-btn-in{
min-width:30px;height: 28px;
  background: url(/mobile/images/search-icon.svg) no-repeat center;
}
.layer-pop .pop-content .info-list-box li {
  display: flex;
  align-items: flex-start;
}
.layer-pop .pop-content .info-list-box li + li {
  margin-top: 12px;
}
.layer-pop .pop-content .info-list-box li > .tit {
  flex-shrink: 0;
  width: 55px;
  padding-top: 5px;
  font-size: 13px;
  line-height: 17px;
  color: #b85c65;
}
.layer-pop .pop-content .info-list-box li .detail-info {
  flex: 1;
}
.layer-pop .pop-content .info-list-box li .detail-info .txt {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.layer-pop .pop-content .info-list-box li .detail-info .input-calendar {
  position: relative;
  width: 205px;
  height: 28px;
  padding: 0 25px 0 8px;
  border-radius: 3px;
  border: 1px solid #bec2cc;
}
.layer-pop .pop-content .info-list-box li .detail-info .input-calendar::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 5px;
  width: 14px;
  height: 15px;
  background: url(../../assets/images/icon_layerpop_calendar.png) no-repeat 0 0;
}
.bottom-btn-area {
  display: flex;
  justify-content: center;gap:8px;
  position: sticky;bottom: 0; z-index: 5;
  border-top: 20px #fff solid;background: #fff;  
}
.bottom-btn-area button, .btn-m{
  width: 70px;
  height: 30px;
  border-radius: var(--input-radius);
  color: #fff;
}
.confirm-btn{background-color: var(--main-color);}
.cancel-btn{background-color: var(--btn-bg-gray);}
.layer-pop .pop-content .bottom-btn-area button.confirm-btn {
  background: var(--main-color);
}
.layer-pop .pop-content .photo-upload-area {
  padding: 20px 20px 15px;
  background: #f5f5f5;
}
.layer-pop .pop-content .photo-upload-area .input-box {
  display: flex;
  height: 30px;
  border-radius: 5px;
}
.layer-pop .pop-content .photo-upload-area .input-box > input {
  width: calc(100% - 30px);
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .pop-content .photo-upload-area .input-box .btn {
  position: relative;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: #c9b3b5 url(../../assets/images/icon_layerpop_upload.png) no-repeat center center;
}
.layer-pop .pop-content .photo-upload-area .input-box .btn input {
  position: absolute;
  left: -999999px;
}
.layer-pop .pop-content .photo-upload-area .input-box .btn label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.layer-pop .pop-content .photo-upload-area .list-box {
  margin-top: 15px;
}
.layer-pop .pop-content .photo-upload-area .list-box li {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.layer-pop .pop-content .photo-crop-area {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 5px;
}
.layer-pop .pop-content .photo-crop-area .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.layer-pop .pop-content .photo-crop-area .ic {
  width: 21px;
  background: url(../../assets/images/icon_layerpop_crop_arrow.png) no-repeat center center;
}
.layer-pop .pop-content .photo-crop-area .real-box {
  width: 230px;
}
.layer-pop .pop-content .photo-crop-area .after-box {
  width: 160px;
}
.layer-pop .pop-content .top-location-box {
  display: flex;
  justify-content: space-between;
}
.layer-pop .pop-content .top-location-box .location-info {
  display: flex;
}
.layer-pop .pop-content .top-location-box .location-info .txt {
  padding-right: 10px;
  background: url(../../assets/images/icon_time_right.png) no-repeat right center;
  font-size: 13px;
  color: #333;
  line-height: 24px;
}
.layer-pop .pop-content .top-location-box .location-info .txt + .txt {
  margin-left: 6px;
}
.layer-pop .pop-content .top-location-box .total {
  font-size: 13px;
  color: #333;
  line-height: 24px;
}
.layer-pop .pop-content .top-location-box .total .num {
  color: #666;
}
.layer-pop .pop-content .status-list-box {
  overflow-y: auto;
  width: 100%;
  max-height: 630px;
  margin-top: 15px;
}
.layer-pop .pop-content .status-list-box .top-cnt {
  display: flex;
  border: 1px solid #ecbfc2;
  background: f8dee0;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit {
  width: 70px;
  background: #f8dee0;
  font-size: 14px;
  color: #333;
  line-height: 34px;
  text-align: center;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit + .tit {
  border-left: 1px solid #ecbfc2;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit:nth-child(1) {
  width: 70px;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit:nth-child(2) {
  width: 75px;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit:nth-child(3) {
  width: 45px;
}
.layer-pop .pop-content .status-list-box .top-cnt .tit:nth-child(4) {
  width: 45px;
}
.layer-pop .pop-content .status-list-box .list-cnt li {
  display: flex;
  border: 1px solid #dbdbdb;
  border-top: 0;
  text-align: center;
  line-height: 34px;
}
.layer-pop .pop-content .status-list-box .list-cnt li .num {
  width: 70px;
  font-size: 14px;
  color: #666;
}
.layer-pop .pop-content .status-list-box .list-cnt li .info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  border-left: 1px solid #dbdbdb;
}
.layer-pop .pop-content .status-list-box .list-cnt li .info .round {
  height: 22px;
  padding: 0 8px;
  border-radius: 11px;
  border: 1px solid #a2daca;
  background: #ddf1eb;
  font-size: 12px;
  line-height: 20px;
  color: #43b291;
}
.layer-pop .pop-content .status-list-box .list-cnt li .info .red {
  font-size: 14px;
  color: var(--main-color);
}
.layer-pop .pop-content .status-list-box .list-cnt li .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  border-left: 1px solid #dbdbdb;
}
.layer-pop .pop-content .status-list-box .list-cnt li .btn .reset-btn {
  width: 13px;
  height: 11px;
  background: url(../../assets/images/icon_layerpop_return.png) no-repeat 0 0;
}
.layer-pop .pop-content .status-list-box .list-cnt li .btn .plus-btn {
  width: 12px;
  height: 12px;
  background: url(../../assets/images/icon_layerpop_plus.png) no-repeat 0 0;
}
.layer-pop .pop-content .table-search-box {
  display: flex;
  margin-bottom: 15px;
}
.layer-pop .pop-content .table-search-box .name-input {
  width: 70px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #bec2cc;
}
.layer-pop .pop-content .table-search-box .num-input {
  width: 120px;
  height: 30px;
  padding-left: 5px;
  border-top: 1px solid #bec2cc;
  border-bottom: 1px solid #bec2cc;
}
.layer-pop .pop-content .table-search-box .search-btn {
  width: 34px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: var(--main-color) url(../../assets/images/icon_search.png) no-repeat center center;
}
.layer-pop .pop-content .table-input-box .top-table-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.layer-pop .pop-content .table-input-box .scroll-wrap {
  overflow: auto;
  width: 100%;
  max-height: 630px;
}

.layer-pop .pop-content .table-input-box td .send-btn {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_table_btn_6.png) no-repeat center center;
}
.layer-pop .pop-content .table-input-box td .send-btn.on {
  background: url(../../assets/images/icon_table_btn_5.png) no-repeat center center;
}
.layer-pop .pop-content .table-input-box td .plus-btn {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url(../../assets/images/icon_layerpop_plus.png) no-repeat center center;
}
.check-btn-i:before {
   content: "\ed31";
}
.layer-pop .pop-content .table-input-box td .full-input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 10px;
  border: 1px solid #3a8a5a;
}
.layer-pop .com-paging {
  margin-top: 20px;
}

/* #date_box_info,.btn_date_box{line-height:30px;} */
#date_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 150px; height:30px; border: 1px solid #bec2cc; border-radius: 5px; padding: 0 10px;}
.btn_date_box{width:15px; height:15px;}
#prev_date_box, #prev_schedule-month{background: no-repeat center/80% url(../../assets/images/icon_layerpop_banner_left.png);}
#next_date_box, #next_schedule-month{background: no-repeat center/80% url(../../assets/images/icon_layerpop_banner_right.png);}
#date_box_calendar{background: no-repeat center/80% url(../../assets/images/icon_calendar.png);}


/*스케줄*/
.schedule-area{
  position: relative;
  height: calc(100vh - 113px);
  min-height: 789px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
  background: #fff;
}
.schedule_top_lt{display:flex; align-items: center;}
.schedule_top_lt>span{font-size:14px;}
.schedule_top_lt .list{
  text-align:center;
  margin-left: 6px; height:24px; line-height: 24px;
  border-radius: 8px; color:#fff; padding: 0px 4px;
}
.schedule_top_lt .list.aqua{border-radius:100%;}
.green{background-color:#43b291}
.gray{background-color:#857e7e}
.yellow{background-color:#ffd650}
.aqua{background-color:rgb(161, 205, 205); width:24px;}
.sel_schedule{margin-right: 6px; padding:0 4px;width:60px; height:30px; line-height:14px; border: 1px solid #ccc; border-radius: 3px; background: url(../../assets/images/icon_select.png) no-repeat right 8px center; font-size: 14px; color: #666;}
.schedule-month{display:flex; align-items: center}
.add-input.ver1 .schedule-month .btn_date_box{width:15px; height:15px;}
#schedule-month-info{margin:0 10px; font-size: 20px; }
#table_plan{width:100%;}
#table_plan thead{border-bottom: 1px solid #de979d;}
.table_plan_th{
  position:sticky;
  background: #f8dee0;
  text-align: center;
  font-size: 15px;
  color: #333;
  height: 38px;
  top:0; z-index: 20;
}
#table_plan tbody{height: 600px;}
.schedule-area .table-input-box{overflow:auto; max-height: 699px;}
.table_plan_th:nth-child(7){color:#f00;}
.table_plan_th:nth-child(6){color:#00f;}
.table_plan_th+.table_plan_th, .table_plan_td+.table_plan_td{border-left:1px solid #de979d;}
.table_plan_td{height:140px; padding: 10px 10px 0px; border-top:1px solid #de979d; position:relative;}
.week1 .table_plan_td{border-bottom:none;}
.table_plan_td .date_num{position:absolute; top:5px; left:5px; display:inline-block; width: 40px; height: 40px; line-height: 40px; text-align:center; border-radius:100%; 
  /* background: #f8dee0; */
}
.table_plan_td .date_val{position:absolute; top:10px; right:10px; font-size: 5px; color: #000;}
.sel_nation_box{display:flex; 
  align-items: center;

}
#nation_now{
  position: relative;
  border: 1px solid #000;
  width: 40px;
  height: 30px;
  overflow: hidden;
  margin-right: 10px;
}
#nation_now img{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.sel_nation_box .nation{
  width: 100px;
  border-bottom: none;
  background: url(../../assets/images/icon_select.png) no-repeat right 8px center;
  font-size: 14px;
  color: #666; 
}
/* Style the tab */
/*.tab {}*/

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
  color:#333;
}

/* Style the tab content */
.tabcontent {
  display: none;height: 100%;
}
.another-tab{
  padding: 6px 8px;
  border:1px solid var(--input-line-color);
  border-radius: 0px 0px 4px 4px;  height: 100px;overflow: hidden;
}
/*add in 230817 */
#callDivdate, #callDivdate2{height: 28px; display:inline-block;}
.form_A, .form_B{width:calc(50% - 70px);}
.form_B{flex:1;}
/*아이콘*/
[class^="bx-"]:after{font-family: 'boxicons';}
.bx-plus-r:after{content: "\ebc0";font-size: 15px;} 
/*버튼*/
.add-btn-i{background:url(/mobile/images/add-i.svg) no-repeat center;
    min-width: 20px;height:20px}
.btn-sr{
	border-radius: 10rem;
    background-color: var(--gray-light);
    font-size: 12px;
    padding: 3px 8px;
    white-space: nowrap;display: inline-block;line-height: 1.4;
} 
.btn-plus{
	background: url(/mobile/images/plus-icon.svg)no-repeat calc(100% - 7px) center var(--gray-light-2);
	padding-right: 18px;}
.bt_btn{
	display: flex;
    padding:var(--wap-pd);
    gap: 6px;
    position:fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    max-width:var(--max-w);    
}
.btn_txt{border-radius: var(--input-radius);color: #fff; height:var(--input-height);
background-color: var(--main-color);padding: 0 10px;white-space: nowrap;}
.pd-side .bt_btn{padding-left:0; padding-right:0; width:calc(100% - 28px)}
.link-txt{    
	font-weight: 500;
  /* margin-bottom: 4px; */
  display: inline-block; margin-right:3px}
#leaderName, #leaderName2, #leaderName3{width:70px;}
.link-txt:after{content: "\e81e";font-family: feather;font-size:0.929rem}	
/* #leaderName{width:50px;} */
.rank:after{content: ")"} .rank:before{content: "("}
.ul_leadName li{display: flex; align-items: center;  justify-content: space-between;}
/* .ul_leadName .link-txt {width: 70px;} */
.tablink{
	font-size: 0.857rem;
	border-radius: 4px 4px 0px 0px;
	padding: 3px 8px 4px;
	background: var(--gray-light-2);
	} 
.btn-add:before, .btn_del:before{font-family: 'boxicons';color:var(--main-color);font-size: 21px;}
.btn-add:before{content: "\ebc0";}
.btn_del:before{content: "\eb8b";}


/*라운드 버튼*/
 .btn_ra{border-radius: 3rem; display: flex;height: 28px; line-height:28px; font-size: 13px;white-space: nowrap; color:#fff;padding: 0px 10px;}

/*스위치 버튼*/
.btn-switch{
    display: flex;
    gap: 1px;
}
.btn-switch input[type="radio"]{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn-switch label{position: relative;background-color: var(--gray-light-2); width:28px; height: 28px;display: flex;align-items: 
center;padding: 9px; justify-content: center; }
.btn-switch input[type="radio"]:first-child + label{
    border-radius: 4px 0 0 4px;	
}
.btn-switch label:last-child{
    border-radius: 0 4px 4px 0;	
}
.btn-switch input[type="radio"]:checked+label{    
	background-color: var(--main-color);
    color: #fff;
}  
.ck-tiny label{    
	font-size: 12px;height:19px;
    width: 19px; padding:0}
  .switch-ck input,.switch-sm input { 
    opacity: 0;height:0; width:0;
  } 
 .switch-ck .slider {
    cursor: pointer;
    background-color: var(--gray-light-2);
    border-radius: 3rem;
    position: relative;
    display: flex;
    height: 28px;
    align-items: center;
    font-size: 13px;
    white-space: nowrap;
    letter-spacing: -1px;
    margin:0 4px;
  }
  .switch-ck .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 6px;
    background-color: #fff;
    border-radius: 50%;
    transition: .4s;
  }
  .switch-ck input:checked + .slider{
    background-color: var(--main-color);
  }
  
  .switch-ck input:checked + .slider:before {
    transform: translateX(48px);
  }
  .switch-ck .slider:after {content: '수신거부';padding: 3px 8px 3px 24px;}
  .switch-ck input:checked + .slider:after {content: '수신동의';color: #fff;padding: 3px 24px 3px 8px;} 
  .btn-day{
    display: flex;
    gap: 1px;
    font-size:12px;
}
.btn-day input[type="radio"]{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn-day label{position: relative;
background-color: var(--gray-light-2);display: flex;align-items: center;padding: 3px 6px 4px 6px;white-space: nowrap;}
.btn-day input[type="radio"]:first-child + label{
    border-radius: 50px 0 0 50px;
    padding-left: 9px;
}
.btn-day label:last-child{
    border-radius: 0 50px 50px 0;
    padding-right: 9px;
}
.btn-day input[type="radio"]:checked+label{    
	background-color: var(--main-color);
    color: #fff;
}
.switch-sm{display: flex;align-items: center;font-size:13px}
.switch-sm .slider {
    cursor: pointer;
    background-color: var(--gray-light);
    border-radius: 3em;
    position: relative;
    display: flex;
    height: 13px;
    align-items: center;
    width: 20px;
    margin-right: 3px;
}
.switch-sm .slider:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 9px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: .4s;
}
.switch-sm input:checked+.slider {
    background-color: var(--main-color);
}

.switch-sm input:checked+.slider:before {
    transform: translateX(7px);
}

/*nka3 s*/
.navi-main { 
  background-color: white;
  width:100%;
} 


.navi-sub {
display:flex;
}


/*.left-content {
display:flex;
justify-content: center;
align-items: center;
width:100%;
}*/

.data-titles {
display: flex;
padding: 0rem 0.75rem 0.75rem 0rem;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
width:5rem;
font-size:13px;
}

.data-tit {
  padding: 0 12px 7px 0;
  color: var(--data_tit-color);
  font-size:13px;
  white-space: nowrap;
  width:40px;
  text-align:right;
  position:relative;
}

.data-tit.left {text-align:left;}
.data-tit .tit_fi{position:absolute; top:3px;}
  
/*nka3 e*/

.data-content {
display: flex;
padding: 0rem 0.75rem 0.75rem 0rem;
flex-direction: column;
align-items: flex-start;
gap:0.75rem;
}

.data-content-so {
display: flex;
align-items: flex-start;
gap:0.75rem;
}

.checkload {
display: flex;
align-items: center;
gap: 0.25rem;
}

.so1 {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}

.so1-label {
display: flex;
align-items: center;
gap: 0.25rem;
}

.data-content-so2 {
display: flex;
padding-bottom: 0px;
align-items: flex-start;
gap: 0.5rem;
}

.so2 {
display: flex;
height: 1.875rem;
padding: 0.1875rem 0.625rem 0.375rem 0.625rem;
justify-content: center;
align-items: center;
border-radius: 25.625rem;
border:1px solid #666;
}

.so2-text {
text-align: center;
font-family: Noto Sans CJK KR;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.3125rem;
}

.data-content-so3 {
display: flex;
align-items: flex-start;
gap: 1.875rem;
align-self: stretch;
}

.so3-lefty {
display: flex;
padding-bottom: 0px;
align-items: center;
gap: 0.25rem;
flex: 1 0 0;
}

.so3-lefty-st {
display: flex;
height: 1.875rem;
padding: 0rem 0.5rem 0.0625rem 0.5625rem;
align-items: center;
gap: 0.3125rem;
z-index:999;
}

.so3-lefty-mid {
display: flex;
width: 0.5rem;
height: 1.0625rem;
flex-direction: column;
justify-content: center;
align-items: center;
}

.so3-righty {
display: flex;
align-items: flex-start;
flex: 1 0 0;
}

.data-tit2 {
display: flex;
padding: 0rem 0.75rem 0.75rem 0rem;
flex-direction: row;
align-items: flex-start;
gap: 0.75rem;
color:#b85c65;
}

.so3-righty-contents {
display: flex;
align-items: center;
gap: 0.25rem;
flex: 1 0 0;
}

.so3-righty-contents-cont {
display: flex;
padding-bottom: 0px;
flex-direction: column;
align-items: flex-start;
gap: 0.3125rem;
flex: 1 0 0;
font-family: Noto Sans CJK KR;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 1.3125rem */
}

.so3-righty-contents-cont-w {
display: flex;
width: 0.5rem;
height: 1.0625rem;
flex-direction: column;
justify-content: center;
align-items: center;
}

.data-content-so4 {
display: flex;
align-items: flex-start;
gap: 0.75rem;
align-self: stretch;
}

.so4 {
display: flex;
padding-bottom: 0px;
flex-direction: column;
align-items: flex-start;
gap: 0.625rem;
flex: 1 0 0;
} 

/*nka5 s*/
.deviding-content {
border: none;
border-left: 1px solid var(--gray-light);
margin: 0 20px;
}

.right-content {
display:flex;
justify-content: left; 
}

/*.right-content-cont {
display: flex;
align-items: flex-start; 
align-self: stretch; 
}*/

.rc {
display: flex;
padding: 0.125rem 0rem;
flex-direction: row;
align-items: flex-start;
/* flex: 1 0 0; */
width: 70%;
height:200px;
border:1px solid var(--gray-light);
white-space: nowrap;
max-width: 40%;
}

.bt-space {
	width: 100%;
    display: flex;
    justify-content: right;
    border-top:1px solid #DBDBDB;
}
/*nka5 e*/

.detail-search {
display:flex;
width:4rem;
height:1.5rem;
justify-content:right;
align-items:center;
gap:0.625rem;
}

.end-bt {
display:flex;
width:100%;
}

.search-bt {
	display:flex;
	justify-content:left;
}

.search-bt2 {
	width:200px;
	display:flex;
	justify-content:left;
}

.serach-num {
	display:flex;
	justify-content:right;
}

.deth1 {
    height: 100px; 
    overflow: auto; 
    width: 200px; 
    border: 1px solid #000;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	overflow-x: hidden;
}

.deth1 > li {
	margin: 0; 
	padding: 0;
}
/* 11.13*/
/*버튼 스타일*/
.view {
  margin: auto;
  width: 100%;
}

.wrapper {
  position: relative;
  overflow-x: auto;
  max-height:100%; 
  min-width:2200;
  border: 2px solid black;
  white-space: nowrap;
}

.sticky-col {
  position: sticky;
  position: -webkit-sticky;    
  background-color: white;
}

.first-col {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 0px;    
}

.second-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 100px;    
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    border: none;
    padding: 5px 12px;
    background-color: var(--main-color);
    color: #fff;
    border-radius: var(--input-radius);
    outline: none;
    font-size: 13px;height: 30px;
}
.search-line{
	border: 1px solid var(--gray-light);
	padding: 10px 0;
	width: 100%;
	border-width: 1px 0;
	margin-top: 12px;
	}
	
.btn2 {
  background: url(/assets/images/btn-sh-red.png) no-repeat 0px;
  width: 80px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.8;
  position: relative;
  top: -10px;
  margin:auto;
}

.toi {
  color: white;
  cursor: pointer;
  font-size: 12px;
}
.toi:after{
    content: '\e825';
    font-family: feather;
    font-size: 14px;
    margin-left: 2px;
}
.slide_off:after{content: '\e81d'}
.slide_btn, .slide_btn2{line-height: 1;cursor: pointer;
    background-color: var(--gray-light-2);height: 27px;
    padding: 0 8px;display: inline-flex;align-items: center;
    font-size: 13px;
    border-radius: 2em;
    width: 27px;
    justify-content: center;color:var(--main-color);}
.slide_btn:after, .slide_btn2:after{font-size:24px;font-family: boxicons!important;content: "\ea57";}
.slide_off.slide_btn:after, .slide_off.slide_btn2:after{content:"\ea4a"}
.btn:active {
  transform: scale(0.98);
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}
.num-s {
  font-size:12px;
  color:#999;
}
.search-num{font-size:13px}
.search-num span{font-size:14px;padding-right:3px;}
.btn-round-i{   
    background: var(--btn-bg-gray);
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;cursor: pointer;
}
#rs-kakao-send {min-width: 28px; height: 28px;}


/*색상*/
.green-bg{background: var(--sub-green);}
.red-bg{background: var(--main-color);}
.blue-bg{background: #0606e7;}
.col_1{color:var(--main1-color)}
.col_2{color:var(--sub-orange)} 
.col_3{color:var(--sub-yellow);} 
.col_4{color:var(--sub-green);}
.col_5{color:var(--sub-bule)}

/*탭 글쓰기*/    
.top-tab,.tab{display: flex; gap: 1px;}
.top-tab button, .top-tab select{font-size:12px;border-radius: 4px 4px 0px 0px;display: flex;
padding: 3px 8px 3px 7px;justify-content: center;align-items: center;gap: 1px;height: 24px;}
/* .top-tab button:before{content: "\eb68";;font-family: 'boxicons';position: relative;top: 2px} */
.top-tab .tab5{content: "\eb68";;font-family: 'boxicons';position: relative;top: 2px}
.tab1{color:var(--basics-color);background-color:var(--gray-light-2)}
.tab2{color:var(--sub-bule);background-color:var(--light-blue)}
.tab3{color:var(--sub-green);background-color:var(--light-green)}
.tab4{color:var(--sub-purple);background-color:var(--light-purple)}
.tab5{color:var(--main-color);background-color:var(--light-pink)}
.top-tab select{    
	border-bottom: none;
    padding-right: 20px;
    padding-top: 1px;
    background-size: 8px;
    background-position: calc(100% - 7px) center;}
.video-i:before{content: "\ebbe"!important;margin: rotate(-40deg);margin: -2px 0px 0px -1px;}
.clip-i:before{content: "\ebaa"!important;transform: rotate(-40deg);margin: -2px 0px 0px -1px;}
.mic-i:before{content: "\ebbe"!important;margin: -2px 1px 0px -1px;}
.callText{border:none;padding:0;height: 100%;}

.call2Text{border:none;padding:0;height: 100%;}
.ht-min-write{min-height: 40vh;}
.etc-write{min-height: 80px; padding: 0; margin-top: 5px; border:none;}
.etc-write.mb-gap1{margin-bottom:20px; padding: 0.5rem; border:1px solid var(--input-line-color);}
.guide-write{min-height: 450px; height:100%;
  padding: 0;
  margin-top: 5px;
  border: none;
}
/*검색*/
.btn_search{
background:var(--main-color) url(/mobile/images/search-white-icon.svg) no-repeat center;
min-width: 30px;}
.address-input, .hp-input, .address-input, .address-input2, .date-input{ position: relative;}
.address-input2 {display:flex;}
.address-input{gap:5px; width: 100%;}
.address-input.flex{display: flex;}
.hp-input{overflow:hidden; max-width:186px; display:flex;}
.address-input #coZipCode{padding-right: 30px !important;  }
.address-input2 #coAddr2{width:400px;}
.address-input2{gap:10px;}

.address-input-txt{display: flex;border: 1px solid var(--input-line-color);border-radius: var(--input-radius);}
.address-input-txt input{border:none;height: 28px;}
.search-btn-txt,.address-input .txt{white-space: nowrap;font-size: 12px;color: var(--main-color);display: flex;align-items: center;}
.search-btn-txt:after{
	content: "\ebf7";
    font-family: 'boxicons';
    font-size: 18px;
    line-height: 1;
    margin: 0 5px;}
.search-btn-in{
  min-width: 30px;height: 28px;
  background: url(/mobile/images/map-input-icon.svg) no-repeat center;
  position: absolute; right: 0;}
.coAddr1_box{width:400px; display:flex; position:relative;}
#coAddr1 {padding: 0;}
/*정렬 레이아웃*/
.row-both{   
    display: flex;
    align-items: center;
    justify-content: space-between;}
.td_li .row-both {margin-top:7px;}  
.center{text-align: center !important;}
#sohoTeng .tel{line-height:15px;}
.test2{border-bottom:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
.side_hide{margin-right: calc(-33% - 20px);display: none;}
.row-both1{
    display: flex; gap: 12px;width: 100%;
    align-items: center;white-space: nowrap;letter-spacing: -0.4px;
    justify-content: center;}
.row-both1.bottom{justify-content: flex-start; margin-bottom:-12px;}
.row-both2 {margin-bottom: -12px;}
/* .top_menu{width:100%; letter-spacing: -0.4px; position:relative;}
.top_menu .map-count-area{float:right;}
.top_menu .top-info-item{position:absolute; left:50%; transform:translateX(-50%);} */
#more_w{position: relative; max-width: 33%;}
#more_g_btn {
    content: '';
    position: absolute;
    border-left: 15px solid #040469;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: calc(50% - 5px);
    right: -15px;
    cursor: pointer;
}

#more_g_btn:after{
  content: '상세검색';
  position: absolute;
  top: 18px;
  left: -17px;
  display: inline-block;
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 20px;
  white-space: nowrap;
  transform: translateX(0); 
  color:#040469;
}
#more_g_btn.side_show:after {
    content: '상세검색축소';
}
#more_w .tabcont{
  margin-bottom:15px;
  min-height:42%;
  /* height:40%; */
  width:100%; 
  /* border-bottom:1px solid #dbdbdb; */
  position:relative;
}
#more_w .tabcont.company{
  height:50%;
}



/*카운트 표시*/
.count_nb{white-space: nowrap;}
.opt_address_h .count_nb{display:inline-block; width:75px; text-align:right;}


.count_nb span:before, .count_num:before{content:':';margin: 0 2px;}
.count_ra{background: var(--main-color);color: #fff;border-radius: 1em;
    padding: 0px 4px;
    font-size: 11px;
    display: inline-flex;
    min-width: 17px;
    align-items: center;
    justify-content: center;
    height: 17px;margin-left: 4px;}
/*팝업*/
.popwin_wrap,.close_bg{position: fixed;background: rgba(0, 0, 0, 0.3);z-index:21;top: 0;bottom: 0;left: 0;right: 0;padding: 12px;
    display: flex;align-items: flex-start;}
.popwin_size,.poto_popup{margin: 0 auto;position: relative;box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0,.5);opacity: 0;background:#fff;border-radius: 10px;overflow: hidden;}
.popwin_size {max-width: 500px;}
.wsize-m {max-width:380px} .wsize-m .popup_body{padding: 60px 20px;text-align: center;font-size: 22px;display: flex;flex-direction: column;gap: 0vw;align-items: center;justify-content:flex-start}
.wsize-s {max-width: 280px}
.poto_popup{max-width: 640px;}
.scroll_wrap {overflow-y: auto;max-height: 90svh;}
.popup_body{padding: 0 16px;border: 14px solid #fff;border-width: 16px 0;background: #fff;}
.popup_head {background:#9b9898; height: 36px;display: flex;align-items: center;justify-content: space-between;width: 100%;color: #fff;}
.popup_head .pop_tit{font-size: 14px;font-weight:500;padding-left: 16px;}
#plus_coName, #plus_coName2{font-size:12px;}
#plus_coName{margin-right:2px;}
.la-close{background: url(/assets/images/menu-c.svg) center no-repeat; cursor: pointer; width:23px; height:23px; background-size: 14px;}
.popup_head .tit_top{display: flex;white-space: nowrap;align-items: flex-end;gap: 4px;}
.popup_head .tit_top input{    
    color: #fff;
    border: none;
    height: auto;
    padding: 0;
    font-weight: 300;
    margin-left: 8px;
    background:transparent url(/mobile/images/dot-line-white.svg) no-repeat left center;padding-left: 12px;}
@media screen and (max-width:1440px){
.view-content .map-info-area .visit-box>div+div{margin-left: 14px;}
.view-content{padding: 0 14px;}table td,table th{font-size:13px}

}
@media screen and (max-width:1310px){	
td +.th-12, .th-12 + td + td:not(.th-12){padding-left: 12px;}	
.th-12, .th-opt{font-size:12px}.top-tab button:before{display:none;}
td +.th-12, .th-12 + td + td:not{padding-left: 10px;} .th-12{padding-right: 8px;letter-spacing: -1px;}

.map-info-area .top-info-item, .map-count-area{gap: 8px;}
.advice-area,.visit-box>div{padding-left:16px !important;padding-right:16px !important;}
.advice-area .gap-side{gap:3px}
select{letter-spacing: -0.8px;padding-right: 21px;}
}

/*재경 추가*/
.nation_table{display:flex;}
#nation_select{padding:3px 8px; width: 140px; display:block; margin: 0 5px }
.flag_img, .flag_img2{border:1px solid black; width: auto; height:30px;}
#birth_city{border: 1px solid #c5c9d4; border-radius: 4px; padding: 3px 8px;}
.poto-tit-area2{text-align:center;}

#sharing{padding-left: 20px; background: url(/assets/images/share-2.svg) no-repeat 5px 50%; margin-right: 10px; background-size: 13px auto; cursor: pointer;}
.popup_sharing{padding:5px; gap:3px;  background:#fff; border:1px solid #ccc; border-radius:10px;z-index:100; display:none; margin-right: 10px;}
.popup_sharing.on{display:flex;}
.popup_sharing button{ width:15px; height:15px; overflow:hidden;}
#btn_kakao{background: url(/assets/images/kakao_logo.png) no-repeat 50% 50%; background-size:15px auto;}
#btn_fb{background: url(/assets/images/facebook_logo.png) no-repeat 50% 50%; background-size:15px auto;}
#btn_tg{background: url(/assets/images/telegram_logo.svg) no-repeat 50% 50%; background-size:15px auto;}
#btn_insta{background: url(/assets/images/instagram_logo.png) no-repeat 50% 50%; background-size:15px auto;}
#btn_twx{background: url(/assets/images/X_logo.svg) no-repeat 50% 50%; background-size:15px auto;}
.switch-ck{height:28px;} #callDivAgree{display:none;}
#btn_phone_G{background: url(/assets/images/btn_phone_G.png) no-repeat 50% 50%;}
#btn_up, #btn_phone_G{ width:28px; height:28px; margin-left: 6px;}
#btn_up{background: url(/assets/images/up-botton.png) no-repeat 50% 50%;}
#nation_name, .flag_box{height:28px; border:1px solid var(--input-line-color); border-radius: var(--input-radius);}
#nation_name{width:180px; display:inline-block; padding-left:6px;}
.flag_box{width:42px;  background: url(/assets/images/s_korea.png) no-repeat 50% 50%; }
/* .table_de_address{width:50%;} */
.post_code{width:11%; display:flex; align-items: center;}
#share_SNS{width:50px; height:21px; font-size:14px; color:var(--gary-color); background:none; padding:0;}
#share_SNS::before{content:url("/assets/images/Vector.png"); margin-right: 3px;}
.so1-label.yes_br{flex-direction: column;}
.data_fin{display:flex; align-items: center;}
.td_tit.data-tit{width:67px; padding: 0 12px 0 0;}
.mark_del{padding: 0 10px;}

.top_searchbox{padding: 0 10px; border:1px solid #ccc; display:flex; border-radius: 22px; height:44px; width:450px; align-items: center;}
.top_searchbox input, .top_searchbox select, .top_searchbox button{border:none;}
.top_searchbox button{width:30px; height:30px; }
.btn_searchbox + .btn_searchbox{margin-left:5px;}
#searchPotal{background: url(../../assets/images/search-alt.png) no-repeat 0 center; background-position: center center; background-size:23px auto;}
#searchAI{background: url(../../assets/images/microphone.png) no-repeat 0 center; background-position: center center; background-size: 30px auto;}
#searchImage{background: url(../../assets/images/image.png) no-repeat 0 center; background-position: center center; background-size:30px auto;}
.top_searchbox input{flex:1;}
.info_finan select{width:158px; height:30px; border-radius:4px; margin-right:23px;}
#time-cent-prev, #time-cent-next{width:10px; height:18px;}
#time-cent-prev{ background:url("/assets/images/time_prev.png") no-repeat;
  background-position: center center;}
#time-cent-next{ background:url("/assets/images/time_next.png") no-repeat;
    background-position: center center;}

#menuSubList, #menu_staff{display:flex; gap:20px;}
#menu_staff{margin-right:120px; font-size:15px;}
#callDiv3{border-radius:0 4px 4px 0; border-left:none;}
.poto-group3{display:flex; justify-content: space-between;}
.poto-tit-area select{border:none; font-size: 12px; padding-top:0px; padding-bottom:0px;}
.poto-load_b{width:333px; overflow:hidden; height: 185px;}
.poto-group3_r{display:flex; flex-direction: column; width:158px; overflow:hidden; gap:16px;}
.poto-group3_r .poto-load{height: 85px;}
#btn_change_code{height:27px; width:35px; border:1px solid #BEC2CC; color:#ccc; border-radius: var(--input-radius);}
.th-12 select{border:none;  line-height:20px; height:28px; padding-right:21px; padding-left:0px; text-align:right;}
.btn_date{position: absolute; right: 0; background:url(/assets/images/calendar-i.svg) no-repeat 50% 47%; min-width: 30px; height: 28px;}
#btn_dup{
  font-size: 12px;
  padding:0;
  width:50px; background-color:#ccc;
  height: 22px;
  border-radius: var(--input-radius);
  font-size: 13px;
  color: #fff;
}


.poto-group-vt{display:flex; flex-direction: column; justify-content: space-between; gap: 10px;}    
.poto-group-vt .poto-area{height: 115px; }
.textarea_box{position:relative; margin-bottom: 5px;
 
  padding: 2px 10px;
  border: 1px solid var(--input-line-color);
  border-radius: var(--input-radius);
  margin-bottom:10px;

}
#userCluName, #nation, #city{field-sizing: content; }
#nation{width: 120px;}
#nation li{display:flex;}
#nation input[type="radio"]{display:none;}
#nation input[type="text"]{height:21px; border:none; padding: 0px;}
#userCluName{width:70px;}
#city{flex:1;}
.gap-side .content, .ul_leadName .input_LN{field-sizing: content; width: auto;}

.input_ln_box{display:flex;gap:3px;}

/*엑셀등록*/
.tb-lay input{height:30px;}
.daych2, .daych3, .daych5{display:none;}
#coHomepage, #coBlogCafe, #coSns{flex:1;} 

/* donghyun 250314 */
#coIndustryName {padding: 3px 8px; line-height: 20px; resize: none; box-sizing: border-box; display: flex; vertical-align: middle;
height: auto; transform: translateY(2px); min-height:30px;}
#coIndustryName2 {padding: 3px 0px; line-height: 20px; resize: none; box-sizing: border-box; display: flex; vertical-align: middle;
height: auto; transform: translateY(2px); min-height:30px; width:100%;} 



/*결제팝업*/

#pop_wait, #pop_fin, #pop_fin2{display:none; position:absolute; top:0; left:0; width:100vw; height: 100vh; z-index: 300; background:#030303d4;} 
#pop_wait.on, #pop_fin.on, #pop_fin2.on{display:block;}

.pop_appr_box{overflow:hidden; border-radius:8px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;width: 25%;}
.pop_appr_box .status-item{ max-height: 680px;}
.pop_appr_box .top-cnt{display: flex; border: 1px solid #ecbfc2;}
.pop_appr_box .top-cnt .tit{
  width: 70px;
  background: #f8dee0;
  font-size: 14px;
  color: #333;
  line-height: 39px;
  text-align: center;}
.pop_appr_box .top-cnt .tit +.tit{border-left: 1px solid #ecbfc2;}
/* .pop_appr_box .top-cnt .tit:last-child{} */
.pop_appr_box .top-cnt .full {width: calc(100% - 210px);}
.pop_appr_box .top-cnt .tit.tit_chk{width:30px;}
.pop_appr_box .top-cnt .tit.tit_club{flex:1; min-width:200px;}
.pop_appr_box .list-cnt{overflow-y: auto;  border-bottom: 1px solid #ecbfc2;}
#pay_success, #pay_wait{max-height:600px;}
.pop_appr_box .list-cnt li{
  display: flex;
  border: 1px solid #dbdbdb;
  border-top: 0;
  height: 30px;
  font-size:13px;
  align-items: center;
}
.pop_appr_box .list-cnt li .chk{
  width: 30px; line-height: 16px;
}
#pay_success .num{border-left: 1px solid #dbdbdb;}
.pop_appr_box .list-cnt li .num{width: 70px;
  /*border-right: 1px solid #dbdbdb;*/
  font-size: 13px;
  color: #666;
  line-height: 30px;
  text-align: center;}
.pop_appr_box .list-cnt li .btn_icon{
 flex:1; line-height:29px;
}
.pop_appr_box .list-cnt li .btn_icon input{
  width: 100%; height:28px; border:none;
}
.pop_appr_box .list-cnt div{
  position:relative;
  line-height: 30px;
  width:70px; text-align: center;}
.pop_appr_box .list-cnt .state{ border-left: 1px solid #dbdbdb;}
.pop_appr_box .list-cnt li div+div{border-left: 1px solid #dbdbdb;}
.pop_appr_mn_l button{padding-right:15px; background:url("/assets/images/chevron-right-regular-24.png") 100% no-repeat; color:#000;}
.pop_appr_h{
  display:flex; height:37px; background: #CE3C3F; padding: 0 16px; color:#fff;
  align-items: center;
  justify-content: space-between;

}
.pop_appr_f{padding: 0 16px 16px; }
.pop_appr_c1, .pop_appr_c2, .pop_appr_c3{width:30px; height:30px; background:url("/assets/images/icon_x.png") 100% no-repeat;}

.pop_appr_b{padding:16px;}
.pop_appr_mn{display:flex; justify-content: space-between; margin-bottom:16px;}
.wait_pay{border:1px solid green; border-radius:8px; padding:0 5px; line-height:22px; color:green; background-color:#bdfad5}
.finish_pay{color:#f00;}
.btn_undo, .btn_plus{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20px; height:20px;}
.btn_undo{background:url("/assets/images/undo-regular-24.png") 100% no-repeat;}
.btn_plus{background:url("/assets/images/plus.png") 100% no-repeat;}

/**/
.slide-info-box{width:100%; display:flex;  align-items: center;}
#prev-info-box, #next-info-box, .arrow_prev, .arrow_next, #btn_prev_mon2, #btn_next_mon2{width:25px; height: 30px;}
#prev-info-box{background:url("/assets/images/chevrons-left-solid-36.png")  50% 50%no-repeat; margin-right: 10px;}
#next-info-box{background:url("/assets/images/chevrons-right-solid-36.png")  50% 50% no-repeat;  margin-left: 10px;}
#btn_prev_mon2{background:url("/assets/images/chevrons-left-solid-36.png")  50% 50%no-repeat;}
#btn_next_mon2{background:url("/assets/images/chevrons-right-solid-36.png")  50% 50% no-repeat;}
.arrow_next, .arrow_prev, .prev_photo4, .next_photo4{  border-radius:100%; position:relative;}
.arrow_next, .arrow_prev{background-color:#040469;}
.prev_photo4, .next_photo4{background-color:#9b9898;}
.arrow_next, .arrow_prev, .prev_photo4, .next_photo4{width:30px; height:30px;}
.arrow_next.pageClass, .arrow_prev.pageClass{width:20px; height:20px;}
.arrow_next svg, .arrow_prev svg, .btnPN_photo4 svg{height: 15px; width:auto; position:absolute; top: 50%; left:50%; }
.arrow_next.pageClass svg, .arrow_prev.pageClass svg{width:12px; height:auto; position:absolute; top: 50%; left:50%; }
.arrow_next svg, .next_photo4 svg{transform: translate(-50%, -50%);}
.arrow_prev svg, .prev_photo4 svg{transform: translate(-50%, -50%) rotate(180deg);}
#num_sales, #coMoney, #num_property, #num_debt{text-align:right; width:65px; }
#cluYear{width:70px;}
#duplicate2{
  color: #fff;
  width: 68px;
  height: 28px;
  background-color: #999;
  line-height: 26px;
  border-radius:4px;
}
.mail_code{width:90px;}
.box_TA{position:relative;}
.btns_TA{display: flex;
  width: 100%;
  position: absolute;
  justify-content: space-between;
  bottom: 29px;}
.btns_TA button {
    font-size: 13px;
    color: #B85C65;
    width: 33%;
}
.callCluYear{width:80px !important;}

#btn_cancel, #btn_register{width: 34px;
  height: 28px;
  border-radius: var(--input-radius);
  color: #fff;}
#btn_cancel{background-color: var(--btn-bg-gray);}
#btn_register{background-color: var(--main-color);}
/* #cluName{display:flex;} */
#emaUserPosition, #emaUserPosition2, #emaUserPosition3{width:50px; display:inline-block;}
.open-btn2.on+.check-list{display:block;}
.bottom-paging-box{display:flex; width:100%; justify-content: space-between;}
.bottom_right{
  display: flex;
  gap: 14px;}
/* .gender_inout{display: block; margin:auto; 
height:28px; width:110px; border: 1px solid var(--input-line-color); border-radius: var(--input-radius); } */
.gender_inout{display: block; margin:auto; height:28px; width:128px; border: 1px solid var(--input-line-color); border-radius: var(--input-radius); }
/*추가*/
#userCluHomeAddress3{width:69px;}
#coTel{max-width:135px; flex:1;}
#link_HP, #link_blog, #link_insta{width:35px; height:27px; display: none; margin-left:5px; cursor: pointer; text-overflow: ellipsis; text-align:center; white-space: nowrap; overflow:hidden; background: var(--sub-green-1); border-radius: var(--input-radius);}


#userCluYear{width:80px;}

#advanceTable{position:relative; table-layout: fixed; }
#advanceTable tr{width:100%;}

.th_phone{position:relative;}

 #searchClpArea11 .pick_lb{padding: 3px 10px 4px 10px;}
 #searchClpArea11 input{margin-right:5px;}
 .table_setting{display:flex; font-size:13px; position: absolute; top:0; left:0;}
 .option_hidden{position:relative; height:30px; line-height:30px; border-top: 1px solid var(--input-line-color); border-bottom: 1px solid var(--input-line-color);}
 .opt_hidden{position:relative; height:28px;}
 .opt_hidden button{
  border: 1px solid var(--input-line-color);
  border-radius: var(--input-radius);}
 #btn_hidden, #btn_hidden2{
  text-align:left;
  width:70px; height:30px;  padding-left:8px; background: url(/mobile/images/arrow-bt.svg) no-repeat right 4px center; }
  .list_box_hidden, .li_optH, .li_optH2{
    background-color:#fff; 
    width:220px;
    display:none; 
    padding:0 10px; 
    border:1px solid #ccc;
    z-index: 100;
  }
 .list_box_hidden{
  position:absolute; 
  top:28px; left:-1px;
}
.li_optH{
  position:absolute; 
  top:28px; right:0px;
}
.li_optH2{
  position:absolute; 
  bottom:28px; right:0px;
}
.list_box_hidden.on,  .li_optH.on{
  display:block;
}
.list_box_hidden li, .li_optH li, .li_optH2 li{display:flex; align-items: center;}
.list_box_hidden input, .li_optH input, .li_optH2 input{margin-right:3px;}

/*엑셀등록 팝업*/
/* #sohoTeng .test{
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
} */

.no_data{
  height: 100px;
    text-align: center;
}
#sohoTeng .date_menu, #aptTeng .date_menu{display:flex; justify-content: space-between}
#sohoTeng .menu, #aptTeng .menu{display:flex; align-items: center; margin-bottom:5px;}
#sohoTeng .menu{justify-content: flex-end;}
#sohoTeng .name-date, #aptTeng .name-date{
    color: var(--data_tit-color);
    font-size: 13px;
    width: 40px;
    text-align: right;
    position: relative;
}
/*#sohoTeng .date, #aptTeng .date{}*/
.pageU{margin-right:5px;}
#form_top{display:flex; justify-content: space-between; align-items: flex-end;}
#form_top .tab-btn{margin-left:10px;}
#form_top .tab-btn:not(.tab_mst) button{
  height:40px; line-height: 46px;
}
#form_top .tab-btn:not(.tab_mst) button.on::before {
  height:3px;
}
#form_top .tab-btn:not(.tab_mst) button + button::after{
  top:16px;
}
#form_top .tit{width:75px; text-align:center;}
#form_top.merge_pop .tit{width:130px;}
.rank_set{display:flex; align-items: center;}
.rank_sel{height:27px;}
.add_menu{display:flex; align-items: center; justify-content: space-between;}
.add_menu2{display:flex; align-items: center; justify-content: space-between;}
.add_menu.other, .add_menu .th-12{margin-left:10px;}
#coStaffs{display:inline-block; width: 80px;}
#num_property, #userCluDept, #num_sales, #coStaffs{margin-right:5px;}

#tList1{position:sticky; width:100%; 
  /* min-width:1157px;
  min-height:200px; height:100%; */
  /* overflow: scroll; */
}
#tList1 .pageTodayClass td:first-child, #tList2 .pageTodayClass td:first-child{text-align: center;}  
.info-list-box2 #tList1{
  overflow: scroll;
  height: auto;
}
#tList1 .txt-info, #visitstatus-list .txt-info{
  /* width:100%;  */
  
  background: var(--gray-light-1);  
  position:relative;
  
}
#visitstatus-list .txt-info{
  height:100%;
}

#tList1 .check_li{display:inline-block; 
  margin-right:5px; 
  margin-left:4px;}


/*
#tList1 .txt-info span{
  text-align: center;
  position:absolute;
  top:50%; left:50%;
  transform: translate(-50%);
}

*/
#tList1 .others-info, #visitstatus-list .others-info, #visitstatus-list2 .others-info{
  display: flex; align-items:center;
} 
#visitstatus-list2 .others-info span:first-child{
  padding-right:3px;
}
#visitstatus-list .others-info span{
  padding-right:15px;
}
#visitstatus-list .others-info span+span{
  border-left: 1px solid #7a7575;
  padding:0px 15px;
}

 #visitstatus-list2 .others-info span+span{
  border-left: 1px solid #7a7575;
  padding:0px 3px;
}

#visitstatus-list .others-info span{
  white-space: nowrap; 
  max-width: 200px;
  overflow: hidden; 
  text-overflow: ellipsis; 
}
#tList1 .others-info span:first-child{
  padding-right:18px;
}
#tList1 .others-info span{
  padding-right:15px;
  display:block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tList1 .others-info span+span{
  padding-left:15px;
  border-left: 1px solid #7a7575;
}
.com-info-li{width:100%; display:flex; justify-content: space-between; padding: 3px 20px; border-bottom: 1px solid var(--gray-light);}
.com-info-l{display:flex; flex-direction: column; justify-content: center;} 
.com-info-r{display:flex; align-items: center}
.time_image{display: flex; flex-direction: column; align-items: flex-end;}
.map_image{width:75px; height:45px; line-height:45px; text-align:center; background-color:#7a7575;}
.map_image::before{
  content: "\EA24";
  font-family: 'boxicons';
  color: #fff;
  font-size: 21px;
}
.com-info-l_1{font-size:14px; font-weight:1000;}

#list_book .com-info-l_1, #list_book2 .com-info-l_1, #list_book3 .com-info-l_1 {display:flex; align-items: center}

.com-info-l_2{font-size: 11px;}
.com-info-l_2 span+span{border-left:1px solid #7a7575; padding-left:3px; }
.com-info-l_3{font-size:9px; }
.com-info-l_3 span,  .time_image .time{font-size:11px;}
.com-info-l_3 .lt{float:left;}
.com-info-l_3 .rt, .com-info-l_3 .time{float:right;}
.date_menu{display:flex; align-items: center}
.merge_pop .date_menu .date{display:flex; align-items: center;}
.merge_pop .example-wrapper{display:flex; align-items: center; justify-content: center;
  /* flex-direction: column; */
}
#searchSring{display:block; width:300px;}
.promise_opt{width: 65px; display:flex; flex-direction: column; height:45px; justify-content: space-between;margin-right:5px;}
.pr_span{display:inline-block; padding:2px 7px; text-align:center; font-size:10px; width:55px; border-radius:50px;}
.pr_span_ok{border:1px solid red;}
.pr_span_no{border:1px solid grey;}
#workUserTeamList, #company_person{border:none; line-height:41px; font-size:15px; font-weight: 500;}
/* .merge_pop .date_menu+.date_menu{margin-top:10px;} */

.virtul_map{width:100%; height:100%; }
.virtul_map .marker{width:12px; height:12px; line-height:12px; border-radius:100%; font-size: 10px; text-align:center; color:#fff;}
.virtul_map.first{position:absolute; top:0; left:0; z-index:10;}
.virtul_map.second{position:absolute; top:0; left:0; z-index:11;}
.virtul_map.third{position:absolute; top:0; left:0; z-index:12;}
.virtul_map.fourth{position:absolute; top:0; left:0; z-index:13;}
.virtul_map.fifth{position:absolute; top:0; left:0; z-index:14;}

.virtul_map.first .marker, .com-info-num.first{background-color: var(--main1-color);}
.virtul_map.second .marker, .com-info-num.second{background-color: var(--sub-orange);}
.virtul_map.third .marker, .com-info-num.third{background-color: var(--sub-yellow);}
.virtul_map.fourth .marker, .com-info-num.fourth{background-color: var(--sub-green);}
.virtul_map.fifth .marker, .com-info-num.fifth{background-color: var(--sub-bule);}

.virtul_map .mark1::before, .virtul_map .mark2::before, .virtul_map .mark3::before, .virtul_map .mark4::before,
.virtul_map .mark5::before, .virtul_map .mark6::before, .virtul_map .mark7::before, .virtul_map .mark8::before, .virtul_map .mark15::before
{
  content: " ";
}
.virtul_map .mark1.on::before{content: "1"; }
.virtul_map .mark2.on::before{content: "2"; }
.virtul_map .mark3.on::before{content: "3"; }
.virtul_map .mark4.on::before{content: "4";}
.virtul_map .mark5.on::before{content: "5"; }
.virtul_map .mark6.on::before{content: "6"; }
.virtul_map .mark7.on::before{content: "7"; }
.virtul_map .mark8.on::before{content: "8"; }
.virtul_map .mark15.on::before{content: "15"; }

.virtul_map.first .mark1{position:absolute; top: 30px; left:30px;}
.virtul_map.first .mark2{position:absolute; top: 400px; left:400px;}
.virtul_map.first .mark3{position:absolute; top: 50px; left:578px;}
.virtul_map.first .mark4{position:absolute; top: 44px; left: 78px;}
.virtul_map.first .mark5{position:absolute; top: 79px; left: 10px;}
.virtul_map.first .mark6{position:absolute; top: 236px; left:400px;}
.virtul_map.first .mark7{position:absolute; top: 47px; left: 97px;}
.virtul_map.first .mark8{position:absolute; top: 68px; left: 62px;}

.virtul_map.second .mark1{position:absolute; top: 300px; left:39px;}
.virtul_map.second .mark2{position:absolute; top: 578px; left:701px;}
.virtul_map.second .mark3{position:absolute; top: 59px; left: 81px;}
.virtul_map.second .mark4{position:absolute; top: 44px; left: 27px;}
.virtul_map.second .mark5{position:absolute; top: 38px; left: 706px;}
.virtul_map.second .mark6{position:absolute; top: 562px; left: 675px;}
.virtul_map.second .mark7{position:absolute; top: 231px; left:462px;}
.virtul_map.second .mark8{position:absolute; top: 602px; left:262px;}

.virtul_map.third .mark1{position:absolute; top: 500px; left:34px;}
.virtul_map.third .mark2{position:absolute; top: 328px; left:761px;}
.virtul_map.third .mark3{position:absolute; top: 99px; left: 51px;}
.virtul_map.third .mark4{position:absolute; top: 614px; left: 25px;}
.virtul_map.third .mark5{position:absolute; top: 382px; left: 76px;}
.virtul_map.third .mark6{position:absolute; top: 522px; left: 765px;}
.virtul_map.third .mark7{position:absolute; top: 273px; left:132px;}
.virtul_map.third .mark8{position:absolute; top: 582px; left:212px;}

.virtul_map.fourth .mark1{position:absolute; top: 451px; left: 552px;}
.virtul_map.fourth .mark2{position:absolute; top: 480px; left: 552px;}
.virtul_map.fourth .mark3{position:absolute; top: 451px; left: 572px;}
.virtul_map.fourth .mark4{position:absolute; top: 450px; left: 589px;}
.virtul_map.fourth .mark5{position:absolute; top: 468px; left: 601px;}
.virtul_map.fourth .mark6{position:absolute; top: 486px; left: 601px;}
.virtul_map.fourth .mark7{position:absolute; top: 494px; left: 579px;}
.virtul_map.fourth .mark8{position:absolute; top: 516px; left: 572px;}

.virtul_map.fifth .mark1{position:absolute; top: 329px; left: 603px;}
.virtul_map.fifth .mark2{position:absolute; top: 356px; left: 603px;}
.virtul_map.fifth .mark3{position:absolute; top: 356px; left: 625px;}
.virtul_map.fifth .mark4{position:absolute; top: 376px; left: 603px;}
.virtul_map.fifth .mark5{position:absolute; top: 329px; left: 647px;}
.virtul_map.fifth .mark6{position:absolute; top: 329px; left: 626px;}
.virtul_map.fifth .mark7{position:absolute; top: 297px; left: 616px;}
.virtul_map.fifth .mark8{position:absolute; top: 310px; left: 603px;}
.virtul_map.fifth .mark15{position:absolute; top: 310px; left: 624px;}

.com-info-num {font-size:10px; margin-right:5px; display:inline-block; width:15px; height:15px; color:#fff; text-align:center; border-radius:100%;}

#popup_marker{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a282887;
  z-index: 1000;

}
#popup_marker .button_box{position:relative; width:100%; display:flex;}
#popup_marker_m{
  overflow:hidden; border-radius: var(--radius-m);
  position:absolute; 
  top:50%; left:50%; transform:translate(-50%, -50%);
}
.form_poup_marker{width: 20%; position:absolute;  top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; border-radius: var(--box-radius);}
.form_poup_marker .top-info-content{height:40px; background-color:var(--main-color); display:flex; align-items: center; justify-content: space-between;  padding: 0 10px; }
#popup_marker .button_box {display: flex; justify-content: center;}
#popup_marker .button_box button{margin: 0 0.2rem; border-radius:5px; color:#fff; background:#A2A2A2; display:block; padding: 5px 10px; font-size:13px;}
#popup_marker .button_box button:active{background:#f00;}
.submitChk.tmp{height: 26px;
  background-color: rgba(224, 40, 55, 1);
  border-radius: 4px;
  color: #fff;
  font-size: 13px; padding: 0 4px;}

#ui-datepicker-div{z-index:1001!important;}
/* .table-scroll .wrap-text{word-wrap:break-word; overflow-wrap: break-word; width:155px;} */

#userCluHp, #userCluHp2, #userCluHp3, #userCluHp4{display:inline-block; line-height: 30px;} 
#userCluHp4{width:42px; text-align:right;}
#userCluHp2, #userCluHp3, #userCluHp6, #userCluHp7, #userCluHp8{width:40px; padding: 3px 3px;}
#userCluHp{ width:100%; text-align:left;}

.btn-add-lay .tel_line{line-height:30px;}
#userCluEmail{text-align:left;}

#callSummaryText, #callSummaryText2 {height: 84px;}
#callSummaryText{font-size:15px; font-weight: bold;}
#callSummaryText::placeholder, #callSummaryText2::placeholder{padding-top: 4px; line-height:10px;}
.summary .th-12{position: relative;}
.summary .th-12 span{position:absolute; top:5px; right:8px;}
.gap-side.gap2{gap:2px;}


.move_install .open-btn {height:22px; font-size:13px;}
.move_install .check-list .li_location label {font-size:13px;}

.page_option{display:flex; gap:5px; align-items: center;}
#sel_data, #btn_transfer{ width:auto; height:28px;}
#btn_transfer{ background:#f00; color:#fff; border:none; padding:0 8px; border-radius: var(--input-radius); width:40px;}
.menu_visit{border-bottom: 1px solid var(--gray-light); margin-top: 15px;}
.menu_visit .button_box{display:flex; }
.menu_visit .button_visit{font-size:13px; background-color:#DEDEDE; color:#666666; padding:0 10px; height:30px; line-height:30px; border-radius: 4px 4px 0 0;}
.menu_visit .button_visit.on{background-color:#E02837; color:#fff;}
.visit_guide_top{display:flex; height:37px; line-height:37px; gap:5px; justify-content: space-between; align-items: center;}
.visit_guide_subcontainer{display: flex;}
.visit_guide_button{height: 27px; padding: 0 10px; border-radius: var(--input-radius); background: var(--main-color); font-size: 13px; color: #fff;
}
.visit_guide_body{padding: 14px 22px; display:flex; gap:10px; background-color: #eee; border-left:none; border-right:none; border-radius:0; height:70px; margin-bottom: 15px;}
.visit_guide_body .lt{flex:1;}
.visit_guide_body .rt{display: flex; align-items: center;}
.visit_guide_ta{-ms-overflow-style: none; background-color: #eee; border:none; width:100%; height:100%; padding:0;} 
.visit_guide_ta::-webkit-scrollbar{display:none;}
.visit_guide_body .btn_A{width:16px; height:14px; background: url(../../assets/images/v.png) no-repeat center center;}

#fileCoPk1, #fileCoPk2, #relationChk1, #relationChk2{display:none;}

/* 2024.11.13 김낙중 추가 / 2025.04.10 김동현 수정*/
#photo_zone_modal_overlay, #new_register_modal_overlay, #buy_overlay, #want_overlay{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgb(0, 0, 0, 0.5);
  z-index: 800;
}
#photo_zone_modal, #big_modal, #want_modal, #buy_modal {
 
  display:none;
  background-color: white;
 
  width:auto; 
  height:auto;
  z-index:1100;
  user-select: none;
}
#photo_zone_modal, #big_modal{
   position:fixed;
    top: 7%; 
  left: 10%; 
}
#big_modal{min-width:500px;}
#want_modal, #buy_modal{
  position:absolute;
  top:50%; left:50%; transform: translate(-50%, -50%);
}
#photo_zone_modal:active{
  cursor: grabbing;
}

#new_register_modal{
  overflow: hidden;
  position:fixed;
  display:none;
  background-color: white;
  top: 24%; 
  left: 40%; 
  width:auto; 
  height:auto;
  z-index:900;
  user-select: none;
  margin-left:0px!important;
}
#photo_zone_modal:active{
  cursor: grabbing;
}
#big_modal:active{
  cursor: grabbing;
}

#photoPopup, #photo_big, #photo_want, #photo_buy{width: auto; height: 500px; display:block; margin:auto;}
#photo_big {
    display: block;
    margin: 0 auto;
    object-fit: contain;
    transform-origin: center center;
}
.poto_body{min-width:400px; overflow:hidden;}
.com-paging.cp .about_50{gap:3px;}
.com-paging.cp .about_50 button{display:inline-block; 
  /* width:auto; */
}
/* .com-paging.cp .pagination1.about_50 .prev-first, .com-paging.cp .pagination1.about_50 .prev-btn, .com-paging.cp .pagination1.about_50 .next-btn, .com-paging.cp .pagination1.about_50 .next-last{
  width:18px; height:18px; line-height:18px;
  border:1px solid #ccc;
  border-radius:4px;
} */

.com-paging .prev-first, .com-paging .next-last{
  width:18px; height:18px; line-height:18px;
  border:1px solid #ccc;
  border-radius:4px;
}

.colspan3_flex{display:flex; gap:10px; align-items: center;}
.colspan3_flex2{display:flex; align-items: center; justify-content: space-between;}
#workUserList{margin-left:24px; display:flex;}
#workUserList li+li, #periodlist li+li, #sel_party li+li{margin-left:14px;}
/* #workList{display:none;} */
.sel_year{margin-right:5px; margin-left:5px;}
.add_menu .sel_year{margin-left:0;}
/* 방문 가이드 부분 댓글 관련 css */

.comment_container {padding: 0.5rem 0.25rem 0.25rem 0.5rem; display: flex; flex-direction: column; border-bottom: solid 1px rgba(0, 0, 0, 0.11);
}

.comment_subup {
  display: flex;
  justify-content: space-between;
}

.comment_user {font-weight: bold; font-size: 17px;
}

.comment_detail {
  padding-left: 10px;
}

.comment_del {
  color: rgba(0, 0, 0, 0.34);
}

.li_guide{position:relative;}

.addQuestionButton_Container{
  display: flex;
  justify-content: space-between;
  padding: 3px 0px;
  border-top: solid 1px rgba(0, 0, 0, 0.11);
}

.addQuestionButton {
  height: 27px;
  padding: 0 10px;
  border-radius: var(--input-radius);
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
}


/*Dday 체크 관련 기능 css*/

.DdayCheck{
  display: flex;  
  align-items: center;
  gap: 0.5em;
}

.Ddaytriup{
  width: 0;
  height: 0;
  border-top: 5px solid transparent;   
  border-left: 10px solid #333333;       
  border-bottom: 5px solid transparent;
  transform: rotate(-90deg);  
}

.Ddaytridown{
  width: 0;
  height: 0;
  border-top: 5px solid transparent;   
  border-left: 10px solid #333333;        
  border-bottom: 5px solid transparent;
  transform: rotate(-270deg);  
}

.Ddaytricircle {
  width: 10px; 
  height: 10px; 
  background-color: #333333; 
  border-radius: 50%;
}

.Ddaytrisquare {
  width: 10px; 
  height: 10px; 
  background-color: #333333; 
}

.radio-select-container{
  display: flex;
}

.select-button-container{
  display: flex;
}

.checkListLabel{
  padding-left: 0px;
  display: flex;
  justify-content: center;
}

/*볼륨 기능 버튼 css*/

.volumeButtonOn{
  background: url(../images/icon_volume.png) no-repeat;
  width: 20px;
  height: 20px;
}

.volumeInfoContainer{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  width: 100%;
}

/*업무 대행 관련 css 입니다.*/
/* .workAgencyLayout{
  overflow-y: scroll;
} */

.workAgencyImg{
  border-radius: var(--box-radius);
  width: 100%;
}

.workAgencyMain{
  display: flex;
  flex-direction: column;
  padding:0;
  display:relative;
}

.workApply{
  position:relative;
  padding: 25px 0px;
}

.workApplyInfo{
  display: flex;
  justify-content: space-between;
}

.workApplyText{
  font-size: 20px;
  color: var(--dark-color);
}

.AgencyCon{
  gap:10px;
  display: flex;
}
.AgencyCon input[type="radio"]{display:none;}
.AgencyCon .btn-add-lay select{
  width: 70%;
}
.AgencyCon2{
  padding:0;
}


.popwin_btn1, .camera-btn, .file-btn{cursor: pointer; }

.pageTodayClass{position:relative; z-index:1;}

#addresBookList td.center{padding-left: 0!important;}
#callEmaUserGender{width: 40px;}

#setAuth3{border-radius: 6px 0 0 6px;}
#workDivSelect, #workDivSelect2{border-radius: 4px;}
#workDivSelect2{height:28px;}
.dual_field_lt #workDivSelect{border-radius:0;}

.input_td_tit{display:flex; width:65px; align-items: center; justify-content: space-between; }

#clwDateEd{width:100px;}

#popup_openner2, #popup_openner{cursor: pointer;}
.ul_leadName #ldbtns {justify-content: flex-end;} /* 2025.04.14 김동현 추가 */
.ul_leadName .ldbtns, .ul_leadName .input_ln_box{gap:3px; justify-content: flex-end;}
.ul_leadName .ldbtns, .ul_leadName .input_li {justify-content: left;} /* 2025.04.14 김동현 추가 */

.gap_slash{
  color: var(--data_tit-color);
  font-size: 14px
}
#btn_optH1, #btn_optH2, #btn_optH_address{height:28px; width:65px; border:1px solid #ccc;}
#btn_optH1, #btn_optH2{border-radius:4px; }
#btn_optH_address{border-radius:0px;}
#userCluZipCode, #coZipCode{width: 60px;}
#userCluZipCode:placeholder-shown, #coZipCode:placeholder-shown, #coMoney:placeholder-shown{padding: 0; text-align: center; }
#btn_optH.on, .btn_optH.on{color: var(--main-color); font-weight: 600;}
.btn_optH::after{
  content: '\e81d';
  font-family: feather;
}
.btn_optH.on::after{content: '\e825'}
.pop_appr_mn_r {display: flex; align-items: center;}
#save_wait, #cancel_finish, #cancel_wait{height: 23px; margin: 0 0.1rem; color:#fff; background-color:#CE3C3F; border-radius:3px;}
#save_wait, #cancel_finish{width:35px;}
#cancel_wait{width:55px;}
#retry_wait {margin: 0 0.1rem; color:#fff; background-color:#CE3C3F; border-radius:3px; width: 41px; height: 23px;}
#payWaitTotal{margin: 0 0.2rem;}
#popClwPk{display: none;}
.th-flex{display: flex;justify-content: space-between; align-items: center;}
.talkcont1{color: var(--basics-color);}
.talkcont2{color: var(--sub-bule);}
.talkcont3{color: var(--sub-green);}
.talkcont4{color: var(--sub-purple);}
.input_coName{border:none; color:#fff; text-align:center;}
.green .input_coName{background-color: #43b291;}
.gray .input_coName{background-color: #9c9c9c;}
.blue .input_coName{background-color: #477ce6;}
.orange .input_coName{background-color: #f76d36;}
#frmSearch{display:flex; gap:5px; align-items: center;}
#frmSearch #btn_save, #callWrite, #save_status_f, #save_log_data, #append_log_data, #btn_save_Y_1, #btn_save_Y_2, #btn_sd_D_S{
  height: 27px;
  padding: 0 10px;
  border-radius: var(--input-radius);
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
  margin-left: 10px;
}
#btn_fix, #btn_fix2{
  height: 25px; line-height: 25px;
  padding: 0 10px;
  border-radius: var(--input-radius);
  background: var(--main-color);
  font-size: 13px;
  color: #fff;
}
.correct-btn{
  height: 20px;
  padding: 0 5px;
  border-radius: var(--input-radius);
  background: var(--main-color);
  font-size: 10px;
  color: #fff;
}

#save_status_f{position:absolute; bottom:7px; right:6px;}
#frmSearch #callWrite{
  width:70px;
  padding:0;
  margin-left:0;
}

.txtar_over{height:30px; overflow: hidden; padding: 3px 8px;}
.tb-lay2 th{
  font-size:13px;     
  background-color: var(--th-bg-color);
  height:24px;
}
.th1-lay2, .th2-lay2{border-top: 1px solid #ecbfc2;}
.th2-lay2.tel {width: 80px;}
.th2-lay2{border-bottom:2px solid #ecbfc2; }
.th2-lay2+.th2-lay2{border-left: 1px solid #ecbfc2;}
.th2-lay2 .plus_mark::before{content: "\ebc0"; font-family: 'boxicons';
  color: #000;
  font-size: 21px;
}
.td-lay2{border-bottom: 1px solid #dbdbdb; height:30px; text-align:center;}

.td-lay2 + .td-lay2{border-left: 1px solid #dbdbdb;}
.td-lay2 input, .td-lay3 input{font-size: 13px; text-align: center; border-radius: 0;}
.td-lay2:nth-child(4) textarea{text-align:left; border:none;}

#mailNumber{display:inline-block; width: 80px;}
#coName, .tel_id{ display:inline-block;}
#coName{width: 100%; border:1px solid var(--input-line-color); border-radius: var(--input-radius);}
#coName.cr{width: 180px;}
.bx_opt_lay2{margin-top:10px; float: right;}

.th2-lay2.np{width: 80px;}
.th2-lay2.bs{width: 90px;}
.th2-lay2.transfer{width: 40px;}
.div_po{width: 78px;; height:28px; line-height:28px;}

.opt-lay2.opt_hidden{float:right; margin-top:10px;}
#tList_lay2 tr{border-bottom:2px solid #dbdbdb;}
.tit-lay2{color:#000; font-size: 17px; font-weight: 500;}
.tb-lay2{margin-top:10px;}

.businessNum_box{display:flex;}
.businessNum_box #duplicate, #excluding, #companyInfoWrite, #companyInfoWrite_staff, #popCompanyInfoWrite, #companyGuideWrite{
  height: 27px;
  padding: 0 10px;
  border-radius: var(--input-radius);
  background: var(--main-color);  
  color: #fff;
}
#closeCompany{
  padding: 0 5px;
  border-radius: var(--input-radius);
  background: var(--main-color);  
  color: #fff;
  width:60px;
  height:35px;
  line-height:15px;
}
#sohoConfirm{
  height: 27px;
  padding: 0 5px;
  border-radius: var(--input-radius);
  background: var(--main-color);
  
  color: #fff;
}
.businessNum_box #duplicate, #companyInfoWrite, #companyInfoWrite_staff, #popCompanyInfoWrite, #companyGuideWrite{font-size: 13px;}
.businessNum_box #duplicate, #companyInfoWrite_staff, #popCompanyInfoWrite{
  margin-left:10px;
}
.businessNum_box #duplicate, #sohoConfirm{font-size: 10px; line-height:11px; text-align: right;}
#companyGuideWrite{position: absolute; right: 0; top: -40px;}

#coRegistryNumber{width:170px;}

#popCompanyInfoWrite, #companyInfoWrite_staff, #excluding{float:right;}
.footer-lay2{margin-top:10px;}
.pop_appr_f #pagination{
  display:flex; gap:5px; align-items: center;
}
.admit_btn{
    height: 25px;
    padding: 0 5px;
    border-radius: var(--input-radius);
    background: var(--main-color);
    font-size: 13px;
    color: #fff;
}
.tab_con.address, .tab_con.work1{padding-bottom:15px;}
.tab_con.work1{position:absolute; top:-60px;}
.tab_con.address{height: 100%;  top:10px;}
.unimportant4, .unimportant11, .unimportant12, .unimportant13{display:none;}
.check-table .unimportant1{min-width:40px;}
.check-table .unimportant2{min-width:60px;}
.check-table .unimportant3{position:relative; padding:0; width: 98px; height:98px; min-width: 98px; max-width: 98px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant3 .square{background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.check-table .unimportant4{width:58px; min-width:58px; max-width:58px; padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant5{width:60px; min-width:60px; max-width:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant6, .check-table .unimportant7{width:70px; min-width:70px; max-width:70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant8, .check-table .unimportant9{width:62px; min-width:62px; max-width:62px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant10{width:220px; min-width:220px; max-width:220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant11{width:160px; min-width:160px; max-width:160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant12{width:100px; min-width:100px; max-width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.check-table .unimportant13{min-width:600px}
.check-table .unimportant14{min-width:60px}
.check-table .unimportant4 img{margin:auto; display:block;}
.unimportant4 img{display:block; margin:auto;}
.status_f{display:flex; justify-content: space-between; margin-top:5px; align-items: flex-end}
.status_f_lt{width: 68px;}
.status_f_rt{display:flex; flex-direction: column;}
.status_f_num{width: 100%; }
.status_f_rt span{font-size:11px; color: var(--data_tit-color);}

.opt_li{height:28px;}

.opt_address_h{width:100%; display:flex; margin-bottom: 10px; justify-content:space-between; align-items: center;}

.regibox{border:none; position:relative;}
.ul_regi{display: none; position:absolute;
    top: 100%;  /* td 아래에 배치 */
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: 1px solid #ccc;
    width: 70px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;

}

.dropdown_add_group{
  display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding-top:10px;
}
#groupBox li{
    white-space: nowrap;
    padding-right:10px;
}
#add_group{width:100%;}
#add_group li{padding-left:10px; display: flex; align-items: center;}
#add_group li:last-child{padding-left:0; margin-top:5px;}
.toggle-colum3{margin-right:5px;}
#add_group #textInput{height:21px; display:block;}
#checkbox3_btn{position:relative;}
.btn_R, .btn_D{width:28px; height:22px; text-align:center;  font-weight:bold;}
.btn_R{ color:#1fb862;}
.btn_D{ color:#f00;}
.td-data2_btns{display:flex;}

.date_cell4{display:flex; align-items: center;}
.updown_btn{display:inline-flex; gap:3px;}
.updown_btn span{ display:relative;}

.updown_btn .btn_u, .updown_btn .btn_d{width:12px; height:15px; text-align:center; cursor:pointer; font-family: feather;}
.updown_btn .btn_u:before{content: "\E802";}
.updown_btn .btn_d:after{content: "\E914";}

.sel_nn{width:65px;}


#companyGuide{position:relative;}

#coBussinessNumber2{width:167px; display:inline-block;} 
.clurH_T1, .clurH_T2{width: 100px!important;}
.clurH_T1{border-bottom:1px solid var(--input-line-color)!important;}
.clurH_A1, .clurH_A2{border: none !important;}
.clurH_A1{border-bottom:1px solid var(--input-line-color)!important;}
.input_cc::placeholder, .input_cc{text-align:left;}

.flex_div {display: flex; align-items: center; gap: 3px; margin-top:5px;}
.flex_div input, .flex_div div {height: 28px; line-height:26px; cursor: pointer; padding: 0 3px;}


.flex_div div{border: 1px solid var(--input-line-color); border-radius: var(--input-radius);}
#text_wd_guide, #text_wd_company_info, #text_wd_userinfo, #text_wd1, #text_wd2{width: 97px; padding: 0 3px!important;}
#registerdate{width:95px; padding:0!important;}
#make_start, #make_end{width:42px; padding: 0 3px!important; text-align:center;}
#text_writer_userinfo, #text_writer_company_info, #text_writer_guide, #today_year{width: 60px;}
#text_tit_userinfo, #text_tit_company_info, #text_tit_guide, #commentTitle1{flex:1;}
.make_year{display:flex; border:none!important;gap:5px; align-items: center;} 
.make_year .tit{font-size:11px; line-height: 11px;}

#applyUserName{width:112px;}
.job_seeker #applyUserName{width:70px;}
.job_seeker #applyUserGender{width:45px;}
#applyUserPosition{width:62px;}
.agencyFee{display:flex; align-items: center;}
.tb-lay .input_fee{display:block; width:65px; margin-right:5px;}
#agencyUpload{position:absolute; top: -230px; right:0;}
.fpi_recruit{display:flex; flex-direction: column; height:100%;} 
.fpi_recruit #agencyUpload{position:relative;  bottom:0px; right:0; top:0;}
.AgencyCon .check-list{position:absolute; left:0; bottom:29px;}
.AgencyCon .open-btn.on{
  border-top-left-radius: var(--input-radius)!important;;
  border-top-right-radius: var(--input-radius)!important;;
  border-bottom-left-radius: var(--input-radius)!important;
  border-bottom-right-radius: var(--input-radius)!important;
}
.AgencyCon .com-radio-select > .open-btn.on + .check-list{border-radius: 5px;}
.agency{position:relative; z-index:100;}
.agencyBtn #open-btn2, .agencyBtn #open-btn_P2{width: 121px;}
.agencyBtn #open-btn3{width: 96px;}
.agencyBtn #open-btn4, .agencyBtn #open-btn6{width: 81px;}
.agencyBtn #open-btn5{width: 70px;}
.wam_box{overflow-y: auto; margin: 0 -20px 20px; padding:0 20px; position:relative;}

#open-btn_BC{width:75px;}
#open-btn_MC{width:115px;}

.workApplyText{
  font-size: 20px;
  color: var(--dark-color);
}
.recruitApply{
  padding: 10px 0px;
  width: 100%;
}
.recruitFilebox{
  display: flex;
}

.recruitFilebox .upload-name {
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  width: 78%;
  color: #999999;
}

.recruitFilebox label {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  vertical-align: middle;
  background-color: #999999;
  cursor: pointer;
  height: 30px;
  text-wrap: nowrap;
}

.recruitFilebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.workApplyInfo.fileSubmit{flex-direction: column;}



/*25.02.24 추가*/
.offTopSubBody {
  display:flex;
  position:relative;
}
#sidogu {
  display:none; width: 87px; height:30px;
}
#sido_box{
  width: 33px; height:30px; line-height:28px; padding:0 2px;
  border: 1px solid var(--input-line-color);
  border-radius: var(--input-radius);
  display:none; margin-right:2px;
  text-align:center;
}
.offTopSubBody input {
  width: 50px;
}
#searchClpArea{
  width: 33px; height:30px; line-height:28px; padding:0 2px;
}
#btn_sidogu {
  background-color: #fff;
  border: 1px solid var(--input-line-color);
  border-radius: var(--input-radius);
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--input-height);
  padding: 4px 4px;
  justify-content: space-between;
 
}
#btn_sidogu, #sido_box {
  color:var(--main-color);
}

.com-radio-select > .open-btn:after, .open-btn:after , #btn_sidogu:after{
  content: '\e81d';
  font-family: feather;
  position: relative;
  right: -2px;
  margin-left: 2px;
  color: var(--basics-color);
}
#btn_sidogu.on + .check-list {
  display: block;
  z-index: 102;
  margin-top: -5px;
  margin-left: 0px;
  /* width: 65px; */
}
.menu_sido {
  padding-left: 8px;
}
.menu_gu {
  display: none;
}
#sidogu .menu_gu input:not([type='text']) {
  position: absolute;
  left: -9999px;
}
.menu_gu label {
  padding-left: 4px;
}
#userCluKeyword{flex:1;}
#btn_opSNS{

  height: 27px;
  padding: 0 5px;
  border-radius: var(--input-radius);
  background: #25a75e;
  font-size: 13px;
  color: #fff;}

  .reloadList{display:none;}
  .com-radio-select .ul_reloadList{width:70px; z-index: 100;}

 
  .sort-wrap_rt{display:flex; gap:5px; align-items: center;}


.table-editable{
  overflow-y: auto; 
  min-height: 700px;
  max-height: 700px;
  background: #f5f5f5;
  border-bottom:2px solid #c4c4c4;
}

.tpr_lt{display:flex; gap:18px;}
.today-miss-item{border-top: 1px solid #dbdbdb;}
.pagpagination1 {display:flex; align-items: center;}
.pagpagination1 .ellipsis{margin: 0 5px;}
/* .pagination1 {justify-content: center;} */
.num_chk{text-align:center;}
#merge-manage{margin-top: -2px; line-height:14px!important;}
/* .tab_con1 input:not(:placeholder-shown), .tab_con1 textarea:not(:placeholder-shown),
.tab_con2 input:not(:placeholder-shown), .tab_con2 textarea:not(:placeholder-shown),
.tab_con3 input:not(:placeholder-shown), .tab_con3 textarea:not(:placeholder-shown),
.tab_con4 input:not(:placeholder-shown), .tab_con4 textarea:not(:placeholder-shown){
  border:none;} */

#text_tit_userinfo:not(:placeholder-shown), #text_tit_company_info:not(:placeholder-shown), #text_tit_guide:not(:placeholder-shown){
  border:none;
} 
#btn_search.btn_txt {border-radius:0; background-color:#ccc;}
/* .flex_d2 {display:none;} */
/* .flex_d2 div{border:none;} */
.flex_d2_tit{flex:1;}
.flex_d2_name{width: 60px;}
.flex_d2_date{width:105px;}

.excel_regis{justify-content: flex-end}
.header-lay2_rt{display:flex; gap:5px; }
.header-lay2{display:flex;align-items: center;
  justify-content: space-between; position:relative;}
.header-lay2 .except_ul{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.mini_T_box{flex:1;}
#mini_T_execl{width:100%;}
.lt_form_top{display:flex;}
.name-date.date_slt{border:none;}
#tabStr{margin-right:2px;}

.cro_num{font-size:10px;}

.search.num{background-color:#ff0;}

.test_td_f{display:flex; gap:3px; align-items: center;    justify-content: center;}
#fileData1_attatch2{display:none;}
.file-upload-fileData1_attatch{
  display: inline-block;
  height: 27px; line-height:27px;
  padding: 0 10px;
  background-color: var(--main-color);
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

.tab-nv.tab_nv_wa{display:none;}
.work_agency_box2 .tab-nv.tab_nv_wa{display:block;}


.schedule_box{padding:20px;}
#form_m .schedule_box{padding: 40px 20px}
.schedule_box.yearly{display:none;}

.schedule_day{height:45px;}
#form_m #schedule_cal{height:100%;}
#schedule_cal .sun{color: var(--main-color);}
#schedule_cal .sat{color:blue;}
#schedule_cal .today {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: red;
    color: white;
    text-align: center;
}
#schedule_cal th, #schedule_cal td{
    text-align: center;  
}
#schedule_cal td{
  height:110px;
  font-size:20px;
  vertical-align: top; 
  padding-top: 15px;          /* 날짜 숫자 20px 아래로 */
  box-sizing: border-box;
}

.schedule_date{height: 132px; position:relative;}
.schedule_week > :first-child {
  color: red;
}
.schedule_week > :nth-child(7) {
  color: blue;
}
.schedule_index{
    background: #fff;
    border-radius: var(--box-radius);
    position: relative;
    padding: 20px 20px;
    box-shadow: var(--box-shd);
    width:33.3%; }

#form_y .schedule_index{display:flex; flex-direction: column;}
.cal_box{display:flex; gap:2px; align-items: center;}
#form_m .cal_box{height:100%;}
.schedule_week+.schedule_week .schedule_date{border-top:1px solid var(--gray-light);}
.schedule_my{display:flex; margin-bottom:20px;}
.schedule_month{display:inline-block; font-size:60px; height:55px; line-height:61px;} 
.schedule_my_rt{margin-left:5px; display:flex; flex-direction: column; font-size:13px; justify-content: flex-end;}
.schedule_my_rt span{line-height:14px;}
.schedule_num{display:inline-block; width:45px; height:45px; text-align:center;  border-radius:100%;   font-size:30px;position:absolute; left:50%; top:0;transform:translateX(-50%);}

.rndl .rndl_hd{display:none;}
.regi_td_btns{display:flex; gap:5px; align-items: center; justify-content: center;}
.except_ul, .ch_li_li{display:flex;}
.except_ul{display:flex; gap:10px;}
.soho_a{display:flex; gap:20px; align-items: center; margin-left:20px;}
.soho_a a{color:#00f;  text-decoration: underline;}

.schedule_form{display:flex; width: 100%; position:relative;}
#form_y, #form_w, #form_d{display:none;}
#form_w .schedule_index{width:66.6%;}
.schedule_index .day-select .ds_annual{margin-right:0;}
#form_d, #form_m, #form_y{gap:20px;}
.wbs_box{height:90%; /* overflow-y: hidden; */}
.wbs_box.annual{margin-top:-30px;}

#schweek_lt{position:sticky; width:60%; }
#schweek_t{width:100%;}

#schweek_rt{border-left:3px double #ccc; position: relative; top: 0;}
#schweek_lt_table thead{height:63px;}
#schweek_lt_table .cl_m {width: 50%;}
#schweek_lt_table th{
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}
#schweek_rt_table th{
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line1.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}

#schweek_rt_table .swA_thead_rt_tr3 th{
  width: 25px;
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}
#schweek_lt_table .txt_w{line-height:14px;}
#schweek_rt_box{
  overflow:auto;
  position:relative;
}
#schweek_lt_table tbody{height:100%; min-height:600px;}
#schweek_lt_table tbody td, #schweek_rt_table tbody td{
  height:30px;
  background-image: url(/assets/images/td-line-bt-in.svg), url(/assets/images/td-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}



#coBusinessNumber{width:85%;}

.check-list label{width: 100%; display:block; padding: 0 5px;}

.tcli{display:flex;}
.tcli_lt{width:40px; text-align:center;position:relative;}
#tList1 .tcli_lt input{margin-right:0; margin-left:0;}
.com-list-info > #tList1 > li{padding: 3px 15px 3px 0;}
.tcli_la{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#nowlocation{height:100%; display:flex;flex-direction: column;}
#mapView_wrnl{max-height:700px; overflow: hidden;}
.sort-wrap.makingnw{justify-content: space-between; width:100%;}

.table_stat{
  margin:0 -6px;
}
.table_stat th{text-align:center;}

.btn-add-lay_lt{display:flex; gap:6px; flex:1;}
.btn-add-lay_lt.nc{width:100%;}
/* 스케쥴 2025.04.22 김동현 추가 */
#scheduleModal {
  /* display: flex;  */
  display:none;
  align-items: center; 
  justify-content: center; 
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1000; 
  overflow-y: auto; 
  margin: 0 auto; 
}

#scheduleModal .modal-dialog {
  margin: 30px auto; 
}

#scheduleModal .modal-content {
  background: white;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 20px;
  width: 650px; 
  margin: 0 auto;
}

#scheduleModal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

#scheduleModal .close {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 30px;
  height: 30px;
}

#scheduleModal #exit {
  display: block;
  font-size: 30px;
}

#scheduleModal table {
  width: 100%;
  border-collapse: collapse;
  background: #f9f9f9;
}

#scheduleModal th,
#scheduleModal td {
  padding: 12px 15px;
  text-align: left;
  vertical-align: top;
}

#scheduleModal #td-flex {
  display: flex;
}

#scheduleModal th {
  background: #f1f1f1;
  color: #555;
  font-weight: 600;
  width: 120px;
}

#scheduleModal input[type="text"] {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  min-width: 45%;
}

#scheduleModal label {
  margin-right: 15px;
  color: #555;
  font-size: 14px;
}

#scheduleModal input[type="radio"],
#scheduleModal input[type="checkbox"] {
  margin-right: 6px;
}

#scheduleModal ul.repeat_div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  padding-left: 0;
  list-style: none;
}

#scheduleModal ul.repeat_div li {
  background: white;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
}

#scheduleModal .datePicker {
  width: auto;
  min-width: 120px;
  margin-right: 8px;
}

#scheduleModal .modal-footer {
  padding: 10px 0;
  margin-top: 20px;
  text-align: right;
  border-top: 1px solid #ddd;
}

#scheduleModal .btn-xs {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 4px;
}

.schedule_index {
  padding: 2rem;
  background-color: #f9fafb;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  font-family: 'Pretendard', sans-serif;
}

.schedule_index .modal-dialog {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

.schedule_index .modal-content {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.schedule_index table {
  width: 100%;
  border-collapse: collapse;
}

.schedule_index th, .schedule_index td {
  text-align: left;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.schedule_index th {
  width: 140px;
  font-weight: 600;
  background-color: #f3f4f6;
}

.schedule_index input[type="text"] {
  padding: 0.6rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  font-size: 14px;
  margin-right: 20px;
}

.schedule_index input[type="text"]:focus {
  border-color: #6366f1;
  outline: none;
}

.schedule_index input[type="radio"],
.schedule_index input[type="checkbox"] {
  margin-right: 0.4rem;
  vertical-align: middle;
}

.schedule_index label {
  margin-right: 1rem;
  font-size: 14px;
  cursor: pointer;
}

.schedule_index .repeat_div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 1rem 0;
  padding-left: 0;
  list-style: none;
}

.schedule_index .repeat_div li {
  display: flex;
  align-items: center;
}

.schedule_index .form-title {
  vertical-align: top;
}

.schedule_index .modal-footer {
  margin-top: 1.5rem;
  text-align: right;
}
.schedule_index #td-flex {display: flex;}

.modal-header_lt, .modal-header_rt, .modal_lnb, .ul_sc_type{display:flex;} 
.modal-header_lt{gap:10px;}
.modal-header_rt{align-items: center;}
.modal_lnb{gap:5px;}
.modal_lnbli{width:44px;}
.modal_lnbli.on{color:#f00; border-top:2px solid #f00;}
.modal_lnbli a{line-height:27px; font-size:12px; height:25px; display:block; text-align:center;}
.modal_lnbli.on a{color:#f00; line-height: 22px;}
#modal_save_btn{width:30px; height:22px;}
.modal_cont{display:none;}
.modal_cont.on{display:block;}
.modal-body form.schedule-pattern-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* .swA_thead_rt_tr2 th, .swA_thead_rt_tr3 th{width: 40px;} */
#schedule_y_1 {display: flex;}
#schedule_y_2 {display: flex;}
#schedule_y_3 {display: flex;}
#schedule_y_3 .calendar{margin-bottom: 0;}
.annual .schedule_year{font-size:36px; text-align: center;display: block; margin: auto;}

.annual .calendar{display: inline-block;
  margin: 30px 35px;
  border-radius: 10px;
  padding: 0;
  width: 200px;
  height: 200px;
}
.annual .month-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.annual .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.annual .day-header {
  font-weight: bold;
  padding: 0 8px;
}
.annual .day {
  padding: 15px 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.annual .calendar-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.swA_tbody_boxl{
  height:100%;
  min-height: 500px;
  background-image: url(/mobile/images/th-line1.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, right;
}

#form_w .dual_field{
  margin-right:10px;
}
#save_weekly{margin-left:10px;}

/* 2025.04.25 김동현 추가 */
  .visit-box .flex-box {display: flex; align-items: center; justify-content: center;}

.appDetail-table{
  height:auto;
  text-align: center;
  padding: 0 15px;
  border-collapse: collapse; /* 테이블 셀 간의 간격 제거 */
  font-weight: normal;
}

/*동형250430*/
.appDetail-h3 {
  padding: 10px 0;
  font-weight: normal;
  font-size: 17px;
}



.appDetail-table-request thead,
.appDetail-table-consult thead {
  background-color: rgb(245,225,227)
}

.appDetail-table-header-row {
  height: 45px;
  font-weight: normal !important;
  color: var(--th-font-color);
  white-space: nowrap;
  background-color: var(--th-bg-color);
  background-image: url(/mobile/images/th-line2.svg), url(/mobile/images/th-line1.svg);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left;
}
/* .appDetail-table-header {
  font-weight: normal;
  border-right: 1px solid var(--gray-light);
} */
.appDetail-table-data-row {
  height: 45px;
  color: rgb(49, 49, 49);
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}

.appDetail-table-consult .appDetail-table-data-row:last-child,
.appDetail-table-request .appDetail-table-data-row:last-child {
  border-bottom: none;
}

#dh-div-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#dh-div-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}
#dfasd{gap:10px;}

#dh-div-3{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
#dh-div-4{
  float:right;
  margin-top:-38px;
}

.appDetail-select {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.dh-pagination {
  display: flex;
  justify-content: flex-start;

}

.dh-pagination-link,
.dh-pagination-current,
.dh-pagination-ellipsis {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 3px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 14px;
}

.dh-pagination-link:hover {
  background-color: #f0f0f0;
}

.dh-pagination-current {
  background-color: rgb(255, 0, 0);
  color: white;
  border-color: rgb(255, 0, 0);
}

.dh-pagination-ellipsis {
  border: none;
}

.dh-subTr {
  background:var(--gray-light-1);
	text-align: center;
}

.single-page-button .current-page{
  color: red;
}

.page-btns .prev-btn::before {
  content:'\E81F';
  font-family: feather;
}

.page-btns .next-btn::before {
  content:'\E81E';
  font-family: feather;
}

.page-btns .prev-btn, .page-btns .next-btn {
  width:18px; height:18px; line-height:18px;
  border:1px solid #ccc;
  border-radius:4px;
}

.page-btns .current-page {
  color: red;
}

#dh-div-2 .select-box, #dh-div-3 .select-box {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

#chart_daily .th_ck_d{text-align:center; width: 60px;}
#chart_daily .time_d{width: 70px;}
#chart_daily .class_d{width: 140px;}
#chart_daily .date_d{width: 100px;}
.li_sch_d{border-top:1px solid var(--gray-light); } 
.li_sch_d:before{}

.box_sd_D #searchForm{margin-bottom: 20px; display:flex; justify-content: space-between;}
.box_sd_D #searchForm .sf_d_rt{display:flex; gap:10px; align-items: center;}

/* 25.05.09 김동현 추가 */
.sch_d {
  position: relative;
  top: -15px;
  left: -12px;
}

.sch_d .div_sch_d {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -1px 0;
}

.sch_d .div_sch_d span {
  position: relative;
  top: -6px;
}

.sch_d hr.hr_sch_d {
  color: var(--gray-light-2);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  width: 90%;
  margin-left: 10px;
  position: relative;
  top: -6px;
}

.sch_d button.btn_sch_d {
  border: none;
  display: flex;
  height: 23px;
  line-height: 50px;
  padding-left: 10px;
  margin-top: -12px;
  width: 90%;
  position: relative;
  top: 0;
  left: 45px;
  border-radius: 5px;
  cursor: default;
}

#schedule_index_2 .timeline-item.today {
  position: relative;
  left: -230px;
  width: 58%;
}

#schedule_index_2 .timeline-item.today .month-label::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 158px;
    width: 8px;
    height: 8px;
    background-color: #555;
    border-radius: 50%;
    z-index: 1;
}

#schedule_index_2 .timeline-item.today .day-label {
  margin-left: 30px;
}

#schedule_index_2 .timeline-item {
  width: 35%;
  text-align: end;
  font-size: 21px;
  position: relative;
  left: -186px;
  margin: 28px 0;
}

#schedule_index_2 .timeline-item .year-label {
  color: var(--data_tit-color);
  font-size: 12px;
}


#schedule_index_2::after {
    content: '';
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 110px;
    width: 2px;
    height: 670px;
    background-color: var(--gary-color);
    z-index: 0;
}

#schedule_index_2 .timeline-item::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 165px;
    width: 8px;
    height: 8px;
    background-color: #555;
    border-radius: 50%;
    z-index: 1;
}

#schedule_index_2 .timeline-item.today::before {
  display: none;
}

#schedule_index_2 .timeline-box {
  width: 75%;
  height: 33px;
  border-radius: 5px;
  position: relative;
  left: 147px;
}

#schedule_index_2 .timeline-box-d {
  width: 85%;
  height: 33px;
  border-radius: 5px;
  position: relative;
  left: 96px;
}

#schedule_index_2 .timeline-box .timeline-item-2 {
  position: relative;
  top: -58px;
  display: flex;
  gap: 15px;
}

#schedule_index_2 .timeline-box-d .timeline-item-3 {
  position: relative;
  top: -58px;
  display: flex;
  gap: 15px;
}

/* 년간 스케쥴 */
#schedule_index_1 .timeline-item.today {
  position: relative;
  left: -235px;
  width: 55%;
}

#schedule_index_1 .timeline-item.today .month-label::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 163px;
    width: 8px;
    height: 8px;
    background-color: #555;
    border-radius: 50%;
    z-index: 1;
}

#schedule_index_1 .timeline-item.today .month-label {
  margin-left: 12px;
}

#schedule_index_1 .timeline-item {
  width: 30%;
  font-size: 21px;
  position: relative;
}


/* #schedule_index_1::after {
    content: '';
    position: absolute;
    top: 38px;
    bottom: 0;
    left: 78px;
    width: 2px;
    height: 620px;
    background-color: var(--gary-color);
    z-index: 0;
} */

#schedule_index_1 .timeline-item::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 125px;
    width: 8px;
    height: 8px;
    background-color: #555;
    border-radius: 50%;
    z-index: 1;
}
/**/
#schedule_index_1 .timeline-box+.timeline-box .timeline-item::after{
    content: '';
    position: absolute;
    top: -15px;
    left: 128px;
    width: 2px;
    height: 30px;
    background-color: var(--gary-color);
    border-radius: 4px;
    z-index: 0;
}
#schedule_index_1 .timeline-box:last-child .arrow{

  position: absolute;
  width: 2px;
  height: 30px;
  background-color: black;
  margin: 0px;
  bottom: 21px;
  left: 128px;
}

#schedule_index_1 .timeline-box:last-child .arrow::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid black;
}
/*
#schedule_index_1 .timeline-box+.timeline-box .arrow{
  position: absolute;
  width: 2px;
  height: 30px;
  background-color: black;
  margin: 0px;
  bottom: 21px;
  left: 128px;
}
#schedule_index_1 .timeline-box+.timeline-box .arrow::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid black;
}

*/


#schedule_index_1 .timeline-item.today::before {
  display: none;
}

#schedule_index_1 .timeline-box {
  display:flex;
  height: 33px;
  border-radius: 5px;
  position: relative;
  align-items: center
}

#schedule_index_1 .timeline-box-d {
  width: 85%;
  height: 33px;
  border-radius: 5px;
  position: relative;
  left: 96px;
  margin: 120px 0;
}

#schedule_index_1 .timeline-box .timeline-item-2 {
  position: relative;
  display: flex;
  flex:1;
}

#schedule_index_1 .timeline-box-d .timeline-item-2 {
  position: relative;
  top: -58px;
  display: flex;
  gap: 15px;
}

.sch_d .item_sch_d {
  position: relative;
  left: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sch_d .item_sch_d .schCheckbox {
  position: relative;
  top: -6px;
  left: 40px;
}

#schweek_rt_table{
  border-right:1px solid var(--gray-light);
}

.sch_d_modals .modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
}
.sch_d_modals .modal-content {
  position: relative;
  top: -190px;
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 10px;
  width: 800px;
  text-align: center;
}
.sch_d_modals .close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.sch_d .select-all {
  position: relative;
  top: -10px;
  width: fit-content;
  color: var(--gray-bg-light);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  border-radius: 4px;
  padding: 2px;
}

.sch_d .select-all #schCheckbox-select-all {
  margin-left: 3px;
}

/* 김동현 25.05.16 추가 */
/* 전체 폼 박스 */
.schedule-form {
  font-family: 'Arial', sans-serif;
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  max-width: 600px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 닫기 버튼 */
.schedule-form .close {
  align-self: flex-end;
  font-size: 24px;
  color: #888;
  cursor: pointer;
}

/* 폼 그룹 */
.schedule-form .form-group {
  display: flex;
  align-items: center;
}

/* 레이블 */
.schedule-form label {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
.schedule-form #dash {
  position: relative;
  left: 6px;
}

/* 인풋, 셀렉트, 텍스트 */
.schedule-form input[type="text"],
.schedule-form input[type="datetime-local"],
.schedule-form select,
.schedule-form textarea {
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  outline-color: #1a73e8;
}

.schedule-form textarea {
  width: 480px;
  height: 150px;
}

.schedule-form input[type="time"] {
  border: 1px solid var(--input-line-color);
  border-radius: var(--input-radius);
}

/* 시작/종료 시간 그룹 */
.schedule-form .time-form-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.schedule-form .time-form-group .form-group {
  align-items: center;
  flex: 1;
}
.schedule-form .time-form-group .form-group input {
  width: 90%;
  height: 35px;
}

.schedule-form .color-picker {
  display: flex;
  gap: 10px;
}
.schedule-form .color-box {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
}
.schedule-form .color-box:hover {
  border-color: #1a73e8;
}
.schedule-form .color-box.selected {
  border-color: #000;
}

.schedule-form #repeat-form-group {
  gap: 5px;
}
.schedule-form .form-group #alertType {
  margin-right: 10px;
}

.schedule-form #sch-busy {
  margin-left: 275px;
}

.schedule-form button {
  align-self: flex-end;
  background: #1a73e8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
.schedule-form button:hover {
  background: #1664d0;
}

.schedule-form #location {
  margin: 0 0 0 29px ;
  width: 87%;
}

.schedule-form #title {
  margin: 0 15px 0 29px;
  width: 65%;
}

.ml_lt{display:flex;}


#cal_y{
  width:100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 3열 */
  gap: 15px;
  padding: 20px;
}

#cal_y caption {
      font-weight: bold;
      margin-bottom: 5px;
      font-size: 14px;
}
#cal_y th, #cal_y td{
   text-align: center;
}
#cal_y th {
  background-color: #f9f9f9;
}
#cal_y .sunday{
  color:red;
}
#cal_y .saturday{
  color:blue;
}


.ul_leadName{display:flex; gap:5px;}
.box_sd_D #searchForm .sf_d_rt .opt_hidden{height:23px;}

.box_sd_D_menu, .box_sd_Y_menu{display:flex; gap:10px;}
.box_sd_D_menu{margin-top: -20px;}
.box_sd_Y_menu{margin-top: -32px;}
.box_sd_D_menu_li, .box_sd_Y_menu_li{
    border-top:4px solid transparent;
    display: block;
    text-align: center;
    line-height: 30px;
    height: 44px;
    padding-top: 4px;
  font-size:15px; 
  font-weight: 500;}
.box_sd_D_menu_li.on, .box_sd_Y_menu_li.on{border-top-color:red; color:red;}
#current_month_info, #current_year_info, #current_week_info, #current_day_info{font-size:20px;}

#schedule_index_1{position:relative; display:block; flex:1;}

.schedule_index_scroll{overflow:scroll;}
.menu_sd_Y{display:flex; position:absolute; top: 8px; right: 35px; align-items: center;}
.box_sd_Y{overflow-y: scroll; flex: 1;}

.party_box{display:none; gap:10px; align-items: center;}
#sel_party{
    position: relative;
    z-index: 15;
    height: 30px;
    background-color:#fff;
}
#party_member{
  display: flex;
  position: relative;
  z-index: 15;
  align-items: flex-start;
  height: 44px;
}
#party_member li+li{margin-left:14px;}
.year-label{font-size:15px;}

.add_menu_lt{display:flex; align-items: center;}
#userCluAsset, #userCluDept, #coRevenue {margin-right: 5px; text-align: right;}
#userCluAsset, #userCluDept{width: 70px;}
#coRevenue{width: 65px;}
#open-btn-nc{width:120px; height:30px;}

.job_searching_box{padding-bottom:10px;}
.job_searching_box2{border-top: 1px solid #dbdbdb;}
#class_M{width:105px;}

.box_advT1, .box_advT2{min-height:310px;}
.tb-lay .th-12_v2{padding:0 0 10px 0; text-align:left;     
    color: var(--data_tit-color);
    letter-spacing: -.04em;
    font-size: 13px;
    white-space: nowrap;
    font-weight: 300;}
.tb-lay .th-12_v2+.th-12_v2{padding-left:10px;}
.td_period{padding-left:10px;}
.td_period input{display:block; width: 120px;}
.fileUploadButton{
  width:21px; height:21px; margin:auto; 
  background-color: #43b291;
  border-radius:100%;
}
.fileUploadButton:before{
  text-align:center;
  font-family: 'feather';
  content: "\E858";
  color:#fff;
}
.fileUploadButton + .fileUploadButton{margin-top:6px; }
.paginiation1 button+button{margin-left:6px;}

/* .artkimRT{display:flex;  flex-wrap:wrap; padding:10px; justify-content:space-between; position:relative; } */
 #artkim_RT{padding:10px 20px;; position:relative; flex: 1; overflow-y: auto; }
 .artkimRT_P{ display: grid; grid-template-columns: repeat(10, 95px); gap: 5px; justify-content: space-between;}
.square{width:95px; height:95px; background-color: #ddd; box-sizing:border-box; position:relative; overflow:hidden;}
/* .square::after{content: '\E819'; font-family: feather; color:#fff; text-align:center; font-size:40px; position:absolute; left:50%; top:50%; transform:translate(-50% , -50%);} */

.work_name, .work_info{font-size:10px; height:20px; width:90%; display:inline-block; }
.work_box{
  /* margin-right:10px; margin-bottom:10px;  */
  position:relative;
  display:flex; flex-direction: column; align-items: center; margin-bottom:5px;}

.logo_artkim{
  display: flex;
    color: #fff;
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-weight: bold;
    height: 20px;
    width: auto;
   }

.logo_artkim img{height:auto; width:160px;}


.square_opt, .square_opt2{display:flex; justify-content: space-between; align-items: center;}
.square_opt2{gap:3px; margin-left:10px;}
.square_opt .btn_want, .square_opt .btn_buy{width:23px; height:23px; text-align:center; line-height:23px;}
.square_opt .btn_big:before, .square_opt .btn_want:before, .square_opt .btn_buy:before{font-size:17px; font-family: boxicons; color:#fff; text-align:center;}
.square_opt .btn_big:before{content: '\EBF7';}
.square_opt .btn_want:before{content: '\EB0A';}
.square_opt .btn_want.on:before{content: '\EDE2'; color:#0011ff;}
.square_opt .btn_buy:before{content: '\EA36'}
.square_opt .btn_buy.on:before{color:#0011ff; content: '\ED22'}
#artkim_RT .now-date{
  position:absolute; top:-40px;
}
#generation_info{font-size: 20px; margin-right:10px; margin-left:20px;}
#opt_generation{margin-right:20px; border-radius:0;}
.ks_mpa{text-align: center; line-height:12px; padding: 10px 0; color: #52a5ff; position:relative;}
.ks_mpa.on{color:#0606e7; }
.ks_mpa.on::before{content:''; display:block; width:100%; height:1px; background:#0606e7; position:absolute; left:0; top:0;}
.ks_mpa+.ks_mpa{margin-left:16px;}
.ks_mpa .t{font-size:15px; font-weight: normal;}
.ks_mpa .b{font-size:9px;}

.trash_btns{display:flex; gap:10px;}
.work_pic{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block;  max-width: 100%; max-height: 100%;}

/* #new_register_modal .flex_div {justify-content: space-between;} */
#new_register_modal .popup_head{background:#9b9898; }
#new_register_modal .guide-write{ min-height: 250px;}
.regimodal_men_1{display:flex; justify-content: space-between; padding:10px;}
.regimodal_men_1 button{margin-left:10px; color:#fff; background:#040469; border-radius:3rem; padding:0 10px;}
#btn_R{height:30px; color:#fff; background:#0606e7; border-radius: 3rem; padding: 0px 10px;}
.regimodal_men_1 .lt{display:flex; gap:3px;}
#_size_w, #_size_h, #_size_d{display:block; width:55px;}
#file_workPic{margin-top:5px;}
#new_register_modal .poto_body{padding:0 10px;}
#new_register_modal .poto-group{padding:0 10px 10px;}
#adresbookRegist{ background: #040469;
    border-radius: 3rem;
    display: flex;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    white-space: nowrap;
    color: #fff;
    padding: 0px 10px;
}
#adresbookRegist:after{
  font-family: 'boxicons';
  content: "\ebc0";
  font-size: 15px;
}

#work_wh{font-size:14px; padding-left:10px; font-weight: 500; }
#code_num, #sticker_num{display:block;}
#code_num{width:115px;}
#sticker_num{width:80px;}

#big_modal .poto_body{
    background:#fff;
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  
}

#want_modal .poto_body{
  background:#fff;
  position:relative;
  
}
.poto_body_want, .poto_body_buy{font-size:18px; padding:20px 0;}
.poto_body_want p, .poto_body_buy p{text-align:center; margin-bottom:10px;}
.poto_body_btns{display:flex; width:100px; margin:auto; gap: 10px; justify-content: space-between; }
.poto_body_btn{width:50px; height:25px; background:#00000014; text-align:center; line-height:25px; border-radius:4px;}
.btn_y {color:#00f;}
.btn_n {color:#f00;}
 #_producing, #_release{width:50px; text-align:center; }

.com-paging .btn_bottom{height:28px; width:80px; color:#fff; background-color:#040469; }
.event_period{display:none;}

#pagination_controls{text-align:center; margin-top:20px; display: flex; gap: 10px; height: 20px;}
#pagination_controls button {width:20px; height:20px; border:1px solid }

#pagination_controls .active {
    background-color: #444;
    color: #fff;
    font-weight: bold;
}

#pagination_controls .ellipsis {
    margin: 0 5px;
    color: #aaa;
}



.table-input-box tr:nth-child(2n) td:first-child{
  border-top: none;
   background-image: none,  url(/assets/images/td-line1.svg);
}  
.table-input-box  tr:nth-child(2n+1) td:first-child{
  background-image: none,  url(/assets/images/td-line1.svg);
}
  

.work_wrap {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;  /* 이미지 넘침 방지 */
}
.unimportant3 .work_wrap{
  width: 100%;
  height: 98px;
}
.unimportant4 .work_wrap{
  width: 100%;
  height: 50px;
}
.square.no_data::before{
  font-family: boxicons;
  content:"\EA24";
  color:#fff;
  font-size:40px;
  line-height:95px;
}

#artkimRT_PN{margin-top:10px; display: flex; align-items: center;}
#artkimRT_PN button{font-size: 15px;}
.workNaviB{font-size:17px;}
#outboundGroup{border-radius:0;}

#ul_photo4{border-top:1px solid #fff; display:flex; align-items: center; gap:4px; height:80px; width:100%; background:#fff; padding:0 4px;}

#ul_photo4s{flex:1; height:70px; display:flex; gap:3px; justify-content: center;}
.li_photo4s{width:70px; height:70px;
    position: relative;
    overflow: hidden;
    background:#fff;
}
.li_photo4s.on{border:3px solid #9b9898;}
.li_photo4s img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.savebutton{color:var(--basics-color); border:1px solid #ccc; padding: 0 10px; height:30px;}
.savebutton:hover{border:1px solid #9b9898; background:#9b9898; color:#fff;}
#sel_big_expand{background-color:#fff;}

.length_box{color:#fff; width:20px; height:20px; text-align:center; line-height:22px; border-radius:100%; background-color:#00000024; font-size:12px; position:absolute;right:5px; bottom:5px;}

#_key_no{width:80px; text-align:center;}

#_sticker_no{width:80px; text-align:center;}

#_groupid{width:100px}


.statusWrap{display:flex; gap:10px; align-items: center; padding: 0 10px;}