@charset "utf-8";

/*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: 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 );}

button.common:hover{background:#576579; 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.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 #495465; border-top:1px solid #495465;}
/*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%; position:relative; overflow:hidden; box-sizing:border-box; padding-left:220px;}
#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;}
.delete_invite_form{ display:block; position:absolute; top:10px; right:10px;}

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[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.Left_area{ width:220px; position:fixed; top:0; left:0; background:#2f4050;}

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{ background:#293846; padding:12px 10px 15px; }
ul.group_name li{ padding:5px 0;}
ul.group_name li a{display:inline-block; color:rgba(255, 255, 255, 0.5); line-height:12px; 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%; background:#fff; position:relative; overflow: hidden;}
div.scrollwrap{max-height: 979px;}

div.TopMenu{ background:#e7e8e9; border-bottom:1px solid #d9dadb; height:55px; position:absolute; width:100%; top:0; z-index:9;}
div.TopMenu ul.icon_area{ position:absolute; top:12px; right:0px;}
div.TopMenu ul.icon_area li{ float:left; width:50px; height:29px; border-left:1px solid #f8f8f8; border-right:1px solid #cacacb;}
div.TopMenu ul.icon_area li.first{ border-left:0 !important}
div.TopMenu ul.icon_area li.last{ border-right:0 !important;}
div.TopMenu ul.icon_area li a{ width:50px; height:29px; display:inline-block; text-align:center;}
div.TopMenu ul.icon_area li.label_box{ position:relative;}
div.TopMenu ul.icon_area li span.label{ display:inline-block; font-size:10px; color:#fff; font-family: 'NanumGothicBold'; background:#f5796d; position:absolute; top:0px; right:4px; border-radius:10px; padding:0 2px; min-width:15px; min-height:15px; text-align:center; line-height:16px;}

/*고정영역*/
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:220px; z-index:9;}
div.absarea02{ position:absolute; width:100%; bottom:0px; left:0; margin-left:0px; z-index:9;}
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:34px; 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; }
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;}
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.content{ width:100%; clear:both;}
div.TalkBox{ background:#fff; /*border: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:4px; }

div.talk div.writer p{  color:#595959; padding:0 0 0 45px;  }
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;}


/*20160202 추가_오른쪽 filebox 영역*/
div.content_left{ float:left; width:62.6%; border-right:1px solid #e7e8e9; border-top:1px solid #e7e8e9;position:relative; }
div.LeftScroll{padding-bottom:50px;}
div.content_right{ float:right; width:37.4%; 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%; padding:20px 0 5px 0; position:relative;}
span.location{ display:inline-block; position:absolute; bottom:5px; right:5px;}
span.title{ font-size:20px; font-family:'NanumGothicBold'; display:inline-block; padding-right:20px;}

/*검색결과 타이틀+버튼 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{ 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 12px 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:53px !important; height:53px; border-radius:4px; display:block; float:left;}
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:#8b8888; font-size:11px; line-height:11px; 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.name{ color:#2c2d30; font-weight:bold; margin-right:5px;}
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:5px; right:17px;}
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; background:#fff; 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:37.4%; min-height:300px; 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';}





/*=============================================================================== 20160121 팀 관리페이지 ==========================================================================*/

div.Teamedit_Box{ width:62.6%; min-height:800px; background:#f2f2f2; border-right:1px solid #e7e8e9; float:left; /*margin-right:0.62%;*/}
div.Teamedit_Box 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:11px 20px 0 20px; border-bottom:1px solid #e7e8e9;}
div.Teamedit_Box h3 img{ margin:0 5px 0 0; }
	
h3.Teamedit_tit_area{ width:100%; height:40px; background:url(../img/chat_tit_bg.gif) 0 0 repeat-x; font-size:16px; color:#222c3c; padding:8px 20px 0 20px; }


/*팀 리스트*/
span.Active{  width:63px; height:22px; color:#fff; font-size:11px; line-height:13px; border-radius:2px; text-align:center; font-family:'NanumGothicBold'; padding-top:4px; }
.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.TemaList_Box{width:100%; position:relative;}
div.TemaList_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.TemaList{ width:100%; border-bottom:1px solid #e7e8e9; padding:10px 20px; position:relative;}
div.TemaList div.cateTitle{ margin-left:13%; text-align:left; width:67%; cursor:pointer; padding:5px; }
  			 div.cateTitle h6{ font-size:15px; font-family: 'NanumGothicBold';}
			 div.cateTitle p{ text-align:justify; margin-bottom:5px; word-break:break-all}
			 div.cateTitle span{ font-family:'돋움'; color:#8b8888;}
div.TemaList div.cateTitle:hover{ background:#e8f0ee;}

div.TemaList 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.TemaList 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; height:36px; border:1px solid #cdcdcd; 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 5px;}
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{ background:#f9f9f9; width:100%;}
ul.round_list{}
ul.round_list li{ width:262px; height:100px; float:left; margin:0 15px 30px 0; display:table;}
ul.round_list li p{color:#595959; line-height:19px; font-size:12px; font-family:'돋움'; display:table-cell; vertical-align:middle;}
ul.round_list li p span.mailadd{ display:block; width:128px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

span.imgarea{ display:block; text-align:center; overflow:hidden; width:100px; height:100px; background:#f2f2f2; border-radius:50px; float:left; margin-right:10px;}

div.TeamPeople02 p span.name{ font-family:'NanumGothicBold'; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:110px; display:inline-block;}
div.TeamPeople02 span.waiting{ display:block; color:#3a61b5; font-size:12px; font-family:'NanumGothicBold';}



/*수락,거절 버튼영역*/
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{ }
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; opacity:0.5; z-index:100; display:none;}
div.serch_pop{ width:460px; position:absolute; top:50%; left:50%; background:#fff; z-index:999; margin:-15% 0 0 -230px; display:none; border-radius:3px; box-shadow:1px 1px 5px #4c4c4c; border:1px solid #e7e8e9; padding:0 0 30px 0;}
div.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; margin-bottom:20px;}
div.serch_pop h3 span.top_close{ display:inline-block; position:absolute; top:9px; right:20px; cursor:pointer; }

div.serch_pop_con{width:100%; 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;}

div.NameList{ padding:10px 0; width:100%; height:57px; border-bottom:1px solid #ccc;}
div.people_info{ float:left; height:35px; width:255px;}
div.people_info p{ color:#595959; 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;  height: 37px; margin-left:20px; border:1px solid #cdcdcd; border-radius:2px; background:#fff; box-shadow:1px 1px 0px #fff}
.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{ width:400px; height:230px; position:absolute; top:50%; left:50%; 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 30px 0;}
div.Teamadd_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;}
span.top_close{ display:inline-block; position:absolute; top:9px; 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;}


/* 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:760px) {
	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:5px;}
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{ display:inline-block; font-size:13px; line-height:20px; word-break:break-all; text-align:justify; margin-top:5px;}

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:18px;}

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: 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{ text-align:right; padding-top:5px;}
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:99;}
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:-6px; }
.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;}
}







/*ahnjy*/
.mention_target_select{
	background:#439FE0;
	padding:10px;
}

.mention_target_select>.men_user_name{
	color:#fff;
	font-weight:bold;
	font-size:13pt;
}

.mention_target_select>.men_user_name>.name_area{
	color:#fff;
	font-weight:bold;
	font-size:13pt;
}

.mention_target_select>.men_info{
	color:#fff;
	font-weight:bold;
	font-size:11pt;
}




/*이모션 팝업*/
.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:164px; 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:-5px; }


/*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;}






















.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;}