﻿/* 주소록 */
/* 좌측 메뉴 */

.group_add {width:228px;height:20px;border:5px solid #D4D3D3;}
.group_add input{float:left;border:0;width:158px;height:20px;line-height:20px;padding-left:5px;border-right:6px solid #D4D3D3;ime-mode:active;background:#FFFFFF url(/images/address/txt_newgroup.gif) no-repeat 4px 4px;}
.group_add img{float:left;}
.group_list {width:238px}
.group_list .Receiver_Title {clear:both;width:238px;height:24px;border-bottom:1px solid #D2D2D2;background:#EEEDED;}
.group_list .Receiver_Title table{width:238px;}
.group_list .Receiver_Title td{height:24px;font-size:11px;font-family:돋움, Arial;color:#838383;line-height:24px;letter-spacing:-1px;}
.group_list .Receiver_List {width:238px;height:460px;padding:5px 0 0 0;text-align:left;background:#FFFFFF;overflow-x:hidden;overflow-y:scroll;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#BCBCBC;scrollbar-track-color:#F5F5F5;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#F8F8F8;scrollbar-highlight-color:#D4D3D3;scrollbar-shadow-color:#D4D3D3;}
.group_list .Receiver_List table{width:218px;}
.group_list .Receiver_List td{height:19px;font-size:11px;letter-spacing:-1px;}
.group_list .Receiver_List a{font-size:11px;font-family:돋움;color:#838383;line-height:19px;font-weight:bold;text-decoration:none;}
.group_list .Receiver_List a:hover{color:#f94949;}
.group_list .Receiver_List span{font-size:11px;font-family:돋움;color:#838383;line-height:19px;font-weight:bold;}
.group_list .Receiver_Page{background:#FFFFFF;height:12px;padding:8px 0 0 0;line-height:12px;text-align:center;overflow:hidden;border-top:1px solid #D2D2D2;}
.group_list .Receiver_Page span{height:12px;line-height:12px;font-size:11px;}
.group_list .progress{position:absolute;width:238px;height:460px;z-index:99;text-align:center;display:block;font-size:11px;color:#6E6E6E;background:#FFFFFF;opacity:.9; filter:alpha(opacity:90);line-height:180%;}

.group_action {padding:10px 0 13px 0;border-bottom:1px solid #D2D2D2;height:26px;line-height:26px;text-align:right;}
.group_action span{line-height:26px;color:#838383;font-size:12px;font-weight:normal;letter-spacing:-1px;margin-right:10px;}
.group_action b{line-height:26px;color:#33B6C6;font-size:12px;letter-spacing:-1px;}

#divGroupSort{width:75px;height:17px;background:url(/images/address/bg_combo.gif) no-repeat left top;cursor:pointer;}
#divGroupSort div{width:56px;height:11px;padding:3px 0 3px 4px;line-height:11px;font-size:11px;color:#4B4B4B;overflow:hidden;}
#divGroupSortList{position:absolute;width:73px;height:51px;margin:0;padding:0;border:1px solid #7F9DB9;background:#FFFFFF;overflow:hidden;cursor:pointer;}
#divGroupSortList ul{width:73px;height:51px;margin:0;}
#divGroupSortList li{padding:0 0 0 3px;height:17px;line-height:17px;font-size:11px;color:#4B4B4B;}

/* 그룹 관리 */
.page_quick{width:678px;height:70px;padding:15px 20px;background:#F6F6F6;border:1px solid #E1E1E1;}
.page_quick .quick1{float:left;background:url(/images/address/title_regist1.gif) no-repeat left top;height:18px;line-height:18px;padding:3px 0 3px 105px;}
.page_quick .quick1 select{float:left;width:170px;}
.page_quick .quick1 input{float:left;border:#ABADB3;width:96px;height:16px;line-height:16px;border:1px solid #ABADB3;margin-left:10px;}
.page_quick .quick1 input.phone{background:#FFFFFF url(/images/address/txt_phone.gif) no-repeat 0 -1px;}
.page_quick .quick1 input.name{background:#FFFFFF url(/images/address/txt_name.gif) no-repeat 0 -1px;}
.page_quick .quick1 img{float:left;margin-left:10px;}
.page_quick .dot_bar{clear:both;height:2px;padding:10px 0;background:url(/images/bg_dot.png) repeat-x left 10px;}
.page_quick .quick2{background:url(/images/address/title_regist2.gif) no-repeat left top;height:24px;line-height:24px;padding:0 0 1px 105px;}
.page_quick .quick3{float:left;background:url(/images/address/title_cut.gif) no-repeat left top;height:18px;line-height:18px;padding:3px 0 3px 133px;}
.page_quick .quick3 select{float:left;width:120px;}
.page_quick .quick4{background:url(/images/address/title_name.gif) no-repeat left top;height:18px;line-height:18px;padding:3px 0 4px 133px;}
.page_quick .quick4 .type{float:left;}
.page_quick .quick4 .member{float:left;padding-left:10px;}
.page_quick .quick4 .member input{float:left;border:#ABADB3;width:96px;height:16px;line-height:16px;border:1px solid #ABADB3;margin-left:10px;}
.page_quick .quick4 .member input.name{background:#FFFFFF url(/images/address/txt_name.gif) no-repeat left -1px;}
.page_quick .quick4 .member input.phone{background:#FFFFFF url(/images/address/txt_phone.gif) no-repeat left -1px;}
.page_quick .quick4 .group{float:left;padding-left:10px;}
.page_quick .quick4 .group select{float:left;width:170px;}
.page_quick .quick4 .act{float:left;padding-left:10px;}
.page_quick .quick4 .act img{float:left;}

.page_search_form {width:680px;height:34px;padding-right:20px;margin-top:20px;}
.page_search_form .page_search_title {float:left;width:76px;height:25px;line-height:25px;overflow:hidden;}
.page_search_form .page_search_title span{float:left;padding:25px 0 0 14px;width:66px;height:25px;background:url(/images/address/title_fast.gif) no-repeat left 4px;height:0px !important; height /**/:50px; /*For IE5*/}
.page_search_form .page_search_input {float:left;width:176px;height:25px;padding:0;}
.page_search_form .page_search_input input{float:left;width:165px;height:19px;border:3px solid #A2A2A2;background:#FFFFFF url(/images/address/txt_search.gif) no-repeat 0 -1px;line-height:19px;color:#666666;font-size:11px;font-weight:bold;padding:0px 2px 0px 3px;ime-mode:active;}
.page_search_form .page_search_action {float:left;padding-left:10px;}
.page_search_form .page_search_desc {float:left;width:200px;height:25px;line-height:25px;overflow:hidden;padding-left:10px;}
.page_search_form .page_search_desc span{float:left;padding:25px 0 0 14px;width:200px;height:25px;background:url(/images/address/img_fast.gif) no-repeat left 6px;height:0px !important; height /**/:50px; /*For IE5*/}

.page_box{width:690px;border-width:5px 5px 0 5px;border-style:solid;border-color:#E1E1E1;padding:10px;background:#F6F6F6;}
.page_box .page_box_option{height:31px;}
.page_box .page_box_option span{padding-left:10px;font-size:11px;color:#838383;}
.page_box .page_list{width:690px;}


.page_action {width:690px;border-width:0 5px 5px 5px;border-style:solid;border-color:#E1E1E1;background:#EFEFEF;padding:10px;height:30px;line-height:30px;font-size:11px;letter-spacing:-1px;color:#838383;}
.page_action  select{margin:0 5px;width:170px;}
.page_action  img{margin-left:5px}
.page_action  .blank{float:left;height:20px;padding:5px 0 5px 0;line-height:20px;color:#666666;font-weight:bold;letter-spacing:0;}
.page_action  .left{float:left;height:20px;padding:5px 0 5px 90px;line-height:20px;background:url(/images/address/img_number.gif) no-repeat left 8px;}
.page_action  .right{float:right;height:30px;padding:0 0 0 90px;line-height:30px;background:url(/images/address/img_number.gif) no-repeat left 8px;}

.page_action2 {border:5px solid #CBCBCB;background:#F6F6F6;padding:5px 15px 10px 15px;line-height:30px;font-size:11px;letter-spacing:-1px;color:#838383;}
.page_action2 span{line-height:26px;color:#838383;font-size:12px;font-weight:normal;letter-spacing:-1px;margin:0 5px 0 10px;}
.page_action2 b{line-height:26px;color:#33B6C6;font-size:12px;letter-spacing:-1px;}
.page_action2 select{margin:0 5px;width:170px;}
.page_action2 img{margin-left:5px}

/* D.I.Y 엑셀 등록 */
.DIY_Guide{width:720px;height:280px;}
.DIY_BOX{width:650px;border:5px solid #CBCBCB;padding:10px 30px;background:#EFEFEF;}
.DIY_BOX .DIY_Step1 {width:646px;height:23px;margin-top:10px;padding:10px 0 10px 0;border:2px solid #E7E7E7;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 16px;}
.DIY_BOX .DIY_Step1.selected{border:2px solid #6699ff;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step1.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 16px;}
.DIY_BOX .DIY_Step1 .title{float:left;height:23px;line-height:22px;font-size:12px;padding-left:22px;}
.DIY_BOX .DIY_Step1 .title span{float:left;font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step1 .option{float:left;width:256px;height:23px;line-height:22px;padding-left:20px;overflow:hidden}
.DIY_BOX .DIY_Step1 .option input{float:left;font-size:11px;line-height:20px;width:220px;height:20px;border:1px solid #CCD8B0}
.DIY_BOX .DIY_Step1 .fileinfo{float:left;font-size:11px;line-height:23px;padding:0 0 0 5px;}
.DIY_BOX .DIY_Step1 .fileinfo2{float:left;padding:0 0 0 5px;}
.DIY_BOX .DIY_Step1 .fileinfo2 span{font-size:11px;line-height:23px;word-spacing:-1px;}
.DIY_BOX .DIY_Step1 .fileinfo2 span b{font-size:11px;line-height:23px;word-spacing:-1px;color:#1C929C;}

.DIY_BOX .DIY_Step2 {clear:both;width:646px;height:20px;padding:10px 0 10px 0;border:2px solid #EFEFEF;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 12px;}
.DIY_BOX .DIY_Step2.selected{border:2px solid #999999;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step2.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 12px;}
.DIY_BOX .DIY_Step2 .title{float:left;height:20px;line-height:20px;font-size:12px;padding-left:22px;}
.DIY_BOX .DIY_Step2 .title span{font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step2 .option{float:left;height:20px;line-height:20px;padding-left:20px;}
.DIY_BOX .DIY_Step2 .option option{font-size:12px;}

.DIY_BOX .DIY_Step3 {clear:both;width:646px;height:20px;padding:10px 0 10px 0;border:2px solid #EFEFEF;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 12px;}
.DIY_BOX .DIY_Step3.selected{border:2px solid #999999;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step3.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 12px;}
.DIY_BOX .DIY_Step3 .title{float:left;height:20px;line-height:20px;font-size:12px;padding-left:22px;}
.DIY_BOX .DIY_Step3 .title span{float:left;font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step3 .option{float:left;height:20px;line-height:20px;padding-left:15px;}
.DIY_BOX .DIY_Step3 .option table{float:left;}
.DIY_BOX .DIY_Step3 .option td{height:20px;line-height:20px;}
.DIY_BOX .DIY_Step3 .option label{font-size:12px;}
.DIY_BOX .DIY_Step3 .option span{font-size:12px;}

.DIY_BOX .DIY_Step4 {clear:both;width:624px;height:16px;padding:10px 0 5px 22px;border:2px solid #EFEFEF;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 10px;}
.DIY_BOX .DIY_Step4.selected{border:2px solid #999999;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step4.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 10px;}
.DIY_BOX .DIY_Step4 span{font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step4_box {width:610px;height:75px;margin:5px 0 10px 0;border:1px solid #CCD8B0;padding:10px 19px;background:#FBFBFB;}
.DIY_BOX .DIY_Step4_box table{width:610px;}
.DIY_BOX .DIY_Step4_box td{height:25px;font-size:11px;color:#666666;}
.DIY_BOX .DIY_Step4_box label{font-size:11px;}
.DIY_BOX .DIY_Step4_box span,
.DIY_BOX .DIY_Step4_box option{font-size:12px;}
.DIY_BOX .DIY_Step4_box .input{height:16px;line-height:16px;font-family:돋움; font-size:11px;border:1px solid #7F9DB9;color:#626262;}
.DIY_BOX .DIY_Step4_box .input_readonly{height:16px;line-height:16px;font-family:돋움; font-size:11px;border:1px solid #CCCCCC;color:#626262;}

.DIY_BOX .DIY_Step4-1 {clear:both;width:624px;height:16px;padding:10px 0 5px 22px;border:2px solid #EFEFEF;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 10px;}
.DIY_BOX .DIY_Step4-1.selected{border:2px solid #999999;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step4-1.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 10px;}
.DIY_BOX .DIY_Step4-1 span{font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step4-1_box {width:610px;height:25px;margin:5px 0 10px 0;border:1px solid #CCD8B0;padding:10px 19px;background:#FBFBFB;}
.DIY_BOX .DIY_Step4-1_box table{width:610px;}
.DIY_BOX .DIY_Step4-1_box td{height:25px;font-size:11px;}
.DIY_BOX .DIY_Step4-1_box label{font-size:11px;}
.DIY_BOX .DIY_Step4-1_box option{font-size:12px;}
.DIY_BOX .DIY_Step4-1_cmt {font-weight:normal;font-size:11px;color:#666666;padding:0 0 10px 0;}
.DIY_BOX .DIY_Step4-1_cmt span.header{font-weight:normal;font-size:12px;padding:0;}
.DIY_BOX .DIY_Step4-1_cmt span.red{font-weight:normal;font-size:11px;padding:0;color:red;}

.DIY_BOX .DIY_Step5 {width:624px;height:20px;padding:10px 0 5px 22px;line-height:20px;border:2px solid #E7E7E7;background:#EFEFEF url(/images/address/icon_arrow_black.gif) no-repeat left 12px;}
.DIY_BOX .DIY_Step5.selected{border:2px solid #999999;background-color:#EFEFEF;background-position:left -100px;}
.DIY_BOX .DIY_Step5.unselected{border:2px solid #EFEFEF;background-color:#EFEFEF;background-position:left 12px;}
.DIY_BOX .DIY_Step5 span{font-size:12px;font-weight:bold;}
.DIY_BOX .DIY_Step5_box {width:650px;padding-top:5px;}

.DIY_BOX .DIY_Action {width:650px;padding:10px 0;height:30px;text-align:left;}
.DIY_BOX .DIY_Action .action_left{float:left;width:260px;height:21px;padding:4px 0 5px 0;}
.DIY_BOX .DIY_Action .action_left img{float:left;margin-right:5px;}

.DIY_BOX .DIY_Action .action_right{float:left;height:30px;width:390px;line-height:30px;font-size:12px;text-align:right;}
.DIY_BOX .DIY_Action .action_right img{margin-left:5px;}
.DIY_BOX .DIY_Action .action_right select{margin-left:5px;}

/*===============================================================================================*/
.addrleft_list{width:182px;height:20px;overflow-x:show;overflow-y:hidden;}
.addrleft_list .edit{width:182px;height:20px;text-align:left;display:none;}
.addrleft_list .edit span{line-height:19px;background:#FFFFFF;}
.addrleft_list .view{width:182px;height:20px;text-align:left;overflow:hidden;display:block;}
.addrleft_list .view .folder{float:left;width:15px;height:20px;line-height:20px;text-align:left;overflow:hidden;}
.addrleft_list .view .title{float:left;width:75px;height:20px;line-height:20px;text-align:left;overflow:hidden;}
.addrleft_list .view .title a{line-height:20px;font-size:11px;font-family:돋움;color:#838383;text-decoration:none;}
.addrleft_list .view .title a:hover{color:#46A3B0;}
.addrleft_list .view .count{float:left;width:42px;height:20px;line-height:20px;font-size:11px;font-family:돋움;text-align:center;color:#3366ff;overflow:hidden;letter-spacing:-1px}
.addrleft_list .view .option{float:left;width:50px;height:20px;line-height:20px;font-size:11px;font-family:돋움;text-align:center;color:#838383;}