@import url(/usr/css/font.css?ver=181211);

/*******************************************************************
	Reset
********************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,label{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;border:0;*margin:0;*padding:0;*font-size:0;}/* html5 */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe{border:0;}
img{vertical-align:middle;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,legend{position:absolute;visibility:hidden;font-size:0;}
html,body{width:100%;font-family:Dotum,NanumGothic;font-size:12px;color:#666;-webkit-text-size-adjust:none;}
a{font-size:12px;color:#666;}

/* Form */
input,textarea,select,button{font-family:Dotum,NanumGothic;vertical-align:middle;}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],textarea{-webkit-appearance:none}
input::-ms-clear{display:none}
input[type="text"],input[type="password"]{border:1px solid #dadada;vertical-align:middle;}
textarea{resize:none;vertical-align:middle;}
a:link,a:visited{text-decoration:none;cursor:pointer}
a:active,a:hover{text-decoration:none;cursor:pointer}
a:focus,input:focus,textarea:focus{outline:none}

::-webkit-input-placeholder{/* WebKit browsers */color:#aaa;font-size:12px;vertical-align:middle;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#aaa; font-size:12px;vertical-align:middle;opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */color:#aaa; font-size:12px;vertical-align:middle;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */color:#aaa;vertical-align:middle;font-size:12px;}




/*엑셀메신저 3.1 도우미 :20160128*/
.exl_wrap{position:relative;width:840px;margin:10px auto}
.exl_wrap #quick{position:absolute;right:-55px;padding-top:8px;background:url("http://img.arreo.com/usr/img4/arreo/exl/top_bg.png") center top no-repeat;}
.exl_wrap #quick p{padding:4px 6px;border-radius:3px;border:1px solid #999;background:#666;}
.exl_wrap #quick a{color:#fff;font-size:10px;}

.exl_wrap .exl_container{width:840px;}
.exl_wrap .exl_container .exl_top{overflow:hidden;}
.exl_wrap .exl_container .exl_top div{padding:22px 0 11px;border-bottom:1px solid #dbdbdb}
.exl_wrap .exl_container .exl_top div h3{display:block;letter-spacing:-0.05em;font-size:24px;font-weight:bold;color:#000}
.exl_wrap .exl_container .exl_top div h4{position:absolute;right:15px;top:20px;}
.exl_wrap .exl_container .exl_top dl{padding:25px 0 20px;font-weight:500}
.exl_wrap .exl_container .exl_top dl dt{display:block;margin-bottom:5px;font-weight:bold;font-size:18px;color:#044cbd}
.exl_wrap .exl_container .exl_top dl dd{font-size:14px;color:#333;line-height:1.3}

.exl_wrap .exl_container .exl_content .tab{position:relative;display:block;border-bottom:2px solid #4e7dc8} 
.exl_wrap .exl_container .exl_content .tab ul{overflow:hidden;margin-bottom:-3px;height:32px;padding-top:3px;}
.exl_wrap .exl_container .exl_content .tab ul li{float:left;margin-right:1px;}
.exl_wrap .exl_container .exl_content .tab ul li a{float:left;display:block;width:102px;height:27px;line-height:28px;border:1px solid #e3e3e3;background:#f8f8f8;;text-align:center;font-family:Dotum;font-size:12px;color:#777;}
.exl_wrap .exl_container .exl_content .tab ul li.active a {width:100px;margin-top:-3px;padding-top:3px;border:2px solid #4e7dc8;border-bottom:2px solid #fff;background:#fff;font-weight:bold;color:#000}

.exl_wrap .exl_container .exl_content .tab > a{position:absolute;right:0;bottom:0;display:block;padding:5px 10px;font-size:13px;font-weight:bold;color:#f26a6a}
.exl_wrap .exl_container .exl_content .tab > a:hover{color:#0f9cd6}

.exl_wrap .exl_container .exl_content .tab_content .tab_area {display: none;padding-bottom:60%}
.exl_wrap .exl_container .exl_content .tab_content .tab_area.active {display: block;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > ul{overflow:hidden;display:block;padding:15px 0 9px;border-bottom:1px solid #dbdbdb}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > ul li{float:left;margin-right:19px;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > ul li:first-child{margin-left:10px;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > ul li a{display:block;padding-left:10px;font-family:Dotum;font-size:11px;color:#000;background:url("http://img.arreo.com/usr/img4/arreo/exl/bull_01.gif") 3px 3px no-repeat}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > ul li a:hover{color:#3972cc}

.exl_wrap .exl_container .exl_content .tab_content .tab_area > div > h5{display:block;padding:22px 17px 0;margin-bottom:-20px;font-size:16px;font-weight:bold;color:#044cbd;background:url("http://img.arreo.com/usr/img4/arreo/exl/bull_02.gif") 6px 24px no-repeat}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div > img{display:block;margin:40px 0 10px 18px}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div > p{display:block;margin:10px 18px 0;line-height:16px;font-family:Dotum;font-size:12px;color:#666;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div > ul{margin:0 18px;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div > ul li{line-height:16px;font-family:Dotum;font-size:12px;color:#666;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div{margin:20px;padding:20px;background:#f4f4f4;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div > h6{display:block;margin-bottom:10px;font-size:14px;color:#000}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div p{line-height:16px;font-family:Dotum;font-size:12px;}

.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol{olor:#666;font-family:Dotum;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li{display:block;margin:20px 0;} 
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > span{position:absolute;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > p{padding-left:13px;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > p span{color:#fe550b}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > div{margin:10px auto;text-align:center}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > ul > li{margin-left:15px;line-height:16px;}
.exl_wrap .exl_container .exl_content .tab_content .tab_area > div >  div ol > li > ul > li span{display:block;}


/*엑셀메신저 다운로드 : 20160303*/
.exl_dw{position:relative;display:block;margin:5px 0;padding:65px 0 55px 45px;background:url("http://img.arreo.com/usr/img2/com/exl_dw_cont_img.jpg") right 236px no-repeat;}
.exl_dw .exl_dw_tit{display:block;height:112px;background:url("http://img.arreo.com/usr/img2/com/exl_dw_text1.gif") no-repeat;text-indent:-99999em;}
.exl_dw .exl_dw_cont{display:block;margin:25px 0 0 15px;}
.exl_dw .exl_dw_cont > ul > li{margin:6px 0;padding-left:17px;background:url("http://img.arreo.com/usr/img2/com/bull_04.gif") no-repeat;font-weight:600;color:#757474;}
.exl_dw .exl_dw_cont > ul > li > ul > li{margin:5px 0;font-weight:normal}
.exl_dw .exl_dw_cont > dl{margin-top:30px;}
.exl_dw .exl_dw_cont > dl dt{padding-left:18px;background:url("http://img.arreo.com/usr/img2/com/bull_05.png") 0 1px no-repeat;font-weight:600;}
.exl_dw .exl_dw_cont > dl dd{margin:4px 0;padding-left:25px;background:url("http://img.arreo.com/usr/img2/com/bull_03.gif") 17px 5px no-repeat;line-height:1.4;color:#777;}
.exl_dw .exl_dw_cont > dl dd > ul li{margin:2px 0;}
.exl_dw .exl_dw_cont > dl dd > span{margin-left:98px;}
.exl_dw .exl_dw_cont > div{width:60%;margin:45px 0;padding:20px;background:#f5f5f5;border:1px solid #e6e6e6}
.exl_dw .exl_dw_cont > div dl dt{padding-left:20px;background:url("http://img.arreo.com/usr/img2/com/bull_06.gif") 8px 3px no-repeat;font-weight:600;}
.exl_dw .exl_dw_cont > div dl dd{margin:4px 0;padding-left:20px;line-height:1.4;color:#777;}
.exl_dw .exl_dw_cont > a{position:absolute;right:30px;top:80px;display:block; width:313px;height:69px;background:url("http://img.arreo.com/usr/img2/com/exl_dw_btn_down2.jpg") no-repeat;text-indent:-999999em}
.exl_dw .exl_dw_cont > p{position:absolute;right:5px;top:160px;color:#698a3f}


/*손님회원로그인 : 20160314*/
.guest_wrap{width:844px;padding:44px 67px 20px;border-radius:6px;border:1px solid #ccc;font-family:Gulim,"굴림";color:#444}
.guest_wrap .guest_join_box{overflow:hidden;display:block;margin:14px 0 20px;padding:10px 0 10px 30px;border-radius:6px;background:#eef5fd;border:1px solid #c6d8ec}
.guest_wrap .guest_join_box > p{display:block;height:45px;line-height:18px;padding:8px 0 0 50px;background:url("http://img.arreo.com/usr/img2/mbr/img_bg01.png") no-repeat;font-weight:bold;}
.guest_wrap .guest_join_box > p span{color:#ff8d44}
.guest_wrap .guest_join_box .guest_login{float:left;width:329px;padding:10px 0 0}
.guest_wrap .guest_join_box .guest_login ul li{display:block;margin-bottom:5px;}
.guest_wrap .guest_join_box .guest_login ul li span{display:inline-block;width:75px;color:#264b91;font-weight:bold}
.guest_wrap .guest_join_box .guest_login ul li input{width:120px;height:18px;padding:0 5px;border:1px solid #888;font-size:12px;}
.guest_wrap .guest_join_box .guest_login > div{position:relative;padding-bottom:75px;}
.guest_wrap .guest_join_box .guest_login > div a{position:absolute;left:75px;top:5px;}
.guest_wrap .guest_join_box .guest_login > div a+a{position:absolute;left:203px;top:-47px}
.guest_wrap .guest_join_box .guest_login > p{color:#006699}

.guest_wrap .guest_join_box .guest_info{float:left;width:433px;padding:10px 0 0 30px;border-left:1px solid #a6c1e0;}
.guest_wrap .guest_join_box .guest_info dl dt{margin:0 0 5px 0;font-weight:bold}
.guest_wrap .guest_join_box .guest_info dl dd{display:block;padding-left:15px;margin:5px 0;line-height:18px;}
.guest_wrap .guest_join_box .guest_info dl dd span{margin:0 4px 0 -15px;}
.guest_wrap .guest_join_box .guest_info > p{display:block;color:#006699}

.guest_wrap .guest_txt1{padding:2px 0 2px 18px;color:#000;background:url("http://img.arreo.com/usr/img2/bull/bull_01.png") 0 0 no-repeat;}
.guest_wrap .guest_txt1 span{font-weight:bold;color:#ff7d00}
.guest_wrap .guest_faq{display:block;width:100%;margin:25px 0;border-bottom:2px solid #bfcfe1}
.guest_wrap .guest_faq > p{padding:10px 20px;background:#dae6f3;border-top:1px solid #bfcfe1;border-bottom:1px solid #bfcfe1;font-weight:bold;}
.guest_wrap .guest_faq dl dt{padding:10px 0 10px 42px;background:url("http://img.netian.com/asp_vms/img/ArreoVms/icon_q.gif") 20px 9px no-repeat;border-top:1px solid #e2e2e2;}
.guest_wrap .guest_faq dl dt:first-child{border-top:none}
.guest_wrap .guest_faq dl dt a{font-family:Gulim,"굴림";color:#444}
.guest_wrap .guest_faq dl dt a:hover{text-decoration:none;color:#ff7d00}
.guest_wrap .guest_faq dl dd{padding:10px 10px 10px 42px;background:#f4f4f4 url("http://img.netian.com/asp_vms/img/ArreoVms/icon_a.gif") 20px 12px no-repeat;border-top:1px solid #e2e2e2;}
.guest_wrap .guest_faq dl dd ol li{display:block;margin:3px 0;line-height:14px;}




/*엑셀메신저 전송결과조회:20160620 */
.xls_content{width:850px;padding:10px;}
.xls_content .xls_head{height:15px;padding:15px 5px 10px;background:url("http://img.arreo.com/usr/img2/com/title_bg01.gif") left bottom repeat-x;}
.xls_content .xls_head h3{padding-left:20px;background:url("http://img.arreo.com/usr/img2/mya/mya_icon01.gif") 0 1px no-repeat;font-family:Gulim;font-size:14px;color:#000}

.xls_content .xls_body{padding:20px 0;font-family:Gulim;color:#555;}
.xls_content .xls_body .xls_top_lst{overflow:hidden;}
.xls_content .xls_body .xls_top_lst > div{float:left;width:66%;}
.xls_content .xls_body .xls_top_lst > div select{height:20px;border:1px solid #ccc;outline:0;}
.xls_content .xls_body .xls_top_lst > div > a{display:inline-block;height:15px;line-height:1.6;padding:2px 5px 2px 17px;border-radius:2px;border:1px solid #bbb;background:url("http://img.arreo.com/usr/img/common/bull_11.png") 5px 5px no-repeat;box-shadow:1px 1px 3px #ccc;color:#555;vertical-align:middle}
.xls_content .xls_body .xls_top_lst > p{float:right;}
.xls_content .xls_body .xls_top_lst > p span{display:inline-block;margin-left:7px;}
.xls_content .xls_body .xls_top_lst > p span select{height:20px;border:1px solid #ccc;outline:0;}
.xls_content .xls_body .xls_top_lst > p span:first-child{padding-left:7px;background:url("http://img.arreo.com/usr/img3/msg/ico_arrow.gif") 0 3px no-repeat;}

.xls_content .xls_body .xls_board {margin:5px 0;border-bottom:1px solid #bfcfe1;}
.xls_content .xls_body .xls_board > table{width:100%;border-collapse:collapse;border-spacing:0;font-size:12px;}
.xls_content .xls_body .xls_board > table thead th{padding:10px;background:#ecf2f8;border-top:1px solid #bfcfe1;color:#222;}
.xls_content .xls_body .xls_board > table tbody td{padding:10px 0;border-top:1px solid #d8d8d8;text-align:center;}
.xls_content .xls_body .xls_board > table tbody td.leftAlign{text-align:left;}

.xls_content .xls_body .xls_send_tbl{overflow:hidden;display:block;padding:30px;border-radius:5px;border:1px solid #ccc}
.xls_content .xls_body .xls_send_tbl .sender{float:left;width:30%;display:block; width:182px; height:177px;background:url("http://img.arreo.com/usr/img3/msg/bg_pollSms3.gif") no-repeat; }
.xls_content .xls_body .xls_send_tbl .sender .sender_area{display:block;height:157px;margin:13px 0 0 5px;}
.xls_content .xls_body .xls_send_tbl .sender .sender_area .smsmmsBox{display:block;width:150px;height:132px;padding-left:8px;background-color:transparent;}
.xls_content .xls_body .xls_send_tbl .sender .sender_area .smsmmsBox .textBox{display:block;width:135px;height:134px;line-height:14px;color:#000;background:none;overflow-y:auto;overflow-x:hidden;border:0;outline:0;resize:none;}
.xls_content .xls_body .xls_send_tbl .sender .sender_area .smsmmsBox01 {/*display:block;width:157px;height:px;padding-left:8px;overflow-y:auto; overflow-x:hidden; 20160629 제거*/}	
.xls_content .xls_body .xls_send_tbl .sender .sender_area .smsmmsBox01 .textBox{display:block; width:153px; height:120px; padding:7px;line-height:14px; word-wrap:break-word;word-break:break-all;white-space:pre-line;color:#000; background:none;overflow-y:auto; overflow-x:hidden;border:0;outline:0;resize:none;
scrollbar-face-color:  #e9edf6;
scrollbar-shadow-color: #8eadcc; 
scrollbar-highlight-color: #e9edf6; 
scrollbar-3dlight-color: #8eadcc; 
scrollbar-darkshadow-color: #e9edf6; 
scrollbar-track-color: #e3ebf5;
scrollbar-arrow-color: #8eadcc;}

.xls_content .xls_body .xls_send_tbl .sender .byte { clear:both;width:142px;  padding-top:11px;text-align:center; color:#000; }
.xls_content .xls_body .xls_send_tbl .sender .byte input { text-align:right; border:0; background:none; color:#000; }

.xls_content .xls_body .xls_send_tbl > table{float:right;width:66%;margin-left:15px;border-collapse:collapse;border-spacing:0;font-size:12px;}
.xls_content .xls_body .xls_send_tbl > table tbody th{padding:10px 0;background:#f8f7f0;border:1px solid #cdcdcd;font-weight:normal;color:#555} 
.xls_content .xls_body .xls_send_tbl > table tbody td{padding:10px 7px;background:#fff;border:1px solid #cdcdcd} 

.xls_content .xls_body .xls_top_viw{clear:both;overflow:hidden;padding:10px 0 5px;}
.xls_content .xls_body .xls_top_viw > div{float:left;width:60%}
.xls_content .xls_body .xls_top_viw > div > span{margin-right:7px;padding-left:7px;background:url("http://img.arreo.com/usr/img3/msg/ico_arrow.gif") 0 3px no-repeat;}
.xls_content .xls_body .xls_top_viw > div > span strong{color:#ff6600}
.xls_content .xls_body .xls_top_viw > div select{height:20px;border:1px solid #ccc;outline:0;}
.xls_content .xls_body .xls_top_viw > div input{padding:0 5px;width:130px;height:20px;border:1px solid #ccc;}
.xls_content .xls_body .xls_top_viw > div > a{display:inline-block;height:15px;line-height:1.6;padding:2px 5px 2px 17px;border-radius:2px;border:1px solid #bbb;background:url("http://img.arreo.com/usr/img/common/bull_11.png") 5px 5px no-repeat;box-shadow:1px 1px 3px #ccc;color:#555;vertical-align:middle}
.xls_content .xls_body .xls_top_viw > p{float:right;width:40%;text-align:right}
.xls_content .xls_body .xls_top_viw > p select{height:20px;border:1px solid #ccc;outline:0;}

.xls_content .xls_body .list_page{display:block;margin:20px 0;text-align:center}
.xls_content .xls_body .list_page a{display:inline-block;height:16px;line-height:1.6;padding:3px 7px;border:1px solid #ccc;color:#333;text-decoration:none}
.xls_content .xls_body .list_page span{display:inline-block;height:16px;line-height:1.6;padding:3px 7px;background:#8da6e0;border:1px solid #8da6e0;color:#fff}
.xls_content .xls_body .list_page a:hover{border:1px solid #8da6e0;}
.xls_content .xls_body .list_page a.list_prev{padding-left:13px;background:url("http://img.arreo.com/usr/img/common/btn_bg2_prev.png") 5px 7px no-repeat}
.xls_content .xls_body .list_page a.list_next{padding-right:13px;background:url("http://img.arreo.com/usr/img/common/btn_bg2_next.png") 35px 7px no-repeat}

.xls_content .xls_body .btn_list{display:block;padding-top:20px;text-align:center;}
.xls_content .xls_body .btn_list a{display:inline-block;height:16px;line-height:1.6;padding:5px 10px;background:#fff;border-radius:2px;border:1px solid #aeaeae;box-shadow:1px 1px 2px #ddd}



/*주소록팝업창:20160629*/
#addr_pop_wrap{width:98%;}
#addr_pop_wrap #addr_tab{margin:20px 0 0}
#addr_pop_wrap #addr_tab a{display:inline-block;margin:0 5px 5px 0;height:26px;line-height:26px;padding:0 20px;font-family:Noto Sans DemiLight;font-size:13px;color:#fff;border-radius:30px;border:1px solid #c2dcf5;color:#3e8ae8}
#addr_pop_wrap #addr_tab a:first-child{color:#555; border:1px solid #ddd}
#addr_pop_wrap #addr_tab a:hover{color:#0c5bbd;border:1px solid #287fea}
#addr_pop_wrap #addr_tab a:first-child:hover{color:#222;border:1px solid #999}

#addr_pop_wrap .head_top .sch_right#addrCashView{color:#777}
#addr_pop_wrap .head_top .sch_right#addrCashView input[type='text']{margin:0 1px;background:#}

#addr_pop_wrap .addr_top{overflow:hidden;width:573px;width:607px;height:22px;*height:44px;padding:7px 10px;background:#dae6f3;border:1px solid #bfcfe1;}
#addr_pop_wrap .addr_top #direct_txt{margin:-1px 0 0;color:#777}
#addr_pop_wrap .addr_top select{width:80px;height:21px;outline:0;font-size:12px;}
#addr_pop_wrap .addr_top input[type="text"]{width:100px;height:21px;line-height:22px;padding:0 5px;border:1px solid #7f9db9;vertical-align:middle;outline:0;font-size:12px;}
#addr_pop_wrap .addr_top a img{vertical-align:middle}
#addr_pop_wrap .addr_top span{float:right;margin-top:2px}
#addr_pop_wrap .addr_top span em{font-style:normal;color:#000;margin-left:10px;}
#addr_pop_wrap .addr_top span input[type="text"]{width:50px;height:20px;line-height:22px;margin:0 2px;padding:0 3px;vertical-align:middle;border:1px solid #7f9db9;background:#eee;outline:0;font-size:12px;text-align:right;}
#addr_pop_wrap .addr_top span select{width:205px;height:21px;outline:0;font-size:12px;border:1px solid #bbb}
#addr_pop_wrap .addr_top span #keyword{width:150px;text-align:left;}

#addr_pop_wrap .addr_cont{overflow:hidden;width:630px;width:860px;height:400px;margin-top:10px;}
#addr_pop_wrap .addr_cont .addr_left{position:relative;float:left;display:block;width:214px;padding-bottom:4px;background:#fff;border:1px solid #aaa;}

#addr_pop_wrap .addr_cont .addr_left .grp_tit{position:relative;height:17px;padding:6px 0 2px 70px;background:#eee;border-bottom:1px solid #e3e3e3;z-index:9999}
#addr_pop_wrap .addr_cont .addr_left .grp_tit > a{color:#000}
#addr_pop_wrap .addr_cont .addr_left .grp_tit > span{position:absolute;left:127px;top:4px;}
#addr_pop_wrap .addr_cont .addr_left .grp_tit > span a{display:block;padding:1px;}
#addr_pop_wrap .addr_cont .addr_left .list{position:absolute; left:3px; top:30px;  width:209px; height:312px; margin:0px; padding:0px;background:#fff;color:#404040;overflow-y:auto; overflow-x:hidden;}

#addr_pop_wrap .addr_cont .addr_left .list ul{ position:absolute; left:0px; top:8px; margin:0px; padding:0px;}
#addr_pop_wrap .addr_cont .addr_left .list ul li{display:block;width:174px;height:20px;padding:0px 0 1px 7px;color:#404040; background-color:#fff;  }
#addr_pop_wrap .addr_cont .addr_left .list ul li a{text-decoration:none;color:#444;}
#addr_pop_wrap .addr_cont .addr_left .list ul li input[type="checkbox"]{margin-right:4px;vertical-align:middle}
#addr_pop_wrap .addr_cont .addr_left .list .active a{padding-left:20px;background:url("http://img.arreo.com/usr/img2/add/new1/left_img_gro.png") no-repeat;color:#f60;}

#addr_pop_wrap .addr_cont .addr_right{float:right;width:410px;width:636px;height:343px;border:1px solid #aaa;}
#addr_pop_wrap .addr_cont .addr_right table{font-size:12px;font-family:Dotum,"돋움";color:#111}
#addr_pop_wrap .addr_cont .addr_right .addr_head{width:365px;margin:0;padding:0;border:none; background: linear-gradient(to top, #e3e3e3 50%, #ededed 50%);}
#addr_pop_wrap .addr_cont .addr_right .addr_head table{width:278px;}
#addr_pop_wrap .addr_cont .addr_right .addr_head table th{position:relative;height:20px;padding-top:4px;border-left:1px solid #d3d3d3;font-weight:normal}
#addr_pop_wrap .addr_cont .addr_right .addr_head table th:first-child{border-left:none}
#addr_pop_wrap .addr_cont .addr_right .addr_head table th select{width:45px;height:18px;background:#f2f2f2;}
#addr_pop_wrap .addr_cont .addr_right .addr_head table th span.addr_updown{position:absolute;left:70px;top:3px;}
#addr_pop_wrap .addr_cont .addr_right .addr_head table th span.addr_updown a{display:block;padding:1px;}
#addr_pop_wrap .addr_cont .addr_right .addr_body{width:365px;height:415px;margin:0;border-top:1px solid #d3d3d3;overflow-y:auto; overflow-x:hidden;}
#addr_pop_wrap .addr_cont .addr_right .addr_body table{width:100%;}
#addr_pop_wrap .addr_cont .addr_right .addr_body table td{height:24px;padding-left:10px;border:1px dotted #ccc;}
#addr_pop_wrap .addr_cont .addr_right .addr_body table td:first-child{padding-left:0;text-align:center}


/*통합전송창 주소록:20160830*/
#addr_pop_wrap .addr_cont .addr_right .addr_list{width:660px;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table{width:100%;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table thead th{position:relative;height:20px;padding-top:4px;background:#eee;border-left:1px solid #d3d3d3;border-bottom:1px solid #e3e3e3;font-weight:normal}
#addr_pop_wrap .addr_cont .addr_right .addr_list table thead th:first-child{border-left:none}
#addr_pop_wrap .addr_cont .addr_right .addr_list table thead th select{width:45px;height:18px;background:#f2f2f2;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table thead th span.addr_updown{position:absolute;left:70px;top:3px;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table thead th span.addr_updown a{display:block;padding:1px;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table tbody td{height:24px;padding-left:10px;border:1px dotted #ccc;}
#addr_pop_wrap .addr_cont .addr_right .addr_list table tbody td:first-child{padding-left:0;text-align:center}



#addr_pop_wrap .addr_cont .addr_bottom{clear:both;overflow:hidden;padding:7px 0 0}
#addr_pop_wrap .addr_cont .addr_bottom > span{float:left;width:40%}
#addr_pop_wrap .addr_cont .addr_bottom > span a{display:block;width:60px;height:20px;padding-top:5px;line-height:18px;text-align:center;background:#f9a56d;font-weight:bold;color:#fff}
#addr_pop_wrap .addr_cont .addr_bottom > p{float:right;width:60%;padding-top:10px;text-align:center;color:#e67a32}

#addr_pop_wrap .btn_confrm{clear:both;display:block;width:35px;margin:15px auto;}
#addr_pop_wrap .btn_confrm a{display:block;width:35px;height:13px;padding:4px 0 3px;text-align:center;border-radius:5px;border:1px solid #aeaeae;color:#666;text-decoration:none}
#addr_pop_wrap .btn_confrm a:hover{background:#eee;border:1px solid #ccc}


/*전송창 주소록 예전 : 20160923*/
.addr_before #addr_pop_wrap .addr_top{width:573px;}
.addr_before #addr_pop_wrap .addr_cont{width:593px;}
.addr_before #addr_pop_wrap .addr_cont .addr_right{width:365px;}


/*뉴스레터 수신거부페이지:20160630*/
#email_refusal{min-width:550px;width:100%;margin:50px auto}
#email_refusal .ref_head{width:100%;height:33px;padding-top:13px;background:#3162c1;}
#email_refusal .ref_head > h2{text-align:center;font-size:14px;color:#fff}
#email_refusal > table{width:380px;margin:60px auto;font-size:14px;font-weight:bold;}
#email_refusal > table th{padding:13px 10px 9px;border:1px solid #ddd}
#email_refusal > table td{padding:13px 10px 9px;line-height:20px;border:1px solid #ddd}
#email_refusal > table td input[type="radio"]{vertical-align:middle;margin:0 2px;}
#email_refusal > table td span{float:right;font-weight:normal;font-size:11px;}
#email_refusal > p{width:100%;margin:0 auto;text-align:center;}
#email_refusal > p a{display:inline-block;width:85px;height:23px;margin:0 2px;padding-top:7px;background:#626262;color:#fff;font-size:14px;}
#email_refusal > p a:first-child{background:#3162c1;}


/*주소록 엑셀파일로 다운로드 : 20161006*/
#layer_exl_down{width:555px;margin:10px;padding:10px;border:3px solid #3282d2;font-family:Gulim}
#layer_exl_down .p_head{position:relative;padding-bottom:5px;border-bottom:1px solid #ccc}
#layer_exl_down .p_head h3{padding-left:17px;font-size:13px;background:url("http://img.arreo.com/usr/img2/com/bull_05.png") 3px 1px  no-repeat}
#layer_exl_down .p_head > a{position:absolute;right:-3px;top:-3px;display:block;width:14px;height:14px;text-indent:-99999em;background:url("http://img.arreo.com/usr/img2/add/new2/btn_close_02.png") no-repeat}
#layer_exl_down .p_head > a:hover{background:url("http://img.arreo.com/usr/img2/add/new2/btn_close_03.png") no-repeat}
#layer_exl_down  .p_body{padding:10px;}
#layer_exl_down  .p_body dl{padding:20px 0;}
#layer_exl_down  .p_body dl dt{height:35px;padding:9px 0 0 100px;color:#2161a1;background:url("http://img.arreo.com/usr/img/add/img_step01.gif") 15px 0 no-repeat;}
#layer_exl_down  .p_body dl+dl dt{background:url("http://img.arreo.com/usr/img/add/img_step02.gif") 15px 0 no-repeat;}
#layer_exl_down  .p_body dl dd{margin:0 20px;padding:10px 0 10px 30px;background:#f9f9f9;border-radius:3px;border:1px solid #ccc}
#layer_exl_down  .p_body dl dd .radio+.radio{margin-left:45px;}
#layer_exl_down  .p_body dl dd p{margin-bottom:7px;}
#layer_exl_down  .p_body dl dd ul{overflow:hidden}
#layer_exl_down  .p_body dl dd ul li{float:left;display:inline-block;width:110px;margin-bottom:7px;}
#layer_exl_down  .p_body .exl_down{text-align:center}
#layer_exl_down  .p_body .exl_down a{padding:7px 20px;background:#7ca2d4;color:#fff}
#layer_exl_down  .p_body .exl_down a:hover{background:#91b18c}

/*주소록 빠른데이터 이용하기 : 20161130*/
#addr_pop_wrap #addr_direct .addr_step{width:90%;padding:20px 5% 0;margin:10px 0;background:#f8f8f8;border:1px solid #eee }
#addr_pop_wrap #addr_direct .addr_step > p{margin-bottom:10px;padding-left:12px;background:url("http://img.arreo.com/usr/img11/com/bull8_02.gif") 0 2px no-repeat}
#addr_pop_wrap #addr_direct .addr_step h4{font-family:Nanum Gothic;font-size:18px;font-weight:bold;color:#000}
#addr_pop_wrap #addr_direct .addr_step h4 span{color:#ff6204}

#addr_pop_wrap #addr_direct .addr_step .step1_area{position:relative;padding:10px 0 0;}
#addr_pop_wrap #addr_direct .addr_step .step1_area > ul li{margin-bottom:5px;padding-left:6px;letter-spacing:-0.05em;background:url("http://img.arreo.com/usr/img11/com/bull9_01.gif") 0 5px no-repeat}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_left{float:left;width:230px;margin-top:5px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_left textarea{width:96%;height:128px;padding:2%;border:1px solid #666}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_right{float:left;margin:15px 0 0 20px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_right > span{cursor:pointer}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_right ul{margin-top:18px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_right ul li a{display:block;margin:5px 0 0;width:78px;height:20px;padding-top:8px;color:#fff;background:#b1b1b1;text-align:center}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_right ul li a:hover{background:#999}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_bottom{clear:both;padding-top: 20px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_bottom p{padding:7px 0px;font-family:Nanum Gothic;font-weight:bold;font-size:14px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_bottom p input{height:22px;padding:0 10px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_bottom p > a{display:inline-block;margin-left:20px;height:16px;liine-height:16px;padding:5px 10px 4px;background:#ef9a34;color:#fff;font-size:12px }
#addr_pop_wrap #addr_direct .addr_step .step1_area .sp_bottom p > a:hover{background:#dc851c}

#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv{position:absolute;left:345px;top:-10px;width:400px;padding:2px 20px;border:1px solid #eae8d9;background:#ffffe5;}
#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv ul li{display:block;margin:10px 0;padding-left:6px;background:url("http://img.arreo.com/usr/img11/com/bull9_01.gif") 0 5px no-repeat}

#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv ul > li:nth-of-type(2) ul li:first-child{color:#3372d0}
#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv ul li span{position:absolute;display:inline-block;font-weight:bold;letter-spacing:-0.1em}
#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv ul li p{text-indent:0;padding-left:75px;}
#addr_pop_wrap #addr_direct .addr_step .step1_area #layer_cv > em{position:absolute;left:-20px;top:46px;display:block;width:20px;height:21px;background:url("http://img.arreo.com/usr/img11/sub/arrow_01.png") no-repeat;}

#addr_pop_wrap #addr_direct .addr_step .step2_area{padding:10px 0 0} 
#addr_pop_wrap #direct_group{width:100%;height:300px;margin-top:5px;overflow-y:auto;}
#addr_pop_wrap #direct_group:after{content:"";display:block;clear:both}
#addr_pop_wrap #direct_group .divGroup { float:left;width:140px; height:150px;margin-right:8px;}
#addr_pop_wrap #direct_group .divGroup span a{display:block;margin-top:5px;width:140px;height:20px;padding-top:8px;text-align:center;background:#bbb;color:#fff;}
#addr_pop_wrap #direct_group .divGroup span a:hover{background:#999}











/*015팩스드라이버 : 20190809*/
.fax015_svc{width:1170px;margin:20px auto;position:relative}
.fax_skin{positon:relative;height:400px;}
.fax_skin  a{position:absolute;left:80px;top:325px;display:block;width:265px;height:83px;background:url("http://img.arreo.com/usr/img11/sub/fax_down_off.png") no-repeat;text-indent:-99999em;}
.fax_skin  a:hover{background:url("http://img.arreo.com/usr/img11/sub/fax_down_on.png") no-repeat}

.fax_svc_area{clear:both;overflow:hidden;width:100%;padding:80px 0;}
.fax_svc_area .fax_drv_tit{float:left;width:190px;padding:0 70px 0 85px;}
.fax_svc_area .fax_drv_tit h3{font-family:"Noto Sans KR"; font-weight:400;font-size:24px;color:#000}
.fax_svc_area .fax_drv_tit h3:after{content:"";display:block;clear:both;width:60px;height:2px;margin-top:20px;background:#313131;}
.fax_svc_area .fax_drv_tit p{margin-top:25px;font-family:"Noto Sans KR";font-weight:400;font-size:18px;color:#313131}
.fax_svc_area .fax_drv_tit > a{display:inline-block;width:128px;height:36px;margin-top:20px;background:url("http://img.arreo.com/usr/img11/sub/fax_btn_detail_off.png") no-repeat;text-indent:-99999em;}
.fax_svc_area .fax_drv_tit > a:hover{background:url("http://img.arreo.com/usr/img11/sub/fax_btn_detail_on.png") no-repeat}


.fax_svc_area .fax_drv_cont{float:left;overflow:hidden}
.fax_svc_area .fax_drv_cont dl{float:left;width:175px;margin-left:10px;text-align:left;}
.fax_svc_area .fax_drv_cont dl dt{padding:15px 0;font-family:"Noto Sans KR";font-weight:400;font-size:24px;color:#313131}
.fax_svc_area .fax_drv_cont dl dd{font-family:"Noto Sans KR";font-size:14px;color:#646464;line-height:22px;}
.fax_svc_area .fax_drv_cont dl dd > p{font-size:18px;color:#1b1550}
.fax_svc_area .fax_drv_cont dl dd > p:after{content:"";display:block;clear:both;width:30px;height:1px;margin:20px 0 10px;background:#d0d0d0;}


.fax_use .fax_drv_cont dl{padding:60px 0 0;}
.fax_use .fax_drv_cont dl dt{padding-left:40px;background:url("http://img.arreo.com/usr/img11/sub/fax_bull_step.png") 0px 20px no-repeat;margin-left:-40px;}
.fax_use .fax_drv_cont dl:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_step1.png") no-repeat}
.fax_use .fax_drv_cont dl:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_step2.png") no-repeat}
.fax_use .fax_drv_cont dl:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_step3.png") no-repeat}
.fax_use .fax_drv_cont dl:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_step4.png") no-repeat}
.fax_use .fax_drv_cont dl dd{background:none;padding-bottom:15px}
.fax_use .fax_drv_cont dl dd a{display:inline-block;width:36px;height:36px;background:url("http://img.arreo.com/usr/img11/sub/fax_bull_next.png")  no-repeat; text-indent:-99999em;}
.fax_use .fax_drv_cont dl dd a:hover{background:url("http://img.arreo.com/usr/img11/sub/fax_bull_next_on.png")  no-repeat;}
.fax_use .fax_drv_cont dl:nth-child(4) dd a{display:inline-block;width:36px;height:36px;background:url("http://img.arreo.com/usr/img11/sub/fax_bull_down_off.png") no-repeat;text-indent:-99999em;}
.fax_use .fax_drv_cont dl:nth-child(4) dd a:hover{background:url("http://img.arreo.com/usr/img11/sub/fax_bull_down_on.png") no-repeat;}

.fax_point{background:#f7f8f9;border-top:1px solid #d0d0d2;border-bottom:1px solid #d0d0d2}
.fax_point .fax_drv_cont dl{padding:150px 0 0}
.fax_point .fax_drv_cont dl:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_point1.png") no-repeat}
.fax_point .fax_drv_cont dl:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_point2.png") no-repeat}
.fax_point .fax_drv_cont dl:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_point3.png") no-repeat}
.fax_point .fax_drv_cont dl:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_point4.png") no-repeat}



.fax_service .fax_drv_cont dl{padding:80px 0 0}
.fax_service .fax_drv_cont dl:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_svc1.png") no-repeat}
.fax_service .fax_drv_cont dl:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_svc2.png") no-repeat}
.fax_service .fax_drv_cont dl:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_svc3.png") no-repeat}
.fax_service .fax_drv_cont dl:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/fax_ico_svc4.png") no-repeat}


.fax_download{border-top:1px solid #d0d0d2;}
.fax_download .fax_drv_cont .fax015_btn_area{margin-top:-8px}
.fax_download .fax_drv_cont .fax015_btn_area a:nth-child(1){display:inline-block;width:504px;height:76px;background:url("http://img.arreo.com/usr/img11/sub/fax_btn_015down_off.png") no-repeat;text-indent:-99999em;}
.fax_download .fax_drv_cont .fax015_btn_area a:nth-child(1):hover{background:url("http://img.arreo.com/usr/img11/sub/fax_btn_015down_on.png") no-repeat;}
.fax_download .fax_drv_cont .fax015_btn_area a:nth-child(2){display:inline-block;width:237px;height:66px;background:url("http://img.arreo.com/usr/img11/sub/fax_btn_015app_off.png") 0 10px no-repeat;text-indent:-99999em;}
.fax_download .fax_drv_cont .fax015_btn_area a:nth-child(2):hover{background:url("http://img.arreo.com/usr/img11/sub/fax_btn_015app_on.png") 0 10px no-repeat;}
.fax_download .fax_drv_cont > ul{padding:30px 0 0 60px;background:url("http://img.arreo.com/usr/img11/sub/fax_ico_info.png") 10px 40px no-repeat}
.fax_download .fax_drv_cont > ul li{margin:10px 0;font-family:"Noto Sans KR"; font-weight:400;font-size:14px;color:#646464}


.layer_fax{position:absolute;left:20%;top:170px;width:605px;padding:35px;background:#fff;box-shadow:0 0 10px #666;font-family:"Noto Sans KR";z-index:99999;display:none } 
.layer_fax .p_head {position:relative;border-bottom:1px solid #d0d0d2}
.layer_fax .p_head h4{font-family:"Noto Sans KR";font-size:24px;font-weight:400;color:#1b1550}
.layer_fax .p_head h4:after{content:"";display:block;clear:both;width:60px;height:2px;margin-top:20px;background:#313131;}
.layer_fax .p_head p{padding:20px 0 30px;font-family:"Noto Sans KR";font-size:18px;color:#313131;line-height:22px;}
.layer_fax .p_head > a{position:absolute;right:-35px;top:-35px;display:inline-block;width:81px;height:81px;background:url("http://img.arreo.com/usr/img11/sub/fax_layer_close_off.png") no-repeat;text-indent:-99999em;}
.layer_fax .p_head > a:hover{;background:url("http://img.arreo.com/usr/img11/sub/fax_layer_close_on.png") no-repeat;}
.layer_fax .p_body .fax_drv_use ul{}
.layer_fax .p_body .fax_drv_use ul li{padding:0px 0 40px;margin:40px 0;font-family:"Noto Sans KR";}
.layer_fax .p_body .fax_drv_use ul li > span{font-size:24px;color:#313131;}
.layer_fax .p_body .fax_drv_use ul li dl dt{font-size:18px;color:#1b1550}
.layer_fax .p_body .fax_drv_use ul li dl dt:after{content:"";display:block;clear:both;width:30px;height:1px;margin:20px 0 10px;background:#d0d0d0;}
.layer_fax .p_body .fax_drv_use ul li dl dd{font-size:14px;color:646464;line-height:22px;}
.layer_fax .p_body .fax_drv_use ul li dl dd em{color:#1b1550}
.layer_fax .p_body .fax_drv_use ul li:nth-child(1){background:url("http://img.arreo.com/usr/img11/sub/fax_drive_info1.png") right top no-repeat}
.layer_fax .p_body .fax_drv_use ul li:nth-child(2){background:url("http://img.arreo.com/usr/img11/sub/fax_drive_info2.png") right top no-repeat}
.layer_fax .p_body .fax_drv_use ul li:nth-child(3){background:url("http://img.arreo.com/usr/img11/sub/fax_drive_info3.png") right top no-repeat}
.layer_fax .p_body .fax_drv_use ul li:nth-child(4){background:url("http://img.arreo.com/usr/img11/sub/fax_drive_info4.png") right top no-repeat}

.layer_fax .p_body .fax_drv_dwn  .fax015_btn_area{padding-top:30px;border-top:1px solid #d0d0d2;}
.layer_fax .p_body .fax_drv_dwn  .fax015_btn_area a:nth-child(1){display:inline-block;width:296px;height:52px;background:url("http://img.arreo.com/usr/img11/sub/fax_btn2_015down_off.png") no-repeat;text-indent:-99999em;}
.layer_fax .p_body .fax_drv_dwn  .fax015_btn_area a:nth-child(1):hover{background:url("http://img.arreo.com/usr/img11/sub/fax_btn2_015down_on.png") no-repeat;}
.layer_fax .p_body .fax_drv_dwn  .fax015_btn_area a:nth-child(2){display:inline-block;width:175px;height:42px;background:url("http://img.arreo.com/usr/img11/sub/fax_btn2_015app_off.png") 0 0px no-repeat;text-indent:-99999em;}
.layer_fax .p_body .fax_drv_dwn  .fax015_btn_area a:nth-child(2):hover{background:url("http://img.arreo.com/usr/img11/sub/fax_btn2_015app_on.png") 0 0px no-repeat;}
.layer_fax .p_body .fax_drv_dwn > p{padding:10px 0 0 40px;background:url("http://img.arreo.com/usr/img11/sub/fax_ico_img2.png") 10px 10px no-repeat;font-size:12px;color:#8c8c8c}
.layer_fax .p_body .fax_drv_dwn > ul{padding:30px 0 0 50px;background:url("http://img.arreo.com/usr/img11/sub/fax_ico_info.png") 10px 40px no-repeat}
.layer_fax .p_body .fax_drv_dwn > ul li{margin:6px 0; font-weight:400;font-size:14px;color:#646464}
.layer_bg{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999;display:none}
































