@charset "utf-8";

/*layout*/
#wrap { position:relative; width:100%; height:100%; overflow:visible; min-width:1024px;}
#header { position:relative; height:49px; background:url(../images/common/bg_top.gif) top repeat-x; z-index:30;}
#header .logo { position:absolute; float:left; padding-left:15px; padding-top:12px; display:inline;}
#header .logout { position:absolute; padding-right:20px; padding-top:10px; right:0; _padding-right:19px;}
#container { position:relative; min-height:100%; background:url(../images/leftmenu/bg_leftmenu.gif) repeat-y; overflow:visible; zoom:1; margin:-49px 0 -44px 0; _height:100%; z-index:20;}
#container:after { clear:both; display:block; height:0; content:''; visibility:hidden;}
#container #left_warp { float:left; position:relative; width:272px; z-index:20; overflow:visible; zoom:1; padding-top:49px; padding-bottom:43px;}
#container #left_warp .gnb { float:left; width:63px;}
#container #left_warp .leftmenu { float:left; width:208px; background-color:#f9f9f9;}
#container #content { float:left; position:relative; width:100%; margin:0 0 0 -272px; z-index:10; zoom:1; padding-top:49px; padding-bottom:44px;}
#container #content .content_section { margin:0 0 0 272px; height:100%; width:auto; overflow-y:visible; zoom:1;}
#container #content .content_section .content_box { width:100%; z-index:30; zoom:1; _overflow: hidden;}
#footer { position:relative; width:100%; height:44px; background:url(../images/common/bg_copyright.gif) top repeat-x #fff; text-align:center; z-index:50; }
#footer .info { position:absolute; top:13px; text-align:center; width:100%; _width:auto; *width:auto;}

/*login*/
#login_header { width:780px; margin:0 auto; height:34px; padding-top:150px;}
#login_header .logo { float:left;}

#login_container { background:url(../images/login/bg_visual.gif) bottom repeat-x; width:100%; height:484px;}
#login_container .login_content { width:780px; margin:0 auto;}
#login_container .login_visual { float:left; width:422px; padding-top:139px;}
#login_container .content { float:left; width:358px; padding-top:148px;}
#login_container .content ul { width:358px;}
#login_container .content ul li { float:left; padding-bottom:5px; height:44px; display:block;}
#login_container .content ul li .login_title { float:left; width:58px; padding-top:17px;}
#login_container .content .login_input { float:left; width:282px; height:44px; background:url(../images/login/bg_input.gif) no-repeat; color: #333333; font-weight:bold; font-size:18px; border:none; padding-left:18px; line-height:44px; display:block;}
#login_container .content .id_save { float:left; padding-left:58px; width:300px; line-height:12px; height:13px; padding-top:5px; }
#login_container .content .login_btn { float:left; padding-left:58px; display:block; padding-bottom:23px; padding-top:9px;}
#login_container .content .add_info { float:right; background:url(../images/login/bg_dotline.gif) repeat-x top; width:300px; text-align:right; padding-top:18px;}


/*leftmenu*/
#container #left_warp .leftmenu .login_info { height:41px; padding-top:14px; padding-left:18px; background:url(../images/leftmenu/bg_lmenu_bar.gif) repeat-x bottom;}
#container #left_warp .leftmenu .login_info ul li { float:left; width:100%; height:15px; display:block;}
#container #left_warp .leftmenu .left_btn { padding-top:9px; text-align:center; height:44px; background:url(../images/leftmenu/bg_lmenu_bar.gif) repeat-x bottom;}
#container #left_warp .leftmenu .section_type { height:26px; background:url(../images/leftmenu/bg_lmenu_bar.gif) repeat-x bottom; padding-left:12px; padding-top:13px;}
#container #left_warp .leftmenu .list_menu { float:left; padding-top:10px; padding-bottom:9px;}
#container #left_warp .leftmenu .list_menu li { float:left; width:196px; position:relative; height:18px; padding-left:12px; padding-top:7px;}
#container #left_warp .leftmenu .list_menu li.over { background:url(../images/leftmenu/bg_lmenu_ov.gif) no-repeat;}

