@charset "utf-8";
/*------------------------------------*\
  - 업체명: (주)새롬정보시스템 박상기
  - 수정자: 박상기 seon81.park@gmail.com
  - 수정일: 2018.01.12
\*------------------------------------*/

/*------------------------------------*\
	Base
\*------------------------------------*/
/* Form */
.intext	{width:120px;height:19px;padding:1px 5px 0;border:1px solid #c7c7c7; background:#fff;}
.intexta	{width:120px; height:15px; padding:3px 5px 0; border:1px solid #c7c7c7; background:#fff;}
INPUT[name='LastNameEng']{margin-top:2px !important;} /* 주소록 등록의 국문.영문명 필드 상하 간격 조정 */
select[name='tSelect_2'] {} /* 메일작성의 수신자 유형 선택에서 SELECT 박스가 아래로 밀리는 현상 관련 추가 코드 - 2012.09.18 이봉은 */
select[name='dispSelList'] {height:auto !important;} /* 결재 공람지정 SELECT 고정 높이 해제 - 2012.09.21 이봉은 */
.intextarea	{width:95%; padding:10px; border:1px solid #c7c7c7; background:#fff;}
.infile	{height:18px; border:1px solid #c7c7c7; background:#fff;}
* html .infile	{vertical-align:top;}/* for IE6 */
*+ html .infile	{vertical-align:top;}/* for IE7 */
.incheck	{/* vertical-align:top; */vertical-align:middle;}
* html .incheck	{vertical-align:middle;}/* for IE6 */
*+ html .incheck	{vertical-align:middle;}/* for IE7 */

span.b {font-weight:bold;}
span.txt_style1 {color:#f67b04;} /* 오랜지 */
span.txt_style2 {color:#3c70d0;} /* 파랑 */	

.edms_first{clear:both;padding-top:12px;}

.blindtext	{width:0; height:0; position:absolute; visibility:visible; overflow:hidden; padding:0; margin:0; font-size:0; line-height:0; text-indent:-9999em;}

.point1_	{color:#388cd1;}
.point2	{color:#d13838;}
.black_bold{font-weight:bold;}

.al {padding:0 5px; text-align:left !important; height:20px;}
.ar {padding:0 5px; text-align:right !important;}
.ac {text-align:center !important;}

/* 전자결재 > 결재경로랑 겹쳐서 일단 주석처리
ul.sectSep{ width:100%; position: relative; padding: 0px; list-style:none; }
ul li.sect01{ float:left; border:0px; width:79%; vertical-align:middle; line-height:26px;}
ul li.sect02{ float:right; border:0px; width:20%; text-align:right; line-height:26px;}
*/

#attach{display:block !important;width:1px; height:1px;overflow:hidden;}
.file-hide{display:block;width:1px;height:1px;opacity:0;}

/* Save Loading */
.ajax_loader {background: url('./images/spinner_squares_circle.gif') no-repeat center center transparent;width:100%;height:100%;}
.blue-loader .ajax_loader {background: url('./images/ajax-loader_blue.gif') no-repeat center center transparent;}

/* Btn Type1 */
.btn0 {display:inline-block;vertical-align:middle;margin-right:0;text-decoration:none; font-family:"Malgun Gothic", "MalgunGothic", "dotum", "Arial", "sans-serif"; background-image:url('./images/btn/btn.gif'); background-repeat:no-repeat; cursor:pointer;_cursor:hand;} 
.btn0 span {
	background-image:url("./images/btn/btn.gif"); background-repeat:no-repeat; background-position:right 0;
	display:inline-block;height:22px; line-height:20px;padding:0px 8px 0px 7px; 
	color:#333;	font-size:12px; letter-spacing:0em; white-space:nowrap;}	
.btn0:hover	{text-decoration:none;background-position:0 -50px;}
.btn0:hover	 span {background-position:right -50px;}

.btn2 {display:inline-block;margin-right:2px;text-decoration:none; background:url('./images/btn/btn.gif') no-repeat;cursor:pointer;_cursor:hand;} 
.btn2 span	{
	display:inline-block;color:#333;font-size:12px;font-family:"Malgun Gothic", "MalgunGothic", "dotum", "Arial", "sans-serif";letter-spacing:-0.05em;background:url('./images/btn/btn.gif') no-repeat; 
	height:26px;line-height:26px;margin-right:-4px;padding:0 8px 0 8px;color:#000;text-align:center;background-position:right 0;}
.btn2:hover	{text-decoration:none;background-position:0 -50px;}
.btn2:hover	 span {background-position:right -50px;}

.btn1	{display:inline-block; padding:0 0 0 14px; font-size:11px; line-height:12px; background:url('./images/bg_btn_arrow.gif') no-repeat left top;}
.btn1 span	{height:17px; display:inline-block; padding:5px 9px 0 0; cursor:pointer; background:url('./images/bg_btn_r.gif') no-repeat right top;}
.btn1:hover	{text-decoration:none;}

.btn3	{display:inline-block; padding-left:24px; font-size:11px; background:url('./images/bg_bbtn_l.gif') no-repeat left top;}
.btn3 span	{height:32px; display:inline-block; line-height:32px; padding-right:24px; cursor:pointer; background:url('../../images/bg_bbtn_r.gif') no-repeat right top;}
.btn3:hover	{text-decoration:none;}

.btn4	{width:70px; height:32px; display:inline-block; border:0; padding:0; margin:0 0 0 5px; font-size:11px; cursor:pointer; line-height:32px; text-align:center; background:url('./images/bg_btn_c.gif') no-repeat left top;color:#fff;}


.btn5	{display:inline-block; padding:0 0 0 9px; font-size:11px; line-height:12px; background:url('./images/bg_btn01_l.gif') no-repeat left top;}
.btn5 span	{height:17px; display:inline-block; padding:5px 9px 0 0; cursor:pointer; background:url('./images/bg_btn01_r.gif') no-repeat right top;}
.btn5:hover	{text-decoration:none;}


/* Board Head
.board_head	{position:relative;clear: both;width:100%; overflow:hidden;height:22px; padding:8px 0 7px 0;background-color:#FFF;}
.board_head .left	{float:left; padding:5px 0 0 20px;}
.board_head .right	{float:right; padding-right:5px;height:22px;}
.board_head fieldset.right	{margin-left: -20px;}
.board_head .right	 select#viewUserCount {position:relative;}
.board_head .right	 input.inbtn {width:29px; height:26px;} */


/* Board List_스킨설정 2011-10-14 */
.board_skin	{width:100%;}
.board_skin table	{table-layout:fixed; border:1px solid #b0c0d1;}
.board_skin table thead th	{height:27px; line-height:27px; color:#333; border-bottom:1px solid #b0c0d1;border-right:1px solid #b0c0d1; background:#e4edf3;}
.board_skin table tbody td	{padding:8px 0; text-align:center; border-bottom:1px solid #b0c0d1;border-right:1px solid #b0c0d1;}
.board_skin table tbody td.subject	{text-align:left; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;font-size:12px;}
.board_skin table tbody td.subject a	 {margin-left:10px;}
.board_skin table tbody td .new	{font-size:11px; font-weight:bold; color:#388cd1;}
.board_skin table tbody td .comment	{font-size:11px; font-weight:bold; color:#d13838;}
.skin01{background:#346fb1;color:#fff;padding:5px;margin-left:10px;margin-right:10px;}
.skin{background:#e0e0e0;color:#666;padding:10px;margin-left:10px;margin-right:10px;height:50px;}
.skin02{background:#a1b61b;color:#fff;padding:5px;margin-left:10px;margin-right:10px;}
.skin03{background:#f7941d;color:#fff;padding:5px;margin-left:10px;margin-right:10px;}
.skin04{background:#00abbd;color:#fff;padding:5px;margin-left:10px;margin-right:10px;}

/* Paging */
.paging { text-align:center; }
.paging a,
.paging span { display:inline-block; margin:0 2px; min-width:27px; width:auto; font-family:'돋움',Dotum; font-size:14px; line-height:27px; font-weight:bold; text-align:center; vertical-align:top; }
.paging .cur_num { color:#c40452; }
.paging .pager { overflow:hidden; display:inline-block; width:27px; height:27px; text-indent:-9999px; vertical-align:top; }
.paging .pager_first { background:url(../images/btn/pager_first.png) no-repeat; }
.paging .pager_prev { background:url(../images/btn/pager_prev.png) no-repeat; }
.paging .pager_next { background:url(../images/btn/pager_next.png) no-repeat; }
.paging .pager_last { background:url(../images/btn/pager_last.png) no-repeat; }


/*------------------------------------*\
	Board
\*------------------------------------*/
/* Board List */
.board_list	{ background-color:#fff;}
.board_list table { table-layout:fixed; width:100%; }
/*
.board_list table td { overflow:hidden; padding:12px 4px; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:13px; color:#333; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
*/
/*.board_list table td { overflow:hidden; padding:0px; border-bottom:1px solid #eaeaea; font-size:13px; color:#333; text-align:center; text-overflow:ellipsis; }*/ /*white-space:nowrap;*/
.board_list table td[align="left"] { text-align:left; }
.board_list table td[align="right"] { text-align:right; }
.board_list table td:first-child{ border-left:0; }
.board_list a:hover { text-decoration:underline; }
.board_list .tr_css { background-color:#ffffff; border-bottom:1px solid #eaeaea; }
.board_list .tr_css .selected { background-color:#e6f3fa }
.board_list .divdoc { padding:5px 0px; font-size:13px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; }
.board_list .table_line { margin:7px 0; }
.board_list .table_line td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* Board View */
.board_view	{ background:#fff; }
/*
.board_view table th { padding:15px 0 !important; border-left:1px solid #8c8c8c; font-size:13px; color:#fff; background:#999999; text-align:center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
*/
.board_view table th { padding:15px 4px; font-size:13px; color:#fff; background:#999999; text-align:center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.board_view table th span { color:inherit !important; }
.board_view table th:first-child { border-left:0; }

/* Board Write */
.board_writer { width:100%; }
.board_writer table	{ table-layout:fixed; border-top:1px solid #6e6a67; }
/*.board_writer table + table { border-top-color:#c40452; }*/
/*.board_writer table + table { border-top-width: 0px; }*/
.board_writer .noTopBorder { border-top-width: 0px; }

.board_writer table tbody th,
.board_writer table tbody td { border-bottom:1px solid #eaeaea; font-size:13px; font-weight:normal; color:#333; text-align:left; }
.board_writer table tbody th { padding:15px 10px 15px 20px;  background-color:#f7f7f7; vertical-align:top; }
.board_writer table tbody td { padding:6px 0 6px 10px; border-left:1px solid #eaeaea; font-size:13px; color:#333333; text-align:left; }
.board_writer table tbody td .noleft { padding:6px 0 6px 10px; border-left:0px solid #eaeaea; font-size:13px; color:#333333; text-align:left; }
.board_writer table tbody th + td { border-left:0; }
.board_writer label { font-size:13px; }
.board_writer label + label { margin-left:20px; }
.board_writer label > input { position:relative; margin-right:5px; top:-1px; }
.board_writer .mandatory:after { content:"*"; display:inline; margin-left:4px; color:#c40452; }
.board_writer .comment { font-size:12px; color:#a13083; }
.board_writer table.type1 { border-top-color:#eaeaea; }


/*------------------------------------*\
	Button
\*------------------------------------*/
.btn_style1, 
.btn_style2,
.btn_small { display:inline-block; min-width:60px; border:1px solid #dedede; font-size:11px; color:#333; text-align:center; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 ); cursor:pointer; }
.btn_style1, 
.btn_style2 { line-height:28px; padding-left:4px; padding-right:4px;}
.btn_small { line-height:24px; padding-left:4px; padding-right:4px;}
.btn_small.add,
.btn_small.import { border-color:#c40452; /*color:#c40452;*/ }
.btn_small.del { margin-top:5px; }
.btn_small.add:before,
.btn_small.del:before { content:''; display:inline-block; width:12px; height:24px; vertical-align:top; }
.btn_small.add:before { background:url(../images/icon/ico_plus.gif) no-repeat 0 center; }
.btn_small.del:before { background:url(../images/icon/ico_minus.gif) no-repeat 0 center; }
.btn_import { border-color:#c40452; background:#c40452; color:#fff !important; }
.btn_import_gray { border-color:#4e4e4e; background:#4e4e4e; color:#fff !important; }
.btn_import_red { border-color:#DA3769; background:#DA3769; color:#fff !important; }
.btn_import_blue { border-color:#1877f2; background:#1877f2; color:#fff !important; }
.btn_import_green { border-color:#23cd6c; background:#23cd6c; color:#fff !important; }
.btn_import span { color:inherit; }
.btn_refresh { padding-left:27px;background:url(/gw_resource/images/icon/icon_refresh.png) no-repeat 7px center; }
span.disable {color:#aaa; padding:0 5px;}
span.enable {color:#333; padding:0 5px;}

/*공통 양식 테이블 안의 버튼 스타일*/
.btn_add {position:relative;border:1px solid #dedede;text-align:center;vertical-align:middle;padding:7px;right:0px;width:100px;height:30px;cursor:pointer;background-color:#eeeeee;}
.btn_import_gray {border-color:#4e4e4e;background:#4e4e4e;color:#fff !important;}

/* 2018-01-08 : 댓글영역 추가 */
.comment_area{margin-top: 50px}
.comment_area input[type='text'],
.comment_area input[type='password']{width:200px;height:35px;line-height:35px;border:1px solid #d1d1d1;background-color:#fff;}
.comment_area input[type='text'] + input[type='password']{margin-left:2px;}
.comment_area textarea{width:100%;border:1px solid #d1d1d1;}
.comment_area .comment_title{color:#2f3142;font-size:15px;font-weight:700;padding:10px 0;border-bottom:1px solid #78726b;}
.comment_area .comment_title .count{color:#c40452;}
.comment_area .txtinput_area{position:relative;margin-top:10px;padding:10px 0;border-bottom:1px solid #78726b;}
.comment_area .txtinput_area textarea{margin-top:7px;}
.comment_area .txtinput_area .save_count{margin-top:6px;text-align:right;}
.comment_area .txtinput_area .save_count .number{margin-right:13px;font-size:13px;color:#747474;}
.comment_area .txtinput_area .save_count .number > strong{color:#4d4d4d;}
.comment_area .txtinput_area .save_count .btn{vertical-align:bottom;}
.commentbox{margin-top:40px;padding:12px 20px;border:1px solid #d0d0d0;background-color: #ffffff;}
.comment_list > li{position:relative; padding:17px 10px 15px;border-top:1px dotted #b7b7b7;font-size: 14px;}
.comment_list > li:first-child {border-top: 0;}
.comment_list > li .info_arae{margin-right: 25px;}
.comment_list > li .info_arae .name{display:inline-block;font-weight:700;font-size:15px;color:#363636;}
.comment_list > li .info_arae .date{display:inline-block;position:relative;padding-left:10px;margin-left: 10px;font-size:13px;color:#7a7a7a;}
.comment_list > li .info_arae .date:before{content:"";display:block;position:absolute;left:0;top:3px;width:1px;height:12px;background-color:#7a7a7a;}
.comment_list > li .info_arae .button_area{margin-left:27px;}
.comment_list > li .info_arae .button_area button{vertical-align:bottom;font-size:12px;color:#535353;font-family: '돋움', Dotum;}
.comment_list > li .txt_area{position:relative;margin-top:16px;padding-right:100px;font-size:14px;color:#4d4d4d;}
.comment_list > li .txt_area > p{font-size:14px;color:#4d4d4d;line-height:1.5;}
.comment_list > li .txt_area .save_count {position:absolute;top:0;right:0;}
.comment_list > li .txt_area .btn {padding:14px 0;border:0;width:80px;height:auto;color:#fff;background:#c40452;}
.comment_list > li .recommentbox{margin-top:10px;padding:20px 10px;background-color: #f1f1f1;}
.comment_list > li .recommentbox .comment_list li{position:relative;padding:18px 10px 0 25px;margin-top:15px;border-top: 1px solid #d6d6d6;}
.comment_list > li .recommentbox .comment_list li:first-child{border-top:0;padding-top:0;margin-top:0;background-position:8px 5px;}
.comment_list > li .recommentbox .comment_list li .info_arae{position:relative;margin-right: 25px;}
.comment_list > li .recommentbox .comment_list li .info_arae:before{content:'';display:block;position:absolute;top:0;left:-24px;width:20px;height:20px;background: url('/resources/images/icon/ico_reply.png') no-repeat center center;}
.comment_list > li .txtinput_area{padding:0;margin:0;border:none;}
.comment_list > li input[type='text'],
.comment_list > li input[type='password']{width:140px;height:28px;line-height:28px;}


/*------------------------------------*\
	개인주소록
\*------------------------------------*/

/*개인주소록*/
.register_box {z-index:50;top:0px;vertical-align:top;padding:0px;width:300px;height:384px;min-width:300px;min-height:384px;overflow-y:hidden;overflow-x:hidden;background-color:#fff;border:1px solid #DEDEDE;box-shadow:-1px 1px 5px rgba(170,170,170,0.1), 1px 1px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.input_box {padding:20px;}
.input_box ul li .item_title {max-width:80px;line-height:35px;}
.input_box ul li .item_wrap {position:absolute;right:20px;max-width:180px;line-height:35px;display:inner-block;}

/*------------------------------------*\
	메일-Memo
\*------------------------------------*/

.btnTop {overflow:hidden;display:block;position:fixed;bottom:48px;right:48px;width:72px;height:72px;text-indent:-9999px;background:url(/gw_resource/images/btn/btn_top.png) no-repeat;opacity:0;transition:.3s}
.scroll .btnTop {opacity:1}

input[type="textsubject"] {padding:0 0 0 10px;height:30px;line-height:30px;border:1px solid #dedede;font-size:13px;color:#555555;background-color:#fafafa;}
input[type="textsearch"] {padding:0 0 0 25px;height:30px;line-height:30px;border:1px solid #dedede;font-size:13px;color:#555555;background:#fafafa url(/gw_resource/images/icon/icon_search.png) no-repeat 5px center;}

/* Checkbox가 있는 보기 헤더 */
.board_view .chkall { padding:14px 8px !important; font-size:13px; color:#fff; background:#999999; text-align:center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
a.mark_read {padding-left:30px; padding-right:10px; background:url(/gw_resource/images/mail/icon_mark_read.png) no-repeat 8px 0px;}
a.mark_read:hover { color:#DA3769; }
a.mark_unread {padding-left:30px; padding-right:10px; background:url(/gw_resource/images/mail/icon_mark_unread.png) no-repeat 8px 0px;}
a.mark_unread:hover { color:#DA3769; }


/*LayerBox : 반투명 레이어박스*/
.LayerBox {z-index:999;position:absolute;display:none;top:30px;left:40px;overflow:hidden;overflow-y:hidden;overflow-x:hidden;background-color:#fff;border:1px solid #DEDEDE;
					box-shadow:-3px 3px 10px rgba(170,170,170,0.1), 3px 3px 10px rgba(170,170,170,0.1), 0px 3px 10px rgba(170,170,170,0.1);}
.LayerBox div > a.btn_del{background-image:url(/gw_resource/images/mail/btn_del_on.png);background-size:10px 10px;width:10px;height:10px;display:inline-block;margin-left:10px;margin-right:2px;margin-top:4px;float:right;}
.LayerBox div > a.btn_del:hover{background-image:url(/gw_resource/images/mail/btn_del_over.png);background-size:10px 10px;background-position:0px 0px;}

.LayerBox .msg_area {text-align:center; vertical-align:middle; height: 100px; min-height:100px;}
.LayerBox .msg_area .msg {line-height:16px; vertical-align:middle; padding-top: 40px;}

.LayerBox .btn_area {text-align:center; height:70px; max-height:70px; padding-top:10px;}
.LayerBox .btn_area .btn {display:inline-block;padding:0 8px;border:1px solid #ccc;border-radius:3px;min-width:60px;height:28px;font-size:13px;line-height:26px;color:#333;text-align:center;background:rgba(255,255,255,1);background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );cursor:pointer;vertical-align:top}
.LayerBox .btn_area .btn:hover {border-color:#a9a9a9;color:#000}
.LayerBox .btn_area .btnConfirm {border-color:#da3769;background:#da3769;color:#fff}
.LayerBox .btn_area .btnConfirm:hover {border-color:#da3769;color:#fff}

/************************************************메일입력항목 영역************************************************/
/* Mail Write */
.mail_writer { width:100%; }
.mail_writer table	{ table-layout:fixed; border-top:0px solid #6e6a67;padding:5px;}
.mail_writer table + table { border-top-color:#c40452; }
.mail_writer table tbody th,
.mail_writer table tbody td { border-bottom:0px solid #eaeaea; font-size:12px; font-weight:normal; color:#333; text-align:left; }
.mail_writer table tbody th { padding:3px 10px 3px 20px;  background-color:#ffffff; vertical-align:top; }
.mail_writer table tbody td { padding:3px 0px 3px 0px; border-left:0px solid #eaeaea; font-size:12px; color:#333333; text-align:left; }
.mail_writer table tbody th + td { border-left:0; }
.mail_writer label { font-size:12px; }
.mail_writer label + label { margin-left:20px; }
.mail_writer label > input { position:relative; margin-right:5px; top:-1px; }
.mail_writer .mandatory:after { content:"*"; display:inline; margin-left:4px; color:#c40452; }
.mail_writer .comment { font-size:12px; color:#a13083; }
.mail_writer table.type1 { border-top-color:#eaeaea; }

/* Mail iframe Search */
.sub_view { width:100%; }
.sub_view table	{ table-layout:fixed; border-top:2px solid #4d5762;} /*6e6a67*/
.sub_view .noTopBorder { border-top-width: 0px; }
.sub_view table tbody th { border-bottom:1px solid #eaeaea; font-size:13px; font-weight:bold; color:#4d5762; text-align:left; }
.sub_view table tbody td { border-bottom:1px solid #eaeaea; font-size:13px; font-weight:normal; color:#333; text-align:left; }
.sub_view table tbody th { padding:8px; background-color:#f7f7f7; vertical-align:top; }
.sub_view table tbody td { padding:6px; border-left:0px solid #eaeaea; font-size:13px; color:#333333; text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sub_view table tbody th + td { border-left:0; }
.sub_view table tr:hover td { background:#fefbf1; }
.sub_view label { font-size:13px; }
.sub_view label + label { margin-left:20px; }
.sub_view label > input { position:relative; margin-right:5px; top:-1px; }
.sub_view .mandatory:after { content:"*"; display:inline; margin-left:4px; color:#c40452; }
.sub_view .comment { font-size:12px; color:#a13083; }
.sub_view table.type1 { border-top-color:#eaeaea; }
.sub_view_title {color:#333333;font-size:15px;font-weight:bold;padding-right:10px;}
.sub_view_title .ico_mbox_1 {background-image:url(/gw_resource/images/icon/icon_person.gif);background-size:18px 18px;background-position:0px 0px;width:18px;height:18px;display:inline-block;margin-right:5px;vertical-align:bottom;}
.sub_view_title .ico_mbox_2 {background-image:url(/gw_resource/images/mail/icon_address_book.gif);background-size:18px 18px;background-position:0px 0px;width:18px;height:18px;display:inline-block;margin-right:5px;vertical-align:bottom;}
.sub_view_query {color:#5588ff;font-weight:bold;}
.sub_view_count {color:#da3769;font-weight:bold;}
.sub_view_content {overflow:auto;max-height:280px;border-bottom:1px solid #EAEAEA;}
.btn_sub_view {display:inline-block;padding-top:2px;min-width:40px;height:25px;line-height:20px!important;text-align:center;font-size:8.5pt;color:#ffffff;background-color:#293846;border:1px solid #202020;cursor:pointer;}

.mail_writer table .mail_preview td #DispSubject {font-size:16px;font-weight:bold;}
.mail_writer table .mail_preview th,
.mail_writer table .mail_preview td { border-bottom:0px solid #eaeaea; font-size:12px; font-weight:normal; color:#333; text-align:left; }
.mail_writer table .mail_preview th { padding:3px 10px 3px 20px;  background-color:#ffffff; vertical-align:top; }
.mail_writer table .mail_preview td { padding:3px 10px 3px 10px; border-left:0px solid #eaeaea; font-size:12px; color:#333333; text-align:left; }

.mail_writer table .in_table { border-top-color:0px solid #fff; border-bottom:0px solid #fff; }
.mail_writer table .in_table td { padding:0 0 3px 0; border-left:0px solid #eaeaea; color:#333333; text-align:left;}
.mail_writer table .in_table td.in_right { padding:0 0 3px 0; border-left:0px solid #eaeaea; color:#333333; text-align:right;}

/* Dropdown */
.dropdown {display:inline}
.dropdown .menu_list { background-color:#fff;display:none; position:absolute; top:0px; right:0px; border:1px solid #DEDEDE; padding:0px; width:60px; z-index:100;text-align:center;box-shadow:-2px 2px 5px rgba(170,170,170,0.1), 2px 2px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.dropdown .menu_list a { display:block; padding:2px 5px 2px 5px; font-size:12px; line-height:16px; color:#333; }
.dropdown .menu_list a:hover { background:#f3f3f3; }
.dropdown .menu_list.left { background-color:#fff;display:none; position:absolute; top:0px; right:0px; border:1px solid #DEDEDE; padding:0px; width:60px; z-index:100;text-align:left;box-shadow:-2px 2px 5px rgba(170,170,170,0.1), 2px 2px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.dropdown .menu_list.left a { display:block; padding:2px 5px 2px 15px; font-size:12px; line-height:25px; color:#333;}

/* 버튼 : 보내기 */
a.btn_list {display:inline-block; min-width:80px; font-size:11px; color:#555; text-align:center;line-height:28px; margin-right:4px; padding-left:20px; padding-right:4px;cursor:pointer;background-color:#FFFFFF; border:1px solid #dedede;background:url(../images/icon/ico_sort.png) no-repeat 2px center;}
a.btn_list:hover {display:inline-block; min-width:80px; font-size:11px; color:#555; text-align:center;line-height:28px; margin-right:4px; padding-left:20px; padding-right:4px;cursor:pointer;background-color:#FFFFFF; border:1px solid #dedede;background:url(../images/icon/ico_sort.png) no-repeat 2px center;}
a.btn_list .caret2 {display:inline-block;float:right;margin-left:10px;margin-right:2px;margin-top:13px;width:7px;height:4px;cursor:pointer;background:url(../images/icon/ico_select.png) no-repeat;}

/* 버튼 : 수신인 지정 */
.btn_sendlist {position:relative;border:1px solid #dedede;text-align:center;vertical-align:middle;padding:6px;right:0px;width:130px;height:30px;cursor:pointer;padding-left:27px;background:#f5f5f5 url(/gw_resource/images/icon/icon_org.png) no-repeat 6px 7px;}

/*첨부*/
.btn_small.toggleAttach {background:#FAFAFA url(/gw_resource/images/icon/icon_attach.png) no-repeat 6px center;padding-left:16px;border:1px solid #dedede;}
a.btn_toggleAttach {display:inline-block;min-width:80px; font-size:12px; text-align:center;line-height:26px; margin-top:4px; padding-left:20px; padding-right:4px;cursor:pointer;color:#5E6D7A;
background:#FFFFFF url(/gw_resource/images/icon/icon_attach.png) no-repeat 6px center;border:1px solid #DEDEDE;}
a.btn_toggleAttach:hover {display:inline-block;min-width:80px; font-size:12px; text-align:center;line-height:26px; margin-top:4px; padding-left:20px; padding-right:4px;cursor:pointer;color:#8E9DAA;
background:#F2F2F2 url(/gw_resource/images/icon/icon_attach.png) no-repeat 6px center;border:1px solid #8E9DAA;}
.btn_add {position:relative;border:1px solid #dedede;text-align:center;vertical-align:middle;padding:7px;right:0px;width:100px;height:30px;cursor:pointer;background-color:#eeeeee;}

/*  수신인지정 button */
a.btn_divlist {display:inline-block; min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;background-color:#5E6D7A; border:1px solid #5E6D7A;}
a.btn_divlist:hover {display:inline-block; min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;background-color:#8E9DAA; border:1px solid #8E9DAA;}
a.btn_selectall {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#5E6D7A;background-color:#FFFFFF; border:1px solid #5E6D7A;}
a.btn_selectall:hover {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#FFFFFF;background-color:#8E9DAA; border:1px solid #5E6D7A;}
a.btn_deselect {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#5E6D7A;background-color:#FFFFFF; border:1px solid #5E6D7A;}
a.btn_deselect:hover {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#FFFFFF;background-color:#8E9DAA; border:1px solid #5E6D7A;}
.btn_deselect_count {color:#5E6D7A;padding-left:5px;}
a.btn_deselect_simple {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#5E6D7A;background-color:#FFFFFF; border:1px solid #5E6D7A;}
a.btn_deselect_simple:hover {display:inline-block;min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:26px; padding-left:4px; padding-right:4px;cursor:pointer;color:#FFFFFF;background-color:#8E9DAA; border:1px solid #5E6D7A;}

/*수신인지정 영역 */
.divlist_area {height:100px;max-height:300px;overflow-y:hidden;overflow-x:hidden;background-color:#FAFAFA;padding:0px;border:1px solid #DEDEDE;}
.divlist_area.settype {float:right;width:22px;border:0px;display:;}
.divlist_area.settype a.sorttype {background:#FFFFFF url(/gw_resource/images/icon/ico_sort_off.png) no-repeat 0px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.sortrefresh {background:#FFFFFF url(/gw_resource/images/icon/ico_refresh_off.png) no-repeat 0px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.deletealltype {background:#FFFFFF url(/gw_resource/images/mail/btn_del_off.png) no-repeat 4px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.sizetype {background:#FFFFFF url(/gw_resource/images/icon/ico_wide_off.png) no-repeat 6px 8px; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:35px 1px 0 1px;}
.divlist_area.settype a.sizetype_fold {background:#FFFFFF url(/gw_resource/images/icon/ico_fold_off.png) no-repeat 6px 8px; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:235px 1px 0 1px;}
.divlist_area.settype a.sorttype:hover {background:#FFFFFF url(/gw_resource/images/icon/ico_sort.png) no-repeat 0px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.sortrefresh:hover {background:#FFFFFF url(/gw_resource/images/icon/ico_refresh_on.png) no-repeat 0px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.deletealltype:hover {background:#FFFFFF url(/gw_resource/images/mail/btn_del_over.png) no-repeat 4px center; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:1px 1px 0 1px;}
.divlist_area.settype a.sizetype:hover {background:#FFFFFF url(/gw_resource/images/icon/ico_wide.png) no-repeat 6px 8px; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:35px 1px 0 1px;}
.divlist_area.settype a.sizetype_fold:hover {background:#FFFFFF url(/gw_resource/images/icon/ico_fold.png) no-repeat 6px 8px; border:1px solid #DEDEDE;min-width:20px;min-height:20px;float:right;margin:235px 1px 0 1px;}
.divlist_box {height:100px;max-height:300px;overflow-y:auto;overflow-x:hidden;background-color:#FAFAFA;padding:4px;border:0px solid #DEDEDE;}
.divlist_item {margin:2px;padding:1px 3px 2px 3px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#e6f3fa;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;} /*ebf9ff*/
.divlist_item.to {background:url(/gw_resource/images/icon/icon_person_to.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#e6f3fa;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;} /*ebf9ff*/
.divlist_item.cc {background:url(/gw_resource/images/icon/icon_person_cc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#fdfdfd;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}
.divlist_item.bcc {background:url(/gw_resource/images/icon/icon_person_bcc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#EEEEEE;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}/*ffedf3*/
.divlist_item.to.group {background:url(/gw_resource/images/icon/icon_group_to.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#e6f3fa;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;} /*ebf9ff*/
.divlist_item.cc.group {background:url(/gw_resource/images/icon/icon_group_cc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#fdfdfd;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}
.divlist_item.bcc.group {background:url(/gw_resource/images/icon/icon_group_bcc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;border:1px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#EEEEEE;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}/*ffedf3*/
.divlist_item.to.selected {background-color:#5E6D7A;border:1px solid #5E6D7A;color:#FFFFFF;}
.divlist_item.cc.selected {background-color:#5E6D7A;border:1px solid #5E6D7A;color:#FFFFFF;}
.divlist_item.bcc.selected {background-color:#5E6D7A;border:1px solid #5E6D7A;color:#FFFFFF;}
.divlist_item.to.over {background-color:#FFFFFF;border:1px solid #5E6D7A;}
.divlist_item.cc.over {background-color:#FFFFFF;border:1px solid #5E6D7A;}
.divlist_item.bcc.over {background-color:#FFFFFF;border:1px solid #5E6D7A;}
.divlist_item a.btn_del{background-image:url(/gw_resource/images/mail/btn_del_off.png);background-size:10px 10px;width:10px;height:10px;display:inline-block;top:6px;margin-left:10px;margin-right:2px;margin-top:7px;float:right;}
.divlist_item a.btn_del:hover{background-image:url(/gw_resource/images/mail/btn_del_over.png);background-size:10px 10px;background-position:0px 0px;}
.divlist_item.selected a.btn_del{background-image:url(/gw_resource/images/mail/btn_del_on.png);background-size:10px 10px;width:10px;height:10px;display:inline-block;top:6px;margin-left:10px;margin-right:2px;margin-top:7px;float:right;}
.divlist_item.selected a.btn_del:hover{background-image:url(/gw_resource/images/mail/btn_del_over.png);background-size:10px 10px;background-position:0px 0px;}
.divlist_item a.btn_count {color:#333;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide_off.png) no-repeat 6px 8px;}
.divlist_item a.btn_count:hover {color:#DA3769;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide.png) no-repeat 6px 8px;}
.divlist_item.selected a.btn_count {color:#FFF;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide_off_white.png) no-repeat 6px 8px;}
.divlist_item.selected a.btn_count:hover {color:#DA3769;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide.png) no-repeat 6px 8px;}
.divlist_select_count {font-weight:bold;color:#5E6D7A;padding-right:10px;}

/*수신인조회 영역 - 읽기모드*/
.disp_divlist_item.to {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;} /*ebf9ff*/
.disp_divlist_item.cc {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}
.disp_divlist_item.bcc {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}/*ffedf3*/
.disp_divlist_item.to.group {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;} /*ebf9ff*/
.disp_divlist_item.cc.group {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}
.disp_divlist_item.bcc.group {margin:0px;padding:1px 3px 2px 0px;border:0px solid #DEDEDE;font-size:13px;line-height:22px;background-color:#FFF;vertical-align:middle;cursor:pointer;color:#333333;border-radius:0px;}/*ffedf3*/
.disp_divlist_item a.btn_count {color:#333;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide_off.png) no-repeat 6px 8px;}
.disp_divlist_item a.btn_count:hover {color:#DA3769;padding-left:15px;background:url(/gw_resource/images/icon/ico_wide.png) no-repeat 6px 8px;}

/*제목 앞 중요메일*/
.icon_star {float:left;cursor:pointer;padding-top:4px;padding-right:4px;}
/*제목 앞 중요도 높음표시*/
.icon_i {float:left;cursor:pointer;padding-top:4px;padding-right:10px;}
/*제목 읽기모드*/
.disp_subject {font-size:14pt;font-weight:bold;}

/*To Cc Bcc*/
.radio_tocate label {font-size:15px;color:#888888;}
.radio_tocate label.over {font-size:15px;color:#DA3769;font-weight:bold;}

/*폴더관리 라디오버튼 */
.radio_cate label {font-size:15px;color:#888888;}
.radio_cate label.over {font-size:15px;color:#6CACD3;font-weight:bold;}
a.btn_bytext {display:inline-block; min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:28px; margin-top:0px; padding-left:4px; padding-right:4px;cursor:pointer;vertical-align:middle;
background:#5E6D7A url() no-repeat 6px center; border:1px solid #5E6D7A; }
a.btn_bytext:hover {display:inline-block; min-width:80px; font-size:12px; color:#FFF; text-align:center;line-height:28px; margin-top:0px; padding-left:4px; padding-right:4px;cursor:pointer;vertical-align:middle;
background:#8E9DAA url() no-repeat 6px center; border:1px solid #8E9DAA; }

/************************************************부서그룹의 부서원 목록 표시************************************************/

.div_info_box {position:absolute;z-index:100;zoom:1;overflow-y:auto;overflow-x:auto;width:500px;max-height:300px;margin-top:2px;margin-bottom:2px;padding:0px;
background-color:#fff;border:0px solid #DEDEDE;
box-shadow:-4px 4px 8px rgba(50,50,50,0.1), 4px 4px 8px rgba(50,50,50,0.1), 0px -4px 8px rgba(50,50,50,0.1);}
/*box-shadow:-5px 5px 15px rgba(170,170,170,0.1), 5px 5px 15px rgba(170,170,170,0.1), 0px 0px 15px rgba(170,170,170,0.1)*/
.div_info_box .box_title {height:27px;background-color:#3E4D5A;color:#FFF;font-weight:bold;font-size:13px;vertical:middle;padding:5px;}
.div_info_box .box_title a.box_title_close{background-image:url(/gw_resource/images/mail/btn_del_on.png);background-size:10px 10px;width:10px;height:10px;display:inline-block;margin-left:10px;margin-right:0px;margin-top:3px;float:right;}
.div_info_box .box_title a.box_title_close:hover{background-image:url(/gw_resource/images/mail/btn_del_over.png);background-size:10px 10px;background-position:0px 0px;}

.list_groupmembers {}
.list_groupmembers ul{zoom:1;_width:100%;overflow:hidden}
.list_groupmembers ul li{overflow:hidden;position:relative;z-index:10;padding:1px 4px 1px 4px;cursor:pointer;zoom:1}
.list_groupmembers .list_item_wrap {font-size:13px;display:block;height:25px;line-height:23px;padding:0 15px 0 3px; text-overflow:ellipsis; white-space:nowrap;}
.list_groupmembers .list_item_wrap a {display:inline-block;vertical-align:top;max-width:475px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555555;text-decoration:none!important;_display:inline;_zoom:1}
.list_groupmembers .list_item_wrap a:hover{color:#555555;}/*5E6D9A*/
.list_groupmembers .list_item_wrap .item_btn {display:none;position:absolute;right:7px;vertical-align:top;height:18px;line-height:18px;padding:0 0 2px 0}


/************************************************사이드 메뉴 타이틀 ************************************************/
.section_line {border-bottom:1px solid #eeeeee;width:98%;height:1px;margin-left:3px;marign-right:3px;margin-top:5px;margin-bottom:5px;}

/*사이드 타이틀 : 위치*/
.section{position:relative;z-index:30;zoom:1;_overflow:hidden;width:100%;margin-top:5px;padding:4px 4px 4px 10px;cursor:pointer;}
.section .section_icon {padding-right:7px;padding-bottom:3px;width:18px;vertical-align:top;}
.section .section_title {font-weight:bold;font-size:15px;color:#da3769;font-family:"Malgun Gothic", "MalgunGothic", "dotum", "Arial", "sans-serif";}
.section .refresh {position:absolute;right:30px;width:15px;cursor:pointer;}
.section .toggle {display:none;position:absolute;right:7px;width:16px;height:16px;vertical-align:top;cursor:pointer;}

/************************************************최근 수신인************************************************/

.list_recent{position:relative;z-index:30;zoom:1;overflow-y:hidden;overflow-x:hidden;border:0px solid #000000;width:100%;max-height:195px;margin-top:5px;margin-bottom:5px;}
.list_recent ul{zoom:1;_width:100%;_overflow:hidden}
.list_recent ul li{overflow:hidden;position:relative;z-index:10;padding:2px 4px 1px 10px;cursor:pointer;zoom:1}
.list_recent .list_item_wrap {font-size:13px;display:block;height:25px;line-height:23px;padding:0 15px 0 3px; text-overflow:ellipsis; white-space:nowrap;}
.list_recent .list_item_wrap a {display:inline-block;vertical-align:top;max-width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555555;text-decoration:none!important;_display:inline;_zoom:1}
.list_recent .list_item_wrap a:hover{color:#555555;}/*5E6D9A*/
.list_recent .list_item_wrap .item_btn {display:none;position:absolute;right:7px;vertical-align:top;height:18px;line-height:18px;padding:0 0 2px 0}

/************************************************자주 보내는 수신인************************************************/

.list_favorite{position:relative;z-index:30;zoom:1;overflow-y:hidden;overflow-x:hidden;border:0px solid #000000;width:100%;max-height:195px;margin-top:5px;margin-bottom:5px;}
.list_favorite ul{zoom:1;_width:100%;_overflow:hidden}
.list_favorite ul li{overflow:hidden;position:relative;z-index:10;padding:2px 4px 1px 10px;cursor:pointer;zoom:1}
.list_favorite .list_item_wrap {font-size:13px;display:block;height:25px;line-height:23px;padding:0 15px 0 3px; text-overflow:ellipsis; white-space:nowrap;}
.list_favorite .list_item_wrap a {display:inline-block;vertical-align:top;max-width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555555;text-decoration:none!important;_display:inline;_zoom:1}
.list_favorite .list_item_wrap a:hover{color:#555555;}/*5E6D9A*/
.list_favorite .list_item_wrap .item_btn {display:none;position:absolute;right:7px;vertical-align:top;height:18px;line-height:18px;padding:0 0 2px 0}

/************************************************발송옵션************************************************/
/*발송옵션 : 위치*/

.list_sendoption{position:relative;z-index:30;zoom:1;_overflow:hidden;border:0px solid #000000;width:100%;margin-top:5px;margin-bottom:5px;}
.list_sendoption ul{zoom:1;_width:100%;_overflow:hidden}
.list_sendoption ul li{overflow:hidden;position:relative;z-index:10;padding:2px 4px 1px 10px; text-overflow:ellipsis; white-space:nowrap;cursor:pointer;zoom:1}
.list_sendoption .list_item_wrap a {display:inline-block;vertical-align:top;max-width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555555;text-decoration:none!important;_display:inline;_zoom:1}
.list_sendoption .item_wrap{font-size:13px;display:block;height:31px;line-height:31px;padding:0 0 0 0}


/************************************************사용자정보************************************************/
.anylinkcss {position:absolute;visibility: hidden;border:1px solid black;border-width: 5;border-color: #DDDDDD;line-height: 18px;z-index: 200;background-color: #FFFFFF;width:370px;height:185px;
box-shadow:-2px 2px 5px rgba(170,170,170,0.1), 2px 2px 5px rgba(170,170,170,0.1), 0px 2px 5px rgba(170,170,170,0.1);}
.anylinkcss_add{position:absolute;visibility: hidden;border:1px solid black;border-width: 2;border-color: #DDDDDD;line-height: 18px;z-index: 100;background-color: #FFFFFF;width: 150px;height: 50px;}
.anylinkcss_receivex{position:absolute;visibility: hidden;border:1px solid black;border-width: 2;border-color: #DDDDDD;line-height: 18px;z-index: 100;background-color: #FFFFFF;width: 250px;}

.tl, .bl {	float: left;}
.tr, .br {	float: right;}
.box-content {clear: both;padding: 0 10px;overflow: hidden;}
* html .box-content {height: 1%;}
.red-box {background: #F00;color: #FFF;width: 500px;overflow: hidden;margin: 10px 0;}
.red-box .tr {background-position: 10px 0;}
.red-box .bl {background-position: 0 10px;}
.red-box .br {background-position: 10px 10px; }
.blue-box {background: #09F;color: #FFF;width: 200px;overflow: hidden;margin: 10px 0;}
.blue-box .tl {	background-position: -320px 0px;}
.blue-box .tr {	background-position: -330px 0px;}
.blue-box .bl {	background-position: -320px 10px;}
.blue-box .br {	background-position: -330px 10px;}
.green-box {background: #6F0;color: #FFF;width:500px;overflow: hidden;margin: 10px 0;}
.green-box .tl {background-position: -160px 0px;}
.green-box .tr {background-position: -170px 0px;}
.green-box .bl {background-position: -160px 10px;}
.green-box .br {background-position: -170px 10px;}

.orange-box { background: #CCCAD0;color: #FFF;width: 550px;overflow: hidden;margin: 10px 0;}
.orange-box .tl { background-position: -60px 0px;}
.orange-box .tr { background-position: -70px 0px;}
.orange-box .bl { background-position: -60px 10px;}
.orange-box .br { background-position: -70px 10px;}

.box28 { background: #ffff00;color: #000;width: 100px;overflow: hidden;margin: 10px 0;}
.box28 .tl { background-position: -100px 0px;}
.box28 .tr { background-position: -110px 0px;}
.box28 .bl { background-position: -100px 10px;}
.box28 .br { background-position: -110px 10px;}

/************************************************DIV 동명이인 목록************************************************/
.dubplication {position:absolute;display:none;}
.duplication .duplication_list {position:absolute;display:none;top:0;left:0;cursor:default;max-height:97px;overflow-y:scroll;overflow-x:hidden;background-color:#fff;border:1px solid #c5c5c5;}
.duplication .duplication_list .duplication-item-wrapper{position:relative;padding:3px 1em 3px .4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.duplication .duplication_list .duplication-item-wrapper .duplication-checkbox{position:relative;margin-right:5px;cursor:pointer;}
.duplication .duplication_button {position:absolute;display:none;top:0;left:0;cursor:default;max-height:30px;overflow-y:hidden;overflow-x:hidden;background-color:#fff;border:0px;}

/************************************************iframe 목록************************************************/
.iframe_search {position:absolute;display:none;top:0;left:0;cursor:default;max-height:400px;min-height:130px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border:1px solid #DEDEDE;
				box-shadow:-4px 4px 8px rgba(50,50,50,0.1), 4px 4px 8px rgba(50,50,50,0.1), 0px -4px 8px rgba(50,50,50,0.1)}
.iframe_easysend {position:absolute;display:none;top:0;left:0;cursor:default;max-height:400px;overflow-y:scroll;overflow-x:hidden;background-color:#fff;border:0px solid #DEDEDE;}

/*간편전달*/
.easy_dummy ul, li{line-height:22px;}
.easy_item_from {padding-left:5px;color:#0055ff;}

/*전달시 퇴사자 정보의 경우 색깔 다르게 표시*/
.retired_user {color:#888888;}

#GWtip {position:absolute;display:none;top:0;left:0;cursor:default;max-height:400px;overflow-y:scroll;overflow-x:hidden;background-color:#fff;border:1px solid #c5c5c5;}
#GWcontainer {min-width:850px}


/* 메일보기 휴지통 아이콘 */
.view_icon_trash {width:18px;height:18px;background:url('/gw_resource/images/icon/icon_trash.gif') no-repeat center center transparent;display:inline-block;}

/* 메일보기 사용자정보 툴팁박스에서 사용 */
.userinfo {width:300px;margin-top:10px;}
.userinfo li a{vertical-align:top;margin-left:5px;}
.userinfo li .icon_search {width:18px;height:21px;padding:0px 10px 0 0;background:url('/gw_resource/images/icon/icon_search.png') no-repeat center center transparent;display:inline-block;background-position:0 3px;}
.userinfo li .icon_mail {width:18px;height:21px;padding:0 10px 0 0;background:url('/gw_resource/images/icon/icon_mail_sendto.png') no-repeat center center transparent;display:inline-block;background-position:0 3px;}
.userinfo li .icon_setspam {width:18px;height:21px;padding:0 10px 0 0;background:url('/gw_resource/images/mail/icon_mail_blockdoc.png') no-repeat center center transparent;display:inline-block;background-position:0 3px;}
.userinfo li .icon_register{width:18px;height:21px;padding:0 10px 0 0;background:url('/gw_resource/images/mail/icon_address_book.gif') no-repeat center center transparent;display:inline-block;background-position:0 3px;}
.icon_person{width:18px;height:18px;padding:0 10px 0 0;background:url('/gw_resource/images/icon/icon_person.gif') no-repeat center center transparent;display:inline-block;}


/*발신취소*/
.btn_sendcancel {display:inline-block;padding:0px;min-width:90px;height:22px;line-height:18px!important;text-align:center;font-size:8.5pt;color:#ffffff;background-color:#293846;border:1px solid #202020;cursor:pointer;}

/*수신확인*/
.guideTitle {font-size:18px;line-height:44px;font-weight:bold;color:#333}
.guideText {font-size:13px;line-height:22px;color:#333}
.info_box { width:100%; }
.info_box table	{ table-layout:fixed; }
.info_box table + table { border-top-color:#c40452; }
.info_box table tbody th { border-top:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; background-color:#F2F2F2; vertical-align:top;  font-size:14px; line-height:32px; font-weight:bold; color:#333; text-align:left; min-height:32px; }
.info_box table tbody td { border-bottom:1px solid #eaeaea;font-size:13px; color:#333333; font-size:13px; line-height:32px; font-weight:normal; color:#333; min-height:32px; }
.info_box table tbody th + td { border-left:0; }
.receiveinfo_list_box {width:100%;height:300px;overflow-y:auto;overflow-x:hidden; border-bottom:0px solid #BCBCBC; }
.receiveinfo .btn_folder {background: url(/gw_resource/images/icon/lnb_icons.png) 6px -23px no-repeat;width:13px;height:13px;display:inline-block;cursor:pointer;}
.receiveinfo .btn_folder.on {background-position:6px 6px}
.receiveinfo.to.group {background-color:#FAFAFA;}
.receiveinfo.cc.group {background-color:#FAFAFA;}
.receiveinfo.bcc.group {background-color:#FAFAFA;}
.receiveinfo_item.to {background:url(/gw_resource/images/icon/icon_person_to.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;}
.receiveinfo_item.cc {background:url(/gw_resource/images/icon/icon_person_cc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;}
.receiveinfo_item.bcc {background:url(/gw_resource/images/icon/icon_person_bcc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;}
.receiveinfo_item.to.group {background:url(/gw_resource/images/icon/icon_group_to.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;cursor:pointer;}
.receiveinfo_item.cc.group {background:url(/gw_resource/images/icon/icon_group_cc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;cursor:pointer;}
.receiveinfo_item.bcc.group {background:url(/gw_resource/images/icon/icon_group_bcc.png) no-repeat 3px center transparent; margin:2px;padding:1px 3px 2px 23px;cursor:pointer;}

/* 트리 박스 */
.div_tree {background-color:#ffffff;border:1px solid #DEDEDE;height:280px;overflow:auto;padding:10px;}
.div_tree.noborder {background-color:#ffffff;border:0px;height:280px;overflow:auto;padding:10px;}
.div_tree.bgcolor {background-color:#FAFAFA;border:1px solid #DEDEDE;height:280px;overflow:auto;padding:10px;}

/* 레이어 박스 DIV박스 - 일반형식 */
.div_over_box {position:absolute;left:0px;top:0px;display:none;cursor:pointer;padding:8px;z-index:99999;border:1px solid #d9d9d9;background-Color:#ffffff;box-shadow:-1px 1px 5px rgba(170,170,170,0.1), 1px 1px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.div_over_box a.cl_sort_asc {display:none;color:#F0F0F0;cursor:pointer;margin:0px;padding:0px;}
.div_over_box a.cl_sort_asc:hover {color:#C9C9C9;}
.div_over_box a.cl_sort_desc {display:none;color:#F0F0F0;cursor:pointer;margin:0px;padding:0px;}
.div_over_box a.cl_sort_desc:hover {color:#C9C9C9;}

.div_text_box {font-size:13px;position:absolute;left:0px;top:0px;display:none;cursor:pointer;padding:5px 5px 5px 25px;border:1px solid #d9d9d9;background-Color:#FAFAFA;box-shadow:-1px 1px 5px rgba(170,170,170,0.1), 1px 1px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.div_text_box.search {background:#FAFAFA url(/gw_resource/images/icon/icon_search.png) no-repeat 5px center;}
.div_text_box a.keyword {font-size:13px;cursor:pointer;margin-left:3px;margin-right:3px;}
.div_text_box a.keyword.selected  {color:#5588FF;font-weight:bold;}
.div_text_box a.keyword:hover {color:#5588FF;font-weight:bold;}
.div_text_box a.btn_del{background-image:url(/gw_resource/images/mail/btn_del_off.png);background-size:10px 10px;width:10px;height:10px;display:inline-block;top:6px;margin-left:10px;margin-right:2px;margin-top:5px;float:right;}
.div_text_box a.btn_del:hover{background-image:url(/gw_resource/images/mail/btn_del_over.png);background-size:10px 10px;background-position:0px 0px;}

/* 레이어 박스 DIV박스 - menu형식 */
.div_menu_box {position:absolute;left:0px;top:0px;display:none;cursor:pointer;padding:0px;z-index:99999;border:1px solid #d9d9d9;background-Color:#ffffff;box-shadow:-1px 1px 5px rgba(170,170,170,0.1), 1px 1px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
.div_menu_box .menu_list a { display:block; padding:2px 15px 2px 21px; font-size:12px; line-height:22px; color:#333; }
.div_menu_box .menu_list a:hover { background:#f3f3f3; }

.btn_item { margin-top:10px;text-align:center}
.btn_ok {display:inline-block;padding:0px;min-width:40px;height:25px;line-height:20px!important;text-align:center;font-size:8.5pt;color:#ffffff;background-color:#293846;border:1px solid #202020;cursor:pointer;}
.btn_close {display:inline-block;padding:0px;min-width:40px;height:25px;line-height:20px!important;text-align:center;font-size:8.5pt;color:#ffffff;background-color:#293846;border:1px solid #202020;cursor:pointer;margin-left:3px;}

/*관련 메일 목록*/
.mail_history_box {overflow-y:hidden;overflow-x:hidden;padding-bottom:20px;}
.mail_history_box .sub_history_title {border-top:1px solid #e5e5e5;padding:20px 0px 10px 0px; font-family:"맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Arial, sans-serif; font-size:18px; line-height:13.6px; font-weight:normal; color:#444;  letter-spacing:-1px; }
.mail_history_box .sub_history_view {margin-top:0px;padding:20px;border-top:1px solid #e5e5e5;background:#f6f6f6;}
.mail_history_box .btn_folder {margin-right:20px;margin-bottom:5px;cursor:pointer;vertical-align:middle;}
.mail_history_box .sub_count {padding-left:10px;}

/*도움말*/
.tooltip {position:absolute;left:0px;top:0px;display:none;padding:8px;z-index:99999;border:1px solid #d9d9d9;border-radius:5px;background-Color:#fcfcfc;box-shadow:-1px 1px 5px rgba(170,170,170,0.1), 1px 1px 5px rgba(170,170,170,0.1), 0px -1px 5px rgba(170,170,170,0.1);}
a.tooltip_item {line-height:20px;cursor:pointer;}
a.tooltip_item:hover {text-decoration:underline;}
.tooltip_item_unlink {line-height:20px;color:#aaa;}

/*------------------------------------*\
	아카이빙
\*------------------------------------*/
.emate_vnb_keyword {font-weight:bold;color:#fb896a;}

/* Category List Layer Popup Style */
.ly-cate{display:none;position:absolute;left:10px;top:25px;z-index:10;border-radius:5px;border:1px solid #ccc;background:#fff;box-shadow:1px 1px 4px rgba(0,0,0,.2)}
.ly-cate .in-wrap{overflow:hidden;width:170px;border-radius: 5px;}
.ly-cate .in-wrap .in-side{margin:0;padding:0;height:250px;overflow:hidden;position:relative;z-index:10;zoom:1;}
.ly-cate .in-wrap .tree-list{padding:10px 0}
.ly-cate .in-wrap .tree-list a{display:block;line-height:22px;padding-left:25px;/*width:145px;*/overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ly-cate .in-wrap .tree-list li a{background:url("img/dhtmlxtree.img/folderOpen.gif") 0 50% no-repeat}
.ly-cate .in-wrap .tree-list li li{padding-left:25px;}
.ly-cate .in-wrap .tree-list li li.selected{background:#fff3a1;}
.ly-cate .in-wrap .tree-list li li a{background:url("img/dhtmlxtree.img/leaf.gif") 0 50% no-repeat},m
.ly-cate .arrow{position:absolute;left:20px;top:-5px;width:7px;height:5px;background:url("img/images.img/bg_ly_arrow.png") 0 0 no-repeat;}
/* Category Btn Style */
.category-bubbles{display:inline;}
/* .tb-wrap .tag-bubbles .tag-bubble input{position: absolute;left:-200px;top:-200px;} */
.category-bubble input{display:none;}
.category-bubble{display:inline-block;margin:1px 2px 1px 0;min-width:1em;height:20px;line-height:200%;text-align: center;font-size:11px;padding:0 10px;vertical-align: middle;max-width: 95%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;border-radius:15px;border:1px solid #f7d38b;background:#ffecbf;}
.category-bubble.inp{display:none;}
.category-bubble.inp input{display:inline-block;min-width:0.8em;;width:0;font-size:11px;height:inherit;line-height:inherit;border:0;background:transparent;}
.category-bubble input:focus{display:inline;padding:0;outline: 0;}
.category-bubble .tag-selected{position: absolute;opacity: 0;width:0;height:0;}
.category-bubble:hover2,
.category-bubble.selected{color:#4d7da2;border-color:#8dafc9;background:#e5eff7;}
.category-bubble.modify{color:#28aba1;border-color:#a8e0dd;background:#daf7f5}
.category-bubble.modify input[type="text"]{width:120px;max-width:120px;font-size: 11px;position:static;width:auto;height:100%;opacity: 1;border-width:0;background-color: transparent;}
.category-bubble.modify .in-text{position: absolute;left:0;top:-20px;width:1px;height:1px;white-space: nowrap;}
/* Tag Btn Style */
.tag-bubbles{display:inline;}
#categorylist {background-color:#f8f8f8}
#categorylist .btn-cate {padding:0 27px 0 10px;border:1px solid #ccc;height:26px;font-size:12px;line-height:24px;color:#666;background:url(/docbackup/images/button/btn_bubble_sel.png) no-repeat 100% 50%}
#btn_category_del {margin-left:4px;padding:0 10px;border:1px solid #ccc;height:26px;font-size:12px;line-height:24px;color:#666;text-align:center;background-color:#f8f8f8}
#btn_category_del:hover, #btn_category_del:active {background:#f2f2f2 !important;filter:none !important}
.tag-bubble input{display:none;}
.tag-bubble{overflow:hidden;display:inline-block;margin-right:4px;padding:0 10px;border:1px solid #ccc;border-radius:2px;font-size:12px;line-height:24px;color:#666;text-align:center;text-decoration:none;background-color:#f8f8f8}
.tag-bubbles:hover .tag-bubble {border-color:#e5d8b8;text-decoration:underline;background-color:#ffecbf}
.tag-bubbles .sp_deltag {overflow:hidden;display:inline-block;margin-bottom:2px;margin-left:4px;width:15px;height:15px;font-size:1px;text-indent:-9999px;background:url(/docbackup/images/button/btn_bubble_del.png) no-repeat;vertical-align:middle}
.tag-bubble.inp{display:none;}
.tag-bubble.inp input{display:inline-block;min-width:0.8em;;width:0;font-size:11px;height:inherit;line-height:inherit;border:0;background:transparent;}
.tag-bubble input:focus{display:inline;padding:0;outline: 0;}
.tag-bubble .tag-selected{position: absolute;opacity: 0;width:0;height:0;}
.tag-bubble:hover2,
.tag-bubble.selected{color:#4d7da2;border-color:#8dafc9;background:#e5eff7;}
.tag-bubble.modify{color:#28aba1;border-color:#a8e0dd;background:#daf7f5}
.tag-bubble.modify input[type="text"]{width:120px;max-width:120px;font-size: 11px;position:static;width:auto;height:100%;opacity: 1;border-width:0;background-color: transparent;}