@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(/usr/css/font.css?ver=181211);

/*******************************************************************
	Reset  2017.04
********************************************************************/
* {padding:0;margin:0;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,span,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;font-size:inherit;} 
fieldset,img,iframe{border:0;}
img{vertical-align:middle;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,em,i{font-style:normal }
caption,legend,hr{position:absolute;visibility:hidden;font-size:0;}
select,input,button,textarea{outline:0;}
button{cursor:pointer;border:0;}
html,body{font-family:'Gulim','Malgun gothic','Noto Sans KR';font-size:12px;color:#555;-webkit-text-size-adjust:none;}
a{text-decoration:none !important;font-family:'Gulim','Malgun gothic','Noto Sans KR DemiLight';font-size:12px;color:#555;}
.notoFont{font-family:'Noto Sans KR';}

::-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;font-size:12px;vertical-align:middle;}

/*ie7,ie8 */
#header12 #head #mem #member_point li em,
#header12 #head #gnb > ul > li > ul > li a,
#notice > .head h3,
#container #main_left .cscenter > .box_title > h3,
#container .contents .cont_tit h3,
#container .svc_home a{font-family:"Malgun Gothic"\9;*font-family:"Malgun Gothic";font-size:14px\9;*font-size:14px;}

#header12 #head #gnb > ul > li > a,
#left_menu #lnb h2{font-family:"Malgun Gothic"\9;*font-family:"Malgun Gothic";font-size:16px\9;*font-size:16px;}


#wrapper{}

/* 20161222*/
.head_banners {overflow:hidden;width:100%; height:110px; background:url("http://img.arreo.com/usr/img11/main3/b_logo_pattern.png");border-bottom:1px solid #e7d6c2}
.head_banners  .banner_box{ position:relative; width:1170px; height:110px;margin:0 auto;cursor:pointer;z-index:9999}
.head_banners  .banner_box .btn_close{position:absolute; bottom:5px; right:0}

/*HEADER ******************************************************************************/
#header12 {position:relative; width:100%; height:125px;min-width:1190px; background:url("http://img.arreo.com/usr/img11/main/header_bg2.png") repeat-x;z-index:9999}
#header12 #head{position:relative;width:1170px;margin:0 auto;z-index:9999;}
#header12 #head h1 {position:absolute;left:-15px;top:20px;z-index:10}

#header12 #head #util {width:1170px;margin:0 auto;height:22px;font-family:"Noto Sans KR";font-weight:350;font-size:13px}
#header12 #head #util ul{float:right;overflow:hidden;margin-top:5px;}
#header12 #head #util ul li{float:left;}
#header12 #head #util ul li span{display:inline-block;}
#header12 #head #util ul li a {display:block;padding:0 7px;border-right:1px solid #e9e9e9;margin-left:-1px;  text-align:center; font-family:"Noto Sans KR";font-size:13px;color:#888;}
#header12 #head #util ul li a:first-child {border-left:1px solid #e9e9e9}
#header12 #head #util ul li a:hover {color:#616c9d}
#header12 #head #util ul li.help a{color:#1b6bbf}
#header12 #head #util ul #user{padding-right:5px; }
#header12 #head #util ul #user span{padding:0 3px;*vertical-align:middle;vertical-align:middle\0\IE8; color:#111}

#header12 #head #mem{position:absolute;right:0;top:50px;}
#header12 #head #mem #member_point{overflow:hidden;float:left;padding:0px 20px 0 0;display:;}
#header12 #head #mem #member_point li{float:left;margin-left:15px;line-height:20px;}
#header12 #head #mem #member_point li em{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#333;font-family:'Noto Sans KR';font-weight:350;color:#fff}
#header12 #head #mem #member_point li span{font-weight:bold;color:#333}
#header12 #head #mem #member_point li span a{color:#333}

#header12 #head #gnb {position:absolute; top:75px; left:0; z-index:9999;}
#header12 #head #gnb a{font-family:'Noto Sans KR','Noto Sans KR DemiLight';font-weight:350;}
#header12 #head #gnb > ul > li {position:relative; float:left;}
#header12 #head #gnb > ul > li > a{display:block;width:130px;height:20px; line-height:20px;padding:15px 0;text-align:center;color:#fff;font-size:16px;}
#header12 #head #gnb > ul > li > a:hover {background:#111;}
#header12 #head #gnb > ul > li > ul {position:absolute;top:50px; left:0px;width:140%;height:300px;padding:10px 0; border-right:1px solid #ddd;background:#fff; z-index:91;display:none;}
#header12 #head #gnb > ul > li:first-child > ul {margin-left:-1px;border-left:1px solid #ddd}
#header12 #head #gnb > ul > li:hover > ul{background:#f5f5f5}
#header12 #head #gnb > ul > li > ul > li a {display:block;width:174px !important;padding:5px 0 5px 10px;margin-left:-1px;color:#333;font-size:15px;}
#header12 #head #gnb > ul > li > ul > li a:hover{background:#bbb;color:#fff}
#header12 #head #gnb > ul > li:nth-of-type(2) a{width:100px;}
#header12 #head #gnb > ul > li:nth-of-type(3) a{width:140px;}
#header12 #head #gnb > ul > li:nth-of-type(4) a{width:100px;}
#header12 #head #gnb > ul > li:nth-of-type(5) a{width:100px;}
#header12 #head #gnb > ul > li:nth-of-type(6) a{width:100px;}
#header12 #head #gnb > ul > li:nth-of-type(8) a{width:140px;}
#header12 #head #gnb > ul > li:nth-of-type(10) > a{width:100px;color:#f9c93a}
#header12 #head #gnb > ul > li:nth-of-type(10) > ul li > a{width:90px;}
#header12 #head #gnb .ass{position:absolute;right:-173px;top:0px}
#header12 #head #gnb .ass a{display:block;width:90px;height:20px; line-height:20px;padding:15px 0 15px 30px;background:#c88f20  url("http://img.arreo.com/usr/img11/main3/ico_netian_scrt2.png") 7px center no-repeat;background-size:25px;text-align:center;font-family:'Noto Sans KR';font-weight:350;font-size:15px;color:#fff}
#header12 #head #gnb .ass a:hover{background:#333 url("http://img.arreo.com/usr/img11/main3/ico_netian_scrt.png") 7px center no-repeat;background-size:25px;}
#header12 .gnb_bg {position:absolute; left:0; top:125px;width:100%; height:320px; background:#fff;border-bottom:2px solid #3d4052;display:none; z-index:89}
#header12 .gnb_bg span {display:block; width:1020px; margin:0 auto; height:100%; }

/**/
.svc_home{position:absolute;right:0;top:40px;z-index:9999;}
.svc_home a{display:block;padding:3px 7px;border-radius:30px;border:1px solid #ccc;font-family:'Noto Sans KR';font-weight:350;font-size:13px;color:#1b6bbf}
.svc_home a:hover{border:1px solid #1b6bbf}
.svc_home.old{right:45px;}
.wrap20160707 #header12 #head #gnb > ul > li a{width:125px;}
/*HEADER ******************************************************************************/



/*FOOTER ******************************************************************************/
#footer{clear:both;display:block;width:100%;background:#5f5f5f;font-family:'Dotum'}
#footer #foot_top{overflow:hidden;width:1170px;height:43px;margin:0 auto}
#footer #foot_top > ul{float:left;margin-left:90px;padding:10px 0;}
#footer #foot_top > ul:after{content:"";display:block;clear:both;}
#footer #foot_top > ul li{float:left}
#footer #foot_top > ul li a{display:block;padding:5px 10px;background:url("http://img.arreo.com/usr/img11/main/bg_line03.png") 0 7px no-repeat?px=180219;color:#fff}
#footer #foot_top > ul li:first-child a{background:none}
#footer #foot_top > ul li a:hover{text-decoration:underline !important}
#footer #foot_top > p{float:right;padding:0;}
#footer #foot_top > p span{position:relative;overflow:hidden;display:inline-block;width:45px;height:43px;}
#footer #foot_top > p span a{position:absolute;height:43px;top:0;transition: .2s ease .1s;}
#footer #foot_top > p span a:hover{top:-43px;}
#footer #foot_top > p span:first-child{width:140px;}

#footer #foot_bottom{clear:both;border-top:1px solid #ddd;background:#fff;}
#footer #foot_bottom  div {width:1160px;padding:10px 10px 10px 0;margin:0 auto;color:#666}
#footer #foot_bottom  div  h2{float:left;padding:1px 50px 0 70px;}
#footer #foot_bottom  div  address{float:left;display:block;padding:3px 10px 0  10px;font-style:normal;font-size:11px;}
#footer #foot_bottom  div  ul{float:left;overflow:hidden}
#footer #foot_bottom  div  ul li{float:left;display:block;padding:3px 10px 0;background:url("http://img.arreo.com/usr/img11/main/bg_line01.gif") 0 4px no-repeat;font-size:11px;}
#footer #foot_bottom  div  p{clear:both;display:block;padding:10px;text-align:center;font-size:11px;}
#footer #foot_bottom  div  p a{color:#333}
/*FOOTER ******************************************************************************/



/*LEFT_MENU ******************************************************************************/
#left_menu{width:200px;}
#left_menu .left_banner > p{margin:5px;}/**/
#left_menu #lnb{ }
#left_menu #lnb h2{padding:5px 10px;margin-bottom:10px;border-bottom:2px solid #333;font-family:'Noto Sans KR','Noto Sans KR DemiLight';font-weight:normal;font-size:22px;color:#222}/*ie???? ?��?��??�? ?��?��????*/
#left_menu #lnb > ul{}
#left_menu #lnb > ul > li{display:block;margin:0 5px;padding:10px 0; border-bottom:1px solid #ddd}
#left_menu #lnb > ul > li .list  {padding-left:16px;background:url("http://img.arreo.com/usr/img2/leftmenu/lmIcon2.gif") 8px 5px no-repeat;color:#666;}
#left_menu #lnb > ul > li .list02 {padding-left:16px;background:url("http://img.arreo.com/usr/img2/leftmenu/lmIcon2.gif") 8px 5px no-repeat;color:#666;}
#left_menu #lnb > ul > li .list02 a:hover{color:#4c5a9b}
#left_menu #lnb > ul > li .list03 {padding-left:18px;background:url("http://img.arreo.com/usr/img2/leftmenu/lmIcon.gif") 6px 2px no-repeat;color:#333;letter-spacing:-0.03em;font-weight:bold}

#left_menu #lnb > ul > li #recv_fax_all{position:relative;display:block;}/**/
#left_menu #lnb > ul > li #recv_fax_all .bull a{display:block;padding:5px;font-weight:normal;background:url("http://img.arreo.com/usr/img11/com/bull9_02.gif") 0 10px no-repeat}
#left_menu #lnb > ul > li #recv_fax_all .bull a:hover{color:#4c5a9b}
#left_menu #lnb > ul > li #recv_fax_all .addEnd{padding-top:5px;text-align:right}
#left_menu #lnb > ul > li #recv_mBox_all .bull{display:block;padding:5px;font-weight:normal;background:url("http://img.arreo.com/usr/img11/com/bull9_02.gif") 0 12px no-repeat}
#left_menu #lnb > ul > li #recv_mBox_all .bull a:hover{color:#4c5a9b}
#left_menu #lnb > ul > li #recv_mBox_all .addEnd{padding-top:5px;text-align:right}

#left_menu #lnb > ul > li .empty{position:relative;}
#left_menu #lnb > ul > li .empty > span{position:absolute;right:0;top:-2px}
#left_menu #lnb > ul > li #menu_list_1{position:relative;}
#left_menu #lnb > ul > li #menu_list_1 #btn_view{position:absolute;right:9px;top:0px;display:inline-block;width:8px;height:4px;background:url("http://img.arreo.com/usr/img/history/bull_21.png") no-repeat;text-indent:-99999em}
#left_menu #lnb > ul > li #menu_list_1 #view_vms{position:absolute;right:-5px;top:5px;z-index:11;display:none}
#left_menu #lnb > ul > li #menu_list_1 #view_vms .hidden{display:display:none}
#left_menu #lnb > ul > li #menu_list_1 #view_vms li a{display:block;}
/*LEFT_MENU ******************************************************************************/



#container{position:relative;width:1170px;margin:20px auto}
#container:after{content:"";display:block;clear:both}
#container .left{float:left;width:230px;}

#container .contents{float:left;/*width:805px;margin-left:15px;*/width:940px;min-height:800px !important;}
#container .contents.wide{float:none;width:1170px;}
#container .contents.center{width:690px;margin-right:15px;}
#container .contents.left{float:left;width:850px;margin:10px;}/**/
#container .contents.middle{min-height:400px !important;}

#container .contents .cont_tit{}
.cont_tit{position:relative;height:38px;border-bottom:2px solid #333}
.cont_tit h3{margin:5px;font-family:'Noto Sans KR','Noto Sans KR DemiLight';font-weight:normal;font-size:22px;color:#222}
.cont_tit h3 > em{font-weight:normal;color:#333}
.cont_tit > span{position:absolute;right:3px;top:0px;}
.cont_tit > span a{color:#2371d2}

#container .contents .cont_body{padding:15px 0;}
#container .contents .cont_body > h4{padding:0 0 5px 20px;background:url("http://img.arreo.com/usr/img2/com/icon_25.gif") 5px 1px no-repeat;font-size:13px;}
#container .contents .cont_body .sub_tit{margin:15px 0 5px;}
#container .contents .cont_body .sub_tit h5{position:relative;padding-left:15px;font-weight:normal}
#container .contents .cont_body .sub_tit h5:after{content:"";display:block;clear:both;position:absolute;left:0;top:2px;width:4px;height:4px;border-radius:100%;background:#fff;border:3px solid #2371d2;}
#container .contents .cont_body .sub_tit h5 > em{font-weight:normal}
#container .contents .cont_body .sub_tit > p{position:absolute;right:0;bottom:0;}
#container .contents .cont_body .sub_tit11 h4{padding:0 0 5px 20px;background:url("http://img.arreo.com/usr/img2/com/icon_25.gif") 5px 1px no-repeat;font-size:13px;}/**/
#container .contents .cont_body .sub_tit11 p{padding:2px 0 2px 15px}

#container .rightCont{float:right;width:198px;}
#container .quick_banner11{position:absolute;left:1180px;top:40px}/**/
#container .quick_banner11 ul li{margin-bottom:5px;}
#container .wide_content{float:left;margin:10px;}

/* mkt/*/
.cont_sub_menu{width:100%;height:30px;margin:5px auto 0;background:#fff;border-bottom:1px solid #eee}
.cont_sub_menu ul {display:table; table-layout:fixed; width:100%;}
.cont_sub_menu ul li {display:table-cell;*float:left;*width:20%;}
.cont_sub_menu ul li a {display:block;position:relative;height:22px;line-height:22px;padding-bottom:7px;text-align:center;font-family:'Noto Sans KR';font-weight:350;font-size:16px;}
.cont_sub_menu ul li a:hover{border-bottom:2px solid #916b4a;}
.cont_sub_menu ul li.on a {color:#d96161;color:#916b4a; border-bottom:2px solid #916b4a;}


#btnMakeSmart{width:200px;height:36px;line-height:36px;text-align:center;background:#1cbbb4;font-family:'Noto Sans KR';font-weight:350;font-size:18px;color:#fff;}

/*ie7  : 20170518*/
#sender_helper{*width:70px;}
#sender_helper span{*float:left;*width:70px;}
#sender_helper a{*float:left;*width:70px;}