#container #left_warp .leftmenu .section_mymail { float:left; position:relative; width:195px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background-color:#fff; padding:13px 0 10px 13px;}
#container #left_warp .leftmenu .section_mymail .section_mymail_title, .section_adress .section_mymail_title { height:19px;}
#container #left_warp .leftmenu .section_adress { float:left; position:relative; width:195px; padding-top:13px; padding-left:13px; padding-bottom:10px;}

#container #left_warp .leftmenu .mymail_list li { float:left; background:url(../images/leftmenu/menu_dotline02.gif) 4px 0 no-repeat; padding-left:18px; padding-top:1px; height:19px; width:177px;}
#container #left_warp .leftmenu .mymail_list li.list_last { background:url(../images/leftmenu/menu_dotline.gif) 4px -8px no-repeat;}

#container #left_warp .leftmenu .gnb_user_setting { position:absolute; right:14px; z-index:100 ; background-color:#fff; border:1px solid #9b9b9b; padding:3px 0; margin-top:2px; font-size:11px; letter-spacing:-1px; }
#container #left_warp .leftmenu .gnb_user_setting ul li { clear:both; width:57px;  background:none; text-align:right; padding:1px 7px 0 7px; height:15px; line-height:15px; color:#555;}
#container #left_warp .leftmenu .gnb_user_setting ul li.over { background-color:#737373; color:#fff;} 


#container #left_warp .leftmenu .bu01, .bu02, .bu03, .bu04, .bu05, .bu06, .bu07, .bu08, .bu09 { position:relative; padding-left:20px; display:block;}
#container #left_warp .leftmenu .bu01 { background:url(../images/leftmenu/icon_mail.gif) 0 0 no-repeat; width:48px; float:left;}
#container #left_warp .leftmenu .bu02 { background:url(../images/leftmenu/icon_receive_mail.gif) 0 0 no-repeat;}
#container #left_warp .leftmenu .bu03 { background:url(../images/leftmenu/icon_send_mail.gif) 0 0 no-repeat;}
#container #left_warp .leftmenu .bu04 { background:url(../images/leftmenu/icon_temp_save.gif) 0 0 no-repeat;}
#container #left_warp .leftmenu .bu05 { background:url(../images/leftmenu/icon_spam_save.gif) 0 0 no-repeat;}
#container #left_warp .leftmenu .bu06 { background:url(../images/leftmenu/icon_garbage.gif) -1px 0 no-repeat;}
#container #left_warp .leftmenu .bu07 { background:url(../images/leftmenu/icon_folder.gif) 0 0 no-repeat; margin-top:3px; _margin-top:4px; *margin-top:4px; z-index:0; height:14px;}
#container #left_warp .leftmenu .bu08 { background:url(../images/leftmenu/icon_arrow.gif) 1px 3px no-repeat; color:#000;}
#container #left_warp .leftmenu .bu09 { background:url(../images/leftmenu/icon_adress.gif) 0 0 no-repeat; width:28px; float:left; font-weight:bold; height:13px; float:left; _width:25px; letter-spacing:-1px;}

#container #left_warp .leftmenu .function_btn, .function_btn02, .function_btn03, .function_btn05 { position:absolute; right:14px;}
#container #left_warp .leftmenu .function_btn { top:5px; height:16px}
#container #left_warp .leftmenu .function_btn02 { top:-1px; height:16px; _right:13px;}
#container #left_warp .leftmenu .function_btn03 { top:14px; font-size:11px; color:#cecece; letter-spacing:-2px; height:11px; _right:12px; *right:12px;}
#container #left_warp .leftmenu .function_btn05 { top:4px; font-size:11px; color:#cecece; letter-spacing:-2px; height:11px; _right:13px;}
#container #left_warp .leftmenu .function_btn05 a  { color:#888;}
#container #left_warp .leftmenu .function_btn03 a { color:#666;}
.function_btn04 { position:absolute; overflow:hidden; height:16px; line-height:0; top:8px; padding-left:2px}

