@charset "utf-8"; 
/* CSS Document */


/* -----------------------------------layout--------------------------------------- */
#container{
	position:relative;z-index:11;overflow:hidden; min-width:996px;min-height:100%; margin:-61px 0 -32px;
	}
*html #container{height:100%;}

#wrapper{width:100%;padding:61px 0 0 0;overflow:hidden;}
.sidebar{position:absolute;left:0;top:61px;width:220px;} 

#contents{
	position:relative; margin:0 0 0 220px;overflow:hidden;
}

#con_wrap{width:100%;overflow:hidden;}

#list_frame{width:100%;border:0 none;overflow:hidden;}








/* ---------------- 메일 리스트 ---------------------------------------------------------------*/
.list th.td_cont1 a, .list th.td_cont2 a{font-weight:normal; color:#6d6d6d; text-align:left;position:relative;top:1px;}
/* ---------------- 메일 가로배치----------------- */
.mail_horizon .cont_view{overflow:auto;}

.mail_horizon th.td_cont1 .name{width:19%; text-align:center;}
.mail_horizon td.td_cont1 .name{width:19%; text-align:left; }
.mail_horizon th.td_cont1 .title{width:80%; text-align:center;}
.mail_horizon td.td_cont1 .title{width:80%; text-align:left; padding-left:1%; }

.mail_horizon th.td_cont2{width:170px;  text-align:center;}
.mail_horizon td.td_cont2{width:170px; text-align:center;}
.mail_horizon th.td_cont2 .date{width:96px;  text-align:center;}
.mail_horizon td.td_cont2 .date{width:120px;  text-align:center;}
.mail_horizon th.td_cont2 .capacity{width:74px;  text-align:center; background:none;}
.mail_horizon th.td_cont2 .capacity a{position:relative; right:8px;}
.mail_horizon td.td_cont2 .capacity{width:50px;  text-align:right; position:relative; right:12px;}

/* ---------------- 메일 세로배치----------------- */
.mail_vertical .list thead tr th div{height:22px; line-height:20px; background-image:none}
.mail_vertical .list thead tr th.td_chk{height:22px; line-height:20px; background-image:none}
.mail_vertical .cont_view{float:left;overflow:auto;width:75%;height:100%;}
.mail_vertical #mail_view_show{width:825px}

.mail_vertical th.td_cont2{width:104px; text-align:right; padding-right:15px; background-image:none}
.mail_vertical td.td_cont2{width:104px; text-align:right; padding-right:7px;}

.mail_vertical th .date, .mail_vertical th .capacity{display:inline;float:none; margin:0 8px 0 0;} 
.mail_vertical th .name, .mail_vertical th .title{margin:0 10px 0 0;}

.mail_vertical td .name, .mail_vertical td .title{display:block;float:none;text-align:left;}
.mail_vertical td .date{float:right;height:13px;margin:0 0 4px 0;}
.mail_vertical td .capacity{clear:both;float:right;}


/* 확인 필요 */
.td_cont1 .title{position:relative;}
.td_cont1 span.folder{display:inline; color:#999; padding:0 4px 0 0; font-weight:normal !important;}
.td_cont1 .name, .td_cont1 .title, .td_cont2 .date, .td_cont2 .capacity{float:left;word-break:break-all;word-wrap:break-word;}
.td_cont1, .td_cont1{}

.td_cont2 .date, .td_cont2 .capacity{color:red; white-space:nowrap;}
.td_cont2 span.date, .td_cont2 span.capacity{font-family:tahoma; color: #888;}
.td_cont2 span.date.today{color:#666;}

.td_cont1 .icon{
	display:inline-block;*zoom:1; *display:inline; width:12px; height:12px; position:relative; top:2px;
	white-space:nowrap; overflow:hidden; text-indent:-10000px;
	background:url(../../ko/images/ico/icons.png) no-repeat 0 0; }
.td_cont1 .preview{background-position:0 -601px;}
.td_cont1 .preview:hover{background-position:0 -613px;}
.td_cont1 .new_open{background-position:0 -625px; position:relative; left:-2px;}
.td_cont1 .new_open:hover{background-position:0 -637px; position:relative; left:-2px;}



/* -----------------------메일 상세보기 읽기 영역 내용 깨지는거 방지------------------------------*/
#viewFrame {word-break: break-all;word-wrap: break-word;}
#viewFrame table td img {display:block;}
#viewFrame.img_inline table td img {display:inline;}
/*----------------------메일 상세보기 메일 본문 영역에 글자 행간격이 넓음 p태그에 padding 처리로 좁힘--------------*/
#viewFrame.img_inline p {margin: 0px; margin:5px;}
#big_data_table td img {display:inline !important;}


/* -----------------------메일 새창으로 보기  ------------------------------*/

/* 쓰기 후 미리보기  */
.write_preview{min-width:700px}
.write_preview .bx_outview {background-color:#FFF;}
.write_preview .mail_head {border-bottom:1px solid #E4E5E4;line-height:20px; padding-left:20px;}
.write_preview .mail_head .headline{ padding: 7px 0;}
.write_preview .mail_cont{padding:0; background:#fff;border-top:1px solid #e4e5e4;}  /* 2012-03-23 view 영역 스크롤 어색하게 생겨서 수정함 : overflow:auto;overflow-y:hidden; */
.write_preview .mail_cont .mail_content{margin:20px;}
.write_preview .mail_cont #signDiv{margin-left:-20px}
.write_preview .mail_cont table table{margin-left:40px;width:auto}
.write_preview .mail_cont table td{width:100%}
.write_preview .main_write_body{padding:15px 0 5px;font-family:dotum;color:#000}
.write_preview .chk_priority{background-position:-4px -445px}
.write_preview .chk_priority_normal{background-position:-4px -480px}
.write_preview .mail_head .view_h3{top:0}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.write_preview .mail_head .view_h3{top:1px}
}


/* 리스트 새창 */
.pop_mail_view{min-width:760px}
.pop_mail_view #contents{border-left:none; margin:0px; overflow:auto;}
.pop_mail_view .bx_layer.la_l.add li a, .bx_layer.la_l.add_encoding li a{line-height:24px !important;}
.pop_mail_view #spam_layer{top:23px;width:428px;display:none;}

/* 메일목록 아이콘버튼 묶기 */
.bx_outview span.mailList_btn{width: 60px; display: inline-block;}
.bx_outview span.mailList_btn_s{width: 37px; display: inline-block;}