:root {
  --right-sidebar-width: 50px;
  --right-icon-width: 38px;
  --focus-box-shadow: 0 0 0 4px rgba(30, 139, 211, 0.2), 0 0 0 1px rgb(36 42 48 / 20%), 0 1px 1px 0 rgb(36 42 48 / 0%), 0 6px 12px 0 rgb(36 42 48 / 0%);
  --tooltip-color: #424557;
  --lnb-width: 250px;
  --lnb-bg: #fcfcfc;
  --lnb-top-bg: var(--gw-cerulean-20);
  --lnb-top-padding: 16px 28px;
  --lnb-collapse-width: 82px;
  --lnb-collapse-btn-width: 36px;
  --lnb-collapse-top-padding: 16px 0;
}

div.viewinfo p@charset "utf-8";

/* 2022.02 채널 리스트 UI 수정 */
@keyframes lengthen {
  from {
    width: 0;
    height: 0;
    opacity: 0;
    left: -30px;
  }
  to {
    width: 45%;
    /* height: initial; */
    opacity: 1;
    left: 0px;
  }
}

@keyframes fadeIn {
  from {
    width: 35%;
    height: 0px;
    opacity: 0;
    left: -10px;
  }
  to {
    width: 45%;
    height: 240px;
    height: initial;
    opacity: 1;
    left: 0px;
  }
}

@keyframes full {
  from {
    width: 45%;
    height: 0;
    opacity: 0;
    left: -10px;
  }
  to {
    width: 93%;
    height: 350px;
    opacity: 1;
    left: 0px;
  }
}

