@charset "utf-8";section.main_con .inner>div>ol{border-bottom:1px solid #ddd;padding-bottom:15px}section.main_con .inner>div.mail_list>ol li:first-child{font-weight:700;font-size:15px}section.main_con .ml_top li.more{float:right}section.main_con .ml_top li.more button{border:none;background:none;color:#888;font-size:13px}section.main_con .inner .date{margin-top:3px}section.main_con .inner .date li{display:inline-block;color:#888;font-weight:300;margin-right:5px;font-size:13px}section.main_con .inner>div dl{display:flex;margin-top:20px;width:100%}section.main_con .inner>div .down_file dl.file_down{margin-top:2px;padding:5px}section.main_con .inner dl.recipient_area{margin-top:0;padding:12px 5px}section.main_con .inner dl.eac_area,section.main_con .inner dl.title_area{margin-top:0;padding:8px 5px}section.main_con .inner>div .approval_line li>dl.al{margin-top:0;padding:10px}.my_info .info_box.pd15{padding:15px}.my_info .info_box{border-radius:10px;background:#2d3653;color:#fff;padding:22px}.my_info .info_box dl{width:100%;display:flex;position:relative;padding-bottom:15px;border-bottom:1px solid #444e6a}.my_info .info_box dt{width:50px;height:50px;margin-right:10px;flex:none}.my_info .info_box dd{flex:auto}.my_info .info_box dd ul{margin-top:5px}.my_info .info_box .name{font-size:17px;margin-top:5px;font-weight:700}.my_info .info_box .depart{font-size:14px}.my_info .info_box .mail_write{width:50px;height:50px;border:0;border-radius:50%;background:#30b830;position:absolute;right:0;top:-2px}.my_info .info_box .mail_write img{width:26px;height:26px;margin-right:-2px}.my_info .info_num{width:100%;display:flex;margin-top:12px}.my_info .info_num li{flex:auto;font-size:13px;font-weight:400;text-align:center}.my_info .info_num li .number{font-size:22px;font-weight:700;margin-bottom:2px}.mail_list .ml_top li{display:inline-block}.mail_list .ml_list dt{background:#ededed;border-radius:40%;height:40px;padding:9px}.mail_list .ml_list dt,.tab_con .ele_auto dt{width:40px;flex:none;margin-right:10px}.mail_list .ml_list dd,.tab_list .ele_auto dd{flex:auto}.mail_list .ml_list dd{width:80%}.mail_list .ml_list dd .date{position:relative}.mail_list .ml_list dd .date li:last-child{position:absolute;right:0;top:3px}.tab_list .ml_top li{display:inline-block;padding:0 5px;font-size:14px;color:#888}.tab_list .ml_top li.on{background:#30b830;border-radius:5px;color:#fff;font-weight:700;padding:5px 10px;margin-top:-5px;margin-bottom:-5px}.tab_list .ele_auto dt{height:28px;line-height:27px;text-align:center;border-radius:8px;color:#fff;font-weight:700;font-size:13px}.tab_list .ele_auto dd{margin-top:2px;position:relative;width:100%;padding-right:50px}.mail_list .ml_list .ml_text{position:relative}.mail_list .ml_list .ml_text.ml_add_file .tit{padding-right:20px}.mail_list .ml_list .ml_text.ml_add_file span{display:block}.mail_list .ml_list span{position:absolute;right:0;top:3px;display:none}.mail_list .ml_list span img{width:15px}.my_info .mail_num li img{width:17px;height:auto;display:inline-block;margin-right:5px;vertical-align:middle}.mail_function,.my_info .mail_num{width:100%;display:flex}.mail_function li,.my_info .mail_num li{flex:auto;text-align:center;position:relative}.mail_function button,.my_info .mail_num li button{background:none;border:none;color:#fff;position:relative}.my_info .mail_function li.on button,.my_info .mail_num li.on button{font-weight:700;color:#44de44}.my_info .mail_num li.new button:after{right:-10px}.my_info .mail_function li.new button:after,.my_info .mail_num li.new button:after{content:"";width:5px;height:5px;background:#44de44;position:absolute;top:-1px;border-radius:50%}.my_info .mail_function li.new button:after{right:-5px}.list{padding:5px}.list>li{width:100%;border-bottom:1px solid #eee}.list.mail_01>li,.list.mail_02>li,.list.mail_03>li{padding:15px 0}.list.mail_01 .date2{padding-left:20px}.list.mail_01 .date2 li.tit{padding-right:85px}.list.mail_02 .date2 li.tit{padding-right:120px}.list.mail_03 .empty{border-bottom:none;text-align:center;font-size:13px}.mail_receive{width:100%;display:flex}.mail_receive dd{flex:none;width:18px;position:relative}.mail_receive dt{flex:auto;font-weight:700;color:#222;font-size:16px}.list .mail_receive.read dd.alarm:after{background:#ddd}.list .mail_receive.read dt{color:#888}.list .mail_receive dd.alarm:after{content:"";position:absolute;top:7px;left:3px;width:7px;height:7px;border-radius:50%;background:#30b830}.list .mail_receive .add img{display:none}.list .mail_receive.add .add img{display:block}.list .date2,.list .date3,.list .date4{width:100%;position:relative;margin-top:3px}.list .date2 li,.list .date3 li{font-size:15px;color:#999;font-weight:300;display:inline-block}.list .date2 li.tit{width:100%}.list .date2 li:last-child{position:absolute;right:0;top:3px}.list .date3 li:first-child{font-weight:700;color:#2fb92f}.list .date3 li,.list .date4 li{display:inline-block;vertical-align:middle}.list .date3 li:after,.list .date4 li:after{content:"|";font-size:15px;color:#ddd;padding-left:8px;margin-right:3px}.list .date3 li:last-child:after,.list .date4 li:first-child:after,.list .date4 li:last-child:after{content:"";padding-left:0;margin-right:0}.list .date4 li{font-size:13px;color:#999;font-weight:300;display:inline-block}.list .date4 li:first-child{height:21px;line-height:19px;text-align:center;border-radius:4px;color:#fff;font-weight:700;font-size:12px;padding:0 5px}.mail_function li:after{content:"";width:1px;height:12px;background:#adafb6;position:absolute;top:50%;margin-top:-5px;right:0}.mail_function li:last-child:after{background:none}.mail_title li.title{font-size:22px;font-weight:700;margin-top:25px;margin-bottom:15px;line-height:1.3em}.mail_title li.mail_sender{margin-bottom:5px}.mail_title li.mail_date{color:#888}.mail_veiw,.text_area{line-height:1.6em}.down_file{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:12px;padding-top:8px}.down_file dl.file_down .tit{width:100%;font-size:13px}.down_file dl.file_down .down_data{font-size:14px;color:#888;margin-right:5px}.down_file dl.file_down .down_icon button{width:15px;height:auto;margin-top:1px}.down_file dl.file_down .chapter{height:20px;line-height:19px;padding:0 8px;border-radius:5px;color:#fff;font-weight:700;font-size:13px;background:#30b830;margin-right:5px}.recipient_area{border-top:1px solid #ddd}.recipient_area .chapter{margin-right:5px;width:80px;padding-top:5px;font-size:14px}.recipient_area .user_wrap{width:100%}.recipient_area .sand{width:25px;margin-left:5px}.recipient_area .sand img{width:100%;height:100%;margin-top:5px}.title_area{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0}.title_area dt{flex:auto;line-height:20px}.title_area dd{flex:none}.title_area .chapter{margin-right:5px;color:#666;line-height:28px;font-size:14px}.user_wrap .user_list li.ok_user{display:flex;height:30px;background:#e9f8e5;border-radius:25px;padding:5px 10px;margin-bottom:5px;width:100%}.user_wrap .user_list li p{flex:auto}.user_wrap .user_list li p.tit{width:100%}.user_wrap .user_list li button{flex:none;width:20px}.user_wrap .user_list li button img{width:12px}.user_wrap .user_list li.search{height:23px;line-height:25px}.add_mail{background:#fff;width:100%;height:auto;padding-top:20px;border-top:1px solid #ddd;display:none}.add_mail li{padding-bottom:30px;display:flex}.add_mail li p{flex:auto;color:#666;font-weight:300px}.add_mail li button{flex:none;width:13px}.button_upload{width:25px;height:25px;margin:2px 0 0 5px}.button_upload input[type=file]{position:absolute;width:0;height:0;border:0;padding:0;overflow:hidden}.button_upload label{display:block;cursor:pointer;border-radius:50%;padding:4px;background:#30b830;height:25px}.subject_title input[type=text]{border:none;width:100%;padding:5px;font-size:16px;font-weight:700}.down_dlete button{width:10px;height:auto}.eac_area{width:100%;border-top:1px solid #ddd}.eac_area dd,.eac_area dt{padding:5px 0}.eac_area dt{flex:auto;width:100%;line-height:1.5em}.eac_area dd{flex:none;margin-top:2px}.eac_area dt.subject_title{font-weight:700}.eac_area dt.date{margin-top:0!important;color:#888}.eac_area .chapter{margin-right:10px;color:#a7a7a7;font-size:14px}.eac_con{padding-bottom:70px}.approval_line{border:1px solid #eee;border-bottom:none;margin-bottom:20px}.approval_line li{border-bottom:1px solid #eee}.approval_line li:first-child{background:#f8f8f8;font-size:17px;text-align:center;padding:8px}.approval_line .al dd{flex:none}.approval_line .al dt{width:100%;flex:auto;font-weight:700}.approval_line .day{color:#888;text-align:right;font-size:14px;width:70px}.approval_line .division.on{background:#ded9c4}.approval_line .division{width:33px;height:21px;line-height:20px;text-align:center;border-radius:4px;color:#605f5c;font-weight:700;font-size:12px;padding:0 3px;background:#ddd;margin-right:10px}.login_form{width:90%;max-width:330px;padding-bottom:60px}.login_form li{margin-bottom:10px}.login_form li>input{border:1px solid #ddd;padding:15px 10px}.login_form li .btn{height:45px;width:100%;border-radius:10px;color:#fff;font-weight:700;font-size:16px;background:#30b830}.login_form .logo{padding-left:40px;margin:20px}.login_form .logo img{width:120px;display:block;margin:auto}.login_wrap{width:100%;height:100vh;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center}.tit{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;display:inline-block}.mail_list .ml_list p.tit,.tab_list .ele_auto p.tit{width:100%;height:20px}.mail_list .ml_list .date .tit{width:100%;height:16px;padding-right:85px}.popup{position:fixed;top:50%;left:50%;z-index:56}.pop_dark{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.3;z-index:55}.pop_content{background:#fff;padding:5px;z-index:5;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.pop_inner{padding:10px;position:relative;overflow:hidden}.pop_inner.add_overflow{padding:25px 20px 50px;position:relative;overflow:inherit}.popup h1{background:#1f232e;border-radius:4px;width:100%;font-size:17px;color:#fff;padding:8px 10px 8px 15px}.popup h1:before{content:"";display:inline-block;margin-bottom:-4px;margin-right:5px;width:5px;height:21px;border-radius:5px;background:#fff}.popup h1>.close{float:right;background:none;border:0;padding:5px 2px 5px 5px}.w580{width:330px;margin-left:-170px}.dot{background:url(/resources/image001.gif) no-repeat;background-position:0 50%;padding-left:15px;font-size:14px;font-weight:700;margin:20px 0 10px}ul.pop_btn{float:right;overflow:hidden}ol.pop_btn{float:left;overflow:hidden}.pop_btn li{display:inline-block;margin-top:10px;margin-left:6px}.pop_btn button{font-weight:700;font-size:12px;padding:6px;border-radius:0;border:1px solid;min-width:70px}.pop_btn button.black{background:#1f232e;border-color:#1f232e;color:#fff}.pop_btn button.white{background:#f8f7f8;border-color:#bbb;color:#444}.file_box .scroll{height:140px;padding-bottom:10px}.bd_Organization .scroll{height:200px;padding-bottom:10px}.scroll{overflow-y:scroll}.main.lock{height:100%;overflow:hidden}*{font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;font-size:15px;color:#333;letter-spacing:-.05em;-webkit-text-size-adjust:100%;font-weight:400}body,dd,div,dl,dt,h1,h2,h3,h4,h5,hr,html,input,li,ol,p,select,textarea,ul{margin:0;padding:0;line-height:1.2}dd,dl,dt,li,ol,ul{list-style:none}fieldset,img{border:0}address,em{font-style:normal}a,a:after,a:before{transition:all .2s;-webkit-transition:all .2s}caption,fieldset label,legend{width:1px;height:1px;overflow:hidden;display:none}table{margin:0;border-collapse:collapse;-ms-word-break:keep-all;word-break:keep-all}button,input,select,textarea{outline:none}button,mark{border:none;background:none}input[type=file],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;transition:all .2s;-webkit-transition:all .2s;font-weight:300;border:none}.blind{visibility:hidden;overflow:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}.blind,.hidden{position:absolute}.hidden{left:-9999px}.overflow{overflow:hidden}.float_l{float:left}.float_r{float:right}#header{height:115px;background:#fff;z-index:50}#header,#header .top_01{width:100%;position:fixed}#header .top_01{height:60px}#header h1{position:fixed;top:12px;left:50%;margin-left:-40px}#header h1 img{width:120px}#header .util{position:absolute;top:0;bottom:0;display:flex;align-items:center}#header .util.b{left:25px}#header .util.h{right:25px}#header .back,#header .util .ham{width:20px;height:20px}#header .menu{position:absolute;bottom:20px;width:100%;padding:0 10px}#header .menu_flex{display:flex}#header .menu_flex li{flex:auto;text-align:center;color:#9b9ca1;font-size:18px;position:relative}#header .menu_flex li.on{color:#222;font-weight:700}#header .menu_flex li.on:after{content:"";height:1px;display:block;position:absolute;margin-top:5px;border-bottom:2px solid #444;left:50%}#header .menu_flex .m01.on:after{width:30%;margin-left:-15%}#header .menu_flex .m02.on:after{width:40%;margin-left:-20%}#header .menu_flex .m03.on:after,#header .menu_flex .m04.on:after{width:60%;margin-left:-30%}#right-menu.opened .menu-container{right:0;background-color:#2d3653}#right-menu .menu-container{top:0;right:-80.18519vw;width:80.18519vw}#right-menu .right-menu-header{height:80px;padding:0 30px;position:relative;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center}#right-menu .logo{width:130px}#right-menu .btn-close:not([disabled]):not(.disabled){cursor:pointer}#right-menu .btn-close{display:inline-block;border:0;background:none;width:20px;height:20px;position:absolute;right:30px}#right-menu .user-info{width:100%;color:#fff;padding:0 30px;margin-bottom:25px}#right-menu .user-info dl{width:100%;display:flex;margin-bottom:15px}#right-menu .user-info dt{width:75px;height:75px;margin-right:20px;flex:none}#right-menu .user-info dd{flex:auto}#right-menu .user-info dd ul{margin-top:12px}#right-menu .user-info dd .depart{font-size:14px;font-weight:400}#right-menu .user-info dd .name{font-size:18px;margin-top:10px;font-weight:700}#right-menu .user-info dd .depart{font-size:15px}#right-menu .log_out{border:1px solid #808596;background:none;border-radius:0;color:#fff;width:100%;padding:10px;font-size:18px}#right-menu .right-nav{list-style:none;margin:0;padding:0 0 10px}#right-menu .right-nav li{padding:12px 25px 14px;font-size:17px;color:#fff}#right-menu .right-nav li:first-child{padding-top:16px}#right-menu .right-nav li.on{background:#242c41}#right-menu .right-nav li img{width:22px;height:22px;display:inline-block;vertical-align:top;margin-right:15px}#right-menu .right-nav li .alarm{margin-left:8px;font-weight:700;color:#30b830}#right-menu .scroll{position:absolute;top:241px;bottom:0;left:0;right:0;overflow-y:scroll}.top_line{border-top:1px solid #444e6a}.pop-layer.opened{display:block;width:100%;height:100%;visibility:visible;opacity:1;background:rgba(0,0,0,.4)}.pop-layer{position:fixed;top:0;left:0;width:0;height:0;z-index:1000;visibility:hidden;opacity:0}.pop-layer.opened .pop-layer-content{opacity:1;visibility:visible;width:100%;height:100%}.pop-layer .pop-layer-content{position:absolute;background-color:#fff;z-index:1002;bottom:0;opacity:0;visibility:hidden;transition:all .25s ease}.main{padding-top:115px;overflow-x:hidden;padding-bottom:25px}.main,.my_info,.read_mail{width:100%}.inner{margin:0 25px;position:relative}.main_con .mail_list,.main_con .tab_list{border-radius:10px;border:1px solid #ddd;background:#fff;padding:22px;margin-top:20px}.write_btn{display:block;width:62px;height:62px;background:#30b830;border-radius:50%;position:fixed;bottom:110px;right:15px;font-size:0}.write_btn:after{content:"";width:32px;height:32px;position:absolute;left:16px;top:14px;background:url(/resources/btn_mail_write.svg) no-repeat}.up_top{width:60px;height:32px;line-height:30px;text-align:center;border-radius:5px;background:#2d3653;position:fixed;bottom:70px;right:16px}.up_top:after{content:"TOP";font-weight:700;color:#fff}.footer_menu>p.bg_cg{background:#91d77e}.footer_menu>p.bg_cb{background:#a6bcf5}.footer_menu>p{flex:1 1;text-align:center;color:#fff;font-weight:700;font-size:17px;padding:15px;border-radius:12px;margin:5px;display:block}.footer_menu{position:fixed;width:100%;bottom:0;padding:8px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}.suspense{background:#ffb4bf;color:#fff}.confirm{background:#b6e7a9;color:#fff}.relay{background:#ffc3a8;color:#fff}.denial{background:#c1d3ff;color:#fff}.give_back{background:#cfbaa3;color:#fff}.drafting{background:#94c4b9;color:#fff}.outgoing{background:#8cc6c5;color:#fff}#__next{width:100%}#__next,.wrap{height:100%}.header_user_info{background:url(/resources/person_null.png);background-size:cover;background-position:50%}.error_btn{display:block;width:150px;height:30px;background:#30b830;border-radius:5%;color:#fff}.error{padding-top:60px;text-align:center;display:block;margin:auto;padding-bottom:60px;position:relative}.error:before{content:"404";position:absolute;right:50px;z-index:-1;font-size:180px;color:#ebebf0;font-weight:700;margin-top:100px}.error li{font-size:16px;color:#555;margin-bottom:15px}.error li:first-child{font-size:20px;color:#000;font-weight:700}.error b{font-size:30px;color:#000;font-weight:700;letter-spacing:-.065em;display:block;margin-bottom:60px}.error li:last-child{margin:auto;display:block;width:35%}.main_menu{position:fixed;left:0;right:0;z-index:1}.list_box{padding-top:50px}.paging{margin-top:20px;text-align:center}.paging button{display:inline-block;background:#fff;width:30px;height:30px;font-size:12px;font-weight:700;text-align:center;border:0;color:#666;padding:5px;margin-left:5px}.paging button.on,.paging button.on i,.paging button:hover,.paging button:hover i{color:#5cbc4a}.paging .back,.paging .front,.paging .next,.paging .prev{font-size:0;vertical-align:bottom;border:1px solid #ddd}.paging .back i,.paging .front i,.paging .next i,.paging .prev i{font-size:10px;line-height:20px;color:#888}.main_box{height:calc(100% - 200px)}.main2{padding-top:115px;width:100%;height:100%;overflow-x:hidden;padding-bottom:5px}.tox-tinymce{border-radius:0!important;border:1px solid #ddd!important}.tox{height:65vh!important}.tox-editor-header{box-shadow:none!important;border-bottom:1px solid #ddd!important}