/*content*/
#container #content .content_section .content_box .content_header { width:100%; height:37px; padding-top:16px; background-color:#f9f9f9; border-bottom:1px solid #c9c9c9;}
#container #content .content_section .content_box .content_header .content_title { float:left; padding-top:7px;}
#container #content .content_section .content_box .content_header .content_title h2 { float:left; padding-left:20px; color:#000;}
#container #content .content_section .content_box .content_header .content_title .list_func { font-size:11px; color:#555;}
#container #content .content_section .content_box .content_header .c_search { float:right; padding-right:20px;}


/*list*/
.list_btn_menu { position:relative; padding-left:10px; padding-top:14px; height:38px; z-index:1000;}
.list_btn_menu ul li { float:left; position:relative;}

.list_btn_menu .gnb_add_function { position:absolute; top:25px; left:19px; z-index:1000; background-color:#fff; border:1px solid #9b9b9b; padding:3px 0; float:left; width:117px;}
.list_btn_menu .gnb_add_function ul li { float:left; font-size:11px; letter-spacing:-1px; background:none; padding:1px 7px 0 7px; height:15px;line-height:15px; color:#555; width:103px;} 
.list_btn_menu .gnb_add_function ul li.over { background-color:#737373; color:#fff;} 

.t_border { border-top: 1px solid #e4e5e7; }

.list_table { position:relative; width:100%; border-top:1px solid #e4e5e7;}
.list_table thead th { border-bottom:1px solid #e4e5e7; background-color:#f9f9f9; font-weight:normal; text-align:left; border-right:1px solid #e4e5e7; padding-top:8px; height:13px; padding-bottom:6px; color:#666; line-height:13px; vertical-align:top; *line-height:12px; *height:14px;}
.list_table thead th.none_border { border-right:none;}
.list_table thead th.h_38 { padding:13px 20px; line-height:12px; height:12px; vertical-align:top; _padding-bottom:11px;}
.list_table thead th a { padding-left:8px; color:#666;}
.list_table thead th a.icon { padding:0;}
.list_table thead th .down { position:relative; top:4px; line-height:0; width:7px;}
.up { position:relative; height:4px; width:7px; background:url(../images/common/icon_list_arrow.gif) no-repeat; display:inline-block; }
.list_table td { border-bottom:1px solid #f0f0f0; padding:6px 8px; color:#666; line-height:16px; vertical-align:middle;}
.list_table td img { vertical-align:middle;}
.list_table td.adress { padding:3px 8px; color:#333; line-height:12px; height:25px;}
.list_table td.modify { padding-left:3px; color:#333; padding-right:10px; height:25px;}
.list_table td.modify input { display:block; float:left;}
.list_table td.no_pd { padding:5px 0;}
.list_table td.file_table { padding:0;}


/*view*/
.mail_view_title { padding-left:20px; padding-top:5px; padding-bottom:5px;}
.mail_view_title ul li { padding:2px 0;}
.mail_view_title ul li a { color:#333; padding-left:0;}
.mail_view_title ul li img { vertical-align:middle;}
.mail_view_title ul li a.hover { text-decoration:underline;}
.mail_view_title ul li dl dt { line-height:16px; float:left; clear:both; position:relative; zoom:1;}
.mail_view_title ul li dl dd { line-height:16px; padding-left:5px; word-break:break-word; overflow:hidden;}
.file a { color:#1866d7 !important; text-decoration:underline; }
.mail_view_con { position:relative; margin:0; padding:11px 12px; zoom:1; line-height:1.7; min-height:300px; _height:300px;}


/*write*/
.write_table_box {  border-top:1px solid #e4e5e7; padding-right:20px; padding-left:10px;}
.write_table { width:100%;}
.write_table img { vertical-align:middle;}
.write_table iframe { vertical-align:middle;}
.write_table th { position:relative; padding-left:10px; font-weight:bold; color:#000; text-align:left; height:23px; padding-top:3px; padding-bottom:3px; _line-height:23px; }
.write_table th.top { padding-top:15px;}
.write_table th.write_con { padding-right:20px; padding-left:10px;}
.write_table td { color:#666; position:relative;}
.write_table td.r_10 { padding-right:10px; _padding-right:15px; *padding-right:15px;}
.write_table td.r_5 { padding-right:5px; _padding-right:10px; *padding-right:10px;}
.write_table td.top { padding-top:15px;}
.write_box { width:100%; margin-top:12px; margin-bottom:12px;}

.file_box { border:1px solid #cacaca; height:77px; overflow-y:scroll; _margin-right:17px; *overflow-x:hidden; }
.file_add { width:100%; *padding-right:10px; table-layout:fixed;}
.file_add  thead th { border-bottom:1px solid #e4e5e7; background-color:#f7f7f7; font-weight:normal; color:#333; font-size:11px; background-image:url(../images/mail/bg_bar.gif); background-repeat:no-repeat; background-position:right; height:18px; line-height:18px;}
.file_add  thead th.last { background-image:none;}
.file_add  tbody td { height:20px; color:#555; text-align:center;} 
.file_add  tbody td .t_file { color:#000; margin-left:10px;} 
.file_add  tbody td .t_file img { vertical-align:middle;} 
.file_add  tbody td.top { height:5px; line-height:0} 


/*paging*/
.paging { position:relative; width:100%; margin:0 auto; text-align:center; padding-top:7px; height:30px; border-bottom:1px solid #e4e5e7;}
.paging .paging_number { line-height:23px;}
.paging .paging_number .num, .paging_number strong { display:inline-block; padding:0 7px; color:#333; font-weight:bold; font-family:tahoma; font-size:11px; vertical-align:top; height:23px; line-height:21px;}
.paging_number strong { color:#ff592c;}


/*adress*/
.adress_table { position:relative; width:100%; border-top:1px solid #e4e5e7;}
.adress_table thead th { border-bottom:1px solid #e4e5e7; background-color:#f9f9f9; font-weight:normal; text-align:left; border-right:1px solid #e4e5e7; padding-top:8px; height:13px; padding-bottom:6px; color:#666; line-height:13px; vertical-align:top; *line-height:12px; *height:14px;}
.adress_table thead th.none_border { border-right:none;}
.adress_table thead th .down { position:relative; top:4px; line-height:0; width:7px;}
.adress_table thead th a { padding-left:8px; color:#666;}
.adress_table td { border-bottom:1px solid #f0f0f0; padding:3px 8px; color:#333; line-height:16px; vertical-align:middle;}
.adress_table td.modify { padding-left:3px; color:#333; padding-right:10px; height:25px;}
.adress_table td.modify input { display:block; float:left;}
.adress_table td.no_pd { padding:5px 0;}


/*file*/

/*modify*/
.info_modify { padding:30px 0 0 0;}
.bullat_title02 { background:url(../images/popup/bullat.gif) 0 4px no-repeat; padding-left:7px; font-weight:bold; color:#333; height:22px; display:block;}
.table_modify { position:relative; width:100%; border-top:1px solid #ccc;}
.table_modify th { border-bottom:1px solid #e4e5e7; background-color:#f2f2f2; font-weight:normal; text-align:left; border-right:1px solid #e4e5e7; color:#333; line-height:25px; padding-left:27px;}
.table_modify td { padding:5px 10px; text-align:left; border-bottom:1px solid #e2e2e2; line-height:25px; color:#666; vertical-align:middle}
.table_modify td img { vertical-align:middle;}


/* 팝업공통 */
.popup_title { background:url(../images/popup/bg_poptop.gif) right top no-repeat; padding-top:30px; width:100%;}
.popup_title ul { height:40px;}
.popup_title ul li { float:left;}
.popup_title img { padding-left:20px; padding-bottom:15px; }
.popup_table { width:100%; border-top:2px solid #767676;}
.popup_table th { border-bottom:1px solid #e2e2e2; background-color:#f2f2f2; font-weight:normal; color:#333; text-align:left; border-right:1px solid #e2e2e2; padding-left:20px;}
.popup_table th.none_border { border-right:none; padding-left:17px;}
.popup_table th.no_pd { padding-left:5px; padding-right:17px; vertical-align:top; padding-top:15px;}
.popup_table td { border-bottom:1px solid #e2e2e2; padding:5px 8px;}
.popup_table td span.dis_b { display:block; clear:both; padding-top:3px;}

.popup_table02 { width:100%; border-top:2px solid #767676;}
.popup_table02 th { height:35px; border-bottom:1px solid #e2e2e2; background-color:#f2f2f2; font-weight:normal; color:#333; border-right:1px solid #e2e2e2; }
.popup_table02 .none_border { border-right:none; }
.popup_table02 td { border-bottom:1px solid #e2e2e2; padding:5px 0;  border-right:1px solid #e2e2e2; text-align:center; color:#555;}

.pop_btn { width:100%; padding-top:10px; text-align:center;}
.popup_input_176 { width:176px}
.popup_input_148 { width:148px}
.popup_input_208 { width:208px}
.popup_input_270 { width:270px}
.popup_input_370 { width:370px}
.popup_input_380 { width:380px}

.order_box { width:100%; height:225px; border:1px solid #ccc; color:#333333; margin-top:15px; margin-bottom:15px; padding:10px; }
.bullat_title { background:url(../images/popup/bullat02.gif) 0 16px no-repeat; padding:12px 0; display:block; padding-left:8px;}


/* 메일 새창으로 보기 */
.blank_mail { padding:5px;}
.pop_table { position:relative; width:100%; border-top:2px solid #555; border-left:1px solid #e4e5e7; border-right:1px solid #e4e5e7; margin:0 auto}
.pop_table thead th { border-bottom:1px solid #e4e5e7; background-color:#f9f9f9; font-weight:normal; color:#666; text-align:left; padding:6px 0;}
.pop_table thead th.h_30 { padding:10px 10px;}
.pop_table thead th.h_50 { padding:20px 20px;}
.pop_table thead th.h_50 .print_btn { position:absolute; top:16px; right:20px; }
.pop_table thead th a { padding-left:8px; color:#666;}
.pop_table thead th a.icon { padding:0;}
.pop_table td { border-bottom:1px solid #f1f1f1; padding:9px 8px; color:#666;}
.pop_table td.no_pd { padding:5px 0;}


/*20140317 이후 수정*/
/*.list_table td.file_table { padding:0;} - 해당 클래스는 상단의 .list_table 클래스에 종속적인 부분이라서 상단에 정의해놓음.*/
.pop_file { height:230px; overflow-y:scroll;}
.pop_file_table { width:100%;}
.border_line { border-top:2px solid #767676;}

.id_search { margin-top:10px; text-align:center; padding-top:14px; background:url(../images/login/bg_idsearch.gif) no-repeat center; height:25px;}


/* 2016.12.19 추가 */
/* 주소록 불러오기 타이틀 CSS */
.pop_addr_title { margin-left:10px; padding-top:15px; color:#fff; font-size:15px; font-weight:bold;}

/* 주소록 검색 ul CSS */
.pop_addr_search { height:40px; margin-left:10px; padding-top:10px;}

/* 주소록 불러오기 상단 탭메뉴 CSS */
.pop_addr_tab_menu { position:relative;}
.pop_addr_tab_menu ul { float:left; width:100%; border-bottom:1px solid #ccc;}
.pop_addr_tab_menu ul li { float:left; width:55px; padding:5px 0; border:1px solid #e4e5e7; border-bottom:0; background-color:#efefef; color:#999; text-align:center;}
.pop_addr_tab_menu ul li.on { background-color:#fff; color:#000; font-weight:bold;}

/* 주소록 불러오기 테이블 CSS */
.pop_addr_table { min-width:550px; border:0; margin:0 10px; table-layout:fixed;}