@keyframes teamFadeIn {
  0%, 50% {
    opacity: 0;
    left: -10px;
    background: #fcfcfc;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1919.99px){
  :root {
      --font-size-sm: 12px;
      --font-size-md: 14px;
      --font-size-lg: 18px;
  }

  div.Teamadd_pop {
    width: 900px; 
    height: 520px !important;
    left: 0;
    top: 0 !important;
    transform: translateX(calc(25% + 200px)) translateY(12%);
  }
}
@media (min-width: 1920px) {
  :root {
      --font-size-sm: 14px;
      --font-size-md: 18px;
      --font-size-lg: 22px;
  }

  div.Teamadd_pop {
    width: 1000px; 
    height: 520px !important;
    left: 0;
    top: 0 !important;
    transform: translateX(calc(25% + 200px)) translateY(12%);
  }
}

body {
  -webkit-font-smoothing: antialiased;
  padding: 0 !important;
}


body * {
  font-family: var(--font-regular);
}
/*post view*/
.channel_post_view{
	max-height:120px;
	overflow-y:auto;
}

.post_view > p{
	padding:0 !important;
	margin-top:8px !important;
}

.post_view > blockquote{
	margin-top:8px;
	border-left:5px solid red;
}

.post_view > h1{
	font-weight:bold !important;
	font-size:25px !important;
}

.post_view > h2{
	font-weight:bold !important;
	font-size:20px !important;
}

.post_view > h3{
	font-weight:bold !important;
	font-size:15 px !important;
}

/*  롤오버이미지 */
a.rollover img{display:inline-block}
a.rollover img.over{display:none}
a.rollover:hover{border:0px}
a.rollover:hover img{display:none}
a.rollover:hover img.over{display:inline-block;}
.active img{display:none}
.active:hover img{display:none}
.active img.over{display:inline}
.active:hover img.over{display:inline}
.active1 img{display:none}
.active1:hover img{display:none}
.active1 img.over{display:inline}
.active1:hover img.over{display:inline}

/*arrow*/
span.arrow_R{ display:inline-block; border-style: solid; border-width: 4px 0 4px 6px; border-color:transparent transparent transparent #fff; }
span.arrow_B{ display:inline-block; border-style: solid; border-width: 4px 3px 0 3px; border-color:#fff transparent transparent transparent; vertical-align:middle; }

/*float*/
.Float_L{ float:left;}

/* 그라데이션 버튼*/
button.common{     /* border: 1px solid #69727d; */
    /* box-shadow: 1px 1px 0px #fff; */
    border-radius: 2px;
    cursor: pointer;
    /* background: rgb(138,153,167); */
    background: -moz-linear-gradient(top, rgba(138,153,167,1) 0%, rgba(96,107,127,1) 92%);
    /* background: -webkit-linear-gradient(top, rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%); */
    background: #67b2c7;
}

button.danger{
	/* box-shadow: 1px 1px 0px #fff; */
    border-radius: 2px;
    cursor: pointer;
    /* background: rgb(138,153,167); */
    background: -moz-linear-gradient(top, rgba(138,153,167,1) 0%, rgba(96,107,127,1) 92%);
    /* background: -webkit-linear-gradient(top, rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%); */
    background: #fb7231;
}

button.common:hover{background:#1f7498; /* box-shadow: inset 1px 1px 1px #495465; */}
button.common[disabled]{ border:0px solid #939597; box-shadow:inset 1px 1px 2px #9d9fa2; border-radius:2px; cursor:inherit; background: #d5dadf; }

button.danger:hover{background:#c75924; /* box-shadow: inset 1px 1px 1px #495465; */}
button.danger[disabled]{ border:0px solid #939597; box-shadow:inset 1px 1px 2px #9d9fa2; border-radius:2px; cursor:inherit; background: #d5dadf; }

button.location{ position:absolute;}
button.fixsize{ width:63px; height:27px;}

/* 그라데이션 버튼 텍스트 타입*/
span.CommonType{/* border-left:1px solid #919ca9; border-top:1px solid #a2aeb9;  */color:#fff; font-family:'NanumGothicBold'; text-align:center; }
button.common:hover span.CommonType{border-left:1px solid #1f7498; border-top:1px solid #1f7498;}
button.danger:hover span.CommonType{border-left:1px solid #c75924; border-top:1px solid #c75924;}
/*span.CommonType[disabled]{border:0;}*/
/* span.Type01{ display:block; width:62px; height:25px; font-size:12px; padding-top:5px; line-height:12px;} */
span.Type02{ display:inline-block; font-size:13px; line-height:13px; padding:9px 20px 11px 20px;}
span.Type03{ width:73px; height:32px; padding-top:8px;  display:inline-block; font-size:13px; line-height:13px;}



body{ 
	/* background:#354052; */ 
	position:relative;
}

#wrap{ 
  width:100%; 
  height: 100%;
  position:relative; 
  /* overflow:hidden;  */
  box-sizing:border-box;
  display: grid;
  grid-template-columns: max-content auto 50px; 
  grid-template-rows: 100%;
}
#wrap.post-editor {
  grid-template-columns: 100%;
}

#wrap img{ max-width:100%;max-height:300px;}



/*===================================================================== 로그인 =====================================================================*/
#Login_wrap{ width:100%; position:relative; overflow:hidden; box-sizing:border-box; background:#f3f3f4; padding-top:100px;}
div.login{ margin:0 auto; width:352px; text-align:center; }
div.login h1{ margin-bottom:70px;}
div.login p.intro_txt{ font-size:13px; color:#3f4040; margin-bottom:30px; text-shadow: 1px 1px 0 #f9f9fa;}
div.login p.intro_txt span{ display:block; font-size:18px; font-family: 'NanumGothicBold'; margin-bottom:10px;}

div.login span.login_info{ width:100%; height:36px; display:block; border:1px solid #c8c8c8; border-radius:2px; box-shadow: 1px 1px 0 #fff; background-color:#fff; position:relative;}
div.login span.login_info img{ display:block; position:absolute; top:10px; left:20px;}
div.login span.login_info input{ position:absolute; right:0; top:0; height:34px; width:88%; border:0; background:none; padding-right:30px; }

.mail_icon{ display:block; position:absolute; top:10px; left:10px;}
.caution_icon{ display:block; position:absolute; top:5px; left:5px;width:23px;height:23px;}

div.login span.login_info input:-moz-placeholder {color: #999;opacity: 1;}
div.login span.login_info input:-ms-input-placeholder {color: #999; }
div.login span.login_info input:-webkit-input-placeholder {color: #999;}

/* div.login_btn{ width:100%; height:36px; border-radius:2px; background:#50d2b6; color:#fff; font-size:14px; text-align:center; font-family: 'NanumGothicBold'; padding-top:7px; cursor:pointer;} */
/* div.login_btn:hover{ background:#42bba1; } */
div.login_btn{ width:100%; height:36px; font-size:14px; text-align:center; padding-top:7px;} 

div.login_btn[disabled] {background-color: #c4c4c4 !important;color: #fff !important;}

div.login p a{ display:block; margin-bottom:15px;}
div.login p a:hover{ text-decoration:underline;}
div.login p a.pw_loss{ color:#4a9af9; font-family: 'NanumGothicBold'; }

span.copyright{ font-size:12px; color:#9e9f9f;}


.warning{ border:1px solid red !important; background:url(../img/warning.gif) 325px 8px no-repeat;}



/*===================================================================== 왼쪽 영역 =====================================================================*/
div.profile{ height:93px; padding:20px 10px;}
div.Pro_Img{ margin-right:6px; vertical-align:middle; display:inline-block;}
div.proInfo{ width:136px; vertical-align:middle; display:inline-block;}
div.proInfo h3{ font-family: 'NanumGothicBold'; font-size:14px; color:#fff; margin-bottom:5px;}
div.proInfo h3 button{ width:11px; height:11px;}
div.proInfo h3 button:first-child{ margin:0 4px;}
div.proInfo p{ color:#a7b1c2; font-size:12px; line-height:12px;}

div.teamList{ background:#1ab394; height:40px; padding:10px; position:relative;}
div.teamList span.newbox{display:inline-block; width:40px; height:15px; line-height:15px; border-radius:3px; background:#fff; font-size:9px; color:#1ab394; text-align:center; vertical-align:middle; font-family: 'NanumGothicBold'; margin-left:5px;}
div.teamList button{ position:absolute; top:18px; right:10px; width:16px; height:4px;}

div.teamList div.btn_month{ cursor:pointer; display:inline-block; font-size:14px; color:#fff; overflow:hidden; text-overflow:ellipsis; width:75%; height:100%; white-space: nowrap; font-family: 'NanumGothicBold'; }
div.teamList div.btn_month:hover,
div.teamList div.btn_month:hover > span.arrow_B{}


div.group_box{}
div.titleName{ height:40px; padding:10px; position:relative;}
div.titleName h3{ display:inline-block; color:#fff; font-size:14px; font-family: 'NanumGothicBold'; }
div.titleName h3 img{ vertical-align:middle; margin-right:7px;}
div.titleName button{ width:15px; height:10px; position:absolute; top:13px; right:10px;}

/*sidebar theme*/
div.themeBox{ display:none; position:absolute; top:6px; left:163px; padding:15px 10px 15px 15px; background:#fff; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); border-radius:5px; z-index:999;}
div.themeBox h3{ font-size:14px; color:#3e3e3e; font-family: 'NanumGothicBold'; margin-bottom:10px; }
div.themeBox button{ margin-right:5px; width:25px; height:25px; text-indent:-999px; padding-bottom:7px; border-radius:4px;}
div.themeBox button span{ display:block; width:25px; height:4px;}
div.themeBox span.arrow{ border-width: 4px 6px 4px 0; display:inline-block; border-style: solid; border-color:transparent #fff transparent transparent; position:absolute; top:28px; left:-6px; }

/*button Bg*/
button.theme01{background:#2f4050;}
button.theme02{background:#116982;}
button.theme03{background:#333333;}
button.theme04{background:#e6e8e9;}

/*line Bg*/
span.theme01{background:#1ab394;}
span.theme02{background:#c3cc63;}
span.theme03{background:#f67a56;}
span.theme04{background:#2cbcbf;}


/*
ul.group_name{ margin-top:10px;}
ul.group_name li{ padding:0 5px;}
ul.group_name li a{display:inline-block; line-height:13px; font-size:13px; padding-left:15px;}
ul.group_name li a.nomal{color:#fff; background:url(../img/bullet.png) 0 1px no-repeat;}
ul.group_name li a.select, ul.group_name li a:hover{color:#50d2b6; background:url(../img/bullet_sel.png) 0 1px no-repeat;}
*/
ul.group_name .select_channel{ background:#2CBCBF; color:#FFF; font-weight:bold; }
ul.group_name .select_channel .lnb_channel_list_text_color{ color :#fff !important;}
ul.group_name .select_channel .lnb_channel_list_bullet_color {border:none !important;} 
ul.group_name{ background:#293846; }
ul.group_name li{ padding:5px 0; padding: 8px;}
ul.group_name li a{display:inline-block; color:rgba(255, 255, 255, 0.5); line-height:13px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; width:140px; overflow:hidden; vertical-align:middle;}
ul.group_name li a.nomal{color:#a7b1c2;}
ul.group_name li a.lock_Width{ width:118px !important;}
ul.group_name li a img.lock_icon{ display:inline-block; position:absolute; right:37px;} 
ul.group_name li span{ display:inline-block; font-size:10px; text-align:center; position:absolute; right:15px; }
ul.group_name li span.Num{ color:rgba(255, 255, 255, 0.5); font-family: 'NanumGothicBold';}
ul.group_name li span.Num_Full{ color:f3ce85; font-family: 'NanumGothicBold';}
ul.group_name li a.unbind{ width:165px; box-shadow:1px 1px 0px rgba(255, 255, 255, 0.1); vertical-align:middle;}
ul.group_name li a input.groupname_modify{ height:25px; border-radius:2px; border:1px solid #101620; width:100%; padding:0 22px 1px 5px; position:relative;}
input.groupname_modify::-ms-clear { display:none;}
img.lnb_close{ position:absolute; padding:5px 10px 10px 10px; cursor:pointer; opacity:0.8;}
img.lnb_close:hover{ opacity:1;}


div.menu_bullet_select{display:inline-block; width:8px; height:8px; border:2px solid rgba(255, 255, 255, 0.5); border-radius:10px; margin-right:5px; vertical-align:middle; }
ul.group_name li:hover div.menu_bullet_select{ border:0; background:rgba(255, 255, 255, 1);}
ul.group_name li:hover a{ color:rgba(255, 255, 255, 1);}

/*20160407_selected*/
ul.group_name li a.selected{ color:rgba(255, 255, 255, 1);}
ul.group_name li div.menu_bullet_selected{ border:0; background:rgba(255, 255, 255, 1); }

/*20170303 관리자채팅페이지 selected - nj*/
div.admin_chat_selected{ border:0; background:rgba(0, 0, 0, 1); }





/*team list box*/
div.List{ display:none; width:190px; position:absolute; top:127px; left:15px; background:#fff; border-radius:2px; box-shadow:0px 2px 5px #000; padding-bottom:10px;}
div.List h6{ font-size:13px; line-height:13px; padding:10px; text-align:center;}
div.List h6 span{ width:170px; border-bottom:1px solid #d6d7da; color:#8f939b; display:inline-block; padding-bottom:10px;}
div.List ul li a{ height:30px; display:block; font-size:13px; line-height:20px; color:#354052; padding:6px 10px; overflow:hidden; word-break:break-all;}
div.List ul li a:hover{ background:#f5f5f5;}
div.List ul li a span.nBox{ display:inline-block; width:13px; height:13px; font-size:8px; font-family: 'NanumGothicBold'; color:#fff; background:#f5796d; border-radius:3px; text-align:center; vertical-align:middle; line-height:13px; margin-left:5px;}

/*===================================================================== 오른쪽 영역 =====================================================================*/
div.Right_area{ 
  width:100%; 
  position:relative; 
  z-index: 99;
  /* overflow: hidden; */
}
div.scrollwrap{max-height: 979px;}

/*고정영역*/
div.fixarea{ position:fixed; width:100%; bottom:0px; right:0; padding-left:220px; z-index:9; }
div.fixarea02{ position:fixed; width:54.2%; bottom:0px; left:0; margin-left:250px; z-index:9;}
div.absarea02{ position:absolute; width:100%; bottom:0px; left:0; margin-left:0px; z-index:50;}
div.fixarea-cnt {padding:0 20px 20px 20px; background:#fff; }

div.TitSearch{ position:relative; margin-top:9px;}
div.TitSearch h3{ font-size:24px; color:#222c3c; display:inline-block; float:left; padding:5px 0 0 20px; font-family: 'NanumGothicBold'; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:30%;}

div.TitSearch ul{position:absolute; top:2px; right:468px;}
div.TitSearch ul li{ float:left;}

/*20160204 검색영역 */
/*.SearchBox{ position:relative; height: 37px; border-radius:2px; background:#fff; border-right:1px solid #f3f4f4; border-bottom:1px solid #f3f4f4; }
.SearchBox span.shadow{ width:100%; display:inline-block; border-radius:2px; border:1px solid #cdcdcd; height: 37px; box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1);}
.SearchBox input{ height:37px; line-height: 20px; vertical-align: middle; padding: 2px 35px 4px 7px; background: none; border:0; color:#595959; float:left; font-size:14px; }
.SearchBox img{ display:block; position:absolute; top:7px; right:7px;}*/

.SearchBox{ height: 37px; border-radius:2px; background:#fff; padding:0 15px;}
.SearchBox span.shadow{ width:100%; display:inline-block; border-radius:2px; border:1px solid #cdcdcd; height: 37px; position:relative;}
.SearchBox input.Txtbox02{ width:100%; height:34px; line-height: 20px; vertical-align: middle; padding: 4px 35px 4px 7px; background: none; border:0; color:#595959; float:left; font-size:13px;}
.SearchBox img{ display:block; position:absolute; top:7px; right:7px; cursor:pointer;}

.No_inner{box-shadow: inset 1px 1px 0px rgba(0,0,0,0) !important;}
input.Txtbox{box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1); width:100%; height:36px; line-height: 20px; vertical-align: middle; padding: 4px 5px 4px 7px; background: none; border:0; color:#595959; float:left; font-size:13px; }
input.New_Txtbox{display:inline-block; height:37px; line-height: 20px; vertical-align: middle; padding: 4px 5px 4px 7px; background: #fff;  border:1px solid #cdcdcd; color:#595959; font-size:13px; border-radius:2px; }

.rounding_all{ border-radius:2px !important;}


/*20160201 검색영역*/
li.Top_SearchBox{ position:relative; height: 33px; border-radius:2px; background:#fff; border-right:1px solid #f3f4f4; border-bottom:1px solid #f3f4f4; }
li.Top_SearchBox span.shadow{ width:100%; display:inline-block; border-radius:2px; border:1px solid #cdcdcd; height: 32px; box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1);}
li.Top_SearchBox input{ height:32px; line-height: 20px; vertical-align: middle; padding: 2px 5px 4px 7px; background: none; border:0; color:#595959; float:left; /* box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1);  */font-size:14px; }
li.Top_SearchBox img{ display:block; position:absolute; top:7px; right:7px;}

div.Bot_WriteArea{ position:relative; width:100%; height:45px; margin-top:10px; z-index:50}
div.Bot_WriteArea span.enter{ position:absolute; top:0; left:0; display:block; width:45px; height:45px; border:2px solid #dfe0e1; float:left; border-top-left-radius:3px; border-bottom-left-radius:3px;}
div.Bot_WriteArea span.enter:hover{ background:#50d2b6; border:2px solid #50d2b6;}
div.Bot_WriteArea span.enter:hover img{ display:none;}
div.Bot_WriteArea span.enter:hover img.over{ display:inline-block;}
div.Bot_WriteArea span.enter a{ display:inline-block; width:41px; height:41px; text-align:center; padding-top:6px;}
input.enter_txt{ display:block; width:100%; height:45px; border:2px solid #dfe0e1; border-radius:3px;  background:#fff; vertical-align:top; padding: 3px 10px 4px 55px;}
textarea.enter_txt{ display:block; width:100%; height:45px; border:2px solid #dfe0e1; border-radius:3px;  background:#fff; vertical-align:top; padding: 3px 30px 4px 55px; z-index: 50;}
textarea.enter_txt_On{ border:2px solid #000;}

/* 셀렉박스 */
li.preview{ width:77px; height:33px; background:url(../img/select_bg.gif) 0 0 no-repeat;}
li.search_btn{ background:url(../img/search_btn.gif) 0 0 no-repeat; width:71px; height:37px; text-align:center; margin-right:0 !important;}
li.search_btn a{width:71px; height:37px; display:inline-block; font-size:14px; color:#3d3e3e; font-family: 'NanumGothicBold'; padding-top:7px;}


/*내용입력창*/
div.WriteBox{ background:#fff; border:1px solid #b4bbc1; width:100%; padding:20px; margin-bottom:10px; border-radius:2px; }
div.writer textarea{ width:96.4%; height:48px; line-height: 20px; padding:13px 10px 10px; background: none; color:#8e99a4; border:0px solid #dfe0e1; font-size:15px; display:block; /*background:#edeeef;*/ }

/*내용입력창0127*/
div.writer01{position:relative; border:0px solid red; width:100%;}
div.writer01 textarea{ width:100%; height:48px; line-height: 20px; padding:13px 10px 10px 55px; background: none; color:#8e99a4; border:0; font-size:15px; display:block; /*background:#edeeef;*/ }


div.Upload{ padding-left:60px; margin-top:10px; text-align:right;}
div.Upload span{ display:inline-block; background:url(../img/icon_open.gif) 0 0 no-repeat; padding-left:22px; font-size:14px; line-height:16px; color:#3d3e3e;}
div.Upload input[type="text"]{ width:687px; height:36px; border:0; background:#ecedee; padding:0 10px; font-size:14px; font-family: 'NanumGothicBold'; color:#3d3e3e;}

/* button.btn{ padding:18px 20px; text-align:center; font-size:14px; line-height:0; font-family: 'NanumGothicBold'; color:#4dc7ae; border:1px solid #4dc7ae; background:#fff; cursor:pointer; border-radius:1px;} */
/* button.btn:hover{ color:#fff; background:#4dc7ae; } */

span.writer_line{ display:block; border-bottom:1px solid #e7e8e9;}

div.TalkBox{ background:#fff; /*border:1px solid #e7e8e9;*/ width:100%; border-radius:2px; box-sizing:border-box; position:relative;}
div.dashBox{ background: #fff; border-bottom: 1px solid #e7e8e9; width: 100%; border-radius: 2px; box-sizing: border-box; position: relative; }

div.talk{ position:relative; border-bottom:0px solid #e7e8e9; width:100%; padding:10px 0 5px 20px;}
/*img.profile_square{ border:1px solid #c7cacc; display:block; float:left; border-radius:2px;}*/
span.no_img{ width:36px; height:37px; overflow:hidden; display:block; float:left;  border-radius:2px; border:0px solid #d9dadb;}
img.profile_square{ max-width:none !important; height:37px; float:left; border-radius: 12px; border: 1px solid #eee; margin: 0 5px;}

div.talk div.writer p{  color:#595959; line-height:16px;  }
div.talk div.writer p span.name{ font-family:'NanumGothicBold'; font-size:13px;}
div.talk div.writer p span.date{ color:#8b8888; margin-left:7px; font-size:12px;}
div.talk div.writer p span.talk_txt{ display:block; margin-top:7px; line-height:20px; font-size:14px;}
div.talk div.writer p i{ font-size:11px;}

div.talk div.writer p span.UP { display:inline-block; background:#f5796d; border-radius:2px; color:#fff; font-size:12px; line-height:16px; width:28px; height:16px; text-align:center; margin:2px 0 0 6px;}
div.talk p.talk_txt{ font-size:13px; line-height:18px; padding-left:44px; width:98%;}
div.talk p.comment{ font-size:15px; line-height:23px; margin-top:10px;}
div.talk ul.talk_icon{ position:absolute; top:7px; right:23px;}
div.talk ul.talk_icon li{ float:left; margin-left:13px;}

div.first_txt{border-bottom:1px solid #e7e8e9; }

div.Comment_Box{ width:100%; border:0px solid red; position:relative;}
/*div.Comment_Box a.add_btn{ display:block; width:38px; height:39px; border-top:1px solid #c7cacc; border-left:1px solid #c7cacc; border-bottom:1px solid #c7cacc; background:#e7e8e9; text-align:center; padding-top:13px; vertical-align:top; margin-left:5px; float:left;}*/
div.Comment_Box textarea{height:39px; border:1px solid #c7cacc; font-size:15px; line-height:18px; padding:8px 5px 5px;}


span.dash_date{ display:block; margin-top:7px; font-size:11px; color:#8b8888;}

/*0127추가*/
div.Comment_Box img.profile_square{ position:absolute; top:0; left:0;}
div.Comment_Box a.add_btn{ display:block; position:absolute; top:0; right:0; width:38px; height:39px; border:1px solid #c7cacc; background:#e7e8e9; text-align:center; padding-top:13px;}
textarea.dash_txt_box{ width:100%; padding:10px 30px 8px 45px  !important;}


/*list_icon_pop*/
div.list_icon_pop{ display:none; position:absolute; top:50px; right:20px; border-radius:2px; background:#4dc7ae; border:1px solid #4dc7ae}
div.list_icon_pop ul li a{ display:block; font-size:13px; line-height:20px; color:#fff; padding:5px 10px; border-bottom:0px solid #dfe0e1; font-family:'NanumGothicBold';}
div.list_icon_pop ul li a:hover{ background:#fff; color:#4dc7ae; border:0px solid #4dc7ae}/*box-shadow:0px 0px 5px #959595;*/


/*갤러리 형식*/
/*a.Img_down{ color:#222c3c; font-size:13px; line-height:14px; font-family:'NanumGothicBold'; margin:10px 0; display:inline-block;}
a.Img_down:hover{ color:#e7604a; }*/

a.Img_down{ color:#222c3c; font-size:13px; line-height:13px; font-family:'NanumGothicBold'; margin:8px 0 10px; display:inline-block;}
a.Img_down:hover{ color:#4a9af9; text-decoration:underline; }

div.talk span.photo_area{ display:block; width:100%;}
div.talk span.photo_area img{ max-width:320px !important; display:inline-block;cursor:pointer; padding-bottom:4px;}


/*div.LeftScroll{padding-bottom:50px;}*/
div.content_right{ float:right; width:30%; padding:0px 10px; overflow-y:auto;}
div.content_right span.SlideBox{ width:100%; height:40px; background-color:#f4f5f5; display:inline-block; border-radius:2px;}




div.file_btn{ 
  width:100%; 
  min-height: 36px;
  position:relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px 0;
}
div.file_btn .title {
  user-select: none;
}
span.location{ display:inline-block; position:absolute; bottom:5px; right:5px;}
span.title{ 
  min-width: max-content;
  display:inline-block;   
  color: #424557; 
  font-size:20px;
  font-weight: 800;
  margin: 0;
  padding-right: 30px;
}

/*검색결과 타이틀+버튼 20160303추가*/
div.serch_tit_box{ padding-bottom:0 !important;}

span.serch_tit{ 
  /* border-bottom:1px solid #c3c6c8;  */
  /* width:100%;  */
  height:40px; 
  /* background:#e6e9eb;  */
  /* border-top-left-radius:3px;  */
  /* border-top-right-radius:3px;  */
  color:#4c5058; 
  font-size:16px; 
  padding:9px 0 0 10px; 
}
span.serch_tit img{ margin-right:10px; padding-top:6px;}

ul.No_TopBD{border-top:0 !important;}
ul.No_TopPD{ padding-bottom:15px !important;}
ul.No_TopPD li{ padding-top:0 !important;}

/*//검색결과 타이틀+버튼 20160303추가*/

div.fileupload{ position:relative; float:right; width:63px; height:27px; text-align:center; border:1px solid #69727d; box-shadow:1px 1px 0px #fff; border-radius:2px;
background: rgb(138,153,167);
background: -moz-linear-gradient(top,  rgba(138,153,167,1) 0%, rgba(96,107,127,1) 92%); 
background: -webkit-linear-gradient(top,  rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%); 
background: linear-gradient(to bottom,  rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%);
background: -o-linear-gradient(to bottom,  rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%);
background: -ms-linear-gradient(to bottom,  rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a99a7', endColorstr='#606b7f',GradientType=0 );}

div.fileupload label{ display:block; font-size:12px; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; width:62px; height:25px; line-height:12px; border-left:1px solid #919ca9; border-top:1px solid #a2aeb9; padding-top:5px;}

div.fileupload:hover{background:#576579; box-shadow: inset 1px 1px 1px #495465;}
div.fileupload:hover label{border-left:1px solid #495465; border-top:1px solid #495465;}

div.fileupload input[type="file"]{/*-webkit-appearance:none; -moz-appearance:none*/  opacity:0; cursor:pointer; width:0; height:0; }
div.fileupload span.pointer{ display:block; width:63px; height:27px; cursor:pointer; position:absolute; left:0; top:0;}

ul.file_list{ position: relative; width:100%; overflow-y:auto; padding-bottom:20px; clear:both; border-top:1px solid #e7e8e9; }
ul.file_list li{ border-bottom:1px solid #e7e8e9; padding: 10px 0; position:relative;}
ul.file_list li > span:first-child{ display:block; margin:0 0 0 3px; float:left; width:46px; height:53px;}

img.file_photo{ width: 38px !important; height:38px; border-radius:4px; display: inline-block; aspect-ratio: 1/1;}
span.file_photo{ background:url(../img/photo/photo01.jpg) 0 0 no-repeat; width:53px !important; height:53px; border-radius:3px; margin-left:0 !important;}
span.icon_doc{ background:url(../img/file_icon.png) 0 0 no-repeat;}
span.icon_excel{ background:url(../img/file_icon.png) 0 -53px no-repeat;}
span.icon_ppt{ background:url(../img/file_icon.png) 0 -106px no-repeat; }
span.icon_etc{ background:url(../img/file_icon.png) 0 -159px no-repeat;}
span.icon_zip{ background:url(../img/file_icon.png) 0 -212px no-repeat;}
span.icon_hwp{ background:url(../img/file_icon.png) 0 -265px no-repeat;}
span.icon_post{ background:url(../img/file_icon.png) 0 -318px no-repeat;}

ul.file_list li.Delete:hover { background:url(../img/delete02.png) 98% 7px no-repeat; }

ul.file_list li img.bookmark{ position:absolute; top:5px; right:10px; width:14px;}

div.file_info{ display:block; width:100%; padding-left:65px; border:0px solid red;}
div.file_info p{
  color: var(--gw-cerulean-01); 
  font-size:11px; 
  line-height:18px; 
  word-break:break-all; 
  text-align:justify;
}
div.file_info p.file_name_n{font-size:13px; line-height:18px; cursor:pointer; color:#2c2d30;}
div.file_info p.file_name{font-size:13px; line-height:13px; cursor:pointer; color:#2c2d30; display:inline-block;}
div.file_info p.file_name:hover{ text-decoration:underline;}
/* div.file_info p.alarm{font-size:13px; line-height:20px; color:#2c2d30;} */
div.file_info p.lineheight{ line-height:18px;}
div.file_info p span.bullet{ display:inline-block; width:2px; height:2px; background:#8b8888; margin-top:5px; margin-right:5px; vertical-align:top;}


ul.file_list li div.talk_icon{ position:absolute; top: 10px; right:0;}
ul.file_list li div.talk_icon a{ margin-left:5px;}

div.normal_info p{color:#8b8888; font-size:11px; line-height:11px; word-break:break-all; text-align:justify;}
div.normal_info span.alarm{ word-break:break-all; text-align:justify;}
/*ul.file_list li div.talk_icon a img{ width:14px;}*/





/*===================================================================== 채팅페이지 =====================================================================*/

/*arrow 방향
span.area_arrow{ position:absolute; display:block; width:0; height: 0; border-style:solid; border-width: 20px 15px 0 15px; border-color: #fff transparent transparent transparent; }
*/
img.etc01{transform:rotate(180deg) ; -webkit-transform:rotate(180deg);}

div.ChattingWrap{ overflow:hidden;}

/*채팅창*/
div.ChattingBox{ width:100%; border:0px solid #e7e8e9; float:left; margin-right:10px;}
div.ChattingBox h3{ font-family: 'NanumGothicBold'; width:100%; height:40px; background:url(../img/chat_tit_bg.gif) 0 0 repeat-x; font-size:16px; color:#222c3c; padding:13px 20px 0 20px; border-bottom:1px solid #e7e8e9;}
div.ChattingBox h3 img{ margin:2px 5px 0 0; }
	
h3.chat_tit_area{ position:relative; width:100%; height:40px; background:url(../img/chat_tit_bg.gif) 0 0 repeat-x; font-size:16px; color:#222c3c; padding:11px 20px 0 20px; border-bottom:1px solid #e7e8e9;}
h3.chat_tit_area span{ position:absolute; top:9px; right:4px;}

div.OverFlow{ width:100%; overflow-y:scroll; border:0px solid #e7e8e9; border-top:0 !important; padding-bottom:20px; }

div.Friend_speech{ padding:15px 0 0 15px;}
	div.chat_txt{ position:relative; max-width:500px; min-width:210px; display:inline-block; border-radius:4px; }
	div.chat_txt img.area_arrow{ position:absolute; display:block; width:10px; height:12px;}
	div.chat_txt p{ word-break:break-all; font-size:13px; line-height:21px; text-align:left;}
	div.chat_txt h6 span{ font-size:11px; margin-left:5px; color:#b4b5b6;}
	div.chat_txt h6 a{ position:absolute; top:18px; right:15px;}	
	div.chat_txt span.date{ display:block; font-size:11px; margin-top:5px; text-align:right;}
	div.chat_txt span.arrow{ display:inline-block; border-style: solid; position:absolute; top:15px;}
	
div.Myself_speech{ padding:15px 0 0 15px; text-align:right; margin-right:20px; }
	div.chat_txt h6.myself{ color:#338ecf;}
	div.chat_txt div.chat_img{ text-align:left; min-width:300px; margin-bottom:10px;}

/*상대말풍선*/
div.friendStyle{ background:#f3f3f4; margin-left:20px; padding:15px 15px 10px; }
div.friendStyle h6{ font-size:13px; color:#3f7ab9; text-align:left; margin-bottom:3px; }
div.friendStyle p{ color:#535454;}
div.friendStyle span.date{ color:#8b8888;}
div.friendStyle span.arrow{ border-width: 4px 6px 4px 0; border-color:transparent #f3f3f4 transparent transparent; left:-6px; }
/*내 말풍선*/
div.myselfStyle{ background:#1ab394; margin-right:20px; padding:10px 15px; }
div.myselfStyle p{ color:#fff;}
div.myselfStyle span.date{ color:#fff;}
div.myselfStyle span.arrow{ border-width: 4px 0 4px 6px; border-color:transparent transparent transparent #1ab394; right:-6px; }



/*대화입력 전송 영역*/
div.Send_area{ position:relative; width:100%; margin:10px 0; padding:0 10px;}
/*div.Send_area div{ width:100%; height:71px; border-bottom:1px solid #fff; border-right:1px solid #fff; margin-bottom:7px; position:relative;}*/
div.Send_area textarea{ width:100%; height:38px; border:1px solid #dfe0e1; font-size:13px; line-height:23px; padding:7px 10px 5px 45px; border-radius:2px; word-break:break-all; text-align:justify;}
div.Send_area span{ float:right; display:block; width:75px; height:70px; border:1px solid #69727d; background:linear-gradient(to bottom, rgba(138,153,167,1) 0%,rgba(96,107,127,1) 92%); text-align:center; border-radius:2px; position: absolute; top:0; right:0;}
div.Send_area span:hover{background:#576579; box-shadow: inset 1px 1px 1px #495465;}
div.Send_area span a{ display:inline-block; width:74px; height:68px; border-top:1px solid #a3aeba; border-left:1px solid #a3aeba; color:#fff; font-size:15px; padding-top:23px;}
div.Send_area span:hover a{border-left:1px solid #495465; border-top:1px solid #495465;}

/*div.Send_area ul{ }
div.Send_area ul li{ float:left; width:35px; height:36px;}
div.Send_area ul li img{ width:100%; } 
*/

/*채팅페이지 댓글박스 수정 20160311*/
div.Send_area a.chat_btnlist{ display:block; position:absolute; top:0; left:10px; width:37px; height:38px; border-right:1px solid #dfe0e1; text-align:center; padding-top:12px; border-radius:2px;}
div.Send_area a.chat_btnlist:hover{ background:#50d2b6; border-right:1px solid #50d2b6;}
div.Send_area input[type=file]{ width:0; height:0; }

ul.chat_filepop{ display:none; background:#fff; width: 138px; height: 80px; border: 1px solid #d3d3d3; border-radius: 3px; position: absolute; top: -81px; left: 10px; box-shadow: 2px 2px 3px #eaeaea; padding: 2px 0 1px 0;}
ul.chat_filepop li{ width:100%; height:25px; cursor:pointer; font-size:13px; color:#666e7a; padding:6px 0 0 16px; line-height:13px;}
ul.chat_filepop li:hover{ background:#e8e8e8;}
ul.chat_filepop li img{ width:12px; vertical-align:middle; margin-right:10px;}
ul.chat_filepop input[type=file]{ width:0; height:0; }

/*친구목록박스*/ 
div.FriendBox{ /*width:36.48%;*/ width:30%; background:#fff; border:0px solid #e7e8e9; float:left; /* padding-bottom:30px; */}
div.FriendBox h3{ position:relative; margin-bottom:15px; font-family: 'NanumGothicBold';}
div.FriendBox h3 span.count{ display:inline-block; height:25px; border:1px solid #c3c6cb; background:#fff; font-weight:bold; font-size:12px; vertical-align:top; padding:2px 5px 0 0; margin-left:6px;}
div.FriendBox h3 span.count img{ width:12px; height:12px; margin:3px 3px 0 3px; }
div.FriendBox h3 a{ position:absolute; top:8px; right:15px;}
/*div.FriendBox div{ font-size:16px; padding:0 20px 10px 20px; line-height:37px;}
*/

/* div.SearchBox_Wrap{ width:100%; padding:10px 20px;} */

/*timeline border-top:1px solid #e7e8e9;  */
div.timeline{ width:100%; text-align:center; margin:30px 0; background:url(../img/timeline.gif) 0 5px repeat-x;}
div.timeline span{ display:inline-block; font-size:12px; padding:0 10px; background:#fff; font-family:'NanumGothicBold';}

/*팀 리스트*/
.each01{display:block; position:absolute; top:50%; left:3.3%; margin-top:-11px;}
.each02{display:inline-block;}
.color01{background:#3fbea4;}
.color02{background:#c3c6cb;}
.color03{background:#f5796d;}
.color05{background:#f6bb42;}

  			 /* div.cateTitle h6{ font-size:15px; font-family: 'NanumGothicBold'; margin: 7px 0px; } */
			 div.cateTitle p{ text-align:justify; margin-bottom:5px; word-break:break-all;margin-left:2px;}

div.cateTitle div.team_active{ display: inline-block; width: 47px; height: 20px; line-height: 20px; color: #fff; text-align: center; font-size: 11px; }

/*	채널리스트 관리	*/
div.ChannelList_Box{width:100%; position:relative;}
div.ChannelList_Box a{ display:inline-block; background:url(../img/profile_circle.png) 0 6px no-repeat; background-size:42px; width:52px; height:47px; padding-left:30px;  position:absolute; top:50%; right:20px; margin-top:-23px;}

div.ChannelList{ width:100%; border-bottom:1px solid #e7e8e9; padding:10px 20px; position:relative;}
div.ChannelList div.cateTitle{ margin-left:13%; text-align:left; width:55%; cursor:pointer; padding:5px; }
  			 	/* div.cateTitle h6{ font-size:20px; font-family: 'NanumGothicBold';} */
			 	/* div.cateTitle span{ font-family:'돋움'; color:#8b8888;} */
div.ChannelList div.cateTitle:hover{ background:#e8f0ee;}

div.ChannelList a{ display:inline-block; background:url(../img/profile_circle.png) 0 6px no-repeat; background-size:42px; width:51px; height:47px; padding-left:30px;  position:absolute; top:50%; right:20px; margin-top:-23px;}
div.ChannelList a img{ width:19px;}


/*slide down page*/
ul.Accordion{ background:#f9f9f9; box-shadow:inset 1px 1px 0px #c9caca; border-bottom:1px solid #e7e8e9; padding-top:15px;}
ul.Accordion li{ width:100%; margin-bottom:10px; position:relative;}
ul.Accordion li p.InfoTit{ font-size:14px; color:#222c3c; font-family:'NanumGothicBold'; width:14%; text-align:center; float:left; margin-right:10px;}
ul.Accordion li input[type="radio"]{ margin-right:10px; vertical-align:middle;}
ul.Accordion li span.TeamInfo_view{ font-size:14px; color:#222;}
ul.Accordion li span.channel_longname{ display:inline-block; padding:0 20px 0 0; line-height:21px;}
.TeamInfo{ display:inline-block; border-top-right-radius:2px; border-bottom-right-radius:2px; background:#fff; box-shadow:1px 1px 0px #fff; vertical-align:top;}


div.TeamPeople_List{ width:80%; display:inline-block; /*vertical-align:top; margin-top:4px;*/ }
div.TeamPeople_List span.TeamPeople{ display:block; margin-bottom:15px;}
div.TeamPeople_List span.TeamPeople p{color:#595959; display:inline-block; margin-left:6px; font-size:12px; font-family:'돋움'; height:37px; vertical-align:top;}
div.TeamPeople_List span.TeamPeople p span{ font-size:14px; line-height:19px; font-family:'NanumGothicBold'; margin-right:5px;}
div.TeamPeople_List span.TeamPeople p span.waiting{ font-size:12px; color:#3a61b5; }
a.delete_btn{ background:#eb6035; border-radius:10px; width:15px; height:15px; display:inline-block; text-align:center; padding-top:4px; vertical-align:top; margin:3px 0 0 8px;}
a.delete_btn:hover{ opacity:0.7;}

div.wait{ display:inline-block; }



div.TeamPeople{ background:#f9f9f9; margin:0 20px 20px 0; width:200px; height:157px; float:left; border:1px solid #d9dadb; background:#f9f9f9;}
/*span.imgarea{ display:block; text-align:center; overflow:hidden; width:100%; height:100px; border-bottom:1px solid #d9dadb; background:#f2f2f2;}
span.imgarea img{ margin-top:-47px; width:198px;}*/
div.TeamPeople p{color:#595959; margin:7px 0 0 10px; line-height:21px; font-size:12px; font-family:'돋움'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:8px;}
div.TeamPeople p span{ font-size:13px; font-family:'NanumGothicBold'; }

/*div.TeamPeople02{ background:#f9f9f9; margin:0 20px 20px 0; width:200px; height:170px; float:left; border:1px solid #d9dadb; background:#f9f9f9;}
div.TeamPeople02 p{color:#595959; margin:6px 0 0 10px; line-height:19px; font-size:12px; font-family:'돋움'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:8px;}*/

div.TeamPeople02{ 
  width: 100%;
  height:40px; 
  display:table; 
}
div.TeamPeople02 p{
  display: inline-block; 
  vertical-align: top;
}
div.TeamPeople02 p span.mailadd{
  color: #6e6e6e;
  font-size: 12px;
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}
div.TeamPeople02 p span.joinadd{ 
  color: gray;
  font-size: 11px; 
  font-weight: 200;
}
div.TeamPeople02 p span.joinadd::before {
  background-color: grey;
  display: inline-block;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: top;
  content: '';
  margin: 0 5px 0 6px;
  vertical-align: 3px;
}

/* span.imgarea{ display:block; text-align:center; overflow:hidden; width:45px; height:50px; background:#f2f2f2; border-radius:50px; float:left; margin-right:10px;} */
span.imgarea{ 
  display: inline-block; 
  overflow:hidden; 
  width: 45px; 
  height: 45px; 
  margin-right: 10px;
  background:#f2f2f2; 
  border: 1px solid var(--border-gray);
  border-radius: var(--default-radius); 
}
div.TeamPeople02 p span.name{ 
  display:inline-block;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow:ellipsis; 
  font-size: 13px;
  line-height: 23px;
  letter-spacing: .5px;
}
div.TeamPeople02 span.waiting{ display:block; color:#3a61b5; font-size:12px; font-family:'NanumGothicBold';}

.set_user_list_wrap{    border-top: 1px solid #cfcfcf;
    padding-top: 25px;
    margin-top: 25px;}

/*수락,거절 버튼영역*/
div.btn_area{ display:inline-block; margin-left:15px; height:39px; padding-top:6px;}
div.btn_area span{ display:inline-block; width:45px; border-radius:2px; font-size:12px; text-align:center; padding-top:2px; font-family:'NanumGothicBold'; cursor:pointer;}
span.accept{ color:#fff; background:#3e5b9a; height:24px; margin-right:5px;}
span.refusal{ color:#4e5665; border:1px solid #c9c9c9; height:25px;}
span.accept:hover{background:#324b82;}
span.refusal:hover{border:1px solid #3e5b9a;}

		
div.TeamPeople_List span.partLine{ display:block; width:100%; height:2px; background:#dfdfe0; border-bottom:1px solid #fff; margin:20px 0;}	

div.massage{ position:relative; width:100%; height:38px; margin-top:6px;}
div.massage span.arrow_B{ display:inline-block; width:35px; height:36px; border:1px solid #cececf; float:left; border-right:0 !important;
border-top-left-radius:2px; border-bottom-left-radius:2px;
background: rgb(244,244,245); 
background: -moz-linear-gradient(top,  rgba(244,244,245,1) 0%, rgba(217,219,220,1) 100%);
background: -webkit-linear-gradient(top,  rgba(244,244,245,1) 0%,rgba(217,219,220,1) 100%);
background: linear-gradient(to bottom,  rgba(244,244,245,1) 0%,rgba(217,219,220,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f5', endColorstr='#d9dbdc',GradientType=0 );
box-shadow:1px 1px 0px #fff;}
div.massage span.arrow_B a{ display:inline-block; width:34px; height:34px; border-left:1px solid #f9f9f9; border-top:1px solid #f9f9f9;  text-align:center; padding-top:15px;}



/*팀 검색*/
div.team_result{width:100%; margin-top:20px; padding:0 15px;}
div.team_result h4{ font-size:15px; color:#222c3c; line-height:15px; padding-bottom:5px; border-bottom:1px solid #536279; font-family: 'NanumGothicBold';}

div.team_result ul{}
div.team_result ul li{position:relative; padding:15px 10px;  border-bottom:1px solid #e7e8e9; }
div.team_result ul li h6{ font-size:14px; line-height:14px; color:#222; margin-bottom:7px;}
div.team_result ul li h6 span.bullet{ display:inline-block; width:2px; height:2px; background:#536279; margin:7px 7px 0 0; vertical-align:top;}
div.team_result ul li p{ line-height:21px; margin-bottom:15px;}


/*20160129 파일함box*/
li.FileArea img.File_Img{ display:block; width:100px; height:65px; float:left; margin-right:15px;}
li.FileArea{ cursor:pointer; }
li.FileArea:hover{ background:#eee;}
div.File_Info h6 span.date{ font-size:12px; color:#8b8888; margin-left:10px;}
div.File_Info p{ font-size:11px; line-height:18px; margin-bottom:0px !important;}
div.File_Info p.Gray{color:#8b8888 !important;}
div.File_Info p span.bullet{ display:inline-block; width:2px; height:2px; background:#8b8888; margin-top:9px; margin-right:5px; vertical-align:top;}


/*사람찾기 팝업*/
div.popBG { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; background: rgba(0, 0, 0, 0.34); background: var(--search-bg); z-index:100; display:none;}
div.serch_pop{ width:460px; position:absolute; top:35%; left:50%; background:#fff; z-index:999; margin:-15% 0 0 -230px; display:none; border-radius: 8px; box-shadow: 5px 5px 5px #4c4c4c29; border:1px solid #e7e8e9;}
div.serch_pop h3{ 
  position:relative;
}
div.serch_pop h3 span.top_close{ display:inline-block; position:absolute; top:9px; right:20px; padding: 6px; cursor:pointer; }

div.serch_pop_con{width:100%; height: inherit; padding:0 20px; margin-top:20px;}
div.serch_pop_con h4{ font-family: 'NanumGothicBold'; font-size:15px; color:#222c3c; line-height:15px; padding-bottom:5px; border-bottom:1px solid #536279;}

#inviteTeamPop .tabs_wrap {
  background: #fcfcfc;
}
div.serch_pop h3 .title {
  font-size: 18px !important;
  display: inline-block;
  padding-right: 20px;
  line-height: 25px;
}

div.NameList{ padding:10px 20px 10px 0; width:100%; height:57px; border-bottom:1px solid #e5e5e5;}
div.people_info{ float:left; height:35px; width:255px;}
div.people_info p{color: #777; display:inline-block; margin-left:6px; font-size:12px;}
div.people_info p span.name{ font-size:14px; line-height:19px; font-family:'NanumGothicBold'; margin-right:10px;}
div.people_info p.serch_RightBox_info{ width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

div.invite{ position:relative;}
div.invite span.each02{ margin-top:7px;}

.Pop_SearchBox{ 
  display:block;  
  width: 100%;
  height: 37px; 
  margin: 0 !important; 
  position: relative;
  padding-left: 30px;
}

.Pop_SearchBox::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 15px;
  height: 15px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%236e6e6e' height='15px' width='15px' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512' stroke='%236e6e6e' stroke-width='15.36'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='m495,466.1l-119.2-119.2c29.1-35.5 46.5-80.8 46.5-130.3 0-113.5-92.1-205.6-205.6-205.6-113.6,0-205.7,92.1-205.7,205.7s92.1,205.7 205.7,205.7c49.4,0 94.8-17.4 130.3-46.5l119.1,119.1c8,8 20.9,8 28.9,0 8-8 8-20.9 0-28.9zm-443.2-249.4c-1.42109e-14-91 73.8-164.8 164.8-164.8 91,0 164.8,73.8 164.8,164.8s-73.8,164.8-164.8,164.8c-91,0-164.8-73.8-164.8-164.8z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* .Pop_SearchBox input[type="image"]{ float:right; border:0px solid red; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1); padding:7px 10px 0 0;} */


/*20161004 원본이미지에 마우스오버했을때 보이는 영역 - nj*/
div.oriImgdown{ position:absolute; z-index:200; display:none; bottom:0px; left:0px; background:black; opacity:0.9; height:50px; width:100%;}
div.imgViewer:hover div.oriImgdown{ display:block; }
.oriDownbtn{ position:absolute; top:1px; right:10px;}
.oriDownbtn:hover{ content: url('../img/file_download_big_O.png');}

/*사용자 초대하기20160329*/
div.Chat_serch_pop{ width:580px; height:500px; position:absolute; top:50%; left:50%; background:#fff; z-index:999; margin:-250px 0 0 -290px; display:none; border-radius:3px; box-shadow:1px 1px 5px #4c4c4c; border:1px solid #e7e8e9; padding:0 0 30px 0;}
div.Chat_serch_pop h3{ font-family: 'NanumGothicBold'; font-size:16px; color:#222c3c; background:#efeff0; border-bottom:1px solid #e7e8e9; position:relative; padding:10px 45px 10px 20px;}
div.Chat_serch_pop h3 span.top_close{ display:inline-block; position:absolute; top:9px; right:20px; cursor:pointer; }

div.serch_Allbox{ width:100%; height:386px; border-bottom:1px solid #e7e8e9;}
div.serch_LeftBox{ width:345px; border-right:1px solid #e7e8e9; float:left; padding:20px 20px 0 0;}
div.serch_LeftBox div.serch_pop_con{ padding:0 0 0 20px;}
div.serch_RightBox{ padding:10px 20px; height:385px; position:relative; width:231px; float:right;}

.yellover:hover{ background:#fffdeb; }


/*팀만들기 팝업*/
div.Teamadd_pop{ 
  position: absolute;
  z-index: 999;
  display: none;
  box-shadow: 1px 1px 5px #4c4c4c;
  border: 1px solid #e7e8e9;
  border-radius: 10px;
  overflow: hidden;
  background: #fcfcfc;
}

div.Teamadd_pop h3{
  font-family: 'NanumGothicBold';
  font-size: 16px;
  color: #222c3c;
  position: relative;
  padding: 0 45px 0 30px;
  height: 45px;
  line-height: 45px;
}

span.top_close{ display:inline-block; position:absolute; top:15px; right:20px; cursor:pointer; }
div.Teamadd_pop div.img_preview{ float: left; width: 268px; margin-left:20px;  border: 1px solid #cdcdcd; height: 338px; padding:10px; text-align:center; border-radius:2px;}
div.Teamadd_pop div.img_preview img{ display:inline-block; max-height:283px; border-radius:2px;}

ul.Teamadd_Info li p.InfoTit{ font-size:15px; color:#222c3c; font-family:'NanumGothicBold'; display:inline-block; text-align:center; padding-top:9px;}

div.pop_btn_area{ width:100%; text-align:center; clear:both; border:0px solid red;}

/*	일정관리 팝업	*/
div.manageSch_pop{ position: absolute; width:650px; height:515px; top:40%; left: 50%; line-height: 27px; font-size: 25px; background: #fff; z-index: 999; margin: -165px 0 0 -230px; display: none; border-radius: 3px; box-shadow: 1px 1px 5px #4c4c4c; border: 1px solid #e7e8e9; padding: 0 0 20px 0;}
div.manageSch_pop h3{ font-family: 'NanumGothicBold'; font-size:16px; color:#222c3c; background:#efeff0; border-bottom:1px solid #e7e8e9; position:relative; padding:10px 20px; margin-bottom:20px; height: 43px; }
div.manageSch_pop div#manageSch_body_wrap{ position: relative; height: 558px; }

/* 20160405 시스템점검팝업*/
div.WarningPop{ width:520px; height:310px; position:absolute; top:50%; left:50%; background:#fff; z-index:999; margin:-155px 0 0 -260px; border-radius:3px; box-shadow:1px 1px 5px #4c4c4c; border:1px solid #e7e8e9; padding:0 0 30px 0;}
div.WarningPop h4{ color:#575859; background:#efeff0; border-bottom:1px solid #e7e8e9; position:relative; height:40px; margin-bottom:30px;}
div.WarningPop h4 span{ font-size:12px; line-height:13px;  display:inline-block; padding:10px 0 0 14px;}
div.WarningPop h4 span input{ vertical-align:bottom; margin-right:5px;}
div.WarningPop h4 img{ display:inline-block; position:absolute; top:10px; right:20px; cursor:pointer; }

div.WarningCon{text-align:center;}
div.WarningCon h1{ font-size:33px; font-family: 'NanumGothicBold'; color:#f8780a; margin-bottom:15px;}
div.WarningCon h1 span{ color:#484542; font-size:33px; font-family: 'NanumGothicBold'; }
div.WarningCon h1 img{ margin:-3px 15px 0 0;}
div.WarningCon h2{ font-size:20px; color:#7c5d49; font-family: 'NanumGothicBold'; margin-bottom:20px;}
div.WarningCon table{ width:345px; border-top:1px solid #a3a3a3; margin:0 auto 20px auto;}
div.WarningCon table th{ background:#ececec; font-weight:#484542; width:80px; border-bottom:1px solid #d8d8d8; height:30px; text-align:center;}
div.WarningCon table td{ border-bottom:1px solid #d8d8d8; }
div.WarningCon table td.Orange{ color:#f8780a;}
div.WarningCon p{ font-size:12px; color:#7b7979; font-family: 'NanumGothicBold';}



/*========================================================================= 20160122 edit profile ======================================================================*/

div.Pfofile_pop{ display:none; position:absolute; top:50%; left:50%; height:830px; width:700px; background:#e6e7e9; z-index:999; margin:-415px 0 0 -350px; border-radius:3px; box-shadow:1px 1px 5px #4c4c4c; }
div.Pfofile_pop h4{ font-family: 'NanumGothicBold'; font-size:16px; color:#222c3c; background:#d7d8da; padding:10px 20px; width:100%; border-radius:3px; margin-bottom:35px;}


div.EditWrap{ width:100%; padding:0 30px; text-align:center;}
div.EditWrap h1{ font-size:26px; line-height:26px; color:#536279; margin-bottom:20px;}
div.EditWrap div.Pro_Img{ width:100%; }
			 div.Pro_Img span.MyImg_Round{ 
			 	display:inline-block; width:156px; height:156px; overflow:hidden;
			 	-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
			 	behavior: url(../js/pie/PIE.htc);
			 }
			 	 	
			 div.Pro_Img span.MyImg_Btn{ display:block; margin:20px 0;}
			 div.Pro_Img span.MyImg_Btn button.myimg{ font-size:12px; padding-top:1px; text-align:center; cursor:pointer; width:50px; height:28px; font-weight:bold; border-radius:2px;}
			/*  div.Pro_Img span.MyImg_Btn button.success{ border:1px solid #67ccb7; color:#67ccb7; background:#fff;} */
			 /* div.Pro_Img span.MyImg_Btn button.success:hover{ border:2px solid #29c8a7; color:#29c8a7;} */
			 div.Pro_Img span.MyImg_Btn button.danger{ border:1px solid #67ccb7; color:#fff; background:#67ccb7;}
			 div.Pro_Img span.MyImg_Btn button.danger:hover{ border:1px solid #29c8a7; background:#29c8a7;}			 
			 div.Pro_Img span.MyImg_Btn input[type="file"]{ opacity:0; width:0; height:0; float:left;} 
		 
div.EditWrap span.Line{ display:block; width:100%; height:3px; background:#b9bcc1; border-top:1px solid #a6a8ad; border-bottom:1px solid #fff;}

ul.MyInfo{ width:100%; text-align:left; padding:20px 50px 10px;}
ul.MyInfo li{ margin-bottom:10px; height:37px;}
ul.MyInfo li p{ font-size:15px; color:#536279; font-family:'NanumGothicBold'; display:inline-block; width:; text-align:left; padding-top:6px;}
ul.MyInfo li span.TeamInfo{ float:right;}
ul.MyInfo li span.PW_btn{ width:319px; float:right;}

ul.MyInfo li ul.birth{ float:right;}
ul.MyInfo li ul.birth li{ float:left;}

ul.MyInfo li textarea{ display:inline-block; float:right; width:319px; height:90px; border:1px solid #cdcdcd; border-radius:2px; background:#fff; box-shadow:1px 1px 0px #fff; vertical-align:top; padding:10px;}


@media all and (max-height:830px) {
	div.Pfofile_pop{ display:none; position:absolute; top:50%; left:50%; height:542px; width:870px; margin:-271px 0 0 -435px;}
	div.media670{ float:left; margin:80px 30px 0 0; width:210px; }
	div.EditWrap span.Line{ width:3px; height:435px; border-left:1px solid #a6a8ad; border-right:1px solid #fff; float:left;}
	ul.MyInfo{ width:535px; text-align:left; float:right; padding:0; height:400px; }	
	div.EditWrap span.btn_area{ float:right; width:535px;}
	}

/*0216추가*/
span.on{transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg);}
span.fileopen{ display:inline-block; border-style: solid; border-width: 6px 5px 0px 5px; border-color:#8d8d8d transparent transparent transparent; margin-left:5px; cursor:pointer; border-radius:2px;}

div.file_view{ width:100%; max-height:800px; overflow-y:scroll; padding-bottom:20px; clear:both; border-top:1px solid #e7e8e9; }

div.viewinfo{ padding:10px 12px 8px 0;}
/* div.viewinfo p{ color:#595959; padding:0 0 0 45px;  line-height:14px; } */
div.viewinfo p span.name{ font-family:'NanumGothicBold'; font-size:14px;}
div.viewinfo p span.date{ color:#8b8888; margin-left:7px; font-size:12px;}
div.viewinfo img.photo_area{display:block; border-radius:2px; width:100%;}
div.viewinfo div{ font-size:12px; color:#2c2d30; margin-top:0px;}
div.viewinfo span.txt_btn{ display:inline-block; cursor:pointer; font-size:12px; color:#9e9ea6; margin-right:7px;}
div.viewinfo span.txt_btn:hover{ color:#1f83fa; }
div.viewinfo span.comment{ font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    text-align: justify;
    margin-top: 0px;
    margin-left: 3px;
    display: inline-block;
    /* float: left; */
    width: calc(100% - 50px);}

div.commnet_area{width:100%; margin-top:10px; padding-right:15px; text-align:right;}
input.comment{ width:100%; display:block; height:45px; border:2px solid #dfe0e1; border-radius:2px; padding:0 15px; margin-bottom:8px;}
input.comment:onfocus{ background:#fff;}
.idOff{ width:100%; display:block; height:45px; border:2px solid #dfe0e1; border-radius:2px; padding:0 15px; margin-bottom:8px; background:url(../img/idOff_txt.png) 15px 10px no-repeat; background-size:128px 16px;}
.idOn{width:100%; display:block; height:45px; border:2px solid #1ab394; border-radius:2px; padding:0 15px; margin-bottom:8px;}




/* do not group these rules *
.idOff::-webkit-input-placeholder {
    color: #1ab394; font-weight:bold; background:url(../img/comment_icon.png) 0 0 no-repeat; background-size:15px; padding-left:23px;}
}
.idOff:-moz-placeholder {
    * FF 4-18 *
    color: #1ab394; font-weight:bold; background:url(../img/comment_icon.png) 0 0 no-repeat; background-size:15px; padding-left:23px;}
}
.idOff::-moz-placeholder {
    /* FF 19+ *
    color: #1ab394; font-weight:bold; background:url(../img/comment_icon.png) 0 0 no-repeat; background-size:15px; padding-left:23px;}
}
.idOff:-ms-input-placeholder {
    /* IE 10+ 
    color: #1ab394; font-weight:bold; background:url(../img/comment_icon.png) 15px 12px no-repeat; background-size:15px; padding-left:35px;}
}*/


div.filedown{ width:550px; border:1px solid #e1e2e5; border-radius:2px; padding:12px 15px; cursor:pointer; margin-bottom:7px; background:#fff; box-shadow:1px 1px 0 #fff;}
div.filedown > span:first-child{ display:block; float:left; width:46px; height:53px; }
div.filedown div.download{color:#9e9ea6; font-size:12px; font-family:'NanumGothicBold'; margin-top:0 !important; padding-left:55px;}
div.filedown div.download span{  font-size:15px; color:#595959; display:block; cursor:pointer; padding:3px 0 10px; word-break:break-all; line-height:17px;}

div.filedown_chat{ width:450px; border:1px solid #e1e2e5; border-radius:2px; padding:12px 15px; cursor:pointer; margin-bottom:7px; background:#fff; box-shadow:1px 1px 0 #fff;}
div.filedown_chat > span:first-child{ display:block; float:left; width:46px; height:53px; }
div.filedown_chat div.download{color:#9e9ea6; font-size:12px; font-family:'NanumGothicBold'; margin-top:0 !important; padding-left:55px;}
div.filedown_chat div.download span{  font-size:15px; color:#595959; display:block; cursor:pointer; padding:3px 0 10px; word-break:break-all; line-height:17px;}
/* div.filedown div.download span:hover{ text-decoration:underline;} */

div.txt_Right { color:#595959; padding:0 0 0 45px;  line-height:14px;}
div.txt_Right span.name{ font-family:'NanumGothicBold'; font-size:13px;}
div.txt_Right span.date{ color:#8b8888; font-size:11px;}
div.txt_Right span.talk_txt{ display:block; line-height:20px; font-size:13px; padding:5px 0; word-break:break-all; text-align:justify;}

div.viewinfo div.talk_icon{ float:right; top:5px; right:15px;}
div.viewinfo div.talk_icon a{ margin-left:5px;}


/*tab*/
div.tabs_wrap{ padding: 0;}
div.tabs_wrap .team_info_content .content_title{ font-weight: 900; font-size: 18px; }
div.tabs_wrap .team_info_content .content_title_content{ 
  vertical-align: middle; color: #868686; 
  font-size: 13px; 
  line-height: var(--lnb-collapse-btn-width);
}
div.tabs_wrap .team_info_content .content_des{ font-weight: 900; font-size: 18px; }
/* div.tabs_wrap .team_info_content .modi_input:hover{ border-bottom: 1px solid #2b2b2b; } */
/* div.tabs_wrap .team_info_content .modi_input:focus{ border-bottom: 1px solid #2b2b2b; } */
div.tabs_wrap .team_info_content input[disabled]{ background: #fff; }

div.tabs_wrap .tabs_btn_wrap{ border: 0px; background: #fff; width: 130px; height: 35px; color: #545454; margin-left: 20px; }
div.tabs_wrap .tabs_btn{ width: 100%; height: 100%; border-radius: 4px; font-weight: 700; border: 1px solid #d0d0d0; background: #ffff; }
div.tabs_wrap .tabs_btn:hover{ border: 1px solid #2b2b2b; }


div.channelInfo_wrap { padding: 0px 18px; height: 100%; }
div.channelInfo_wrap .channel_btn_wrap{ border: 0px; background: #fff; width: 130px; height: 35px; color: #545454; margin-left: 20px; }
div.channelInfo_wrap .channel_btn{ width: 100%; height: 100%; border-radius: 4px; font-weight: 700; border: 1px solid #d0d0d0; background: #ffff; }
div.channelInfo_wrap .channel_btn:hover{ border: 1px solid #2b2b2b; }

div.channelInfo_wrap div.chief_yn{ display: none; }
div.channelInfo_wrap div.detail_wrap{ height: 30px; line-height: 30px; margin-bottom: 15px; }
div.detail_wrap .des_title{ font-size: 17px; font-weight: 900; color: #868686; }
div.detail_wrap .des_content{ margin-left: 30px; font-size: 14px; font-weight: 500; }
div.detail_wrap #admin_channel_name, #channel_name, #channel_explain{ border: 0px; width: calc(100% - 110px); margin-left: 20px; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; }

div.closebtn{ position:absolute; top:20px; right:0;}

/*더보기버튼

div.more_btn span{  border-radius:3px; background:#3e5b9a; text-align:center; font-size:14px; color:#fff; font-family:'NanumGothicBold'; padding-top:8px; cursor:pointer;}
div.more_btn span:hover{ background:#365089;}

*/
div.more_btn{ width:100%; text-align:center; margin-bottom:10px}
div.more_btn span{
	display:inline-block;
	font-size:14px;
	color:#5e636c;
	font-family:'NanumGothicBold';
	cursor:pointer;	
	height:20px;
	}
div.more_btn span:hover{ border-bottom:1px solid #5e636c;}
div.more_btn img{ vertical-align:middle; width:7px;}



/* perfect-scrollbar v0.6.10 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      -moz-transition: background-color .2s linear;
      -o-transition: background-color .2s linear;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0px;
    /* right: 3px; */
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      -moz-transition: background-color .2s linear;
      -o-transition: background-color .2s linear;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      /* .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; } */
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
   /*  .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; } */
      
      
      

      
/*@media all and (max-width:1590px) {
	img.file_photo{margin-bottom:10px;}
	ul.file_list li > span:first-child{margin-bottom:10px;}
	
	}*/
	
		
/*20160316 프로필보기 팝업*/
span.profile_show{ display:inline-block; cursor:pointer; border:1px solid red;}
div.profile_pop{ width:405px; background:#fff; border-radius:3px; box-shadow:2px 2px 6px rgba(0,0,0,0.4); z-index:999; position:absolute; }
div.profile_pop span.pro_img{ display:block; width:156px; height:156px; float:left; margin-right:20px;}
div.profile_pop span.pro_img img{border-top-left-radius:3px; border-right:1px solid #e6e7e8;}

ul.pro_info{ padding:20px 15px 0 0;}
ul.pro_info li{ font-size:13px; color:#52555a; line-height:13px; margin-bottom:13px;}
ul.pro_info li span.pro_sub{ color:#99a0a8; width:50px; display:inline-block; vertical-align:top; font-family:"NanumGothicBold";}
ul.pro_info li span.Bar{ display:inline-block; width:1px; height:10px; background:#d6d9dc; margin:2px 11px 0 10px; vertical-align:top;}
ul.pro_info li span.pro_mail{display:inline-block; width:140px; color:#52555a; text-align:justify; word-break:break-all; line-height:20px; margin-top:-4px;}

div.profile_pop p{ clear:both; border-top:1px solid #e6e7e8; padding:15px; color:#666e79; text-align:justify;}
	
	
/*20160318 취소,수정버튼*/
div.modify_btn span{ display:inline-block; width:55px; height:28px; font-size:12px; padding-top:4px; text-align:center; border-radius:2px; font-weight:bold; }
div.modify_btn span.cancel{ border:1px solid #d4d5d6; color:#707377; margin-right:5px;}
div.modify_btn span.modify{ color:#fff; background:#ff7365; border:1px solid #ff7365;}
div.modify_btn span.cancel:hover{color:#ff7365;}
div.modify_btn span.modify:hover{background:#fd8478; border:1px solid #fd8478;}


/*20160401 나의 알림 읽음,삭제버튼*/
div.notice_media{display:inline-block; padding-left:10px; width:calc(100% - 63px);}
div.notice_btn { margin-top:14px; float:right;}
div.notice_btn button.myimg{ font-size:12px; text-align:center; cursor:pointer; width:50px; height:26px; font-weight:bold; border-radius:2px;}
div.notice_btn button.success{ border:1px solid #67ccb7; color:#67ccb7; background:#fff; margin-right:5px;}
div.notice_btn button.success:hover{ border:2px solid #29c8a7; color:#29c8a7;}
div.notice_btn button.danger{ border:1px solid #67ccb7; color:#fff; background:#67ccb7;}
div.notice_btn button.danger:hover{ border:1px solid #29c8a7; background:#29c8a7;}			 
div.notice_btn button.unactive{ background:#c3c6cb; color:#fff !important; border:1px solid #c3c6cb !important; cursor:inherit;}

div.Timeread{ position:relative; margin:20px 0 0;}
div.Timeread .line{ display:inline-block; width:100%; height:1px; background:#ccc; position:absolute; top:0; left:0; z-index:9;}
div.Timeread .text{ display:inline-block; background:#fff; padding:2px 8px 1px; font-size:11px; color:#595959; font-family:NanumGothicBold; position:absolute; top:-9px; left:50%; margin-left:-80px; z-index:30;}
div.Timeread img{ vertical-align:middle; margin-right:7px;}



/*20160407 검색결과가 없습니다.*/
div.notsearch{ position:relative;overflow-y:auto; text-align:center; border-top:1px solid #e7e8e9; padding-top:30px; display:none;}
p.notsearch_txt01{ font-size:19px; color:#5b5c5d;}
a.notsearch_txt01_01{ font-size:19px; color:#FF5E00; font-weight:bold;}
p.notsearch_txt02{ font-size:25px; color:#f5796d;}
p.notsearch_txt02 span{ font-size:25px; color:#f5796d; font-ramily:"NanumGothicBold";}


/*20160519 post*/
.post_tit{ height:40px; color:#2c2d30; font-size:16px; width:100%; border:0; border-bottom:1px solid #e5e5e5; font-family:NanumGothicBold; }
.post_txt{ width:100%; height:550px; margin-top:10px; border-bottom:1px solid #e5e5e5;}
div.post_btn_wrap{ width:100%; text-align:center; margin-top:10px;}
div.post_btn_wrap .post_btn{ padding:9px 15px 11px; display:inline-block; font-size:13px; line-height:13px;}

/*20170116 video - nj*/
.video_tit{ height:30px; color:#2c2d30; font-size:14px; width:100%; border:0; border-bottom:1px solid #e5e5e5; font-family:NanumGothicBold; }
.video_txt{ width:100%; border-bottom:1px solid #e5e5e5; border:1px solid #cbcbcb; border-radius:3px; resize:none;}
div.video_btn_wrap{ width:100%; text-align:center; margin-top:10px;}
div.video_btn_wrap .video_btn{ padding:9px 15px 11px; display:inline-block; font-size:13px; line-height:13px;}
.videoPlayBtn { position:absolute; left:189px; top:42%; background-color:rgba(0,0,0,.7); width:158px; height:85px; padding:12px; border-radius:1em;}
.videoPlayBtn a:nth-child(1) { margin-left:4px; }
.videoPlayBtn a:nth-child(1) img:nth-child(2) { opacity:0.6; }
.videoPlayBtn a:nth-child(2) { margin-left:-12px; }
.videoPlayBtn a:nth-child(2) img:nth-child(1) { width:68px;margin-top:-2px; }
.videoPlayBtn a:nth-child(2) img:nth-child(2) { opacity:0.6;width:68px;margin-top:-2px; }


@media all and (max-width:1580px){	
	div.TeamPeople_List div.TeamPeople{ width:152px;}	
	}
	
@media all and (max-width:1310px){
	ul.Accordion li p.InfoTit{ width:17%; font-size:13px;}	
	div.TeamPeople_List div.TeamPeople{ width:146px; height:140px;}
	div.TeamPeople span.imgarea{ height:86px;}
	div.TeamPeople p{ margin:6px 0 0 10px;}
	}
		
@media all and (max-width:1240px){
	div.notice_media p span.media_Br{ display:block; margin-bottom:6px;}
	div.notice_btn{ padding-left:65px;}
}







/*이모션 팝업*/
.ipt_emoticon_wrap{
	width: 25px;
    height: 25px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor:pointer;
    background:url(../img/emoticon_btn_nomal.png) no-repeat;
}

.ipt_emoticon_wrap:hover{
	width: 25px;
    height: 25px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor:pointer;
    background:url(../img/emoticon_btn_over.png) no-repeat;
}

.ipt_chat_emoticon_wrap{
	width: 25px;
    height: 25px;
    position: absolute;
    bottom: 10px;
    right: 13px;
    cursor:pointer;
    background:url(../img/emoticon_btn_nomal.png) no-repeat;
}

.ipt_chat_emoticon_wrap:hover{
	width: 25px;
    height: 25px;
    position: absolute;
    bottom: 10px;
    right: 13px;
    cursor:pointer;
    background:url(../img/emoticon_btn_over.png) no-repeat;
}



div.emotion_pop{ width:162px; height:152px; background:#fff; border-radius:3px; box-shadow:2px 2px 6px rgba(0,0,0,0.4); z-index:999; position:absolute; display:none; }

div.emotion_pop>img{padding:5px 5px 5px 5px;}

.emoTitle{
	padding:3px;
	background:gray;
	color:#FFF;
	width:100%;
}	

#emoticonImg{
	cursor:pointer;
}

#emotionImgWrap{
	padding:5px;
}

.emoticonView{
	background:url(../img/Emoticon.png) no-repeat;
	width:26px;
	height:26px;
	display:inline-block;
	vertical-align:middle;
	/* transform:scale(0.9); */
}

.exEmoticonView{
	background:url(../img/Emoticon.png) no-repeat;
	width:26px;
	height:26px;
	display:inline-block;
	vertical-align:middle;
	transform:scale(0.7);
	/* background-size: 118px 152px; */
}


.exEmoticonContent{
	width: 43px;
	max-width:50px;
	height:26px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #bde0fe;
    margin-right:2px;
}

.user_reacted{
	width: 43px;
	max-width:50px;
	height:26px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #bde0fe;
    margin-right:2px;
    background:#f3faff;
}


.exEmoticonWrap{
	margin-left:40px;
	cursor:pointer;
}

.exEmoticonAdd{
	width: 26px;
    height: 26px;
    cursor:pointer;
    background:url(../img/exEmoAddBtn_normal.png) no-repeat;
    display:inline-block;    
    vertical-align:middle;
   /*  display:none; */
}

.exEmoticonAdd:hover{
	width: 26px;
    height: 26px;
    cursor:pointer;
    background:url(../img/exEmoAddBtn_over.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
}
/*이모션 팝업*/


/*========================================================================= 20160901 한소리 가이드 ======================================================================*/
/*시작하기*/
div.guide{ width:100%; padding:20px; max-width:1100px}
div.guide > h3{ font-size:23px; color:#2f4050; font-family: 'NanumGothicBold';}
div.guide > p{ font-size:14px; margin-bottom:10px;}

div.guide01{ width:100%; background:#f6f6f6; border-radius:6px; padding:30px; overflow:hidden; margin-bottom:60px;}
div.btnArea{ width:20%; float:left; margin-top:5%;}
div.btnArea button:nth-child(2){ margin-top:63%;}
div.btnArea button{ max-width:160px; min-width:82px; padding:6% 7%; font-size:15px; border-radius:4px; }
div.imgArea{ width:80%; float:left; padding-left:3%; }
div.imgArea img{ max-height:none !important; }

/*버튼 공통*/
.guidBtn{ color:#f5796d; font-family: 'NanumGothicBold'; display:block; border:1px solid #f5796d; cursor:pointer; }
.guidBtn span.arrow{ width: 0; height: 0; border-style: solid; border-width:4px 0 4px 5px; border-color: transparent transparent transparent #f5796d; vertical-align:middle; display:inline-block; margin-left:6px; }
.guidBtn:hover{ background:#f5796d; color:#fff; }
.guidBtn:hover span.arrow{ border-color: transparent transparent transparent #fff; }

/*사용안내*/
div.tabWrap{ width:100%;}
ul.tab{ width:100%; }
ul.tab li{ width:9.9%; max-height:50px; min-height:50px; margin-right:0.1%; background:#c4c5c7; color:#fff; font-family: 'NanumGothicBold'; float:left; border-top-left-radius:4px; border-top-right-radius:4px; text-align:center; padding:1.5% 0; cursor:pointer;}
ul.tab li:nth-child(10){ margin-right:0; }
ul.tab li.selected{ background:#4a5e6e;}
ul.tab li:hover{ background:#4a5e6e;}

ul.tabCon{ width:100%; }
ul.tabCon li{ display:none; background:#f6f6f6; border-radius:6px; padding:30px 40px;}
ul.tabCon li h3, p{ color:#2f4050; }
ul.tabCon li h3{ font-size:18px; font-family: 'NanumGothicBold'; margin-bottom:10px; }
ul.tabCon li p{ font-size:14px;}
ul.tabCon li p.tip{ color:#049197; font-size:13px; margin-top:5px;}

ul.tabCon li p button{ width:75px; height:25px; border-radius:3px; display:inline-block; font-size:12px; margin:5px 0;}



/*url box*/
div.urlbox{ width:400px; border:1px solid #e1e2e5; border-radius:2px; padding:12px 15px; cursor:pointer; margin-bottom:7px; background:#fff; box-shadow:1px 1px 0 #fff;}
div.urlbox > .urlImg{ display:block; float:center; max-width:400px;}
div.urlbox div.download{color:#9e9ea6; font-size:12px; font-family:'NanumGothicBold'; margin-top:0 !important; padding-left:4px;}
div.urlbox div.download span{  font-size:15px; color:#595959; display:block; cursor:pointer; padding:3px 0 10px; word-break:break-all; line-height:17px;}


#addItem_file{width:100%;height:145px;overflow-y:auto;position:relative;}
#addItem_file li{height:38px; border-top:1px solid #cdcdcd; padding-top:9px; margin-bottom:6px;}
/*#addItem_file .li_last {border-bottom:1px solid #cdcdcd;}*/
#addItem_file li .addItem_fileName{width:150px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block;float:left; margin-top:2px;}
#addItem_file li .option_wrap{width:calc(100% - 150px);float:left;}
#addItem_file li .addItem_progress{width:110px; height:5px; border:1px solid #cdcdcd; margin:9px 8px 0 0;}
#addItem_file li .addItem_fileBtnArea{width:50px;}

#addReview_file{width:100%;height:157px;overflow-y:auto;position:relative;}
#addReview_file li{height:38px; border-top:1px solid #cdcdcd; padding-top:9px; margin-bottom:6px;}
/*#addReview_file .li_last {border-bottom:1px solid #cdcdcd;}*/
#addReview_file li .addItem_fileName{width:150px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block;float:left; margin-top:2px;}
#addReview_file li .option_wrap{width:calc(100% - 150px);float:left;}
#addReview_file li .addItem_progress{width:110px; height:5px; border:1px solid #cdcdcd; margin:9px 8px 0 0;}
#addReview_file li .addItem_fileBtnArea{width:50px;}

.storeViewBtnWrap{position:absolute;top:220px;left:0px; z-index:10;}
.storeViewBtnWrap img{width:70px;height:70px; cursor:pointer;}

.leftHelpArea{float:left;border-right:1px solid #cbcbcb;background:#fff;width:250px;display:none;position:relative;}

.full_pop{top:0px;left:0px;position:fixed;background:#fff;border:none;z-index:140;}
div.full_pop h3{ font-family: 'NanumGothicBold'; font-size:16px; color:#222c3c; background:#efeff0; border-bottom:1px solid #e7e8e9; position:relative; padding:10px 20px; margin-bottom:20px;}
div.full_pop div.img_preview{ float: left; width: 268px; margin-left:20px;  border: 1px solid #cdcdcd; height: 338px; padding:10px; text-align:center; border-radius:2px;}
div.full_pop div.img_preview img{ display:inline-block; max-height:283px; border-radius:2px;}

/*리뷰작성*/
div.reviewtitBox{ width:100%; height:82px; margin-bottom:10px;}
div.reviewtitBox button{ width:82px; height:82px; border:1px solid #cbcbcb; background:#f8f8f8; display:block; float:left; border-radius:4px; margin-right:10px; overflow:hidden;}
div.reviewtitBox ul{ width:calc(100% - 92px); float:left;}
div.reviewtitBox ul li{ width:100%; border-radius:4px;}
div.reviewtitBox ul li span.starTit{ display:inline-block; background:#a6a6a6; font-size:14px; width:80px; text-align:center; color:#fff; font-family:'NanumGothicBold'; vertical-align:top; padding-top:6px; height:100%;}
div.reviewtitBox ul li span:nth-child(2){ display:inline-block; height:100%; margin-left:5px; padding-top:4px;}

div.reviewfileBox{ width:100%; border:1px solid #cdcdcd; border-radius:4px; padding:10px 0 10px 10px; }

/*상품리뷰 별점평가*/
.star_rating {}
.star_rating a { font-size:23px; line-height:23px; display:inline-block; color:#ccc; text-decoration:none; }
.star_rating a:first-child { margin-left:0; }
.star_rating a.on { color:#f7c86d; }

/*상품 상제정보 내 별점평가*/
.revStar_rating { font-size:0; letter-spacing:-4px; }
.revStar_rating a { font-size:18px; letter-spacing:-5px; cursor:default; display:inline-block; margin-left:5px; color:#ccc; text-decoration:none; }
.revStar_rating a:first-child { margin-left:0; }
.revStar_rating a.on { color:#ebc203; }

/*약관동의 체크박스와 상세보기버튼*/
.checks { position: relative; float:right; bottom:18px; padding:13px 5px 0px; right:19px; }
.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.checks input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.checks input[type="checkbox"] + label:before { content:' '; display:inline-block; width: 21px; height:21px; line-height:21px; margin:-2px 4px 0 0; text-align:center; vertical-align: middle; background:#fafafa; border: 1px solid #cacece; border-radius:3px; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before { box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label:before { content:'\2714'; color:#99a1a7; text-shadow:1px 1px #fff; background:#e9ecee; border-color:#adb8c0; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

.termsBox { position:relative; clear:both; bottom:-14px; }
.termsDes { position:relative; font-weight:bold; margin:-5px; float:left; left:30px; }

/*가입약관 팝업*/
div.joinTerms_pop{ display:none; position:absolute; top:70%; left:53%; height:625px; width:600px; background:#e6e7e9; z-index:999; margin:-415px 0 0 -350px; border-radius:3px; box-shadow:1px 1px 5px #4c4c4c; }
div.joinTerms_pop h4{ font-family:'NanumGothicBold'; font-size:16px; color:#222c3c; background:#d7d8da; padding:10px 20px; width:100%; border-radius:3px;}
div.termsPopContentCls { float:left; border-radius:3px; border:1px solid #c8c8c8; overflow:auto;position:relative;max-height:200px;height:200px;background-color:white;margin:10px 20px; }

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

/*상세정보팝업*/
div.detailArea{border-right:1px solid #cbcbcb; float:left; padding:0 10px 10px; }
div.detailArea h4{ font-size:15px; line-height:15px; font-family:'NanumGothicBold'; padding:13px 0 10px; border-bottom:1px solid #cbcbcb; margin-bottom:10px; }
div.detailArea h4 span{ display:inline-block; width:17px; height:18px; background-image:url(../img/btnIcon.png); margin-right:5px; vertical-align:middle;}
.detailIcon01{ background-position:0 -98px;}
.detailIcon02{ background-position:0 -116px;}
.detailIcon03{ background-position:0 -134px;}

div.detailInfo{ height:200px; width:100%; }
div.detailInfo > span{ width:200px; height:200px; float:left; display:inline-block; border-radius:4px; overflow:hidden;}
div.detailInfo > span img{ height:200px; width:200px; }

div.detailInfoTxt{ width:calc(100% - 210px); height:200px; float:right; }
div.detailInfoTxt h5{ font-size:20px; font-family:'NanumGothicBold'; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; }
div.detailInfoTxt div.infoPrice{ }
	div.infoPrice span:nth-child(1){text-decoration:line-through;} 
	div.infoPrice span:nth-child(2){color:#f23c3c; font-family:'NanumGothicBold'; font-size:15px;}
div.detailInfoTxt p{ margin:5px 0 10px; height:82px; overflow-y:auto; position:relative; border-radius:4px; background:#efeff0; padding:5px; }
div.detailEx{ position:relative; border-top:1px solid #cbcbcb; margin-top:10px; padding-top:10px;}

textarea.detailChat{resize:none; width:100%; height:80px; border:1px solid #64908a; border-radius:4px; padding:5px; }


/* 20170328 팀관리자와채팅 new 버*/
.adminChatNewBadge{display:inline-block; position:absolute; width:17px; height:15px; line-height:15px; border-radius:3px; background:rgb(246, 94, 85); font-size:9px; color:#fff; text-align:center; vertical-align:middle; font-family: 'NanumGothicBold'; margin-left:5px; left:-11px; bottom:-4px; }


/*seller pop*/
div.sellerInfoBox{ width:378px; height:75px; margin:10px; margin-bottom:0px; padding:5px; border:1px solid #cdcdcd; border-radius:4px; overflow-y:auto;}
div.sellerIptBox{ width:100%; height:82px; margin-bottom:10px; padding:10px;}
div.sellerIptBox ul li{ width:100%; border-radius:4px;}
div.sellerIptBox ul li span.starTit{ display:inline-block; background:#a6a6a6; font-size:14px; width:80px; text-align:center; color:#fff; font-family:'NanumGothicBold'; vertical-align:top; padding-top:6px; height:100%;}
div.sellerIptBox ul li span:nth-child(2){ display:inline-block; height:100%; margin-left:5px; padding-top:4px;}
div.sellerIptBox textarea{border:0px; width:100%; height:91px; resize:none;}

/*20170406 팀장이름옆에 붙이는 뱃지이미지 - nj*/
.master_badge{ width: 15px; margin-top: -1px; margin-left: -8px; float: left; margin-right: 6px; }







/*	fileViewer.ejs css	 */













.confirm_li_text{float:left;padding-top:7px;text-align:center;width:105px;}
.confirm_li_text_ipt{float:right !important;width:calc(100% - 105px) !important;border-left:1px solid #cbcbcb !important;}
.address_div{margin-bottom:6px;}
.address_div input{border: 1px solid #cbcbcb; height: 35px; width: 100%; padding-left:5px;}
.optWrapper .options{width:100% !important;}





/* button transform css */
.accent_transform_large:hover:before{
	transform: skewX(-45deg) translateX(34.5em) !important;
}
.accent_transform_middle:hover:before{
	transform: skewX(-45deg) translateX(24.5em) !important;
}	
.accent_transform_small:hover:before{
	transform: skewX(-45deg) translateX(17.5em) !important;
}
.btn_basic_setting{
	font-size:12px;
}





.resize {
  width: 60% !important;
}


div.OverFlow {
  padding-bottom: 0 !important;
}

/* teamList toggle switch */
.channel_toggle_btn,
.teamList_toggle_btn,
.mention_toggle_btn {
  width: 40px;
  height: 14px;
  background: #e9e9e9;
  overflow: hidden;
  display: inline-block;
  position: static !important;
  margin: auto 0;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 7px 1px #cbd2d7;
  border-radius: 8px;
}

.teamList_toggle_btn, .teamList_toggle_btn .toggle_bg {
  border-radius: 100px;
}

input[type="checkbox"].mention-check,
input[type="checkbox"].teamList_chk {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
  /* background: ; */
}
input[type="checkbox"]:disabled {
  cursor: default;
}

.toggle_switch::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-color: rgb(165, 165, 165);
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  box-shadow: 1.5px 1.5px 4px 0px rgb(0 0 0 / 30%);
}

input[type="checkbox"]:checked + .toggle_switch::before {
  content: '';
  left: 22px;
  color: #fafafa;
  background: var(--toggle-switch);
  filter: contrast(.5) brightness(1.25);
}

.mention_toggle_btn .toggle_switch::before {
  top: 6px;
  left: auto;
  right: 22px;
}
.mention_toggle_btn input[type="checkbox"]:checked + .toggle_switch::before {
  left: auto;
  right: 0;
}


.teamset_article_btn.btn_gray:hover svg{
  color: #727575; 
}

.teamset_article_btn.btn_red:hover svg{
 color: #f5796d; 
}

.teamset_article_btn.btn_blue:hover svg{
  color: #32aafe; 
 }

/* div#selectChannelAdmin */
.fa-times {
  font-size: 16px; 
  color: #999;
}



/*  */



.inviteChannelBindCls {
  width:490px;
  width: 600px;
  top: 35%;
  /* min-height: 60%; */
  border-radius: 10px;
  padding-bottom: 20px;
}

.serch_pop_con #userSearchResultArea {
  position:relative;
  max-height:500px;
  min-height:238px;
}

.authAdminChannelBindCls #authAdminChannelPop_header {
  color:#f5796d; font-size:16px;
}

.authAdminChannelBindCls .Pop_SearchBox {
  width:418px;
  border-radius: 5px;
  margin: 0 20px !important;
}

.serch_pop .serch_pop_con #authAdminChannelResultArea {
  position:relative;
  max-height:500px;
  min-height:238px;
  height: inherit;
}

.delete .fa-trash {
  color: #adadad;
  margin-left: 8px;
}

li.edit-mod button.pen {
  color: #f5796d;
}

input.edit-mod {
  border: 1px solid black !important;
}

/* toggle switch */
.channel_toggle_btn {
  margin-top: 3px;
  width: 43px;
  height: 15px;
  background: #e9e9e9;
  overflow: hidden;
}

.channel_toggle_btn, .teamList_toggle_btn .toggle_bg {
  border-radius: 100px;
}

input[type="checkbox"].ch_check {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.channel_toggle_btn .toggle_switch::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  line-height: 2;
  background-color: rgb(165, 165, 165);
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  box-shadow: 1.5px 1.5px 4px 0px rgb(0 0 0 / 30%);
}

input[type="checkbox"].ch_check:checked + .toggle_switch::before {
  content: '';
  left: 25px;
  color: #fafafa;
  background: #fcfcfc;
}

/* channelList ul */



/* spectrum 커스톰 */
.sp-replacer {
  width: 3rem !important;
  height: 3rem !important;
}

.sp-dd {
  display: none;
}

.sp-replacer {
  border: none !important;
}

.sp-preview {
  background-image: none !important;
}

#color-picker {
  display: block;
}

.fa-paint-brush {
  position: absolute;
  color: gray;
  /* right: 20px; */
  font-size: 20px;
  opacity: .5;
}

.authAdminChannelBindCls {
  height: 80% !important;
}

.admin-check {
  float: right;
  height: 30px;
  cursor: pointer;
}

.admin-badge {
  float: right;
  text-align: right;
  background: #333;
  padding: 4px 12px;
  border-radius: 50px;
  color: #f9f9f9;
  font-size: 10px;
  font-weight: bold;
}

.give-auth-btn {
  background: #f5f5f5;
  color: #333;
  font-weight: bold;
  border-radius: 41px;
  cursor: pointer;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  font-size: 11px;
}

/* 권한 관리 스크롤 */
#authAdminChannelResultArea .ps-scrollbar-y {
  width: 4px;
}

/* task 만들기 해시태그 */
.txt-tag {
  display: inline-block;
  padding: 3px 6px;
  margin: 0 10px 5px 0;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.new-tag {
  background: white;
  min-width: 45px;
  text-align: center;
}

.inp-tag {
  color: #555;
  border: none;
}

.inp-tag::before,
.txt-tag::before {
  content: '#';
}

.inp-tag input {
  border: none;
  background: none;
}

.inp-tag #channelset_name {
  border: none;
  /* font-size: 13px !important; */
  max-width: 150px;
}

#channel_tag {
  font-weight: normal !important;
  font-size: 13px;
  /* display: flex; */
}

.del-btn {
  position: relative;
  bottom: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: 5px;
  opacity: .5;
}

ul.teamlist li button.team-star-btn {
  margin-right: 10px;
}

ul.teamlist li button .team-star {
  color: #ccc;
  font-size: 15px;
}

ul.teamlist li button.checked .team-star {
  color: #ffd800;
}

/* scrollToTop 버튼 */
#rs-scroll {
  width: 50px;
  height: 50px;
  margin: 30px 40px;
  position: fixed;
  top: 0;
  justify-self: right;
  color: var(--gw-cerulean-01);
  font-size: 20px;
  box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 5%);
  background: #e7e8e9;
  border-radius: var(--default-radius);
  z-index: 99;
  background-image: url("data:image/svg+xml,%3Csvg fill='%236e6e6e' viewBox='-76.8 -76.8 409.60 409.60' id='Flat' xmlns='http://www.w3.org/2000/svg' transform='rotate(180)' stroke='%236e6e6e'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M205.65674,149.65723l-72,72a8.00063,8.00063,0,0,1-11.31348,0l-72-72a8.00018,8.00018,0,0,1,11.31348-11.31446L120,196.68652V40a8,8,0,0,1,16,0V196.68652l58.34326-58.34375a8.00018,8.00018,0,1,1,11.31348,11.31446Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#rs-scroll:hover {
  background-image: url("data:image/svg+xml,%3Csvg fill='%236e6e6e' viewBox='-76.8 -76.8 409.60 409.60' id='Flat' xmlns='http://www.w3.org/2000/svg' transform='rotate(180)' stroke='%236e6e6e'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3Crect x='-76.8' y='-76.8' width='409.60' height='409.60' rx='81.92' fill='%23cecfd1' strokewidth='0'%3E%3C/rect%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M205.65674,149.65723l-72,72a8.00063,8.00063,0,0,1-11.31348,0l-72-72a8.00018,8.00018,0,0,1,11.31348-11.31446L120,196.68652V40a8,8,0,0,1,16,0V196.68652l58.34326-58.34375a8.00018,8.00018,0,1,1,11.31348,11.31446Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 5%);
}
[data-split="true"] #rs-scroll {
  display: none;
}
/* teamset-grid로 CSS 변경 문제시! 다시 flex로,, 
   벤더별 프리픽스 적용해놓음 */

section#team-member-float {
  background: white;
  margin: 0;
  margin: 15px 15px 15px 0;
  padding: 20px;
  border-radius: var(--default-radius);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid var(--border-gray);
}
section#team-member-float header {
  position: relative;
  margin-bottom: 10px;
}
section#team-member-float .container {
  position: relative;
  width: 320px;
  height: calc(100% - 42px);
  padding: 0;
  margin: 0;
}

section#team-member-float .container .ul-label {
  font-size: 14px;
  font-family: var(--font-regular);
  font-weight: bold;
  margin-bottom: 5px;
}
section#team-member-float .container .ul-label .cnt {
  color: var(--gw-cerulean-01);
  font-size: var(--font-size-sm);
  font-family: var(--font-bold);
}

ul#adminList {
  border-bottom: 1px solid var(--border-gray);
}

ul#adminList,
ul#userJoinList {
  display: grid;
  grid-template-rows: repeat(auto-fit, 60px) !important;

}
section#team-member-float .container li {
  padding: 6px 0;
  display: grid;
  align-items: center;
  grid-template-columns: 40px auto 60px;
  column-gap: 15px;
}
section#team-member-float .container li:not(:last-child) {
  border-bottom: 1px solid var(--border-gray);
}

section#team-member-float .container .name {
  font-size: 13px;
  line-height: 18px;
  font-family: var(--font-regular);
  font-weight: bold;
}

section#team-member-float .container .go-chat::before,
section#team-member-float .container .go-message::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
}
section#team-member-float .container .go-chat::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpath d='M45.42853,176.99811A95.95978,95.95978,0,1,1,79.00228,210.5717l.00023-.001L45.84594,220.044a8,8,0,0,1-9.89-9.89l9.47331-33.15657Z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='M128,24A104.02816,104.02816,0,0,0,36.81152,178.042l-8.54785,29.91406A15.99977,15.99977,0,0,0,48.043,227.73633l29.916-8.54688A104.00738,104.00738,0,1,0,128,24Zm0,192a87.87156,87.87156,0,0,1-44.90723-12.30469,7.996,7.996,0,0,0-6.28711-.8164l-33.15722,9.47265,9.47265-33.15576a7.99974,7.99974,0,0,0-.8164-6.28662A88.011,88.011,0,1,1,128,216Z'%3E%3C/path%3E%3Ccircle cx='128' cy='128' r='12'%3E%3C/circle%3E%3Ccircle cx='80' cy='128' r='12'%3E%3C/circle%3E%3Ccircle cx='176' cy='128' r='12'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
section#team-member-float .container .go-message::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpath d='M210.25072,35.878,23.923,88.432a8,8,0,0,0-1.253,14.9295l85.61084,40.5525a8.00008,8.00008,0,0,1,3.80521,3.80521L152.63852,233.33a8,8,0,0,0,14.9295-1.253L220.122,45.74928A8,8,0,0,0,210.25072,35.878Z'%3E%3C/path%3E%3C/g%3E%3Cpath d='M223.73633,32.26367a16.01167,16.01167,0,0,0-15.65723-4.085L21.751,80.73242a15.9995,15.9995,0,0,0-2.50586,29.8584l85.61133,40.55273,40.55273,85.61133a15.85235,15.85235,0,0,0,14.41406,9.15235q.687,0,1.38379-.05762A15.86994,15.86994,0,0,0,175.26758,234.249L227.82129,47.9209A16.0173,16.0173,0,0,0,223.73633,32.26367Zm-63.8711,197.63379-39.35839-83.08984,41.26855-41.26856a8.00052,8.00052,0,0,0-11.31445-11.31445l-41.269,41.269L26.10254,96.12891,212.42285,43.57715Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
ul#adminList .profile,
ul#userJoinList .profile {
  margin-right: 5px;
  width: 40px;
  height: 40px;
  border-radius: 25%;
  border: 1px solid #e7e8e9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  float: left;
}

/* IE CSS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .team-content-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;    
    align-content: space-between;
  }

  .team-content-wrap ul li {
    width: 24%;
    margin-right: auto;
  }

  .team-content-wrap ul li:hover {
    outline: none;
    border: 1px solid #32aafe;
  }

  #channelListUl li .createdDate span {
    font-size: 10px !important;
  }

  .non-active {
    background: hsl(0,0%,96.5%) !important;
  }

  #rs-scroll {
    position: absolute;
    right: 55px;
    bottom: 20px;
  }
}

/* 22.03.16 bookmark list css 이동 */
li.bookmark_list {
  padding: 10px 0 !important;
}
li.bookmark_list button {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
}
li.bookmark_list:hover > .talk_icon {
  display: block;
}
li.bookmark_list:hover .f_title {
  text-decoration: underline;
}
#bookmarkSearchIpt{
  width: 100%;
  padding-left: 10px;
}

div.file_info {
  padding-left: 10px;
  /* width: max-content; */
  cursor:pointer;
}


li.active {
  /* background: #f8f8f8; */
  border: 1px solid var(--primary);
  border-bottom: 1px solid var(--primary) !important;
}

.notFound {
  text-align: center; 
  border: none; 
  color: #8b8888; 
  margin: 15px; 
  font-size: 13px;
  border: none !important;
}

#bookmarkSearchWrap {
  width: 36px;
  height: 36px;
  max-width: 500px;
  display: flex;
  align-items: center;
  position: relative;
  border: none;
  border-radius: 8px;
  background: transparent;
  padding: 0;
  transition: all .5s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#bookmarkSearchWrap:hover {
  background: #e7e8e9;
}

#bookmarkSearchWrap.active {
  background: #e7e8e9;
  width: 75%;
}


#bookmarkSearchIpt {
  border: none;
  background: transparent;
  padding: 8px 8px 8px 33px;
}

#bookmarkSearchIpt::placeholder {
  color: var(--gray);
}

.bookmark-search-btn {
  cursor: pointer;
}
#bookmarkSearchWrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 15px;
  height: 15px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%236e6e6e' height='15px' width='15px' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512' stroke='%236e6e6e' stroke-width='15.36'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='m495,466.1l-119.2-119.2c29.1-35.5 46.5-80.8 46.5-130.3 0-113.5-92.1-205.6-205.6-205.6-113.6,0-205.7,92.1-205.7,205.7s92.1,205.7 205.7,205.7c49.4,0 94.8-17.4 130.3-46.5l119.1,119.1c8,8 20.9,8 28.9,0 8-8 8-20.9 0-28.9zm-443.2-249.4c-1.42109e-14-91 73.8-164.8 164.8-164.8 91,0 164.8,73.8 164.8,164.8s-73.8,164.8-164.8,164.8c-91,0-164.8-73.8-164.8-164.8z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.delete-fav:hover {
  color: #666;
  transition: color 1s ease-in-out;
}	

.fav_wrap .title {
  margin: 0;
  font-weight: 800;
  min-width: max-content;
  padding-right: 30px;
}
.fav_wrap .favCount {
  margin-right: 12px;
  color: #666;
} 

.fav {
  background: rgba(255,255,255,0.95);
}

.fav .fa-star {
  color: #F2EA7E;
}

.title {
  font-size: 15px !important;    
  margin: 0 0 5px 10px;
}

.f_content {
  margin-top: 3px;
}

.f_title {
  color: #2c2d30;
  font-size: 13px;
  line-height: 22px;
  max-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#subContent.ps-container > .ps-scrollbar-y-rail {
  display: block;
  opacity: 1;
  background-color: #eee;
}

.sub-noti {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: max-content;
  background: #202124;
  color: #FFF;
  padding: 8px 65px;
  font-size: 14px;
  border-radius: 8px;
  opacity: .6;
  left: 71%; 
  top: 30%;
}

#favoriteList,
#favoriteList div.file_info  {
  padding-left: 0 !important;
}

.headerWrap {
  height: var(--popper-header-height);
  padding: 12px 24px;
  background: white;
  border-bottom: var(--default-gray-border);
}

#mainContent {
  display: grid;
  min-height: 100%;
  height: 100vh;
  position: relative;
  z-index: 79;
  box-sizing: border-box;
  background: white;
}


/* 22.02.14 해당 팀 todo 모아보기 pop-up (개발 전) */
section#todoPop {
  background: #FFF;
  height: 50%;
  z-index: 1;
  position: absolute;
  top: 10%;
  border-radius: 10px;
  overflow: hidden;
  width: 65% !important;
  left: 0 !important;
  transform: translateX(25%) !important;
  box-shadow: 5px 5px 5px #4c4c4c29;
  border: 1px solid #e7e8e9;
}

.wide-view {
  width: 70% !important;
}

.sub-view {
  width: 30% !important;
}

#subContentWrap {
  position: relative;
  border-left: 1px solid var(--border-gray);
  z-index: 99;
}

/* .content[data-split="false"] #subContentWrap {
  display: none;
} */
/* 2022.03.18 resizable */
.conent + .resizable-content {
  cursor: e-resize;
}

.resizable-content .view-resize-handler {
  width: 12px;
  height: 50px;
  background: #eee;
  transform: translateX(-4px);
  position: absolute;
  z-index: 20;
  cursor: e-resize;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-resize-handler::before {
  content: '';
  width: 6px;
  height: 60px;
  background: white;
  border-radius: 10px;
}

.view-resize-handler:hover {
  background: #bcbcbc;
  cursor: e-resize;
}

/* 2022.03.21 - Teamadd_pop 수정 */
.Teamadd_pop ul#templateList {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  position: relative;   
}

ul#templateList li {
  position: relative;
  width: 90%;
  height: max-content;
  cursor: pointer;
  margin: 5px;
  margin-right: 15px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #d0d9dc;
  box-shadow: 3px 3px 3px 0px #f5f5f54d;
  background: #f3f3f3;
}
ul#templateList li:has(input:checked){
  background: #FFF;
  /* border: 1px solid #454e50ba; */
}

.Teamadd_pop ul#templateList li div {
  display: flex;
}

.Teamadd_pop ul#templateList li div.title-wrap {
  align-items: center;
}

.Teamadd_pop ul#templateList li ul {
  margin-left: 20px;
}
.Teamadd_pop ul#templateList li ul {
  display: flex;
  flex-direction: column;
}
.Teamadd_pop ul#templateList li ul li {
  border: none;
  height: 30px;
  display: inline;
}

.Teamadd_pop ul#templateList li div span{
  padding: 2px 0 0 10px;
  line-height: 18px;
  font-family: var(--font-bold);
  color: var(--gw-cerulean-01);
}

.default-channel-wrap .default_channel::before {
  content: '';
  display: inline-block;
  font-family: var(--font-bold);
  margin: -2px 5px -2px 0;
  width: 16px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='16px' fill='%236E7D81' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M224,88H175.40381l8.46728-46.56934a8.00005,8.00005,0,1,0-15.74218-2.86132L159.1416,88H111.40381l8.46728-46.56934a8.00005,8.00005,0,1,0-15.74218-2.86132L95.1416,88H43.63672a8,8,0,0,0,0,16h48.5957l-8.72754,48H32a8,8,0,0,0,0,16H80.59619l-8.46728,46.56934a8.00005,8.00005,0,1,0,15.74218,2.86132L96.8584,168h47.73779l-8.46728,46.56934a8.00005,8.00005,0,1,0,15.74218,2.86132L160.8584,168h51.50488a8,8,0,1,0,0-16h-48.5957l8.72754-48H224a8,8,0,0,0,0-16Zm-76.49512,64H99.76758l8.72754-48h47.7373Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#input-channels .channel::before {
  content: '#';
  display: inline;
}

.Teamadd_pop ul#templateList li header {
  width: 100%;
  font-family:'NanumGothicBold'; 
  font-weight: 900;
  margin-left: 15px;
  border-bottom: 1px solid black;
}
.Teamadd_pop ul#templateList li input {
  width: 100%;
  height: 100%;
  margin: 0;
  margin-right: 10px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

input:checked + label {
  color: #2c2d30 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

ul#templateList label {
  color: var(--gw-cerulean-01);
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.Teamadd_Info input[type=text]#teamset_name {
  display: inline-block;
  min-width: 200px;
  max-width: calc(100% - 36px);
  border-radius: 5px;
  border: 1px solid transparent;
  background: #f5f5f5;
  padding: 8px;
  margin: 15px 0;
  font-family: var(--font-bold);
  font-size: var(--font-size-md);
}
.Teamadd_Info input[type=text]#teamset_name:focus,
ul.Teamadd_Info li #teamset_des:focus {
  background: white;
  box-shadow: none;
  border: none;
}

.Teamadd_Info input[type=text]#teamset_name::placeholder,
ul.Teamadd_Info li #teamset_des::placeholder {
  font-size: 13px;
  font-family: var(--font-regular);
  color: #6E7D81;

}
.Teamadd_Info input[type=text]#teamset_name::placeholder {
  font-size: 15px;
  /* font-size: calc(var(--font-size-md) + 1px); */
  font-family: var(--font-bold);
}
.Teamadd_Info .member-preview,
.Teamadd_Info .feed-preview {
  width: max-content;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #989898;
  margin-right: 15px;
  filter: blur(1px);
}

.Teamadd_Info .team-ellipsis {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  padding: 3px;
}
.Teamadd_Info .team-ellipsis:hover {
  background: #e7e8e9;
}

.Teamadd_Info .member-preview::after,
.Teamadd_Info .feed-preview::after {
  content: '';
  display: inline;
  width: 28px;
  height: 12px;
  background: #f5f5f5;
  border-radius: 4px;
}
.Teamadd_Info .member-preview::before,
.Teamadd_Info .feed-preview::before, 
.Teamadd_Info .team-ellipsis::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
} 

.Teamadd_Info .team-ellipsis::before {
  width: 25px;
  height: 25px;
  margin: 0;
}
.Teamadd_Info .member-preview::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Ccircle cx='128' cy='96' r='64'%3E%3C/circle%3E%3C/g%3E%3Cpath d='M231.93652,211.98633a120.48718,120.48718,0,0,0-67.12-54.14258,72,72,0,1,0-73.633,0,120.48821,120.48821,0,0,0-67.11859,54.14062,7.99981,7.99981,0,1,0,13.84863,8.0127,104.0375,104.0375,0,0,1,180.17432.00195,7.99981,7.99981,0,1,0,13.84863-8.01269ZM72,96a56,56,0,1,1,56,56A56.06353,56.06353,0,0,1,72,96Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .feed-preview::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpath d='M32,200a16,16,0,0,0,16-16V64a8,8,0,0,1,8-8H216a8,8,0,0,1,8,8V184a16,16,0,0,1-16,16Z'%3E%3C/path%3E%3C/g%3E%3Cpath d='M88,112a8.00039,8.00039,0,0,1,8-8h80a8,8,0,0,1,0,16H96A8.00039,8.00039,0,0,1,88,112Zm8,40h80a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,64V184a24.0275,24.0275,0,0,1-24,24H32A24.02715,24.02715,0,0,1,8,184.10645V88a8,8,0,0,1,16,0v96a8,8,0,0,0,16,0V64A16.01833,16.01833,0,0,1,56,48H216A16.01833,16.01833,0,0,1,232,64Zm-16,0H56V184a23.89077,23.89077,0,0,1-1.37109,8H208a8.00917,8.00917,0,0,0,8-8Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .team-ellipsis::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25px' fill='%236e6e6e' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe' stroke-width='7.68'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Ccircle cx='64' cy='128' r='12'%3E%3C/circle%3E%3Ccircle cx='192' cy='128' r='12'%3E%3C/circle%3E%3Ccircle cx='128' cy='128' r='12'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info input[type=text]:focus {
  border: 1px solid var(--hi-blue);
  box-shadow: 0px 2px 6px rgb(0 0 0 / 3%);
}
.Teamadd_Info .team-name-ipt-wrap::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22px' fill='%23bababe' viewBox='0 0 24 24' id='star' data-name='Flat Color' xmlns='http://www.w3.org/2000/svg' class='icon flat-color' stroke='%23bababe' stroke-width='1.2'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath id='primary' d='M22,9.81a1,1,0,0,0-.83-.69l-5.7-.78L12.88,3.53a1,1,0,0,0-1.76,0L8.57,8.34l-5.7.78a1,1,0,0,0-.82.69,1,1,0,0,0,.28,1l4.09,3.73-1,5.24A1,1,0,0,0,6.88,20.9L12,18.38l5.12,2.52a1,1,0,0,0,.44.1,1,1,0,0,0,1-1.18l-1-5.24,4.09-3.73A1,1,0,0,0,22,9.81Z' style='fill: %23f2f2f2;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  transform: scale(1.3);
  margin: -5px 10px -5px 0;
}
.Teamadd_Info .edit-auth-wrap {
  height: 50px;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-gray);
}
.Teamadd_Info .edit-auth-wrap .sub-title::before { 
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -5px 10px -5px 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpolygon points='128 160 96 160 96 128 168 56 200 88 128 160'%3E%3C/polygon%3E%3C/g%3E%3Cg%3E%3Cpath d='M229.65723,58.34326l-32-32a8.00034,8.00034,0,0,0-11.31446,0l-96,96A8.00035,8.00035,0,0,0,88,128v32a8.00008,8.00008,0,0,0,8,8h32a8.00076,8.00076,0,0,0,5.65723-2.34326l96-96A8,8,0,0,0,229.65723,58.34326ZM124.68652,152H104V131.31372L168,67.314l20.68628,20.68628Zm75.31372-75.31372L179.314,56,192,43.31372,212.68652,64Z'%3E%3C/path%3E%3Cpath d='M216,112a8.00024,8.00024,0,0,0-8,8v88H48V48h88a8,8,0,0,0,0-16H48A16.01818,16.01818,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V120A8.00024,8.00024,0,0,0,216,112Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .edit-auth-wrap h6::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -4px 8px -4px 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18px' fill='%232c2d30' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%232c2d30'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpolygon points='128 160 96 160 96 128 168 56 200 88 128 160'%3E%3C/polygon%3E%3C/g%3E%3Cg%3E%3Cpath d='M229.65723,58.34326l-32-32a8.00034,8.00034,0,0,0-11.31446,0l-96,96A8.00035,8.00035,0,0,0,88,128v32a8.00008,8.00008,0,0,0,8,8h32a8.00076,8.00076,0,0,0,5.65723-2.34326l96-96A8,8,0,0,0,229.65723,58.34326ZM124.68652,152H104V131.31372L168,67.314l20.68628,20.68628Zm75.31372-75.31372L179.314,56,192,43.31372,212.68652,64Z'%3E%3C/path%3E%3Cpath d='M216,112a8.00024,8.00024,0,0,0-8,8v88H48V48h88a8,8,0,0,0,0-16H48A16.01818,16.01818,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V120A8.00024,8.00024,0,0,0,216,112Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .sub-title {
  color: var(--gw-cerulean-01);
  font-size: 13px;
  font-family: var(--font-normal);
  line-height: 28px;
  user-select: none;
  margin-right: 25px;
}

.Teamadd_Info .setting-preview {
  float: right;
  display: inline-flex;
  align-items: center;
  transform: scale(1.25);
  transform-origin: right;
}
.Teamadd_Info .setting-preview div {
  /* height: 18px; */
}
.Teamadd_Info .setting-preview div::before {
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.Teamadd_Info .setting-preview .task-preview::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpath d='M192,120,136,64l26.34315-26.34315a8,8,0,0,1,11.3137,0l44.6863,44.6863a8,8,0,0,1,0,11.3137Z'%3E%3C/path%3E%3C/g%3E%3Cpath d='M216,208H115.314l82.33838-82.33887.00489-.00439.00439-.00488L223.999,99.31445A15.99888,15.99888,0,0,0,224,76.68652L179.31348,31.999A16.02162,16.02162,0,0,0,156.68555,32l-120,120.00049a15.95392,15.95392,0,0,0-3.572,5.45654c-.08228.19971-.15162.40283-.21705.60742A15.9896,15.9896,0,0,0,32,163.31348V208a16.01833,16.01833,0,0,0,16,16H216a8,8,0,0,0,0-16ZM51.314,160l84.6858-84.686L180.68579,120,96,204.68652ZM168,43.31348,212.68555,88,192,108.68555,147.314,64ZM48,179.314,76.686,208H48Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .setting-preview .set-preview::before {
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='18px' fill='%23bababe' viewBox='0 0 256.00098 256.00098' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M229.645,105.96387,203.69873,91.56055a83.92517,83.92517,0,0,0-6.2876-10.90992l.5-29.68823a103.88966,103.88966,0,0,0-38.17138-22.00146L134.293,44.22949a83.89083,83.89083,0,0,0-12.5918-.01L96.24023,28.94263A103.8856,103.8856,0,0,0,58.10107,50.999l.49952,29.67188A83.85065,83.85065,0,0,0,52.2959,91.5708L26.335,105.98218A103.8963,103.8963,0,0,0,26.3667,150.04L52.313,164.44336a83.92506,83.92506,0,0,0,6.2876,10.90991l-.5,29.68823A103.88954,103.88954,0,0,0,96.272,227.043l25.44678-15.26856a83.89083,83.89083,0,0,0,12.5918.01l25.46093,15.27686a103.88532,103.88532,0,0,0,38.13916-22.0564l-.49951-29.67187a83.79517,83.79517,0,0,0,6.30469-10.8999l25.96094-14.41138A103.8963,103.8963,0,0,0,229.645,105.96387ZM128.00586,176.002a48,48,0,1,1,48-48A47.99987,47.99987,0,0,1,128.00586,176.002Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128.00586,72.00195a56,56,0,1,0,56,56A56.06354,56.06354,0,0,0,128.00586,72.00195Zm0,96a40,40,0,1,1,40-40A40.0452,40.0452,0,0,1,128.00586,168.002Zm109.457-63.73584a8.00133,8.00133,0,0,0-3.93555-5.29687L209.75146,85.77051c-1.31591-2.55078-2.7539-5.04639-4.2998-7.46094l.458-27.2124a8.00056,8.00056,0,0,0-2.62158-6.05811A111.13811,111.13811,0,0,0,162.17871,21.3418a8.00177,8.00177,0,0,0-6.55469.75927l-23.31836,13.9917c-2.86865-.13672-5.75-.13916-8.61132-.00683L100.35645,22.08252a8.00256,8.00256,0,0,0-6.55762-.75879A111.15549,111.15549,0,0,0,52.72168,45.07715a8.00055,8.00055,0,0,0-2.61963,6.05664l.45752,27.18994c-1.55078,2.41455-2.99365,4.90869-4.31152,7.4541l-23.7959,13.21a8.00027,8.00027,0,0,0-3.93555,5.29932,111.13522,111.13522,0,0,0,.03223,47.45068,8.00137,8.00137,0,0,0,3.93554,5.29688L46.26025,170.2334c1.31592,2.55078,2.75391,5.04639,4.29981,7.46094l-.458,27.2124a8.00052,8.00052,0,0,0,2.62158,6.0581A111.13813,111.13813,0,0,0,93.833,234.66211a8.00156,8.00156,0,0,0,6.55469-.75928l23.31835-13.9917c2.86817.13623,5.749.13867,8.61133.00684l23.33789,14.00342a8.00239,8.00239,0,0,0,6.55762.75879A111.15557,111.15557,0,0,0,203.29,210.92676a8.00055,8.00055,0,0,0,2.61963-6.05664l-.45752-27.18994c1.55078-2.41455,2.99365-4.9087,4.31152-7.45411l23.7959-13.21a8.00023,8.00023,0,0,0,3.93555-5.29931A111.13527,111.13527,0,0,0,237.46289,104.26611Zm-14.9126,40.56153L199.833,157.43848a8.00563,8.00563,0,0,0-3.32324,3.5205,76.08445,76.08445,0,0,1-5.70362,9.86084,7.9999,7.9999,0,0,0-1.39355,4.648l.437,25.96485a95.02984,95.02984,0,0,1-29.14356,16.85986l-22.27929-13.36816a7.99661,7.99661,0,0,0-4.11572-1.14014q-.29737,0-.59522.022a76.08417,76.08417,0,0,1-11.3916-.00879,8.01723,8.01723,0,0,0-4.72168,1.11719L95.33447,218.27588A95.056,95.056,0,0,1,66.16211,201.4668l.4375-25.97852a8.00628,8.00628,0,0,0-1.38721-4.63867,76.183,76.183,0,0,1-5.688-9.87012,7.99823,7.99823,0,0,0-3.32812-3.53076l-22.70508-12.604a95.0434,95.0434,0,0,1-.02978-33.66846L56.17871,98.56543A8.00571,8.00571,0,0,0,59.502,95.04492a76.08512,76.08512,0,0,1,5.70362-9.86084,7.99987,7.99987,0,0,0,1.39355-4.64795l-.437-25.96484A95.02951,95.02951,0,0,1,95.30566,37.71143L117.585,51.07959a7.985,7.985,0,0,0,4.71094,1.11816,76.21624,76.21624,0,0,1,11.3916.00879,7.99566,7.99566,0,0,0,4.72168-1.11718L160.67725,37.728a95.05606,95.05606,0,0,1,29.17236,16.80908l-.4375,25.97852a8.00628,8.00628,0,0,0,1.38721,4.63867,76.18214,76.18214,0,0,1,5.688,9.87011,7.99828,7.99828,0,0,0,3.32813,3.53077l22.70508,12.604A95.0434,95.0434,0,0,1,222.55029,144.82764Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .setting-preview .add-member-preview::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg opacity='0.2'%3E%3Cpath d='M128,32A96.00088,96.00088,0,0,0,63.79883,199.375v-.001A71.99731,71.99731,0,0,1,128,160a40,40,0,1,1,40-40,40.0001,40.0001,0,0,1-40,40,71.99731,71.99731,0,0,1,64.20117,39.374A96.0002,96.0002,0,0,0,128,32Z'%3E%3C/path%3E%3C/g%3E%3Cpath d='M168,56a8.00008,8.00008,0,0,1,8-8h16V32a8,8,0,0,1,16,0V48h16a8,8,0,0,1,0,16H208V80a8,8,0,0,1-16,0V64H176A8.00008,8.00008,0,0,1,168,56Zm62.71387,55.60547A105.04749,105.04749,0,0,1,232,128a103.74773,103.74773,0,0,1-33.82507,76.686,7.95105,7.95105,0,0,1-1.31671,1.18115,103.78411,103.78411,0,0,1-137.71259.00293,7.9427,7.9427,0,0,1-1.32629-1.18946A103.95136,103.95136,0,0,1,128,24a105.08015,105.08015,0,0,1,16.39453,1.28613,7.99994,7.99994,0,1,1-2.50391,15.80274A89.02966,89.02966,0,0,0,128,40,87.94985,87.94985,0,0,0,62.24164,186.41016a79.564,79.564,0,0,1,36.05609-28.7461,47.99974,47.99974,0,1,1,59.40448.00049,79.56009,79.56009,0,0,1,36.056,28.74561A87.637,87.637,0,0,0,216,128a89.00044,89.00044,0,0,0-1.08887-13.89014,8,8,0,1,1,15.80274-2.50439ZM128,152a32,32,0,1,0-32-32A32.03635,32.03635,0,0,0,128,152Zm0,64a87.5593,87.5593,0,0,0,53.91656-18.501,64.02277,64.02277,0,0,0-107.83337-.00048A87.55736,87.55736,0,0,0,128,216Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .setting-preview .exit-preview::before {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15px' fill='%23bababe' viewBox='0 0 256 256' id='Flat' xmlns='http://www.w3.org/2000/svg' stroke='%23bababe' stroke-width='7.68'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M221.65723,133.65625l-41.98828,42a8.00018,8.00018,0,0,1-11.31543-11.3125L196.68994,136H104a8,8,0,0,1,0-16h92.68994L168.35352,91.65625A8.00018,8.00018,0,0,1,179.669,80.34375l41.98828,42A7.99974,7.99974,0,0,1,221.65723,133.65625ZM104,208H48V48h56a8,8,0,0,0,0-16H48A16.01833,16.01833,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16h56a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.Teamadd_Info .teamList_toggle_btn .toggle_switch::before {
  background: var(--gw-cerulean-15) !important;
  border-color: var(--gw-cerulean-15) !important;
}
.ipt-warning {
  border: 1px solid tomato !important;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 3%);
}


.Teamadd_Info input::placeholder{
  color: black;
}

.team-add-title {
  line-height: 40px;
  font-size: 13px;
  /* color: #666 */
}

ul.Teamadd_Info {
  outline: 1px solid #e5e5e5;
  padding: 20px;
  background: white;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 600px;	
  margin: 0 auto 0 0;
  /* margin: 30px 20px; */
  box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%);
}

ul.Teamadd_Info li input {
  display: block;
  border: none;
}
ul.Teamadd_Info li #teamset_des {
  resize:none;
  width:100%; 
  min-height: 120px; 
  padding: 8px 15px;   
  border: 1px solid var(--border-gray);   
  border-radius: 5px; 
  font-family: var(--font-bold);
}



#teamset_tag {
  width: 100%;
}

#team-btn-wrap {
  position: absolute; 
  right: 35px;
  bottom: 20px;
}

#team-btn-wrap button {
  width: 66px;
  height: 33px;
}
#team-btn-wrap button.cancle-btn {
  color: #555;
}


.default-channel-wrap {
  display: flex; 
  flex-direction: column; 
  margin: 5px 0 0 5px;
}

.channel-template-wrap h3 {
  height: 30px !important; 
  line-height: 30px !important;
  padding-left: 0 !important; 
  margin-left: 10px;
}

.templateList-wrap {
  /* height: 100%; */
  height: calc(100% - 55px);
}

/*  */
#gw_user_select_wrap_todo {
  height: max-content !important;
  padding-bottom: 20px !important;

  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  
}

#gw_user_select_wrap_todo .set_user_wrap {
  grid-template-columns: repeat(4, 1fr) !important; 
  padding: 1rem 2rem !important;
}

#gw_user_select_wrap_todo .set_user_wrap .set_user_box {
  height: 400px;
}

#gw_user_select_wrap_todo .set_user_btn_area {
  float: right;
  width: max-content;
  padding: 0 2rem;
}

#mainBody {
  /* display: grid; */
  position: relative;
  width: 100%;
  min-height: 100%;
  background: white;
  overflow: hidden;
  height: max-content !important;
  /* grid-template-rows: var(--feed-top-height) auto; */
}
.teamset_article_btn {
  color: #bababe;
}

.setTeam {
  display: none;
  background: #FFF;
  position: absolute;
  height: max-content;
  top: 15px;
  left: 0;
  transform: translateX(50%);
  z-index: 99;
  padding: 5px 15px;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
}

/* 채널 리스트 */
div#selectChannelAdmin h3 {
  background: none;
}

#userlist_title {
  margin: 0;
  /* padding: 0 10px; */
  padding-right: 10px;
}
#joinUserCnt {
  color: var(--gw-cerulean-01);
  font-size: var(--font-size-md);
  font-family: var(--font-bold);
}

/*===================================================================== 메인 =====================================================================*/
.Right_area > div.content{ 
  width:100%; 
  height: 100%;
  clear:both; 
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.content[data-split="false"] {
  grid-template-rows: auto;
  grid-template-columns: 100% 0 !important;
}
.content[data-split="false"][data-view-type="file"]{
  grid-template-columns: 0 100% !important;
}
.content[data-split="false"][data-view-type="file"] #floating-btns, 
.content[data-split="false"][data-view-type="file"] #rs-scroll {
  display: none !important;
}

.content[data-split="false"][data-view-type="file"] #fileViewer .content_comment .commentbox {
  padding: 15px;
}
.content[data-split="false"][data-view-type="file"] #fileViewer .comment_content p {
  word-break: break-all;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: .5px;
}
.content[data-split="false"][data-view-type="file"] #fileViewer #comment_ipt {
  min-height: 80px;
  font-size: 15px;
  padding-left: 15px;
}
.content[data-split="false"][data-view-type="file"] #fileViewer #comment_ipt span,
.content[data-split="false"][data-view-type="file"] #fileViewer #comment_ipt div {
  font-size: 14px;
  line-height: 28px;
}

.content[data-split="false"][data-view-type="file"] #fileViewer .bottom_title,
.content[data-split="false"][data-view-type="file"] #fileViewer .comment_user {
  font-size: 14px;
}
.content[data-split="false"][data-view-type="file"] #fileViewer .comment_date {
  font-size: 13px;
  line-height: 24px;
}
.content[data-split="true"] #mainContent {
  padding-right: 6px !important;
  background: #e7e8e9 !important;
}

#mainBody:has(.post-input-wrapper) {
  height: inherit !important;
}

/*===================================================================== 우측 사이드 바 =====================================================================*/
div.TopMenu {
  display: flex;
  justify-content: center;
	border-left: 1px solid #edeeee;
  width: var(--right-sidebar-width);
  height: 100%;
  padding: var(--lnb-top-padding);
  padding-left: 0;
  padding-right: 0;
  background: white;
  z-index: 99;
}
/* before */
#topMenuWrap a::before { content: ''; display: inline-block; width: var(--right-icon-width); height: var(--right-icon-width); } 
#topMenuWrap #allSearch::before { background-image: var(--ic-search); } 
#topMenuWrap #userlist::before { background-image: var(--ic-group); } 
#topMenuWrap #todo::before { background-image: var(--ic-task) }
#topMenuWrap #mentions::before { background-image: var(--ic-mention); } 
#topMenuWrap #favorite::before { background-image: var(--ic-bookmark); } 
#topMenuWrap #like::before { background-image: var(--ic-heart); } 
#topMenuWrap #question::before { background-image: var(--ic-question); } 
#topMenuWrap #tLogout::before { background-image: var(--ic-logout); } 
/* :hover::before */
#topMenuWrap #allSearch:hover::before { background-image: var(--ic-search-bg); } 
#topMenuWrap #userlist:hover::before { background-image: var(--ic-group-bg); } 
#topMenuWrap #todo:hover::before { background-image: var(--ic-task-bg)}
#topMenuWrap #mentions:hover::before { background-image: var(--ic-mention-bg); } 
#topMenuWrap #favorite:hover::before { background-image: var(--ic-bookmark-bg); } 
#topMenuWrap #like:hover::before { background-image: var(--ic-heart-bg); } 
#topMenuWrap #question:hover::before { background-image: var(--ic-question-bg); } 
#topMenuWrap #tLogout:hover::before { background-image: var(--ic-logout-bg); } 
/* selected::before */
#topMenuWrap #todo[sub_on="true"]::before { background-image: var(--ic-task-primary); } 
#topMenuWrap #userlist[sub_on="true"]::before { background-image: var(--ic-group-primary); } 
#topMenuWrap #mentions[sub_on="true"]::before { background-image: var(--ic-mention-primary); } 
#topMenuWrap #favorite[sub_on="true"]::before { background-image: var(--ic-bookmark-primary); } 
#topMenuWrap #like[sub_on="true"]::before { background-image: var(--ic-heart-primary); } 
/* selected:after */
#topMenuWrap [sub_on="true"]::after { content: ""; display: inline-block; width: 4px; height: calc(var(--right-icon-width) - 8px); background: var(--sub-on-bg); position: absolute; top: 6px; left: -6px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } 


/* 멘션 */
#topMenuWrap #mentions[data-unread="true"]::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  bottom: 16px;
  right: 4px;
  background: var(--like-red);
  outline: 3px solid white;
}
#topMenuWrap #mentions[data-unread="true"]::before { background-image: var(--ic-mention-blue); }


#topMenuWrap .subAreaBtn[sub_on]{
  display: inline-block;
  position: relative;
}

.content[data-split="true"][data-view-type="sub"] {
  grid-template-columns: auto 0;
}

.content[data-split="true"] #subContent {
  display: none !important;
}

.content[data-split="true"][data-view-type="sub"] #subContent {
  width: var(--sub-contant-width);
  min-width: var(--sub-contant-width);
  display: block !important;
  position: absolute;
  z-index: 80;
  right: 0;
  background: white;
  padding: 15px 20px;
  border-left: 1px solid var(--border-gray);
  box-shadow: 0 0 1px 0 rgb(0 0 0 / 10%), 5px 0 20px 0 rgb(0 0 0 / 10%);
}






.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 6px;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: none !important;
}

/*=====================================================================  =====================================================================*/
.checkbox-wrapper {display: inline-flex;align-items: center;column-gap: 8px; } 
.checkbox-wrapper input[type="checkbox"], 
.checkbox-wrapper label {margin: 0; } 
.checkbox-wrapper label {color: var(--gw-cerulean-01);font-size: 12px;font-weight: 200; } 
.checkbox-wrapper input[type="checkbox"]:disabled + label {opacity: .5; } 
/*=====================================================================  =====================================================================*/

.mark, mark {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  background: linear-gradient(to top, #bfffa1 40%, transparent 40%);
}


/*  */
.Teamedit_Box #rs-scroll {
  top: auto;
  bottom: 0;
  right: var(--right-sidebar-width);
}

.content[data-writable="false"] #floating-btns {
  display: none !important;
}

.tippy-toast {
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 26px !important;
  padding: 45px !important;
}


li.bookmark_list button::before {
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  background-image: var(--ic-bookmark-fill);
}
li.bookmark_list button:hover::before {
  background-image: var(--ic-bookmark-stroke);
}

.mentionText {
  padding: 0;
  background: var(--gw-cerulean-19) !important;
  color: #0089b1 !important;
  font-size: inherit;
  font-weight: inherit;
  padding: 2px;
  border-radius: 4px;
  background: linear-gradient(to top, #bfffa1 40%, transparent 40%);
}
.mention-content {
  font-size: 13px !important;
  margin-top: 3px;
}
#myMentionList .user_date {
  color: var(--gw-cerulean-01);
  font-size: 11px;
}

.f_channel {
  color: var(--wt-secondary-color) !important;
  font-style: italic;
  margin: 0 0 8px;
}
.author_box {
  display: flex;
  align-items: center;
}

p[contenteditable="true"]{
  padding: 10px;
}

.code {
  display: inline;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 3px 6px;
  color: var(--border-gray);
  font-size: 10px !important;
}
.code:first-child {
  margin-left: 5px;
}

/* comment */
/* .form-comment {
  position: sticky;
  bottom: 0;
  align-self: end;
  z-index: 999;
  background: linear-gradient(360deg, #fff, transparent);
} */
.form-comment {
  display: none;
}
.setting-btn-wrap {
  margin-top: 10px;
}
.setting-btn-wrap button {
  border: 1px solid var(--border-gray);
}
.set_user_content  {
	height: 100%;
	position: relative;	
	overflow-y:auto;
}
.set_user_header {
  height: 40px;
  padding: 10px;
  border-bottom: 1px solid var(--border-gray) !important;
}

.set_user_header span {
  color: #666;
  font-family: var(--font-regular);
    font-weight: normal;
}
.set_user_header + .set_user_content {
	height: calc(100% - 40px);
}
#selectShareTarget {
  width: var(--popper-md-width);
  height: 80%;
  max-width: var(--popper-md-width);
  max-height: 575px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 998;
  margin: 0;
  overflow: hidden;
}
#selectShareTarget #shareTargetContent {
  position: relative;
  height: calc(100% - 50px);
  display: grid;
  grid-template-rows: auto 36px;
  row-gap: 15px;
  padding: 1rem 2rem;
  background: var(--lnb-bg);
  overflow: hidden;
}

#selectShareTarget #shareTargetContent .post-share-columns {
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 15px;
  padding: 2px;
}
#selectShareTarget button {
  justify-self: right;
  height: var(--lnb-collapse-btn-width);
}
#feed-write-popper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}
#feed-write-popper #drag-handler-container {
  cursor: pointer;
  min-height: 20px;
  display: flex;
  justify-content: flex-end;
  padding: 3px 10px;
  background-color: #fcfcfc;
  border-bottom: 1px solid var(--border-gray);
}

#feed-write-popper #drag-handler-container:hover span {
 opacity: 1;
}

#feed-write-popper #drag-handler-container span {
  font-family: 'NanumGothic';
  font-size: var(--font-size-xs);
  color: var(--gw-cerulean-01);
  position: absolute;
  left: 0;
  padding: 0 5px;
  opacity: .5;
}

#feed-write-popper #drag-handler-container button {
  display: none;
}
#feed-write-popper[data-draggable="true"]{
  position: fixed;
  width: 500px;
  height: 500px;
  min-width: 300px;
  min-height: 330px;
  max-width: 100vw;
  max-height: 100vh;
  border: 1px solid var(--border-gray);
  border-radius: var(--default-radius);
  overflow: hidden; 
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, 
              rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, 
              rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
#feed-write-popper[data-draggable="true"] #toolbar-container {
  padding: 2px 40px;
}
#feed-write-popper[data-draggable="true"] .input_box .write {
  height: calc(100% - 120px);
  max-height: calc(100% - 120px);
}
#feed-write-popper[data-draggable="true"] #drag-handler-container button {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  border-radius: 4px;
}
#feed-write-popper[data-draggable="true"] #drag-handler-container button:hover {
  background: var(--hover-gray);
}

#feed-write-popper[data-draggable="true"] #drag-handler-container button.set-min-btn { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%236e6e6e' stroke='%236e6e6e'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eminimize_fill%3C/title%3E%3Cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='System' transform='translate(-192.000000, -240.000000)'%3E%3Cg id='minimize_fill' transform='translate(192.000000, 240.000000)'%3E%3Cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M2.5,12 C2.5,11.1716 3.17157,10.5 4,10.5 L20,10.5 C20.8284,10.5 21.5,11.1716 21.5,12 C21.5,12.8284 20.8284,13.5 20,13.5 L4,13.5 C3.17157,13.5 2.5,12.8284 2.5,12 Z' id='路径' fill='%236e6e6e'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
#feed-write-popper[data-draggable="true"] #drag-handler-container button.set-max-btn { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none' transform='rotate(-45)' stroke='%236e6e6e'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath stroke='%236e6e6e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 10l4-4m-4 4l4 4m-4-4h16.5m0 0l-4-4m4 4l-4 4'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

#feed-write-popper[data-draggable="true"][data-minimize="true"]{
  inset: unset !important;
  right: 50px !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 0 !important;
}



#feed-write-popper[data-draggable="false"][data-minimize="false"]{
  inset: unset !important;
  width: 100% !important;
  height: 100% !important;
}

@keyframes bgChange {
  from {
    opacity: 0;
    background: var(--lnb-bg);
  }
  to {
    opacity: 1;
    background: white;
  }
}