@charset "UTF-8"; /* 한국어 */ body:lang(ko) { font-family: AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; } /* 영어 */ body:lang(en) { font-family: tohoma, helvetica, clean, sans-serif; font-size:12px; } /* 일본어 */ body:lang(jp) { font-family: MS PGothic, P mincho, MS UI Gothic;font-size: 12px; } /* 중국어 (간체) */ body:lang(cn) { font-family: Tahoma, "SimSun", "SimHei", "Microsoft YaHei";font-size: 12px; } .required th:after {content: ' *'; color: red; } /* Layout */ body.gm_body {height:100%; overflow:hidden;} #gm_wrap {position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; width:auto; height:auto;} .gm_header {position:relative; z-index:3; width:100%; height:60px; min-width:800px; } /* Top header 영역 높이 60px */ .gm_header:after {clear:both; display:block; content:"";} .gm_container {position:absolute; left:0; right:0; z-index:1; top:60px; bottom:0; overflow:hidden; min-height:0;} /* header 높이 / footer 높이로 top,bottom 조절 */ /*.gm_lnb {position:absolute; left:0; top:0; bottom:0; z-index:2; overflow:visible; width:219px; padding-top:9px; border-right:1px solid #a5a5a5; background-color:#fff;}*/ .gm_lnb {position:absolute; left:0; top:0; bottom:0; z-index:2; overflow:visible; padding:9px 5px 0; background-color:#fff; height:100%; border-right: 1px solid #b2b2b2;} .gm_cont_wrap {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; width:auto} .gm_cont_section {position:absolute; left:230px; right:0; top:0; bottom:0; overflow:hidden; width:auto;margin-left:10px;} .gm_cont_fix {position:relative;min-height: 95px;background-color:#fff;min-width: 800px;} .gm_cont_fix:after {display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:1px; background-color:#a5a5a5; content:"";} .gm_title_flex {position:absolute; left:0; right:0; top:97px; bottom:0;} .gm_cont_flex {position:absolute; left:0; right:0; top:95px; bottom: 27px; width:auto; min-height:1px; min-width: 900px;} .gm_cont_send {position:absolute; left:0; right:0; top:160px; bottom:0; overflow:auto; width:auto; min-height:1px}/* 보낸사람만 묶어보기 UI변경 스크롤 상하 생김*/ .gm_footer {position:absolute; left:0; bottom:0; z-index:2; width:100%; height:25px; border-top:1px solid #a5a5a5; border-bottom:1px solid #fff; background-color:#f2f2f2; text-align:center;} /* Footer 높이 47px */ #gm_wrap.print_wrap {position:relative; width:100%; height:100%; overflow:visible;} #gm_wrap.print_wrap .gm_div_view {display:block; } #gm_wrap.print_wrap .gm_view_wrap {position:relative;} #gm_wrap.print_wrap .view_info {min-width:0;} #gm_wrap.print_wrap .view_contnet {min-width:0;} /* Layout Detail */ /* List Type */ .list_nrml .gm_div_list {/*position:relative;*/} .list_nrml_send .gm_div_list_send {} /* .gm_div_list .gm_list_wrap {position:absolute;left:0;right:0;top:65px;bottom:43px;overflow-y: scroll; overflow-x:auto;}*/ .gm_div_list .gm_list_wrap {position:absolute;left:0;right:0;top:0px;bottom:43px;overflow-y: scroll; overflow-x:auto;} .gm_list_send { position:relative;padding:2px 25px 0px 25px;} /* 보낸사람만 묶어보기 리스트 */ /* paging 기존 .gm_paging_nav {position:absolute; left:0; right:0; bottom:0; width:100%; height:42px; border-top:1px solid #e3e3e3; text-align:center;} .gm_paging_nav.paging_horizontal {display:none; position:absolute; left:0; right:0; bottom:0; width:100%; height:42px; border-top:1px solid #e3e3e3; text-align:right;}*/ /* paging */ .gm_paging_nav {width:100%; text-align:center; } .gm_paging_nav.paging_horizontal {display:none;float:left; width:AUTO; height:42px; text-align:left;padding-top:0;padding-left: 10px;} /* View Type */ /* .read_nrml .gm_div_view {position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;} */ /* .gm_div_view .gm_view_wrap {position:relative; left:0; right:0; top:0; bottom:0; overflow:auto;} */ .read_nrml .gm_div_view {position:absolute; left:0; right:0; top:0; bottom:0; overflow: auto;} .gm_div_view .gm_view_wrap {position:relative; left:0; right:0; top:0; bottom:0; overflow: auto; } .read_nrml .gm_div_view .x_bar {display:none; position:absolute; left:0; right:0; top:0; bottom:0; overflow:auto;} /* Write Type */ .gm_div_write .write_wrap {position:absolute; left:0; right:0; top:42px; bottom:0; overflow: auto;} .gm_cont_wrap .gm_div_write .write_wrap {top:0;} /* 좌우 Type */ .list_horizontal .gm_div_list {position:absolute; left:0; top:0; bottom:0; width: calc(50% + 20px);} .list_horizontal .gm_div_view {position:absolute; right:0; top:0; bottom:0; /*overflow:auto;*/} /*.list_horizontal .gm_div_view {position:absolute; right:0; top:0; bottom:0; width:calc(50% - 20px); overflow-y:auto;}*/ .list_horizontal .gm_div_view .x_bar {position:absolute; left:0; top:0; bottom:0; height:100%; cursor:ew-resize; border-right:5px solid #ddd;} .list_horizontal .gm_div_view .gm_view_wrap { position: absolute;left: 5px;right: 0;top: 0;bottom: 0;} .list_horizontal .mail_list_content > li {overflow: hidden;text-overflow: ellipsis;} /* 상하 Type */ .list_vertical .gm_div_list {position:absolute; width:100%;height: 50%} .list_vertical .gm_div_list .gm_list_wrap { position:absolute; top:0;left:0; right:0; bottom:75px;} /*.list_vertical .gm_div_view {position:relative; height:50%; overflow-y: auto; }*/ .list_vertical .gm_div_view {overflow: auto; } .list_vertical .gm_div_view .x_bar {position:absolute; left:0; top:0; top:0; width:100%; height:5px; cursor:n-resize; background-color:#ddd;} .list_vertical .gm_div_view .gm_view_wrap {position:absolute; left:0; right:0; top:8px; bottom:0;} .list_vertical .Pagination {clear:both; bottom: 30px; } /* Basic Type */ .gm_div_sub {position:absolute; left:0; right:0; top:75px; bottom:0; overflow:auto; min-width:800px;} /* .gm_div_sub .gm_sub_wrap {position:absolute; left:0; right:0; top:0; bottom:42px; overflow:auto; overf low-y:scroll;} */ .gm_cont_flex.list_nrml .gm_div_write , .gm_cont_flex.read_nrml .gm_div_write, .gm_cont_flex.list_horizontal .gm_div_write, .gm_cont_flex.list_vertical .gm_div_write, .gm_cont_flex .gm_div_list, .gm_cont_flex .gm_div_view, .list_nrml .gm_div_view, .read_nrml .gm_div_list, .list_horizontal .gm_paging_nav, .list_nrml .talk_mail {display:none;} .gm_cont_flex .gm_div_write, .list_nrml .gm_div_list, .read_nrml .gm_div_view, .list_horizontal .gm_div_list, .list_horizontal .gm_div_view, .list_vertical .gm_div_list, .list_vertical .gm_div_view, .list_horizontal .gm_paging_nav.paging_horizontal {display:block;} @media all and (max-width:810px) { .gm_paging_nav {display:none;} .gm_paging_nav.paging_horizontal {display:block;} } /* header content */ .gm_header h1 {position: relative; z-index: 2; float: left; width: 229px; height: 60px; text-align: center;} .gm_header h1:after {position:absolute; bottom:-9px; display:block; width:218px; height:9px; /*background:url(../images/ui_content/bg_header_logo.png) left top no-repeat;*/ content:""} .gm_header h1 a {display:block;background-position:50% 70%;} .gm_gnb_area {float:left;} .gm_gnb_area ul {overflow:hidden;} .gm_gnb_area li {float:left; margin-top:22px; margin-left:18px;} .gm_gnb_area a {display:block; height:38px; padding:0 20px; line-height:38px; color:#fff; font-size:16px; font-weight:600; border-radius:4px 4px 0 0; } .gm_gnb_area a:hover { border-radius:4px 4px 0 0; text-decoration:none;} .gm_gnb_area .selected a {color:#0a0a0a; background-color:#fff;} .gm_my_area {position:absolute; top:10px; right:38px;} .gm_my_area [class^="nicon_"] {background-image:url(../images/ui_content/heder_cont.png); background-repeat:no-repeat;} .gnb_my_notice {position:relative; float:left; width:38px; height:38px;} .gnb_my_notice .nicon_gnb {display:inline-block; width:26px; height:26px; margin-top:4px; background-position:0 0;} .gnb_my_notice .nicon_new {position:absolute; right:0; top:0; display:block; width:17px; height:17px; background:#db4437; border-radius:8px;} .gnb_my_notice .nicon_new strong {color:#fff; font-family:tahoma; line-height:17px;} .gnb_my_cont {float:left; margin-left:20px; margin-top:15px;} .gnb_my_link {display:block; } .gnb_my_link .my_pic {display:none; overflow:hidden; margin-right:3px;} .gnb_my_link .my_pic img {border-radius:19px;} .gnb_my_link .my_idname {color:#fff;} .gnb_my_link:hover .my_idname {text-decoration:underline;} .gnb_my_link .nicon_arr {display:inline-block; width:7px; height:4px; background-position:-35px 0;} .area_links {position: absolute;top: 15px;right: 38px;} .area_links a{float: left;color: #efefef;margin: 8px 5px;} .al_bar {float: left;display: inline-block;margin: 11px 5px;width: 1px;height: 14px;background: #637389;} /* Lnb content */ /*.lnb_btn_set {height:60px; padding:13px 0 0 16px;}*/ background: #fefefe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */ } .lnb_btn_set .btn_send {border-radius:5px 0 0 5px;} .lnb_btn_set .btn_address {border-radius:0 5px 5px 0; left:-1px;} .lnb_btn_set a:hover, .lnb_btn_set .selected {border-color:#444; color:#171717; text-decoration:none;} .lnb_btn_set .btn_send:hover, .lnb_btn_set .btn_send.selected, .lnb_btn_set .btn_address:hover, .lnb_btn_set .btn_address.selected {z-index:2;} .lnb_mail_account {text-align:center; padding:8px 0 12px;position:relative;} .lnb_account {font-family:tahoma; color:#454545;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; max-width: 95%; font-size:12px;} .lnb_accountIcon {top: 8px; right: 0px; position: absolute;} .lnb_main_mailbox .mail_all, .lnb_main_mailbox .mail_receive, .lnb_main_mailbox .mail_send, .lnb_main_mailbox .mail_reservation, .lnb_main_mailbox .mail_rejection, .lnb_main_mailbox .mail_temporary, .lnb_main_mailbox .mail_spam, .lnb_main_mailbox .mail_trash {position:relative;} .lnb_main_mailbox .lnb_link {display:block;padding:0 20px 0 10px; height:30px} .lnb_main_mailbox .lnb_link:focus, .lnb_main_mailbox .lnb_link:hover { text-decoration:none;}/*메뉴 오버컬러*/ .lnb_main_mailbox .selected .lnb_link, .lnb_main_mailbox .selected .lnb_link:focus, .lnb_main_mailbox .selected .lnb_link:hover { text-decoration:none; font-weight:600;} /*메뉴선택되었을때 색상*/ .lnb_main_mailbox .icon_ml {width:21px; height: 20px; margin-right:5px;} .mail_all .icon_ml {background-position: -3px -420px;} .mail_receive .icon_ml {background-position: -30px -420px;} .mail_send .icon_ml {background-position: -56px -420px;} .mail_temporary .icon_ml {background-position: -80px -420px;} .mail_reservation .icon_ml {background-position: -106px -420px;} .mail_rejection .icon_ml {background-position: -133px -420px;} .mail_trash .icon_ml {background-position: -157px -420px;} .mail_spam .icon_ml {background-position: -184px -420px;} .mail_approval .icon_ml {background-position: -210px -420px;} .lnb_main_mailbox .icon_ml, .lnb_main_mailbox [class^="txt_"] {display:inline-block; line-height:1; vertical-align:top; margin-top:6px;} .lnb_main_mailbox .lnb_link:hover .txt_mnml {font-weight:800;} .lnb_main_mailbox .mail_all .lnb_link:hover .icon_ml,.mail_all.selected .lnb_link .icon_ml {background-position:-3px -442px;} .lnb_main_mailbox .mail_receive .lnb_link:hover .icon_ml,.mail_receive.selected .lnb_link .icon_ml {background-position:-30px -442px;} .lnb_main_mailbox .mail_send .lnb_link:hover .icon_ml,.mail_send.selected .lnb_link .icon_ml {background-position:-56px -442px;} .lnb_main_mailbox .mail_temporary .lnb_link:hover .icon_ml,.mail_temporary.selected .lnb_link .icon_ml {background-position:-80px -442px;} .lnb_main_mailbox .mail_reservation .lnb_link:hover .icon_ml,.mail_reservation.selected .lnb_link .icon_ml {background-position:-106px -442px;} .lnb_main_mailbox .mail_rejection .lnb_link:hover .icon_ml,.mail_rejection.selected .lnb_link .icon_ml {background-position:-133px -442px;} .lnb_main_mailbox .mail_trash .lnb_link:hover .icon_ml,.mail_trash.selected .lnb_link .icon_ml {background-position:-157px -442px;} .lnb_main_mailbox .mail_spam .lnb_link:hover .icon_ml,.mail_spam.selected .lnb_link .icon_ml {background-position:-184px -442px;} .lnb_main_mailbox .mail_approval .lnb_link:hover .icon_ml,.mail_approval.selected .lnb_link .icon_ml {background-position:-210px -442px;} .lnb_main_mailbox .txt_num {font-weight:100; font-size:11px;margin-top:10px;font-family: tahoma,sans-serif;} .lnb_main_mailbox .btn_sett {display:block; position:absolute; right:20px; top:50%; margin-top:-7px; width:17px; height:14px; background-position:-160px 0;} .lnb_main_mailbox .bt_cm_nmrl {position:absolute; right:12px; top:6px;} .lnb_other_mailbox {/* position:absolute; */ left:0; right:0; top:350px; bottom:40px; overflow:auto; border-top:1px solid #eaeaea; border-bottom:none;} /*.lnb_other_mailbox {position:absolute; left:0; right:0; top:279px; bottom:85px; overflow:auto; border-top:1px solid #d2d2d2;}*/ .other_mail_link {position:relative; height:38px; padding-left:20px; background-color:#ffffff;} .other_mail_link:hover {display:block;} .other_mail_link .bt_cm_nmrl {position:absolute; top:9px;} .other_mail_link .first{border-top:none;} .other_mail_link h3, .other_mail_link .txt_link, .other_mail_link .txt_mymail_link, .other_mail_link .icon_arr, .other_mail_link button {display:inline-block; vertical-align:top;} .other_mail_link .icon_arr {width:20px; height:20px; margin-top:10px; margin-left:3px; background-position:-220px -246px;} .other_mail_link .selected .icon_arr {margin-top:10px;background-position:-220px -228px; width:20px;height: 20px;} .other_mail_link .txt_mymail_link {width:95px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:9px; margin-left:7px;} .other_mail_link .txt_link {width:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:9px;margin-left: 7px;} .other_mail_link [class^="btn_"] {width:24px; height:21px; margin-top:9px;} .other_mail_link .btn_sett {background-position:-130px 0;} .other_mail_link .btp {position:absolute; right:20px; top:0;} .other_mail_sec {padding:5px 0px 10px 13px; background-color:#ffffff;} [class^="lnb_sec_"] {border-bottom:1px solid #eaeaea;} .lnb_tag_list {padding-bottom:5px;} .lnb_tag_list dd {position:relative; padding-left:25px; margin-bottom:8px;padding-right:10px;} .lnb_tag_list dd .icon_tag {position:absolute; left:5px; top:4px;} .lnb_tag_list dd a {color:#333; line-height:16px; word-wrap:break-word; word-break: break-all;} .lnb_tag_list dd .ip_txt {width:90%; height:18px; line-height:20px; padding:0 5px; border:1px solid #a4a4a4;} .lnb_tag_list .btn_tag_modify {display:inline-block; width:8px; height:8px; background-position:-205px -50px;} .lnb_tag_list .btn_del {display:inline-block; width:8px; height:7px; background-position:-150px -25px;} .other_mail_sec .no_tag_msg {font-size:11px; text-align:center; line-height:18px; color:#767575;} /*.lnb_mail_work {position:absolute; height:70px; left:0; right:0; top:73px; z-index:3; background-color:#fff;}*/ .lnb_mail_work {position:absolute; height:80px; left:0; right:0; z-index:3;} /*.lnb_wk_option {text-align:center; border-top:1px solid #dcdcdc; padding:13px 0 11px;} .lnb_wk_option [class^="lnb_op_"], .lnb_wk_option span {display:inline-block; vertical-align:top;} .lnb_wk_option .txt_op {line-height:1; margin-top:3px; margin-left:4px;} .lnb_wk_option [class^="lnb_op_"]:hover .txt_op {text-decoration:underline;}*/ /* .lnb_wk_option {text-align:center; padding:17px 0 12px;}*/ .lnb_wk_option {text-align:center; padding:0 0 12px 0;} .lnb_wk_option [class^="lnb_op_"], .lnb_wk_option span {display:inline-block; vertical-align:top;} .lnb_wk_option .txt_op {line-height:1; margin-top:3px; margin-left:4px;} .lnb_wk_option [class^="lnb_op_"]:hover .txt_op {text-decoration:underline;} .lnb_op_impt, .lnb_op_read {margin-right:15px;} .lnb_op_impt .icon_op {width:16px; height:16px; background-position:-60px -20px;} .lnb_op_fvrt .icon_op {width:14px; height:13px; background-position:-100px -25px; margin-top:2px;} .lnb_op_tag .icon_op {width:20px; height:9px; background-position:-160px -40px; margin-top:4px;} .lnb_op_read .icon_op {width:16px; height:13px; background-position:0 -20px; margin-top:3px;} .lnb_op_file .icon_op {width:7px; height:11px; background-position:-160px -25px; margin-top:4px;} .layer_lnb_tag {width:190px;} .layer_lnb_tag:after {display:block; position:absolute; left:50%; bottom:-8px; content:""; width:16px; height:8px; margin-left:-8px; background-position:-185px -40px;} .layer_tag_box {} .layer_tag_box .tit_tag {position:absolute; left:-4px; top:4px; width:54px; height:24px; background-position:-150px -50px;} .layer_tag_box .txt_tag {width:128px; height:18px; margin:8px 55px 8px; background-position:-370px -80px;} .layer_tag_box .tag_cont {height:105px; overflow-x:hidden; overflow-y:auto;} .layer_tag_box .tag_list {text-align:center; padding-bottom:5px;} .layer_tag_box .tag_list dd {display:inline-block; margin:0 5px 5px;} .layer_tag_box .tag_list dd a {position:relative; display:inline-block; padding:0 5px; background-color:#ebf1f6; color:#496db4; line-height:16px;} .layer_tag_box .tag_list dd .ip_txt_w {width:68px; } .layer_tag_box .tag_list dd .ip_txt {width:68px; height:15px; line-height:15px; padding:0 5px; border:1px solid #a4a4a4;} .layer_tag_box .btn_tag_modify {display:inline-block; width:8px; height:8px; background-position:-205px -50px;} .layer_tag_box .btn_del {display:inline-block; width:8px; height:7px; background-position:-150px -25px;} .layer_lnb_tag .line_box {margin:0;} .lnb_mail_sett {position:relative; border-top:1px solid #dcdcdc; text-align:center; padding-top:10px;} .lnb_capacity {font-family:tahoma; color:#454545; padding-bottom:5px;} .lnb_capacity strong {color:#181818;} /*.lnb_capacity strong {color:#e52020;}*/ .lnb_mail_sett .bt_cm_nmrl {position:absolute; right:15px; top:7px;} .lnb_mail_sett .icon_sett {margin-right:5px;} .lnb_main_mailbox {} .lnb_main_mailbox.history{height:35px;border-bottom:1px solid #eaeaea} .lnb_main_mailbox.history .icon_ml {background-position: -1px -465px;} .lnb_main_mailbox.history:hover .icon_ml, .lnb_main_mailbox.history.selected .icon_ml {background-position:-1px -482px;} /* content header */ .cont_fix_header {position: relative;height: 46px;display:table-cell;vertical-align:middle;} .cont_fix_tit {float:left; font-size:14px;font-weight:600;line-height:18px;color:#000; padding-left:22px;padding-right:10px;} .mail_box_option {float:left; line-height:18px;} .mail_box_option .all_receive, .mail_box_option .check_mail, .mail_box_option .btn_del {display:inline-block;} .mail_box_option .all_receive {position:relative; margin-right:10px;margin-left:5px; color:#6b6b6b;} .mail_box_option .all_receive strong {color:#000; font-weight:normal;} .mail_box_option .check_mail {position:relative; color:#6b6b6b; margin-right:7px; padding-left:14px; } .mail_box_option .check_mail:after {display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:13px; content:""; background-color:#b3b3b3;} .mail_box_option .check_mail a {margin:0 3px; font-weight:600;} .mail_box_option .btn_del {text-decoration:underline; color:#000;} .top_search_wrap {position:absolute; right:15px; top:13px; } .top_search_wrap .cal_select {float:left; margin-right:7px;} .top_search_wrap .ip_detail{float:left;width:190px;height:25px;padding:3px 31px 0 9px;border:1px solid #e1e1e1;background:#fafafa;font-size:12px;color:#888;vertical-align:top;line-height:25px;outline:none;-webkit-appearance:none} .top_search_wrap .ip_detail:focus{border-color:#cbcbcb} .top_search_wrap .ip_detail::-ms-clear{display:none} .top_search_wrap .ip_detail1 {float:left; width:200px; height:25px; line-height:25px; padding:0 10px; border:1px solid #a4a4a4; color:#8b8b8b; margin:0;} .top_search_wrap .btn_sch, .top_search_wrap .btn_detail {float:left; margin-left:-1px;} .top_search_wrap .icon_sch {vertical-align:-3px;} button.bt_cm_nmrl.bt_cm_md.btn_sch {margin-left: -1px;} .top_search_wrap .btn_detail {margin-left: 5px;} .top_search_wrap .bul_arrb {display: inline-block; width: 15px; height: 10px; background-position: -220px -228px;} .new_win_write {position:absolute; right:44px; top:50%; margin-top:-25px;} .new_win_write span {margin-left:5px;} .new_win_write:hover span {text-decoration:underline} [class^="head_btns_" ] {position:relative; height:42px; } [class^="head_btns_" ] .button_set {padding:8px 0 0 13px;} .button_single {padding:16px 0 0 13px;} .head_btns_list .chk_sort, .button_set .bt_cm_nmrl {margin-right:3px;text-decoration: none; min-width: 52px;} .head_btns_list .chk_sort {display:inline-block; width:27px; height:25px; padding:0 5px; vertical-align:top; background:none} .head_btns_list .all_mail_chk {display:inline-block; width:35px;} .button_set .btn_re_w {position:relative; display:inline-block;} .button_set .btn_re_w .bt_cm_nmrl {padding-right:18px;} .button_set .btn_re_w .btn_re {display:block; position:absolute; right:4px; top:1px; width:16px; height:25px;} .button_set .btn_re_w .bul_arr {display:inline-block; width:15px; height:10px; margin-left:-2px; vertical-align:1px; background-position:-170px -30px} .button_set .txt_del {color:#000;} .button_set .icon_del {display:inline-block; width:8px; height:7px; margin-right:3px; background-position:-150px -25px;} /*.button_set .btn_send .icon_send {display:inline-block; width:8px; height:7px; background-position:-68px -0px}*/ .button_set .btn_answer {padding:0 12px;} .button_set .btn_addr_add .icon_plus {display:inline-block; width:8px; height:8px; margin-right:5px; background-position:-490px -20px;} .button_set .icon_letter {display:inline-block; width:18px; height:13px; vertical-align:-3px; margin-right:3px; background-position:0 0;} .sel_unit { clear:left; float:left;margin-left:15px;} .sel_unit select {border:1px solid #a4a4a4; min-width:68px; height:21px;} .sel_option {position:absolute; right:15px; top:7px;} .sel_option .bul_arrb {display:inline-block; width:7px; height:4px; margin-left:6px; vertical-align:2px; background-position:-170px -25px;} .btn_refresh {display:inline-block; width:18px; height:18px; margin:0 10px; background-position:-313px -205px;} .head_btns_list .btn_refresh {/*vertical-align:-5px; */} .print_w {position: absolute; right: 16px ;top: 8px;width: 30px;height: 28px; border: 1px solid #cbcbcb;} .print_w .btn_print {display:block;} .print_w .icon_print {vertical-align:bottom; margin-right:5px;} .pop_header .print_w {position: absolute;right: 88px;top: 0;float: left; border: none;} .pop_header .print_w .btn_print {display:block; min-width: 130px; padding: 5px;} .pop_header .print_w .icon_print { vertical-align: middle; margin-right: 10px; } .button_set .btn_move_list {display:inline-block; margin:0 15px 0 18px; /* text-decoration:underline; */} .btn_move_control, .btn_move_control button {display:inline-block; } .btn_move_control button:hover {text-decoration:underline;} .btn_move_control button.prev {margin-right:10px;} .btn_move_control button .icon_arr {display:inline-block; width:4px; height:7px;} #prePrintBtn span {color: #fff;} .btn_move_control button.prev .icon_arr {background-position:-205px -35px; margin-right:4px;} .btn_move_control button.next .icon_arr {background-position:-205px -25px; margin-left:4px;} .icon_import, .icon_export {display:inline-block; width:19px; height:16px; vertical-align:middle; margin-left:8px;} .icon_import {background-position:-360px -115px;} .icon_export {background-position:-328px -115px;} .detail_sch_tit {height:32px; padding-left:14px; line-height:32px; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:14px; color:#333;} .detail_sch_tit .icon_arr {display:none; width:5px; height:10px; margin-right:5px; background-position:-235px -20px;} .detail_sch_list {position:relative; padding:15px;} .detail_sch_list:after {display:block; content:""; clear:both;} .detail_sch_list > li {float:left; width:50%; margin-top:6px; min-height:24px;} .detail_sch_list .search_period, .detail_sch_list .search_file, .detail_sch_list .search_condition {width:100%;} .detail_sch_list .search_period {margin-top:0;} .detail_sch_list .search_condition {margin-top:10px;} .detail_sch_list .tit {position:relative; float:left; width:90px; height:23px; line-height:23px; font-weight:600;} .detail_sch_list .tit:after {display:block; position:absolute; left:0; top:9px; /*width:3px; height:3px; background-color:#111;*/ content:"";} .detail_sch_list .search_period .ip_txt_w {width:65px;} .detail_sch_list .search_period .chk_list {margin-left:20px;} .detail_sch_list .search_file .ip_txt_w {margin-right:5px;} .detail_sch_list .chk_list {display:inline-block; height:23px; line-height:23px;} .detail_sch_list .chk_list label {margin-right:10px;} ul.detail_sch_list.sub { padding: 10px;background: #f6f6f6;margin: 5px; margin-top: -5px;} .btn_detail_close {position:absolute; right:10px; top:10px; z-index:99; display:block; width:14px; height:13px; background-position:-240px 0;} .layer_mailbox {width:190px; height:107px; overflow-y:auto; overflow-x:hidden;margin-bottom: 66px;} .layer_mailbox .folder_depth a {padding-left:15px;} .layer_mailbox .folder_depth .folder_depth a {padding-left:30px;} .layer_tag .layer_list_basic {height:199px; overflow-x:hidden; overflow-y:auto;} .layer_tag .layer_list_basic label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:170px;} .layer_box.tag_form {position: absolute; bottom: 60px; right: 0; left: 0;} /* write Content */ .write_content {padding:10px 15px; /* min-width:700px; */} .write_tb {width:100%;} .write_tb th, .write_tb td {vertical-align:top; padding:0 0 4px 0;} .write_tb .bt_cm_md {height:24px; line-height:22px;} .write_tb .wrt_title {text-align:left; color:#000; padding-top:7px;} .write_tb .wrt_addition {padding-top:7px;} .write_tb .wrt_addition [class^="btn_add"] {display:inline-block; width:15px; height:15px; background-position:-304px -280px;} .write_tb .wrt_addition .btn_add_minus {background-position:-323px -280px;} .write_tb .wrt_addition .icon_important {display: inline-block; width: 8px; height: 12px; background-position: -120px -228px; vertical-align: -2px;} .mi_subject_ing i.icon_important {display: inline-block;width: 6px;height: 12px; background-position: -120px -228px;vertical-align: -2px;} .write_tb .wrtip_w {position:relative; padding-right:55px;} .write_tb .wrtip_w.wrt_prvt {padding-right:120px;} .write_tb .btn_addr_note {position:absolute; right:0; top:0;} .write_tb .chk_private {position:absolute; right:55px; top:4px;} .write_tb .chk_all_noti {position:absolute; right:115px; top:4px;} .write_tb [class^="wrt_ip"] {position:relative; min-height:18px; padding:2px 22px 2px 6px; border:1px solid #c0c0c0; cursor:text;} .write_tb .wrt_ip_over {border-color:#c0c0c0;} .write_tb .wrt_per_list {width:100%; } .write_tb .wrt_per_list li {float:left; margin-right:3px;} .write_tb .wrt_per_list li .wipt {border:0; height:18px; line-height:18px; padding:0;} .write_tb .wrt_per_list li textarea.wipt {resize:none; background-color:transparent; overflow:hidden;} .write_tb .btn_auto {position:absolute; right:0; top:0; width:21px; min-height:100%; border-left:1px solid #c0c0c0; background-color:#f9f9f9} .write_tb .btn_auto .icon_arr {display:inline-block; width:7px; height:4px; background-position:-455px -20px; vertical-align:1px} .write_tb .mail_addr {height:16px; line-height:16px; padding:0 4px; border:1px solid #ccc4f0; background-color:#e4deff; color:#333;} .write_tb .mail_addr.error {border:1px solid #cdcdcd; background-color:#e8e8e8;} .write_tb .mail_addr .btn_modi {display:inline-block; width:8px; height:8px; margin-left:5px; background-position:-205px -50px;} .write_tb .mail_addr .btn_del {display:inline-block; width:8px; height:7px; background-position:-455px -25px;} .write_tb .mail_addr .wipt {display:none;} .write_tb .sbj_ip {padding-right:2px;} .write_tb .sbj_ip .ip_txt_w {width:100%;} .write_tb .btn_file_adds {float:left;margin-left: 4px;} .write_tb .btn_file_adds .icon_del {margin-right:4px; vertical-align:1px;} .write_tb .txt_file_size {float:right; margin-top:9px;font-size:11px; color:#606060;} .write_tb .txt_file_size span {display:inline-block; margin:0 5px; color:#bfbfbf;} /*.write_search {position:relative; min-height:18px; padding:0px 22px 0px 6px; border:1px solid #c0c0c0; cursor:text; max-height: 280px; height: auto;}*//* 메일쓰기 참조쪽 바꿈 온나라2차--이걸로 입력부분 다 바뀐다함 padding:2px 22px 2px 6px;*/ /*.write_search .se_form {width:100%;border:1px solid #fff; height:18px; maring:2px;}*/ .add_file_box {position:relative; border:1px solid #c2c2c2;/*margin-left: 150px;*/margin-top: 10px;} .add_file_box .afb_header, .add_file_box .afb_upload li {position:relative; padding:0 395px 0 27px;background: #fff; height:30px;} .add_file_box .afb_upload li {padding-right:380px; height: 20px;} .add_file_box .txt_file_drag {overflow:hidden; min-height:120px; line-height:120px; text-align:center;} .add_file_box .txt_file_drag .icon_file_drag {display:inline-block; width:25px; height:31px; background-position:-475px -40px; vertical-align:middle; } .add_file_box [class^="file_"] {display:block; position:absolute; top:0; text-align:center;height: 26px;} .add_file_box .file_selcet {width:27px;left:0;} .add_file_box .file_name {position:relative; text-align:left; padding-left:10px; padding-top: 5px;} .add_file_box .file_size {width:85px; right:310px; padding-top: 5px;} .add_file_box .file_type {width:145px; right:165px; padding-top: 5px;} .add_file_box .file_dwld {width:165px; right:0; padding-top: 5px;} .afb_upload .file_size {right:292px;} .afb_upload .file_type {right:147px;} .afb_upload .file_dwld {width:147px;} .afb_header {height:20px; line-height:20px; border-bottom:1px solid #c2c2c2; background-color:#f2f2f2;}/*여기아니고*/ .afb_header [class^="file_"]:after {display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#c2c2c2; content:"";} .afb_header .file_selcet:after {display:none;} .afb_upload {overflow-x:hidden; overflow-y:scroll; height:120px; padding-top:5px; padding-bottom:10px;} .afb_upload li {margin-top:2px; height:17px; color:#333;} .afb_upload .file_type button {width:56px; height:17px; line-height:15px; border:1px solid #a8a8a8; text-align:center; color:#6d6d6d; background:#f2f2f2;}/*여기아니고*/ .afb_upload .file_type [class^="btn_file_"] {color:#fff;} .afb_upload .file_type .btn_file_a {border:1px solid #1e56b0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6699ed+0,3a74d6+100 */ background: #6699ed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OTllZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTc0ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6699ed 0%, #3a74d6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699ed), color-stop(100%,#3a74d6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6699ed 0%,#3a74d6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6699ed 0%,#3a74d6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6699ed 0%,#3a74d6 100%); /* IE10+ */ background: linear-gradient(to bottom, #6699ed 0%,#3a74d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ed', endColorstr='#3a74d6',GradientType=0 ); /* IE6-8 */ } .afb_upload .file_type .btn_file_b {border:1px solid #bc3311; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f87b5a+0,e3532c+100 */ background: #f87b5a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4N2I1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzUzMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f87b5a 0%, #e3532c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87b5a), color-stop(100%,#e3532c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f87b5a 0%,#e3532c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f87b5a 0%,#e3532c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f87b5a 0%,#e3532c 100%); /* IE10+ */ background: linear-gradient(to bottom, #f87b5a 0%,#e3532c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87b5a', endColorstr='#e3532c',GradientType=0 ); /* IE6-8 */ } .write_opt_box {position:relative; min-height:90px; padding-left:180px; margin-top:10px; border:1px solid #c2c2c2;} /* .write_opt_box:after {display:block; position:absolute; left:180px; top:0; bottom:0; width:1px; height:100%; background-color:#c2c2c2; content:"";} */ .write_opt_box .wopt_sel {position:absolute; left:0; top:0; bottom:0; width:160px; padding:15px 10px; border-right:1px solid #c2c2c2; background-color:#f3f3f3; color:#333;} .write_opt_box .wopt_sel .wopt_tit {display:block; margin-bottom:7px;} .write_opt_box .wopt_sel .wopt_txt {font-size:11px; color:#828282; line-height:16px; margin-top:10px;} .write_opt_box .wopt_sel li {line-height:22px;} .write_opt_box .wopt_cont {overflow-x:hidden; overflow-y:auto; min-height:60px; max-height:120px; padding:15px; line-height:20px;} .write_opt_box.opt_sign_box .wopt_cont {min-height:120px;} .write_opt_sec {position:relative; padding:15px 0 20px;} .write_opt_sec .opt_sel,.write_opt_sec .opt_reserve,.reserve_add {display:inline-block;} .write_opt_sec .opt_sel {margin-right:15px;} .write_opt_sec .opt_sel label {margin-right:5px;} .write_opt_sec .btn_detail_sett {position:absolute; right:0; top:15px;} .write_opt_sec .btn_detail_sett .icon_sett {margin-right:5px;} .write_wrap .head_btns_write .new_win_write {right:15px;} /* write layer */ .layer_send_modify {left:440px; top:30px;height: 252px;width: 237px;} .layer_info_modify {padding:0 13px 15px;} .layer_info_modify label, .layer_info_modify .ip_txt_w, .layer_info_modify .sel_fm {display:block; } .layer_info_modify label {font-weight:600; margin:12px 0 5px;} .layer_auto_keyword {width:100%; left:-1px; top:24px} .layer_auto_keyword_list li {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .layer_auto_keyword_list li a {height:23px; line-height:23px; padding:0 8px; color:#333;} .layer_auto_keyword_list li a:hover {background-color:#f1f1f1; } .layer_auto_keyword_list li a strong {color:#000; font-weight:600;} /* 2차- 메일쓰기 검색결과 레이어 */ .layer_search_result_title {font-weight:600; padding:6px; background:#f2f2f2; position:absolute; top:0; left:0px; right:0px}/*메일쓰기:아이디/이름키보드입력시 레이어창의 타이틀-2차*/ .layer_search_result_list {position:absolute; left:0px; right:0px; top:26px; bottom:30px;overflow:auto; overflow-y:scroll;}/*메일쓰기:아이디/이름키보드입력시 검색결과 폼*/ .layer_search_result_more {text-align:center;border-top:1px dotted #bbbdc0; padding:10px;}/*메일쓰기:아이디/이름키보드입력시 검색결과 더보기*/ .layer_search_result_bottom {position:absolute; left:0; right:0; bottom:0; text-align:center; background:#f2f2f2; padding:5px;}/*검색레이어 닫기*/ .layer_addr_auto {width:328px; height:267px; right:-1px; top:24px; overflow:hidden} .addr_auto_list {position:relative; } .addr_auto_list dt {width:50%; float:left;} .addr_auto_list dt a {display:block; width:100%; height:31px; line-height:31px; text-align:center; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#f1f1f1;} .addr_auto_list dt [class^="icon_"] {display:inline-block; margin-right:5px;} .addr_auto_list .tit_addr a {border-left:none;} .addr_auto_list .tit_addr .addr_auto_list .tit_favorite .icon_favorit {vertical-align:-2px;} .addr_auto_list dd {display:none; position:absolute; left:0; top:32px; overflow-x:hidden; overflow-y:scroll; width:100%; height:235px; background-color:#fff;} .addr_auto_list dd ul {padding-top:10px;} .addr_auto_list dd li {position:relative; /*width: 276px;*/text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:22px; padding:0 25px 0 10px; } .addr_auto_list dd li .btn_del {position:absolute; right:15px; top:8px; display:inline-block; width:8px; height:7px; background-position:-150px -25px;} .addr_auto_list.selected dt a {border-bottom:1px solid #fff; background-color:#fff;} .addr_auto_list.selected dd {display:block;} .sel_box { float: left; width: 250px; margin: 10px 20px;} .sel_country { width: 250px; height: 250px; border: 1px solid #ccc;} .layer_add_country { width: 328px; height: 267px;right: -1px; top: 24px; overflow: hidden;} #line .btn_add { width: 30px; height: 30px; float: left; margin-top: 100px;background-position: -346px -351px;} .layer_add_country { width: 250px; height: 250px; right: -1px; top: 24px; overflow: hidden; border: 1px solid #cccccc; background-color: #fff;} .layer_detail_sett {bottom:45px; right:0; width:445px; height: 500px;} .layer_detail_sett .sett_box {padding:15px 15px 0;} .layer_detail_sett .sett_box .tit_sett label {font-weight:600; color:#333;} .layer_detail_sett .sett_box .txt_sett {margin-top:5px; font-size:11px; line-height:16px; color:#828282;} .layer_detail_sett .sett_box .sel_fm {min-width:115px; margin-left:5px;} .layer_detail_sett .sett_box .sett_approval {margin-left:10px;} .layer_detail_sett .sett_box .sett_approval:hover {text-decoration:underline;} .layer_detail_sett .layer_btn_box {margin-top:25px;} .layer_detail_sett dl.sett_box {overflow:hidden;} .layer_detail_sett dl.sett_box dt, dl.sett_box dd {float:left;} .layer_detail_sett dl.sett_box dt {width:90px;} .layer_detail_sett dl.sett_box dd {width:325px;} .layer_detail_sett dl.sett_box li {margin-bottom:5px;} .layer_detail_sett dl.sett_box li label {display:inline-block; width:75px;} .layer_detail_sett dl.sett_box .ip_txt_w {width:240px; padding:0;} .layer_detail_sett dl.sett_box .ip_chk {margin-right:5px;} .layer_detail_sett dl.sett_box .sel_fm {width:242px; margin-left:0;} /* .layer_detail_sett dl.sett_box .disable {border:1px solid #afafaf; background-color:#f4f4f4; color:#999;} */ /* 보낸사람끼리 묶어보기 리스트*/ .mail_list_sendman {position:relative; min-width:700px; margin-bottom:30px; width:100%;} .mail_list_sendman li{line-height:35px;} .mail_list_sendman li a:hover { text-decoration:underline;} .mail_list_sendman .send_list {border-bottom:1px solid #dadada;} .mail_list_sendman .send_list .list_more {text-align:center; margin-bottom:8px; padding-top:12px; padding-bottom:12px;} .send_list .lb_chk, .send_list a {padding:0px 8px 5px; color:#333;} .send_list .lb_chk:focus, .send_list .lb_chk:hover, .send_list a:focus, .send_list a:hover, .send_list .selected {text-decoration:none;} .send_list .lb_chk .ip_chk {margin-right:5px;} .send_list .choice { font-weight:600;} .send_list .list_b { padding-left:10px;} .send_list .list_ch { padding-left:10px; font-weight:600;} /* List Content */ /* .mail_list_content {position:relative; min-width:1000px; width:100%;}*/ .mail_list_content {position:relative; min-width:900px; width:100%;} .mail_list_content > li {position:relative; width:auto; min-height:28px; line-height:29px; vertical-align:top; padding: 5px 175px 5px 130px; min-width:450px; border-bottom:1px solid #e3e3e3;} .mail_list_content > li:hover{background-color:#f7f7f7;} /* .mail_list_content .mail_not_read .mi_name a, */ /* .mail_list_content .mail_not_read .mi_name2 a, */ .mail_list_content .mail_not_read .name_wd a, /* .mail_list_content .mail_not_read .subject_link {font-weight:600; color:#000080;} */ .mail_list_content .mail_not_read .subject_link {font-weight:600;} .mail_info {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;} .mail_info [class^="mi_"] {float:left; height:100%;} .mail_info .mi_date, .mail_info .mi_date2, .mail_info .mi_file_size, .mail_info .mi_rcv_check, .mail_info .mi_send_cancel {position:absolute; top:0;} .mail_info .mi_chk {width:35px;} .mail_info .mi_important {width: 22px;text-align: center;} .mail_info .mi_favorit {width:30px;} .mail_info .mi_read {width:26px;} .mail_info .mi_read_reply {width:26px;} .mail_info .mi_read_delivery {width:26px;} .mail_info .mi_tag {width: 12px;position: absolute;top: 0;left:0;} .mail_info .mi_file {width:45px;} .mail_info .mi_date2 {right:200px; width:105px; } .mail_info .mi_date {right:70px; width:105px; } .mail_info .mi_file_size {right:0; text-align:right;width:75px;} .mail_info [class^="icon_"] {display:inline-block;} .mail_info .mi_chk .ip_chk {vertical-align:top; margin:9px 0 0 19px;} .mail_info .mi_important, .mail_info .mi_favorit, .mail_info .mi_read, .mail_info .mi_read_reply .mail_info .mi_read_delivery .mail_info .mi_tag, .mail_info .mi_file, .mail_info .mi_date{text-align:center;} .mail_info .mi_date2{text-align:center;} .mail_info .icon_important {margin-top:11px;} .mail_info .icon_read {margin-top:10px; height: 20px;width: 20px;} .mail_info .icon_read_reply {margin-top:11px; margin-left:5px;} .mail_info .icon_read_delivery {margin-top:11px; margin-left:5px;} .mail_info .icon_read_replydelivery {margin-top:11px; margin-left:5px;} .mail_info .icon_favorit {margin-top:10px;} .mail_info .icon_tag {margin-top:13px;} .mail_info .icon_file {margin-top: 11px; height: 20px; width: 13px;} .mail_info .txt_date, .mail_info .txt_date2, .mail_info .txt_file_size {font-size:11px; line-height:38px;} .mail_info .txt_file_size {margin-right:10px;} .mail_info .icon_file.big {background-position:-117px -81px;} .mail_info .mi_subject {word-break:break-all; min-width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} /* List Title */ .gm_title {height:60px;} .mail_title_new {position: relative; width: 100%;min-width: 900px; height: 33px; /*background: #f1f1f1;*/font-weight:600;border-bottom: 1px solid #ccc;text-align:center; /* z-index: 100; */} .mail_title_new [class^="mi_"] {float:left; height:100%;} .mail_title_new .mi_date, .mail_title_new .mi_date2, .mail_title_new .mi_file_size, .mail_title_new .mi_rcv_check, .mail_title_new .mi_send_cancel {position:absolute; top:0;} .mail_title_new .mi_chk {width:40px;} .mail_title_new .mi_important {width:28px;} .mail_title_new .mi_favorit {width:30px;} .mail_title_new .mi_read {width:26px;} .mail_title_new .mi_read_reply {width:26px;} .mail_title_new .mi_read_delivery {width:26px;} .mail_title_new .mi_tag {width:30px;} .mail_title_new .mi_file {width:21px;} .mail_title_new .mi_date2 {right:200px; width:100px; } .mail_title_new .mi_date {right:93px;width: 100px;} .mail_title_new .mi_file_size {right:17px; width:75px;} .mail_title_new [class^="icon_"] {display:inline-block;} .mail_title_new .mi_chk .ip_chk {vertical-align:top; margin:6px 0 0 11px;} .mail_title_new .mi_important, .mail_title_new .mi_favorit, .mail_title_new .mi_read, .mail_title_new .mi_read_reply .mail_title_new .mi_read_delivery .mail_title_new .mi_tag, .mail_title_new .mi_file, .mail_title_new .mi_date{text-align:center;} .mail_title_new .mi_date2{text-align:center;} .mail_title_new .icon_important {margin-top:8px;} .mail_title_new .icon_read {margin-top:9px;} .mail_title_new .icon_read_reply {margin-top:9px;} .mail_title_new .icon_read_delivery {margin-top:9px;} .mail_title_new .icon_favorit {margin-top:10px;} .mail_title_new .icon_tag {margin-top:13px;} .mail_title_new .icon_file {margin-top:11px;} /*.mail_title_new .mi_file_size {text-align:right;}*/ .mail_title_new .mi_subject {word-break:break-all; min-width:40%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .mail_title_new .txt_file_size {/*margin-right:25px;*/} .mail_title_new .icon_file.big {background-position:-100px -80px;} /* .mail_title_new .mi_name {width:130px;} */ /* .mail_title_new .mi_name2 {width:160px;} */ .receive_list .mail_title_new .mi_chk {/*width:50px;*/} .receive_list .mail_title_new .mi_date {right:225px; width:100px;} .receive_list .mail_title_new .mi_rcv_check {right:80px; width:200px;} .receive_list .mail_title_new .mi_send_cancel {right:0; width:85px;} .receive_list .mail_title_new .mi_rcv_check, .receive_list .mail_title_new .mi_send_cancel {text-align:center; /*line-height:31px;*/} /* .mail_title .mi_name {position:absolute; left:0; top:0; width:155px;} */ /* .mail_title .mi_name a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */ /* .mail_title .mi_name2 {position:absolute; left:0; top:0; width:180px;} */ /* .mail_title .mi_name2 a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */ .mail_title .mi_subject {word-break:break-all; min-width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} /* 행자부용 메일리스트 제목 수정부분 */ /*mail_title .ttwarp {display: block;position: relative;margin-left: 50px; } .mail_title .ttwarp .mi_subject_ing {word-break:break-all; min-width:230px; text-overflow:ellipsis; overflow:hidden;width:100%;float:left;text-overflow: ellipsis;white-space: nowrap;position: absolute;}*/ .mail_title .btn_expand {display:inline-block; width:20px; height:20px; text-align:center;} .mail_title .btn_expand .icon_expand {display:inline-block; width:10px; height:10px; background-position:-240px -35px;} .mail_title .mi_reply, .icon_read_replydelivery { font-size: 11px; width: 45px; height: 26px; background-position: -109px -312px; background-image: url(../images/ui_content/icon_img.png); background-repeat: no-repeat; background-size: 400px 504px; text-align: center; position: absolute; line-height: 29px; } .layer_preview {top:127px; overflow:visible;} .layer_preview .layer_preview_cont {max-width:460px; min-width:300px; max-height:54px; min-height:140px; overflow:hidden; margin:10px 30px 10px 10px; line-height:1.5;} .layer_preview .layer_btn_box {text-align:right; padding-right:10px;} .layer_preview .bg_prv {position:absolute; top:-4px; left:50%; display:block; width:16px; height:8px; margin-top:-4px; margin-left:-8px; background-position:-245px -20px;} .layer_preview .btn_layer_close {position:absolute; right:11px; top:7px; width:11px; height:11px; background-position:-265px -25px;} .layer_send_info {width:250px;} .layer_send_info li {line-height:1} .layer_send_info .send_info {margin-top:5px} .layer_send_info .send_info li {padding:5px 8px; } /* 주소록 수신자 그룹 튤팁*/ .layer_preview1 {top:127px;} .layer_preview1 .layer_preview_cont {overflow:hidden; margin:10px 30px 10px 10px; line-height:1.5;} .layer_preview1 .layer_preview_cont .addressee {} .layer_preview1 .layer_preview_cont .addressee li { font-size:11px; color:#4c4c4c;} /* List 수신확인 */ .receive_list .mail_list_content > li {padding:5px 270px 5px 50px;} .receive_list .mail_info .mi_chk {width:50px;} .receive_list .mail_info .mi_date {right:208px; width:120px;} .receive_list .mail_info .mi_rcv_check {right:80px; width:200px;} .receive_list .mail_info .mi_send_cancel {right:0; width:70px;} .receive_list .mail_info .mi_rcv_check, .receive_list .mail_info .mi_send_cancel {text-align:center; line-height:40px;} .receive_list .mail_title {padding-left:130px;} /* .receive_list .mail_title .mi_name {width:100px;} */ .mi_rcv_check a:hover {text-decoration:underline;} .mi_rcv_check .chk_num {color:#c02a2a;} .mi_rcv_check .icon_more {display:inline-block; width:14px; height:14px; vertical-align:-2px; margin-right:5px; background-position:-400px 0;} .rcv_chk_layer {right:20px; top:25px; width:355px; padding:10px 20px; text-align:left;} .rcv_chk_layer .profile_img {margin-right:5px;} .rcv_chk_layer .rcv_mail_add {display:inline-block; font-weight:600;} .rcv_chk_layer .rcv_history {width:100%; margin-top:10px;} .rcv_chk_layer .rcv_history li {line-height:1.6;} .rcv_list_layer {right:20px; /* top:25px; width:395px; */width:500px; text-align:left;} .address_list_layer{left:20px; top:25px; /* width:395px; */width:500px; text-align:left;} .rcv_chk_w {overflow:hidden; padding:0 0 10px 20px; line-height:1.6;} .rcv_chk_w dt, .rcv_chk_w dd {float:left; margin-top:10px;} .rcv_chk_w dt {width:70px;} .rcv_chk_w dd {/* width:305px; */width:410px;} .rcv_chk_w .rcv_chk_list ul {max-height:190px; overflow-x:hidden; overflow-y:auto;} .rcv_chk_w .rcv_chk_list a, .rcv_chk_w .rcv_chk_list span {display:inline-block; } .rcv_chk_w .rcv_chk_list .mail_add {/* width:160px; */width:250px;} .rcv_chk_w .rcv_chk_list .rcv_chk {width:60px;} .rcv_chk_w .rcv_chk_list .txt_u {text-decoration:underline;} .rcv_chk_back {height:39px; border-bottom:1px solid #c5c5c5;} .rcv_chk_back .btn_back {display:block; width:35px; height:39px; margin-left:10px;text-align:center;} .rcv_chk_back .icon_back {display:inline-block; width:21px; height:10px; background-position:-215px -35px;} /* paging */ .gm_paging_nav [class^="move_"] {display:inline-block; width:21px; height:21px; vertical-align:top; margin-top:11px;} .gm_paging_nav .move_prev {background-position:-247px -206px} .gm_paging_nav .move_next {background-position:-273px -206px} .gm_paging_nav .move_prev.selected, .gm_paging_nav .move_prev:hover {background-position:-247px -230px} .gm_paging_nav .move_next.selected, .gm_paging_nav .move_next:hover {background-position:-274px -230px} .gm_paging_nav .paging_nums {display:inline-block; margin:10px 10px 0 0;} .gm_paging_nav .paging_nums a {display:inline-block; width:24px; text-align:center; color:#width:22px; font-size:14px; font-family:tahoma; max-width:45px; min-width:24px;} .gm_paging_nav .paging_nums a.selected, .gm_paging_nav .paging_nums a:hover {text-decoration:underline; font-weight:600;} .paging_horizontal .paging_ip {display:inline-block; margin-top:10px; margin-right:10px; line-height:21px; font-family:tahoma;} .paging_horizontal .paging_ip .ip_txt_w {width:40px;} .paging_horizontal .move_next {margin-right:10px;} /* view Content_2차_받은사람 펼침 기능 */ .view_info {padding:20px 15px 15px 20px; border-bottom:1px solid #dedede; min-width:700px; width:auto;} .view_subject {position:relative; overflow:hidden;margin-bottom: 10px;} .view_subject .icon_important {float:left; margin-right:10px; margin-top: 6px;} .view_subject h4 {float:left; color:#251e1e; font-size:15px;width:80%;} .view_subject .send_date {float:right; font-family:tahoma; font-size:11px; color:#525252;} .send_person_list {padding-left:60px;} .send_person_list:after {display:block; clear:both; content:"";} .send_person_list dt {float:left; height:24px;} .send_person_list dd {float:left; padding-top: 4px; line-height: 26px;} .send_person_list .persons {visibility:hidden; display:block; margin-bottom:-12px;} .send_person_list dt {min-width:50px; line-height:24px; text-indent:-35px; font-weight: 600;margin-top:5px;} .send_person_list .icon_favorit {vertical-align:top; margin-right:4px; margin-top:5px;} .send_person_list a {display:inline-block;} .send_person_list dt.n_name { margin-left: 90px;} .reference_person {margin-top:3px; } .reference_person dd {position:relative; padding:0 5px 0 5px; border-top:1px solid #dedede; background-color:#f9f9f9;} .reference_person dd:after {position:absolute; left:0; right:0; top:0; width:100%; border-top:1px solid #f0efef; content:"";} .view_info .send_info_view {/*height:27px;*/margin-left:10px; text-decoration:underline;} .view_info .icon_arr { display: inline-block;width: 20px;height: 15px;vertical-align: 2px;background-position:-220px -230px;margin-top: 5px;} .view_info .icon_arr.off {background-position:-220px -248px;} .view_info .send_info_view .icon_arr { display: inline-block;width: 20px;height: 15px;vertical-align: 2px;background-position: -216px -240px ;margin-top: 5px;} .view_info .send_info_view .icon_arr.off {background-position:-221px -223px;} .view_info .add_work {/* position:absolute; right:15px; top:50px; */float:right; position:relative; top:0;} dd#dl_open_to, dd#dl_close_to, dd#dl_open_cc, dd#dl_close_cc {padding: 0; font-size: 12px;color: #999999;} .view_contnet {min-width:700px; margin-top:1px; padding:20px 45px; color:#171717;} .view_contnet button:hover {text-decoration:underline;} .attach_cont {margin-bottom:30px;} .tit_attach_w {margin-bottom:5px;} .tit_attach_w .icon_file,.tit_attach_w h5,.tit_attach_w .icon_down {display:inline-block; } .tit_attach_w .icon_file {vertical-align:-2px; margin-right:6px; margin-top:11px;} .tit_attach_w h5 {font-size:12px; margin-right:12px;} .tit_attach_w .tit_attach {margin-right:10px} .tit_attach_w .num_file {color:#d42103;} .btn_all_down {vertical-align:-1px;} .btn_all_down:hover {text-decoration:underline;} .btn_all_down .icon_down {width:18px; height:18px; margin-right:5px; background-position:-272px -266px;} .attach_box {border:1px solid #ddd; padding-bottom:5px;} .attach_tb {width:100%;} .attach_tb thead th {height:22px; height:22px; line-height:22px; background-color:#f1f1f1; font-weight:normal;} .attach_tb tbody td {padding:6px 0 5px; text-align:center;} .attach_tb tbody tr:first-child td {padding-top:10px;} .attach_tb tbody .down_file {text-align:left; padding-left:18px;} .attach_tb tbody .down_file a {color:#171717;} .attach_list {padding:5px 0 0 15px;} .attach_list li {line-height:22px;} .attach_list li a {color:#171717;} .attach_box .file_size {display:inline-block; margin-left:10px; font-family:tahoma; font-size:11px;} .attach_box .icon_del {margin-right:5px;} .down_period {margin-bottom:8px;} .down_period .period {display:inline-block; padding:8px 15px 6px; background-color:#f1f1f1;} .down_period .end_date {color:#d42103;} .down_period .txt_save {color:#1a71f3;} #view_read_frame {/*line-height:1.25;*/ margin-bottom:40px;} /*#view_read_frame ul,#view_read_frame ol,#view_read_frame li,#view_read_frame dl,#view_read_frame dt,#view_read_frame dd,*/ #view_read_frame body,#view_read_frame div,#view_read_frame p,#view_read_frame h1,#view_read_frame h2,#view_read_frame h3,#view_read_frame h4,#view_read_frame h5,#view_read_frame h6,#view_read_frame table,#view_read_frame th,#view_read_frame td,#view_read_frame form,#view_read_frame fieldset,#view_read_frame legend,#view_read_frame input,#view_read_frame textarea,#view_read_frame a,#view_read_frame button,#view_read_frame select{margin:0;padding:0} #view_read_frame body,#view_read_frame input,#view_read_frame textarea,#view_read_frame select,#view_read_frame button,#view_read_frame table{font-family:'돋움',#view_read_frame dotum,#view_read_frame sans-serif;font-size:12px;border-collapse: separate;/*border-spacing:1px;*/} #view_read_frame body{word-break:break-all} #view_read_frame img,#view_read_frame fieldset{border:0} /*#view_read_frame img{vertical-align:top}*/ #view_read_frame ul,#view_read_frame ol{list-style:none} #view_read_frame em,#view_read_frame address{font-style:normal} #view_read_frame a{text-decoration:none} #view_read_frame a:link,#view_read_frame a:visited,#view_read_frame a:hover,#view_read_frame a:active,#view_read_frame a:focus,#view_read_frame button,#view_read_frame input{text-decoration:underline;outline-style:none;outline:none} #view_read_frame a:link,#view_read_frame a{ color: blue; } #view_read_frame a:visited{ color: purple; } #view_read_frame a:active{ color: red; } #view_read_frame p, #view_read_frame div { line-height: 160%; } /* 메일보기 - 첨부이미지 미리보기 */ .attach_img_cont {margin-bottom:50px;} .tit_attach_img {font-size:12px; font-weight:normal; color:#171717;} .tit_attach_img strong {font-weight:600;} .attach_img_list {overflow:hidden;} .attach_img_list li {position:relative; float:left; padding-right:3px; padding-top:3px; margin-right:25px; margin-top:10px;} .attach_img_list li:after{display:block; z-index:1; position:absolute; right:0; top:0; width:198px; height:200px; border:1px solid #d0d0d0; content:""; background-color:#fff;} .attach_img_list a {position:relative; z-index:2; display:block;} .attach_img_list .thumb_box {overflow:hidden; width:198px; height:200px; border:1px solid #d0d0d0; background-color:#fff; text-align:center;} .attach_img_list .thumb_box img {max-width:100%;} .attach_img_list .blank{display:inline-block; vertical-align:middle; height:200px;} .attach_img_list .txt_over {display:none; position:absolute; left:1px; top:1px; width:198px; height:200px; background:url(../images/ui_content/bg_transparent.png) repeat; text-align:center; color:#fff; font-weight:600; line-height:200px;} .attach_img_list .txt_over .icon_down {display:inline-block; width:9px; height:9px; margin-right:5px; background-position:-430px -30px;} .attach_img_list a:hover .txt_over {display:block;} .attach_img_list .icon_down {display:inline-block; width:7px; height:9px; margin-right:5px; vertical-align:-2px; background-position:-355px -25px;} .attach_img_list .file_name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; margin-top:7px;} /* 메일보기 - 주고받은메일 */ .exchange_cont {border:1px solid #c2c2c2; margin-bottom:30px;} .exchange_cont .tit_sec {position:relative; padding:10px 14px 5px; border-bottom:1px solid #dedede; color:#333; } .exchange_cont .tit_sec .tit {display:inline; vertical-align:top; font-weight:600;} .exchange_cont .tit_sec .txt_num {color:#d42103;} .exchange_cont .tit_sec .btn_question {display:inline-block; width:16px; height:16px; background-position:-130px -40px; margin-left:5px; vertical-align:top; } .exchange_list {overflow-x:hidden; overflow-y:auto; height:150px;} .exchange_list a {display:block; position:relative; height:30px; padding:0 116px 0 57px; line-height:30px;} .exchange_list a:hover {background-color:#e8f6fd;} .exchange_list [class^="exch_"] {display:block; position:absolute; top:0;} .exchange_list [class^="icon_"] {display:inline-block; vertical-align:middle} .exchange_list .exch_read {left:0; width:16px; padding-left:14px;} .exchange_list .exch_file {left:30px; width:26px; text-align:center;} .exchange_list .exch_date {right:0; width:115px;} .exchange_list .link_txt {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;} .layer_exchange dl {padding:15px;} .layer_exchange dt {font-weight:600; margin-bottom:10px;} .layer_exchange dd {line-height:16px;} /* 메일보기 - 태그 */ .view_tag_list {position:relative; overflow:hidden; margin-bottom:30px; padding-left:100px;cursor:default;} .view_tag_list dt {position:absolute; left:0; top:0; width:95px; font-weight:600; color:#171717;} .view_tag_list dt .icon_tag {margin-right:5px; vertical-align:-2px;} .view_tag_list dd {display:inline-block; margin-right:10px;} .view_tag_list dd a {display:inline-block; padding:0 5px; background-color:#ebf1f6; color:#496db4; line-height:16px; margin-bottom:5px;} .view_tag_list .btn_del {display:inline-block; width:15px; height:15px; text-align:center;} .view_tag_list .btn_del .icon_del {vertical-align:2px;} /* 메일보기 - 댓글 */ .reply_area {display: inline-block;} .reply_area .txt_like_w {font-size:14px; font-weight:600; margin-bottom:25px;} .reply_area .txt_like_w .reply_like {color:#d42103;} .reply_area .txt_like_w .btn_txt_like {display:inline-block; margin-left:10px; text-decoration:underline;} .reply_area .reply_list {padding:0 15px; background-color:#f6f6f6;} .reply_area .profile_img {display:none; position:absolute; left:0; top:15px;} .reply_area .reply_list .re_reply {padding-left:30px;} .reply_area .reply_list .re_reply:after {display:block; position:absolute; left:8px; top:15px; width:12px; height:12px; background-position:-365px -25px; content:"";} .reply_area .reply_list .re_reply .profile_img {left:27px;} .reply_area .re_person dt {font-weight:600; margin-bottom:5px;} .reply_area .re_person dt .date {position:relative; font-weight:normal; padding-left:10px; margin-left:5px; font-size:11px; color:#6c6c6c;} .reply_area .re_person dt .date:after {display:block; width:1px; height:10px; background:#a4a4a4; content:""; position:absolute; left:0; top:1px;} .reply_area .re_person dd {line-height:20px; padding-right:15px;word-break:break-all; word-wrap:break-word;} .reply_area .ip_txt_w {width:100%; display:block; margin-top:5px;} .reply_area .reply_ip {position:relative; padding:0 55px 0 5px; min-height:38px;} .reply_area .reply_ip .profile_img {left:15px; top:0;} .reply_area .reply_ip .ip_txt_w {width:100%; display:block; margin-top:0;} .reply_area .reply_ip .ip_txt {height:21px; line-height:21px;} .reply_area .btn_regi {position:absolute; right:0; top:0; height:25px; font-weight:600;} .reply_area .btns {position:absolute; right:0; top:15px;} .reply_area .btns button {position:relative; padding-left:10px; padding-right:8px;} .reply_area .btns button:after {display:block; width:1px; height:10px; background:#a4a4a4; content:""; position:absolute; left:0; top:3px;} .reply_area .btns button:first-child:after {display:none; } .reply_area .btn_more {position:relative; display:block; width:114px; height:34px; margin:30px auto 0; border:1px solid #999; border-radius:34px; font-size:14px; color:333; font-weight:600; text-decoration:none; line-height:34px;} .reply_area .btn_more .icon_arr {position:absolute; right:13px; top:11px; display:inline-block; width:6px; height:10px;margin-left:23px; background-position:-235px -60px;} /* 메일보기 - 대화형 */ .talk_mail {overflow:hidden; position:absolute; left:50%; top:50%; z-index:99; width:593px; height:538px; margin:-270px 0 0 -297px; border:1px solid #3d3d3d; background-color:#fff;} .talk_mail .tit_talk {height:35px; background-color:#3d3d3d; color:#fff; line-height:35px; font-size:14px; font-weight:600; text-align:center;} .talk_view {position:relative; overflow:hidden; padding:9px 10px 8px; border-top:1px solid #ebebeb; text-align:center;} .talk_view .talk_more strong {display:inline-block; vertical-align:top; margin-top:3px; margin-left:5px; color:#484848; } .talk_view .icon_more {display:inline-block; width:19px; height:19px; background-position:-300px -25px;} .total_talk {position:absolute; right:30px; top:5px;} .talk_list_w {height:465px; overflow-y:auto; overflow-x:hidden} .talk_list_w .talk_list {padding-bottom:15px;} .talk_list_w li {margin-top:10px; padding-bottom:20px;} .talk_list_w .send_message{padding-right:30px; text-align:right;} .talk_list_w .receive_message{padding-left:15px;} .talk_list_w .message_box {display:inline-block; vertical-align:top; position:relative; min-width:100px; max-width:350px; width:auto; padding:10px; border-radius:8px; color:#484848; text-align:left;} .talk_list_w .message_box:after {position:absolute; top:10px; width:10px; height:11px; content:"";} .talk_list_w .message_box .msg_tit {padding-bottom:7px; margin-bottom:5px;} .talk_list_w .message_box .msg_txt {line-height:17px;} .talk_list_w .message_box .msg_date {position:absolute; bottom:-20px; font-size:11px; color:#909090; font-family:tahoma;} .talk_list_w .send_message .msg_date {right:0;} .talk_list_w .receive_message .msg_date {left:0;} .talk_list_w .send_message .message_box {border:1px solid #dbd67e; background-color:#fdf8dd;} .talk_list_w .send_message .message_box .msg_tit {border-bottom:1px solid #f0e7b3;} .talk_list_w .send_message .message_box:after {right:-10px; background-position:-340px -25px;} .talk_list_w .receive_message .message_box {margin-left:13px; border:1px solid #c1c1c1; background-color:#f9f9f9;} .talk_list_w .receive_message .message_box .msg_tit {border-bottom:1px solid #ddd;} .talk_list_w .receive_message .message_box:after {left:-10px; background-position:-325px -25px;} .talk_list_w .selected .message_box {border-color:#000} .talk_list_w li:hover .message_box , .talk_list_w .selected .message_box {border:1px solid #b5d8f6; background-color:#e7f4ff;} .talk_list_w li:hover .message_box .msg_tit, .talk_list_w .selected .message_box .msg_tit {border-bottom:1px solid #b5d8f6;} .talk_list_w li:hover .message_box:after, .talk_list_w .selected .message_box:after {right:-10px; background-position:-340px -25px;} .talk_list_w .send_message:hover .message_box:after, .talk_list_w .send_message.selected .message_box:after {right:-10px; background-position:-280px -55px;} .talk_list_w .receive_message:hover .message_box:after, .talk_list_w .receive_message.selected .message_box:after {right:-10px; background-position:-280px -40px;} .talk_list_w .receive_message .profile_img {display:inline-block; vertical-align:top; } .talk_mail .btn_talk_close {display:block; position:absolute; right:15px; top:12px; width:14px; height:13px; background-position:-280px -25px;} /* 메일 발송 안내 */ .send_guide {position:relative; width:830px; margin:50px auto 0; padding:2px 0;} .send_guide:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:2px;} .send_guide .guide_header {padding:20px 0 18px 35px; background-color:#f6f6f6; height:50px;} .send_guide .guide_bottom {text-align:center;}/* 20161005추가 온나라2차 */ .send_guide .send_msg {display:inline-block; margin-right:10px; font-size:16px; color:#1d1d1d; font-weight:600; vertical-align:middle;} .send_guide .send_msg_cancel {display:inline-block; margin-right:10px; font-size:12px; color:#1d1d1d; vertical-align:middle; margin-top:15px; margin-bottom:15px;} .send_guide .send_msg_guide { font-size:12px; text-align:left; color:#7f7f7f; line-height:16px; background-color:#f6f6f6; padding:25px 0 25px 35px;} .send_guide .send_msg_guide .emphasis {font-weight:600; color:#5f5f5f;} .send_guide ul {padding:10px 0;} .send_guide li {height:36px; padding-left:40px; border-top:1px solid #e8e8e8;} .send_guide li:first-child {border-top:none;} .send_guide li .mail_add, .send_guide li .send_state, .send_guide li button {float:left; font-size:14px; line-height:36px;} .send_guide li .mail_add {width:550px; margin-right:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .send_guide li .send_state {width:100px; margin-right:20px;} .send_guide li .send_state [class^="icon"] {margin-right:5px;} .send_guide li button:hover {text-decoration:underline;} .send_guide .guide_header dl {float: left;padding-right: 50px;margin: 10px 0;font-size: 14px;} /** 메일 승인자 안내 */ .guide { position : absolute; left : 50%; top : 50%; display : block; margin-left: -335px; margin-top: -240px; } .guide_approver { position: relative; padding : 20px; zoom : 1; background : #f3f3f3; } .guide_approver .outline { width : 650px; font-size : 12px; } .guide_approver .outline .header { font-size : 18px; padding : 20px 10px; font-weight : 800; letter-spacing : -2px; } .guide_approver .outline .body { border : 1px solid #ccc; border-top : 2px solid #ff2121; } .guide_approver .outline .body .box { height : 300px; overflow-y : auto; background : #fff; } .guide_approver .outline .body .box .content { padding : 20px; } .guide_approver .outline .footer { margin : 20px; text-align : center;} .guide_approver button { border : 1px solid #c3c3c3; color : #333; background : #fff; padding : 0 11px; display : inline-block; height : 27px; line-height : 27px; text-decoration : none !important; } /* 주소록 */ .lnb_addr_select {position:relative; padding:0 17px 20px;}/* 원래 */ .lnb_addr_select_add {position:relative; padding:0 21px 20px;}/* 행자부용 추가 */ .btn_individual {position:relative; display:block; height:30px; line-height:30px; padding:0 25px 0 10px; border:1px solid #a5a5a5;} .btn_individual .icon_arr {position:absolute; right:10px; top:12px; display:inline-block; width:12px; height:6px; background-position:-255px -40px;} .lnb_addr_companys .sel_fm {width:185px; height:30px; padding-left:7px;}/* 원래 */ .lnb_addr_companys .sel_fm_add {width:177px; height:30px; padding-left:7px;}/* 행자부용 추가*/ .layer_addr_idvd {width:183px; top:30px;} .lnb_addr_list .tit_addr {height:35px; line-height:35px; padding:0 10px; font-weight:600;} .lnb_addr_list .tit_addr .icon_arr {display:inline-block; width:11px; height:6px; margin-right:5px; background-position:-180px -25px;} .lnb_addr_list .tit_addr strong {color:#3a3a3a;} .lnb_addr_list .tit_addr button {margin-left:20px;} .lnb_addr_list .addr_depth {/* overflow:auto; */ min-height:135px; padding:10px;} .lnb_addr_menu { position: absolute;left: 0;right: 0;bottom: 40px;border-top: 1px solid #ddd; padding: 10px 0; text-align: center; background-color: #fff;} .lnb_addr_menu [class^="icon_"] {display:inline-block; vertical-align:-3px; margin-right:10px;} .lnb_addr_menu li {position:relative; line-height:30px;} .lnb_addr_menu li a {display:inline-block; margin-right:10px;} .lnb_addr_menu .txt_num {color:#e52020; font-size:11px;} .icon_lately {width:17px; height:15px; background-position:-80px -60px;} .icon_del_add {width:17px; height:15px; background-position:-100px -60px;} .addr_tb_list {width:100%; min-width:900px;} .addr_tb_list thead th, .addr_tb_list tbody td {text-align:left; border-bottom:1px solid #e3e3e3;} .addr_tb_list thead th {padding:7px 5px 8px; border-left:1px solid #e3e3e3; background-color:#fafafa; } .addr_tb_list tbody td {height: 37px; padding-left:10px} .addr_tb_list tbody td.ellipsis {max-width:100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .addr_tb_list thead th:first-child, .addr_tb_list tbody td:first-child {border-left:none;} .addr_tb_list .icon_favorit {vertical-align:-2px;} .addr_tb_list .txt_center {text-align:center; padding:0;} .addr_tb_list .addr_selected td {background-color:#e8f6fd;} .addr_tb_list .btn_modi:hover {text-decoration:underline;} .addr_tb_list tbody tr:hover {background-color: #f5f5f5;} .addr_tb_list .layer_addr_tel {border:2px solid #808080; padding:5px 0;} .addr_tb_list .layer_addr_tel li {font-family:tahoma,sans-serif; line-height:19px; padding:0 5px; color:#757575;} /* 주소록 가져오기,내보내기 */ .addr_w {padding-top:15px;} .txt_noti_addr {position:relative; padding-left:10px; line-height:20px;} .txt_noti_addr:after {display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#111; content:"";} .txt_noti_addr .noti_link {display:block; color:#009cbe; text-decoration:underline;} .addr_sett_w {position:relative; min-height:52px; margin-top:18px; padding-left:154px; border:1px solid #ececec; background-color:#f8f8f8;} .addr_sett_tit {position:absolute; left:30px; top:20px; font-weight:600; font-size:12px; border-right:1px solid #ececec;} .addr_sett_cont {position:relative; padding:20px; background-color:#fff; border-left:1px solid #ececec; } .addr_sett_cont:after {clear:both; content:""; display:block; } .addr_sett_cont .sel_lang {float:left; margin-right:10px;} .addr_sett_cont .sel_file {float:left; line-height:20px;} .addr_sett_cont .sel_file .ip_file {width:510px; height:22px; border:1px solid #e1e1e1;} .addr_sett_cont .sel_file p {color:#808080; margin-top:5px;} .addr_sett_cont .file_selected .file_name {display:inline-block; margin-right:10px; color:#004b8b;} .addr_sett_cont .file_selected .icon_file {display:inline-block; margin-right:5px; vertical-align:-2px;} .addr_sett_cont .chk_list {overflow:hidden;} .addr_sett_cont .chk_list > li {display:inline-block; margin-right:25px;} .addr_sett_cont [class^="chk_list"] .ip_chk {margin-right:5px;} .addr_sett_cont .chk_list_sel > li {position:relative; margin-top:15px;} .addr_sett_cont .chk_list_sel > li:first-child {margin-top:0;} .addr_sett_cont .chk_list_sel .sel_lb {margin-right:10px;} .addr_sett_cont .group_list {line-height:16px; margin-top:10px;} .addr_sett_cont .group_list .btn_grp {display:inline-block; margin-right:10px;} .addr_sett_cont .group_list .btn_grp:hover {text-decoration:underline;} .addr_sett_cont .group_list .icon_del {vertical-align:1px; margin-left:5px;} .addr_sett_cont .group_list .txt_grp {color:#8b8b8b;} .addr_w .btn_w {text-align:center; margin-top:30px;} /* 환경설정 */ .gm_cont_flex.sett_w {top:53px; background-color:#fff} .sett_w .gm_div_sub {overflow-x:hidden; padding: 15px 20px 10px;} .sett_w .head_btns_sett {overflow:hidden; height:75px; min-height:42px; padding-left:20px; padding-right:20px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff;} .tab_setup {overflow:hidden; padding-top:14px; margin-left:-21px;min-width: 900px;} .tab_setup li {position:relative; float:left; vertical-align:middle; padding-bottom:14px; width:14%; text-align:center;} .tab_setup li:after {display:block; position:absolute; left:0; top:0; width:1px; height:14px; background-color:#c3c3c3; content:"";} .tab_setup li:first-child:after {display:none; } .tab_setup li a {position:relative; color:#000;} .tab_setup li a:after {display:none; position:absolute; right:0; top:5px; width:7px; height:4px; content:""; background-position:-490px 0;} .tab_setup .selected a, .tab_setup li a:hover {font-weight:600;} .tab_setup li a:hover { text-decoration:underline;} .tab_setup .selected a:after, .tab_setup li a:hover:after{display:block;} .sett_noti_box {padding:10px 10px 9px; margin-bottom:15px; background-color:#f3f3f3; line-height:18px; /*min-width:1050px;max-width: 980px;*/ min-width: 900px;}/* 온나라2차 수정 min-width추가 20160831 */ .sett_noti_box .txt_sett {position:relative; padding-left:10px; color:#5e5e5e; margin-top:5px; line-height:14px;} .sett_noti_box .txt_sett:first-child {margin-top:0;} .sett_noti_box .txt_sett:after {display:block; position: absolute; left:0; top:5px; width:3px; height:3px; background-color:#111; content:"";} .sett_form {position:relative; margin-bottom:10px;min-width:700px;}/* 온나라2차 수정 min-width추가 20160831 */ .sett_form label {margin-right:5px; font-size:14px;} .sett_form .btn_add {background:none;} .sett_form .btn_add .icon_plus {display:inline-block; width:6px; height:6px; background-position:-490px -10px; vertical-align:1px; margin-right:5px;} .sett_form .btn_box_add .icon_plus {display:inline-block; width:16px; height:13px; background-position:-215px -50px; vertical-align:middle; margin-right:5px;} .sett_form .icon_rank {display:inline-block; width:7px; height:9px; background-position:-270px -40px; vertical-align:-1px; margin-right:5px;} .sett_form .btn_del .icon_del {vertical-align:1px; margin-right:5px;} .sett_form .lb_org_save input {margin:0 5px 0 10px;} .sett_form .num_tatal {position:absolute; right:0; bottom:0; color:#6b6b6b; font-size:11px;} .sett_form .num_tatal strong {font-weight:normal; color:#000;} .sett_form .btn_get .icon_get {display:inline-block; width:10px; height:10px; background-position:-115px -40px; margin-right:5px; vertical-align:-1px;} .sett_form .top_search_wrap {overflow:hidden; position:static;} .sett_tb { margin-left:-1px; border-top:1px solid #e8e8ea; border-bottom: 1px solid #e8e8ea; width: 100%; }/* 온나라2차 수정 min-width추가 20160831 */ .sett_tb th, .sett_tb td {color:#333; vertical-align:middle;} .sett_tb thead th {padding:8px 0px 9px; font-weight:600;} .sett_tb tfoot td {padding:8px 0 9px; border-top:1px solid #e8e8ea; background-color:#f6f6f6; text-align:center;} .sett_tb tbody th {padding:22px 10px 22px 20px; border-top:1px solid #e8e8ea; color:#333; font-weight:600; text-align:left;} .sett_tb tbody td {padding:8px 10px 9px; border-top:1px solid #e8e8ea;text-align:center;} tbody.folder td {text-align: left;} .sett_tb tbody tr .row_line {border-right:1px solid #e8e8ea;} .sett_tb tbody tr td:first-child {border-left:0; border-right:0} .sett_tb tbody td:first-child a {color: #333; text-decoration: none;} .sett_tb .btn_adm {padding-left:10px; text-align: left;} .sett_tb .btn_adm button {display:inline-block; vertical-align:top; margin-top:3px; position:relative; padding:0 8px;} .sett_tb .btn_adm button:after {display:block; position:absolute; left:0; top:2px; width:1px; height:11px; background-color:#ccc; content:"";} .sett_tb .btn_adm button:first-child:after {display:none; } .sett_tb .btn_adm button:hover {color:#2388c2; text-decoration:underline;} .sett_tb .m_depth1 {padding-left:10px;} .sett_tb .m_depth1 .icon_re {display:inline-block; width:6px; height:6px; margin-right:5px; background-position:-215px -25px;} .sett_tb .chk_selected th, .sett_tb .chk_selected td{background:#ffffe5;} .sett_tb .btn_del:hover {text-decoration:underline;} .form_sett_chk {padding:5px 10px;text-align: left;} .form_sett_chk .label_col {display:inline-block; margin-right:40px;} .form_sett_chk .label_row {display:block; margin-top:10px;} .form_sett_chk .label_row:first-child {margin-top:0;} .form_sett_chk .txt_sett_sml {font-size:11px; color:#6d6d6d; margin-top:7px; line-height:16px;} .form_sett_chk .txtarea { border:1px solid #c0c0c0;width:650px; float:left; margin-right:10px;} .sett_tb .ip_direct {display:inline-block; margin-right:10px;} .sett_tb .ip_direct .ip_txt_w {width:530px;} .sett_tb .cont_txt_ip {/* margin-top:10px; */} .sett_tb .cont_txt_ip .txtarea {width:530px;} .sett_tb .auto_class {line-height:18px;} .sett_tb .auto_class .txtb {display:block; } .sett_tb .auto_class .keyword {color:#d42103;} .sett_tb .btn_join_o,.sett_tb .btn_join_x {display:inline-block; width:25px;height: 22px;margin-top: 3px;} .sett_tb .btn_join_o {background-position:-144px -258px;} .sett_tb .btn_join_x {background-position:-169px -258px;} .sett_tb .btn_join_o:hover,.sett_tb .btn_join_o.on {background-position:-144px -280px;} .sett_tb .btn_join_x:hover,.sett_tb .btn_join_x.on {background-position:-169px -280px;} .approver_sett {position:relative; border-bottom:1px solid #e3e3e3; padding:-144px -280px} .approver_sett label {margin-right:10px;} [class^="layer_setup_"] {padding:10px 20px 10px;} /*[class^="layer_setup_"] .pop_noti_txt {color:#5e5e5e; font-size:12px;}*/ .sett_ip_list > li {position:relative; padding-left:40px; margin-top:10px;} .sett_ip_list li.fir {margin-top:0;} .sett_ip_list .tit_sett_ip {position:absolute; left:0; top:5px; width:40px; font-weight:600; font-size:14px;} [class^="layer_setup_"] .sett_ip_list .edit_w {width:460px; height:235px; border:1px solid #a8a8a8;} [class^="layer_setup_"] .sett_ip_list .cont_sett_ip .txtarea {display:block; } [class^="layer_setup_"] .sett_ip_list .cont_sett_ip .ip_txt_w {margin-right:5px;} [class^="layer_setup_"] .txt_sett_ip {margin-top:8px; font-size:11px; color:#6d6d6d;} [class^="layer_setup_"] .sett_ip_list .img_sign {width:460px; border:1px solid #afafaf; max-height:145px; overflow-x:hidden; overflow-y:auto; margin-top:5px;} .layer_setup_prtz {overflow:hidden; padding-top:20px;} .layer_setup_prtz [class^="box_"] {float:left; width:273px; height:210px; border:1px solid #bcbcbc;} .layer_setup_prtz .box_tree {margin-right:17px;} .layer_setup_prtz [class^="tit"] {height:30px; line-height:30px; padding:0 10px; border-bottom:1px solid #bcbcbc;} .layer_setup_prtz [class^="frame_"] {overflow-x:hidden; overflow-y:scroll; } .layer_setup_prtz .frame_tree {height:156px; padding:10px;} .layer_setup_prtz .frame_select {height:140px;} .layer_setup_prtz .frame_select a {display:block; padding:6px 10px 5px; color:#333; text-decoration:none;} .layer_setup_prtz .frame_select a:hover {background-color:#f1f1f1;} .layer_setup_prtz .sett_prioritize {height:30px; line-height:30px; padding:0 10px; border-top:1px solid #bcbcbc;} .layer_setup_prtz .sett_prioritize strong {display:inline-block; margin-right:10px;} .layer_greeting {} .layer_setup_greeting li { line-height:18px;} .layer_nomsg {width:415px;} .layer_auto_classify {width:530px;} ul.auto_classify_list { padding: 0 20px;} .auto_classify_list > li {position:relative; padding-left:120px; margin-top:6px;height: 25px;padding-top: 3px;} .auto_classify_list .tit_auto {position:absolute; left:0; top:5px; width:120px; font-weight:600;} .auto_classify_list .txt_inline {display:inline-block; margin:0 5px;} .layer_auto_prioritize {width:370px;} .auto_prioritize {border:1px solid #bcbcbc; max-height:190px;} .auto_prioritize ul {padding:5px;} .auto_prioritize li {line-height:20px; text-indent:-20px; padding-left:20px;} .auto_prioritize .txt_rank {font-weight:normal; margin-left:5px; vertical-align:-1px; } .auto_prioritize .txt_impor {color:#d42103;} .btn_prioritize {margin-top:10px;} .btn_prioritize .tit {display:inline-block; margin:0 5px;} .layer_approver {width:485px;} .approver_box {overflow:auto; width:423px; max-height:175px; padding:5px 10px 10px; border:1px solid #bcbcbc; margin-top:10px; line-height:18px;} /* layer type*/ .gm_layer {display:none; position:absolute; z-index:9999; zoom:1; /* overflow:hidden; */ border:1px solid #cccccc; background-color:#fff;} .layer_list_basic .lb_chk, .layer_list_basic a {display:block; padding:6px 8px 5px; color:#333;} .layer_list_basic .lb_chk:focus, .layer_list_basic .lb_chk:hover, .layer_list_basic a:focus, .layer_list_basic a:hover, .layer_list_basic .selected {/*background-color:#f1f1f1;*/ text-decoration:none;} .layer_list_basic .lb_chk .ip_chk {margin-right:5px;} .layer_list_depth li a {display:block; padding-left:15px;} .layer_list_depth li .icon_re {display:inline-block; width:6px; height:6px; margin-right:3px; background-position:-215px -25px} .line_box {border-top:1px solid #d9d9d9; /*margin-top:5px;*/ margin-bottom:5px;} .layer_box {padding:7px;} .layer_ch_box {background-color:#f6f6f6; padding-bottom:15px; padding-top:10px; padding-left:20px; padding-right:20px;} .layer_ch_box li{ display:inline-block;} /* layer position */ .layer_mail_all {right:20px; top:25px; min-width:76px;} .layer_answer {left:13px;top:36px;} .layer_cite {left:67px;top:36px; min-width:95px;} .layer_move {left:112px; top:36px;height: 300px;} .layer_tag {left:166px; top:36px;height:300px;} .layer_filter {right: 0px; top: 28px;min-width: 170px; z-index: 55556;} .layer_tie { top: 28px; min-width: 180px;z-index: 55556;} .layer_add {left:319px; top:36px; min-width:160px;} .layer_detail_sch {right:0; top:28px; min-width:600px; z-index:55556; min-height: 340px;} .layer_add2 {right:0; top:20px; min-width:160px;} .layer_in_sel { margin-top:5px; margin-left:5px;} .layer_in_sel .sel_fm { width:175px;} /* layer content */ .btn_layer_close {position:absolute; right:20px; top:20px; z-index:99; display:block; width:14px; height:13px; background-position:-240px 0;} .lyip_add {width:106px;} .lyip_add .ip_txt {height:17px; line-height:17px;} .btn_lyadd {vertical-align:top;} .btn_lyadd .icon_plus {display:inline-block; width:6px; height:6px; margin-right:3px; vertical-align:1px; background-position:-225px -25px;} .layer_view_op {right:0; top:28px; min-width:150px;} .layer_view_op .layer_list_basic li {position:relative;} .layer_view_op [class^="btn_move_"] {display:block; position:absolute; width:15px; height:15px; right:8px; top:7px;;} .layer_view_op .btn_move_up {background-position:-245px -50px;} .layer_view_op .btn_move_down {background-position:-260px -50px;} .layer_tie .layer_list_basic li {position:relative;} .layer_tie [class^="btn_move_"] {display:block; position:absolute; width:15px; height:15px; right:8px; top:7px;;} .layer_tie .btn_move_up {background-position:-245px -50px;} .layer_tie .btn_move_down {background-position:-260px -50px;} .layer_fre_use {right:181px; top:28px; min-width:150px; width:400px; height:320px;left:-325px;border: 1px solid rgb(147, 151, 165); background-color: white; z-index: 100000;}/*묶어보기에서 자주사용하는 사용자*/ .layer_fre_use .layer_list_basic li {position:relative;} .layer_fre_use [class^="btn_move_"] {display:block; position:absolute; width:15px; height:15px; right:8px; top:7px;;} .layer_fre_use .btn_move_up {background-position:-245px -50px;} .layer_fre_use .btn_move_down {background-position:-260px -50px;} .layer_filter .layer_list_basic li {position:relative;} .layer_filter [class^="btn_move_"] {display:block; position:absolute; width:15px; height:15px; right:8px; top:7px;;} .layer_filter .btn_move_up {background-position:-245px -50px;} .layer_filter .btn_move_down {background-position:-260px -50px;} .layer_iplist li {position:relative; min-height:23px; margin-top:7px;} .layer_iplist li:first-child {margin-top:0;} .layer_iplist li [class^="tit_"] {position:absolute; top:3px;} .layer_txt_list {margin-top:20px;} .layer_txt_list li {line-height:20px;} .layer_move #targetMbox {padding:10px;} /* layer list */ .title_layer {background:#f2f2f2;font-weight:600; padding:6px;} .layer_list_warp {margin:17px; position: relative; padding-bottom: 50px;} .layer_list_address {/*float:left; width:518px;*/ margin-right:10px; border:1px solid #bcbcbc; padding:10px;overflow:auto; overflow-y:scroll;position: absolute; left: 20px; right: 280px;} .layer_list_room_txt { margin-bottom:10px; font-size:14px; margin-left:15px;} .layer_list_room_txt .stxt { font-size:12px;} .layer_list_room {} .layer_list_room .ly_list th {height:20px; background:#ededed;padding-top:8px;} .layer_list_room .ly_list td { height:20px; padding-top:8px;border-bottom:1px solid #d9d9d9; text-align:center;} .layer_list_room .ly_list tr:hover {background-color: #dcdcdc;} /* 프로필 layer */ .layer_profile {/* width:340px; */width:250px;} .layer_profile_box {position:relative; padding:25px 20px 20px;} .layer_profile_box .prfl_img {display:inline-block; margin-right:10px; vertical-align:top; } .layer_profile_box .prfl_img img {border-radius:40px;} .layer_profile_box .prfl_info {display:inline-block; margin-top:5px;} .layer_profile_box .prfl_name {margin-bottom:5px;} .layer_profile_box .prfl_name strong {margin-right:10px;} .layer_profile_box .prfl_account {margin-bottom:10px;} .layer_profile_box .prfl_info a {text-decoration:underline;} .layer_account {width:365px;} .layer_account .layer_iplist {padding:10px 15px;} .layer_account .layer_iplist li {padding-left:90px;} .layer_account .tit_account {font-weight:600; left:0; top:5px;} /* popup */ .pop_header {padding: 15px 10px;} .pop_header h1 { font-size:16px; font-weight:600; color:#fff; } .pop_header h1 .icon_arr {display:inline-block; width:5px; height:10px; margin-right:10px; background-position:-235px -45px;} .layer_header {padding:7px 12px; background-color:#e8e8e8;} .layer_header h1 { font-size:13px; font-weight:600; color:#000;} .layer_header h1 .icon_arr {display:inline-block; width:5px; height:10px; margin-right:10px; background-position:-235px -45px;} .pop_content {padding:20px;} .pop_content .txt_lineh {line-height:18px;} .pop_content.scroll { padding: 20px; overflow-x: hidden; overflow-y: auto; position: absolute;top: 53px;left: 0; right: 0; bottom: 73px;} .pop_noti_large_txt {font-weight:600; font-size:14px;} .pop_noti_txt .icon_important {width: 30px;height: 25px; margin-right: 10px; background-position: -80px -228px;float: left;} .pop_btn_box {position:relative; text-align:center; padding-bottom:15px;} .pop_content .sett_tb {border-top:2px solid #353535; border-bottom:1px solid #353535; margin-top:10px;} .pop_mail_original .sett_tb tbody td {text-align: left;} .bul_list li {position:relative; padding-left:11px; margin-top:12px; line-height:20px;} .bul_list li:after {display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#111; content:"";} .bul_list li:first-child {margin-top:0;} /* popup - 주소록 추가/수정/보기 */ .pop_account_w .tit_account {display:block; min-width:70px; font-weight:600; left:0; top:2px !important;} .pop_account_w .tit_account .icon_favorit {position:absolute; right:-10px; top:-6px;} .pop_account_w .grp_select {margin-top:5px;} .pop_account_w .grp_select .btn_del {line-height:22px; margin-right:7px;} .pop_account_w .grp_select .btn_del:hover {text-decoration:underline;} .pop_account_w .grp_select .btn_del .icon_del {vertical-align:2px; margin-left:5px;} .pop_account_w .grp_select .grp {display:inline-block; margin-right:15px;} /* popup - 주소록 - 조직도 추가*/ .top_search_wrap1 {position:absolute; left: 20px; top: 75px;} .top_search_wrap1 .cal_select {float:left; margin-right:7px;} /* .top_search_wrap1 .ip_detai1 {float:left; width:226px; height:25px; line-height:25px; padding:0 10px; border:1px solid #a4a4a4; color:#8b8b8b; margin:0;} */ /* .top_search_wrap1 .ip_detai2 {float:left; width:226px; height:25px; line-height:25px; padding:0 10px; border:1px solid #a4a4a4; color:#8b8b8b; margin:0; margin-left:11px;} */ /* .top_search_wrap1 .ip_detai3 {float:left; width:480px; height:25px; line-height:25px; padding:0 10px; border:1px solid #a4a4a4; color:#8b8b8b; margin:0;} */ .top_search_wrap1 .ip_detai1{float:left;width:243px;height:25px;padding:3px 31px 0 9px;border:1px solid #e1e1e1;background:#fafafa;font-size:12px;color:#888;vertical-align:top;line-height:25px;outline:none;-webkit-appearance:none} .top_search_wrap1 .ip_detail1:focus{border-color:#cbcbcb} .top_search_wrap1 .ip_detai2{float:left;margin-left: 15px;width:260px;height:25px;padding:3px 31px 0 9px;border:1px solid #e1e1e1;background:#fafafa;font-size:12px;color:#888;vertical-align:top;line-height:25px;outline:none;-webkit-appearance:none} .top_search_wrap1 .ip_detai2l:focus{border-color:#cbcbcb} .top_search_wrap1 .ip_detai3{float:left;width280px;height:25px;padding:3px 31px 0 9px;border:1px solid #e1e1e1;background:#fafafa;font-size:12px;color:#888;vertical-align:top;line-height:25px;outline:none;-webkit-appearance:none} .top_search_wrap1 .ip_detail3:focus{border-color:#cbcbcb} .top_search_wrap1 .icon_sch {vertical-align:-3px;} .top_search_wrap1 .btn_detail {padding:0 10px;} .top_search_wrap1 .bul_arrb {display:inline-block; width:7px; height:4px; margin-left:6px; vertical-align:2px; background-position:-170px -25px;} .pop_address_w .pop_content1 {min-width:860px; overflow-x:auto;} .addr_contnet1 {padding-top:45px;} .addr_contnet1 .tree_structure {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc;} .addr_contnet1 .tree_structure .top_search_wrap1 {overflow:hidden; position:relative; left:0; top:0; padding:6px 6px 7px 6px;} .addr_contnet1 .tree_structure .top_search_wrap1 .btn_sch {width:38px;} .addr_contnet1 .tree_list {height:352px; padding:10px; border:1px solid #bcbcbc; border-width:1px 0; overflow:auto;} .addr_contnet1 .organization .top_search_wrap1 .sel_fm {width:249px; height:23px; margin-top:8px;} .addr_contnet1 .organization .tree_list {height:320px;} .addr_contnet1 .tree_list1 {height:427px; padding:10px; border-width:1px 0; overflow:auto;} .addr_contnet1 .organization .tree_list1 {} .addr_contnet1 .gr_fooot {position: relative; height:26px; padding:0 10px; } .addr_contnet1 .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet1 .gr_fooot .btn_recent,.addr_contnet .gr_fooot .bt n_favorit {display:block; font-weight:600; line-height:25px;} .addr_contnet1 .gr_fooot .btn_recent .icon_addr,.addr_contnet .gr_fooot .btn_favorit .icon_favorit {display:inline-block; margin-right:5px;} .addr_contnet1 .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet1 .gr_fooot .btn_recent:hover,.addr_contnet .gr_fooot .btn_favorit:hover {text-decoration:underline;} .addr_contnet1 .gr_fooot .btn_recent:hover .txt_num,.addr_contnet .gr_fooot .btn_favorit:hover .txt_num {color:#333;} .addr_contnet1 .gr_fooot .gm_paging_nav {display:block; border:0; margin-top:0; position:static;} .addr_contnet1 .gr_fooot .gm_paging_nav .move_next {margin-right:0;} .btn_addr_all {position: absolute;right: 0;top: 0;width: 202px;} .addr_contnet1 .gr_header label {font-weight:600; color:#333;} .addr_contnet1 .gr_header .txt_num {color:#d42103; margin-left:5px;} .addr_contnet1 .addr_list1 {/*width:263px;*/ border:1px solid #bcbcbc; overflow-x:hidden; overflow-y:auto; height:171px;} .addr_contnet1 .addr_list1 li {line-height:18px;} .addr_contnet1 .addr_list1 label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; padding:0 10px; color:#333;} .addr_contnet1 .addr_list1 label:hover, .addr_contnet1 .addr_list1 .selected label {background-color:#e5e5e5;} .addr_contnet1 .addr_list1 .ip_chk {margin-right:5px;} /* .addr_contnet1 .group_select1 {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc; height:212px;} */ .addr_contnet1 .group_select1 {float: left; margin-right: 10px; border: 1px solid #bcbcbc; position: absolute; left: 300px; right: 280px;} .addr_contnet1 .group_select1 .gr_header {/*height:15px;*/ padding:5px 10px; background: #f5f5f5;} .addr_contnet1 .group_select1 .addr_list1 {border-width:1px 0 0;} .addr_contnet1 .receive_w {position: absolute;right: 25px;top: 115px;} .addr_contnet1 .receive_w [class^="receive_" ] {position:relative; overflow:hidden; padding-left:40px;} .addr_contnet1 .receive_w .ctrl_btns {position:absolute; left:0; top:45px;} .addr_contnet1 .receive_w .ctrl_btns button {display:block; width:30px; height:30px;} .addr_contnet1 .receive_w .btn_add {margin-bottom:5px; background-position:-346px -351px;} .addr_contnet1 .receive_w .btn_remove {background-position:-310px -351px} .addr_contnet1 .receive_w .field {float:left; width:215px; } .addr_contnet1 .receive_w .gr_header {padding:9px 0 5px 10px;} .addr_contnet1 .receive_to .gr_header {padding:0 0 5px 10px;} .addr_contnet1 .receive_to .ctrl_btns {top:85px;} .addr_contnet1 .receive_to .addr_list1 {height:175px;} .addr_contnet1 .receive_cc .addr_list1 {height:90px;} .addr_contnet1 .receive_hid .addr_list1 {height:90px;} .addr_contnet2 {padding-top:20px;} .addr_contnet2 .tree_structure {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc;} .addr_contnet2 .tree_structure .top_search_wrap1 {overflow:hidden; position:relative; left:0; top:0; padding:6px 6px 7px 6px;} .addr_contnet2 .tree_structure .top_search_wrap1 .btn_sch {width:38px;} .addr_contnet2 .tree_list {height:352px; padding:10px; border:1px solid #bcbcbc; border-width:1px 0; overflow:auto;} .addr_contnet2 .organization .top_search_wrap1 .sel_fm {width:249px; height:23px; margin-top:8px;} .addr_contnet2 .organization .tree_list {height:320px;} .addr_contnet2 .tree_list1 {height:419px; padding:10px; border-width:1px 0; overflow:auto;} .addr_contnet2 .organization .tree_list1 {} .addr_contnet2 .gr_fooot {position: relative; height:26px; padding:0 10px; } .addr_contnet2 .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet2 .gr_fooot .btn_recent,.addr_contnet .gr_fooot .btn_favorit {display:block; font-weight:600; line-height:25px;} .addr_contnet2 .gr_fooot .btn_recent .icon_addr,.addr_contnet .gr_fooot .btn_favorit .icon_favorit {display:inline-block; margin-right:5px;} .addr_contnet2 .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet2 .gr_fooot .btn_recent:hover,.addr_contnet .gr_fooot .btn_favorit:hover {text-decoration:underline;} .addr_contnet2 .gr_fooot .btn_recent:hover .txt_num,.addr_contnet .gr_fooot .btn_favorit:hover .txt_num {color:#333;} .addr_contnet2 .gr_fooot .gm_paging_nav {display:block; border:0; margin-top:0; position:static;} .addr_contnet2 .gr_fooot .gm_paging_nav .move_next {margin-right:0;} .addr_contnet2 .gr_header label {font-weight:600; color:#333;} .addr_contnet2 .gr_header .txt_num {color:#d42103; margin-left:5px;} .addr_contnet2 .addr_list1 {width:263px; border:1px solid #bcbcbc; overflow-x:hidden; overflow-y:auto;} .addr_contnet2 .addr_list1 li {line-height:18px;} .addr_contnet2 .addr_list1 label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; padding:0 10px; color:#333;} .addr_contnet2 .addr_list1 label:hover, .addr_contnet2 .addr_list1 .selected label {background-color:#e5e5e5;} .addr_contnet2 .addr_list1 .ip_chk {margin-right:5px;} .addr_contnet2 .group_select1 {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc; height:212px;} .addr_contnet2 .group_select1 .gr_header {height:15px; padding:15px 0 10px 10px;} .addr_contnet2 .group_select1 .addr_list1 {border-width:1px 0 0;} .addr_contnet2 .receive_w {float:left;} .addr_contnet2 .receive_w [class^="receive_" ] {position:relative; overflow:hidden; padding-left:40px;} .addr_contnet2 .receive_w .ctrl_btns {position:absolute; left:0; top:45px;} .addr_contnet2 .receive_w .ctrl_btns button {display:block; width:30px; height:27px;} .addr_contnet2 .receive_w .btn_add {margin-bottom:5px; background-position:-440px -40px;} .addr_contnet2 .receive_w .btn_remove {background-position:-405px -40px;} .addr_contnet2 .receive_w .field {float:left; width:265px; } .addr_contnet2 .receive_w .gr_header {padding:9px 0 5px 10px;} .addr_contnet2 .receive_to .gr_header {padding:0 0 5px 10px;} .addr_contnet2 .receive_to .ctrl_btns {top:85px;} .addr_contnet2 .receive_to .addr_list1 {height:175px;} .addr_contnet2 .receive_cc .addr_list1 {height:90px;} .addr_contnet2 .receive_hid .addr_list1 {height:90px;} /* popup - 주소록*/ .pop_address_w .pop_content {min-width:860px; overflow-x:auto;} .addr_contnet {padding-top:10px;} .addr_contnet .tree_structure {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc;} .addr_contnet .tree_structure .top_search_wrap {overflow:hidden; position:relative; left:0; top:0; padding:6px 6px 7px 6px;} .addr_contnet .tree_structure .top_search_wrap .btn_sch {width:38px;} .addr_contnet .tree_list {height:352px; padding:10px; border:1px solid #bcbcbc; border-width:1px 0; overflow:auto;} .addr_contnet .organization .top_search_wrap .sel_fm {width:249px; height:23px; margin-top:8px;} .addr_contnet .organization .tree_list {height:320px;} .addr_contnet .gr_fooot {position: relative; height:26px; padding:0 10px; } .addr_contnet .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet .gr_fooot .btn_recent,.addr_contnet .gr_fooot .btn_favorit {display:block; font-weight:600; line-height:25px;} .addr_contnet .gr_fooot .btn_recent .icon_addr,.addr_contnet .gr_fooot .btn_favorit .icon_favorit {display:inline-block; margin-right:5px;} .addr_contnet .gr_fooot .txt_num {color:#d42103; font-size:11px;} .addr_contnet .gr_fooot .btn_recent:hover,.addr_contnet .gr_fooot .btn_favorit:hover {text-decoration:underline;} .addr_contnet .gr_fooot .btn_recent:hover .txt_num,.addr_contnet .gr_fooot .btn_favorit:hover .txt_num {color:#333;} .addr_contnet .gr_fooot .gm_paging_nav {display:block; border:0; margin-top:0; position:static;} .addr_contnet .gr_fooot .gm_paging_nav .move_next {margin-right:0;} .addr_contnet .gr_header label {font-weight:600; color:#333;} .addr_contnet .gr_header .txt_num {color:#d42103; margin-left:5px;} .addr_contnet .addr_list {width:263px; border:1px solid #bcbcbc; overflow-x:hidden; overflow-y:auto;} .addr_contnet .addr_list li {line-height:18px;} .addr_contnet .addr_list label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; padding:0 10px; color:#333;} .addr_contnet .addr_list label:hover, .addr_contnet .addr_list .selected label {background-color:#e5e5e5;} .addr_contnet .addr_list .ip_chk {margin-right:5px;} .addr_contnet .group_select {float:left; width:263px; margin-right:10px; border:1px solid #bcbcbc;} .addr_contnet .group_select .gr_header {height:15px; padding:15px 0 10px 10px;} .addr_contnet .group_select .addr_list {height:399px; border-width:1px 0 0;} .addr_contnet .receive_w {float:left;} .addr_contnet .receive_w [class^="receive_" ] {position:relative; overflow:hidden; padding-left:40px;} .addr_contnet .receive_w .ctrl_btns {position:absolute; left:0; top:45px;} .addr_contnet .receive_w .ctrl_btns button {display:block; width:30px; height:27px;} .addr_contnet .receive_w .btn_add {margin-bottom:5px; background-position:-440px -40px;} .addr_contnet .receive_w .btn_remove {background-position:-405px -40px;} .addr_contnet .receive_w .field {float:left; width:265px; } .addr_contnet .receive_w .gr_header {padding:9px 0 5px 10px;} .addr_contnet .receive_to .gr_header {padding:0 0 5px 10px;} .addr_contnet .receive_to .ctrl_btns {top:85px;} .addr_contnet .receive_to .addr_list {height:175px;} .addr_contnet .receive_cc .addr_list {height:90px;} .addr_contnet .receive_hid .addr_list {height:90px;} /* popup - 미리보기 */ .pop_peview_w .print_w {right:5px; top:-5px;} .pop_prevw_info li {overflow:hidden; position:relative; padding-left:80px; line-height:25px;} .pop_prevw_info li:after {display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#111; content:"";} .pop_prevw_info .prv_tit {position:absolute; left:10px; top:0; width:60px; font-weight:normal;} .pop_prevw_info .prv_tit:after {display:block; position:absolute; right:0; top:0; content:":";} .pop_prevw_info .icon_file {display:inline-block; margin-right:5px; vertical-align:-2px;} .pop_prevw_info .subj {font-size:14px; line-height:22px; display:block; } .pop_preview_cont {overflow:auto; min-width:745px; max-height:505px; padding:10px; margin-top:10px;border:1px solid #c2c2c2;} /* popup - 승인/반려 */ .pop_txt_inquiry {font-size:14px; padding:15px 0; text-align:center;} .pop_return {border-top:1px solid #ececec; padding-top:15px;} .pop_return dt {position:relative; padding-left:10px; font-weight:600;} .pop_return dt:after {display:block; position:absolute; left:0; top:5px; width:3px; height:3px; background-color:#111; content:"";} .pop_return dd {margin-top:10px;} .pop_return dd .txtarea {width:95%;} /* popup - CVS 도움말 */ .cvs_help {} .cvs_help [class^="cvs_file"] {margin-top:30px;} .cvs_help [class^="cvs_file"] dt {font-weight:600; margin-bottom:10px;} .cvs_help .cvs_file_list dd {display:inline-block; margin-right:20px;} .cvs_help .cvs_file_box dd {border:2px solid #e0e0e0; padding:10px 13px; line-height:20px;} .cvs_help .btn_cvs {display:block; margin-top:15px; color:#004b8b; text-decoration:underline;} .cvs_help .btn_cvs .icon_file {display:inline-block; margin-right:5px; vertical-align:-2px;} /* popup - 메일함 추가 */ .pop_mailbox_add .tree_box {overflow-x:hidden; overflow-y:hidden; padding:10px; border: 1px solid #ccc;margin-top: 10px;max-height: 145px;} .pop_mailbox_add li { line-height:18px;} .pop_mailbox_add .mailbox_add {margin: 10px;} .pop_mailbox_add .mailbox_add li {position:relative; line-height:40px; height:50px; padding-left:135px;} .pop_mailbox_add .mailbox_add .tit {position:absolute; left:0; top:0; width:130px; background-color:#fbfbfb; color:#4e4e4e; color:#4e4e4e; padding: 0;} .pop_mailbox_add .mailbox_add .now_folder {color:#2578a0;} .pop_mailbox_add .mailbox_add .ip_txt_w {width:100%; line-height:23px;margin-left:25px;margin-top:6px;} /* popup - 외부메일 가져오기 */ .pop_mail_import {overflow-x:hidden; overflow-y:auto; height:130px; margin-top:20px; padding:10px 15px; border:1px solid #e0e0e0; background-color:#f0f0f0; line-height:20px;} /* popup - 공지사항 */ .pop_noti_title { font-size:14px; font-weight:600; text-align:center;border-top:1px solid #5d5d5d;border-bottom:1px solid #e0e0e0; background:#f5f5f5; padding:10px 0 10px 0; margin-bottom:13px;} .pop_noti_warp {padding:10px 15px; background-color:#fff; line-height:20px; height:auto;} .pop_noti_close {float:right;} /* Table tbody scroll */ .tb_scroll {/*max-height:385px;*/ overflow-x: hidden; overflow-y: scroll; /*border-bottom:1px solid #bbbdc0;*/ position: absolute; bottom: 10px; right: 20px; top: 150px; left: 20px;} .tb_scroll .sett_tb {/*border-bottom:0;*/} .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {overflow:hidden; position:relative;} .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {overflow:auto;} .fht-table-wrapper .fht-table .fht-cell {overflow:hidden; height:1px; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body {top:0; left:0; position:absolute; } .fht-table-wrapper .fht-fixed-column {z-index:1;} .tb_scroll2{/*max-height:385px;*/ overflow-x: hidden; overflow-y: scroll; position: absolute; bottom: 10px; right: 20px; top: 170px; left: 20px; } .tb_scroll3{/*max-height:385px;*/ overflow-x: hidden; overflow-y: auto; /*border-bottom:1px solid #bbbdc0;*/ position: absolute; bottom: 10px; right: 20px; top: 190px; left: 20px;} /* Footer */ .gm_footer .gmf_txt {font-family:tahoma; font-size:11px; color:#989898; margin-top: 5px;} /* No mail */ .gm_no_mail {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; overflow:hidden; background-color:#fff;} .gm_no_mail .no_msg {position:absolute; left:; top:50%; width:100%; margin-top:-48px; text-align:center; font-size:14px; font-weight:600;} .gm_no_mail .icon_nomsg {display:inline-block; width:70px; height:60px; background-position:-248px -392px;} .gm_no_mail .msg {display:block; color:#6f6f6f; margin-top:25px;} /* No Address */ .gm_no_addr {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; overflow:hidden; background-color:#fff;} .gm_no_addr .no_msg {position:absolute; left:; top:50%; width:100%; margin-top:-48px; text-align:center; font-size:14px; font-weight:600;} .gm_no_addr .icon_nomsg {display:inline-block; width:65px; height:60px; background-position:-324px -392px;} .gm_no_addr .msg {display:block; color:#6f6f6f; margin-top:15px;} /* Login */ #gm_wrap.gm_login_wrap {width:100%; height:100%; min-height:650px;} .gm_login { padding-top:170px;overflow:hidden;margin:0 auto;width:820px} .gm_login_form {width:820px} .gm_login .syb_global, .gm_login .bu_arrb, .gm_login h1, .gm_login_foot h2 {} .gm_login h1 {width:820px;text-align:center;font-size:25px;background:url("../images/common/login_txt.png") no-repeat 195px 0;font-family:"Naum Gothic", '돋움', dotum, sans-serif, Arial;padding:40px 0 10px 0} /*.gm_login .syb_global, .gm_login .bu_arrb, .gm_login h1, .gm_login_foot h2 {background-image:url(../images/ui_content/login_cont.png); background-repeat:no-repeat;} .gm_login h1 {width:209px; height:57px; margin:50px auto 0; background-position:0 -5px;}*/ [class^="gmlg_sel_"] {position:relative;} [class^="gmlg_sel_"] .bt_move {position:relative; padding-left:10px; padding-right:30px; border:1px solid #afafaf; text-align:left; font-size:13px; color:#1a1a1a; line-height:29px; background-color:#fff;} [class^="gmlg_sel_"] .bu_arrb {position:absolute; right:10px; top:11px; display:block; width:11px; height:8px; background-position:0 0;} [class^="gmlg_sel_"] .move_layer {position:absolute; right:0; top:0; z-index:2; padding:3px 0; border:2px solid #070001; background-color:#fff; text-align:left;} [class^="gmlg_sel_"] .move_list a {display:block; height:20px; padding:0 6px; line-height:20px; color:#3a3a3a;} [class^="gmlg_sel_"] .move_list a:hover {background-color:#dedede; text-decoration:none;} [class^="gmlg_sel_"] .move_list .selected a{color:#fff; background-color:#26a0da;} .gmlg_sel_language {text-align:right;} .gmlg_sel_language .syb_global {display:inline-block; width:16px; height:16px; margin:8px 7px 0 0; background-position:-15px 0; vertical-align:top; } .gmlg_sel_language .bt_move {width:99px; height:29px;} .gmlg_sel_language .move_layer {width:95px; } .gmlg_login_field {border-top:1px solid #115bac;border-bottom:1px solid #115bac;padding-left:350px;padding-right:150px;width:320px;padding-top:30px;padding-bottom:30px;background:url("../images/common/bg_img_001.png") no-repeat 95px 50%;} .gmlg_login_field .item{position:relative; width:315px; height:30px; margin-bottom:9px; border:1px solid #b0b0b0;}/* 인풋하나일때*/ .gmlg_login_field .item_ad{position:relative; width:315px; height:30px; margin-bottom:10px; }/* 인풋 짧을때 */ .gmlg_login_field .item_ad li { float:left;} .gmlg_login_field .lglb{ display:block; position:absolute; top:8px; left:10px; color:#3a3a3a; font-size:13px;} .gmlg_login_field .ip_txt {position:relative; display:block; width:295px; height:22px; padding:4px 10px; border:none; background:transparent;} .gmlg_login_field .ip_txt:hover, .gmlg_login_field .ip_txt:focus {border-color:#b0b0b0;} .gmlg_login_field .ip_txt1 {position:relative; display:block; width:150px; height:22px; padding:4px 10px; border:none; background:transparent;border:1px solid #b0b0b0;} .gmlg_login_field .ip_txt1:hover, .gmlg_login_field .ip_txt1:focus {border-color:#b0b0b0;} .gmlg_sel_company .bt_move {width:317px; height:30px;} .gmlg_sel_company .move_layer {width:313px;} .gmlg_id_chk {margin-top:14px;} .gmlg_id_chk .bar {color:#999; margin-left:5px; margin-right:5px;} .gmlg_id_chk li{ float:left;} .gmlg_id_chk label {display:inline-block; line-height:14px; vertical-align:top; margin-left:6px;} .gmlg_id_chk .id_chk {margin:0; padding:0; vertical-align:top;} .logout_box {min-height:210px;} .txt_logout {text-align:center; line-height:210px; font-size:14px; font-weight:600; color:#1a1a1a;} .bt_gmlg {display:inline-block; width:100%; height:35px; background-color:#115bac; line-height:35px; text-align:center; color:#fff; font-size:14px; font-weight:600;} .bt_gmlg_log {display:inline-block; width:49%; height:35px; background-color:#115bac; line-height:35px; text-align:center; color:#fff; font-size:14px; font-weight:600;} .bt_gmlg_auth {display:inline-block; width:49%; height:35px; background-color:#115bac; line-height:35px; text-align:center; color:#fff; font-size:14px; font-weight:600;} .gm_login_foot {position:absolute; left:0; right:0; bottom:0; z-index:2; width:100%; height:88px; background-color:#eee; text-align:center;} .gm_login_foot h2 {display:inline-block; width:92px; height:13px; margin-top:40px; margin-right:20px; background-position:-35px 0;} .gm_login_foot .txt_copy {display:inline-block; color:#949494; font-size:11px;font-family:Verdana !important;} .layer_domain_list{right:0; width:445px; padding: 15px; overflow: hidden;} /*2017.04.26 menu.jsp margin값 추가*/ .lnb_other_mailbox {bottom:0; margin-top: 30px;} .icon_tag {width: 12px;background-position: -170px -40px;} .mail_info .mi_read_reply {width: 22px;text-align: center;} /* .mail_title .mi_name {width: 80px;} */ .mail_title {position: relative;padding: 0 0 0 125px;} /* preview(2017-03-08) */ .n_view_01 {background:url('../images/common/ico_mail_003.gif') no-repeat 0 0;width: 11px;height: 13px;display: inline-block;overflow: hidden;cursor: pointer;vertical-align: middle;} .blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: 0 0;font-size: 0;line-height: 0;} /* Progress */ .prgrs{white-space:nowrap;line-height:normal;vertical-align:middle} .prgrs *{vertical-align:middle} .prgrs .pBar{position:relative;display:inline-block;background:#eaeaea;margin:0 5px 0 0;width:99%!important;} .prgrs .pAction{position:absolute; display:block;vertical-align:top;background:#FF6C6C;text-align: left;} .prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff;font-weight:600;} .prgrs.prgrsSmall{font-size:14px;line-height:14px} .prgrs.prgrsSmall .pBar, .prgrs.prgrsSmall .pAction, .prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px} a.tooltips { position: relative; display: block; } a.tooltips span { position: absolute; width: 150px; color: #000000; background: #c0c0c0; height: 100px; line-height: 20px; text-align: center; display: none; border-radius: 6px; overflow: visible; } a.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: 8px; width: 0; height: 0; border-top: -8px solid #ff0080; border-right: 8px solid transparent; border-left: 8px solid transparent; overflow: visible; clear: both; } a:hover.tooltips span { float: left; display: block; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 999; } a.tooltips_mymail { position: relative; display: block; } a.tooltips_mymail span { position: absolute; width: 150px; color: #000000; background: #c0c0c0; height: 250px; line-height: 20px; text-align: center; display: none; border-radius: 6px; overflow: visible; } a.tooltips_mymail span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: 8px; width: 0; height: 0; border-top: -8px solid #ff0080; border-right: 8px solid transparent; border-left: 8px solid transparent; overflow: visible; clear: both; } a:hover.tooltips_mymail span { float: left; display: block; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 999; } a.tooltips_share { position: relative; display: block; } a.tooltips_share span { position: absolute; width: 150px; color: #000000; background: #c0c0c0; height: 150px; line-height: 20px; text-align: center; display: none; border-radius: 6px; overflow: visible; } a.tooltips_share span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: 8px; width: 0; height: 0; border-top: -8px solid #ff0080; border-right: 8px solid transparent; border-left: 8px solid transparent; overflow: visible; clear: both; } a:hover.tooltips_share span { float: left; display: block; opacity: 0.8; top: 30px; left: 50%; margin-left: -130px; z-index: 999; } /* 20170525 CSS 이용한 말풍선 태그 전용*/ a.tooltips_tag { position: relative; display: block; } a.tooltips_tag span { position: absolute; width: 150px; color: #000000; background: #c0c0c0; height: 280px; line-height: 20px; text-align: center; display: none; border-radius: 6px; overflow: visible; } a.tooltips_tag span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: 8px; width: 0; height: 0; border-top: -8px solid #ff0080; border-right: 8px solid transparent; border-left: 8px solid transparent; overflow: visible; clear: both; } a:hover.tooltips_tag span { float: left; display: block; opacity: 0.8; top: 30px; left: 50%; margin-left: -130px; z-index: 999; } /* 20170601 내 메일함에서 제목이랑 보낸날짜 글자 겹치는 현상 수정 */ /* @media only screen and (max-width: 1199px){ .mail_title .ttwarp {width: 73%;display: block;position: relative;}.gm_div_list{min-width: 615px;} } @media only screen and (min-width: 1200px) and (max-width: 1599px){ .mail_title .ttwarp {width: 77%;display: block;position: relative;}.gm_div_list{min-width: 615px;} } @media only screen and (min-width: 1600px){ .mail_title .ttwarp {width: 97% !important;display: block;position: relative;} } */ /* .gm_div_list{min-width: 1000px !important;} */ /*20170601 댓글이 있는경우 제목이 길면 짤려서 나오는경우가 있었음. 이 문제를 해결하기 위해 mail_list_subject_span 추가 */ /*.mail_list_subject_span{vertical-align: -7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;max-width:80%;}*/ /*.mail_list_subject_span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;vertical-align: middle;line-height:14px;}*/ #autoCompleteDiv {display: none; width:900px; height:360px; position: absolute; left:146px; border: 1px solid rgb(147, 151, 165); background-color: white; z-index: 5010;} .mail_list_content .icon_ml {display: inline-block;line-height: 1;vertical-align: middle;width:18px; height: 18px; border: 1px solid #ddd; border-radius: 1px; opacity: 65%;;} .mail_list_content .icon_ml.send {background-position: -105px -51px;} .mail_list_content .icon_ml.recv {background-position: -132px -51px;} .mail_list_content .icon_ml.mymail {background-position: -183px -50px;} .mail_list_content .icon_ml.reply { background-position: -78px -50px; border: none;} .mail_list_content .icon_ml.mail_temporary {background-position: -157px -50px;} .mail_list_content .icon_ml.mail_reservation {background-position: -211px -50px;} .mail_list_content .icon_ml.mail_block{background-position: -235px -51px;} .mail_list_content .icon_ml.mail_trash {background-position:-258px -51px} .mail_list_content .icon_ml.mail_spam { background-position: -281px -52px;} .mail_list_content .icon_ml.mail_approval {background-position: -304px -51px;} .mail_list_content .subject_link:hover {text-decoration: none;} .sett_tb .icon_ml {display: inline-block;line-height: 1;vertical-align: middle;width:18px;height: 18px;border: 1px solid #ddd;border-radius: 1px;opacity: 65%; margin-right: 7px;} .sett_tb .icon_ml.send {background-position: -105px -51px;} .sett_tb .icon_ml.recv {background-position: -132px -51px;} .sett_tb .icon_ml.mymail {background-position: -183px -50px;} .sett_tb .icon_ml.reply { background-position: -78px -50px; border: none;} .sett_tb .icon_ml.mail_temporary {background-position: -157px -50px;} .sett_tb .icon_ml.mail_reservation {background-position: -211px -50px;} .sett_tb .icon_ml.mail_block{background-position: -235px -51px;} .sett_tb .icon_ml.mail_trash {background-position:-258px -51px} .sett_tb .icon_ml.mail_spam { background-position: -281px -52px;} .sett_tb .icon_ml.mail_approval {background-position: -304px -51px;} .form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .form-control:focus { outline: 0; -webkit-box-shadow:none; box-shadow: none; } ul#AUTO_COMPLETE_UL > li { padding: 2px 10px; background-color: rgb(255, 255, 255); cursor: pointer; height: 23px; line-height: 23px; color: #333; } ul#AUTO_COMPLETE_UL > li:hover { background-color: #f6f6f6; text-decoration: underline; } #twb-pagination { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; } #twb-pagination ul { display: inline-block; padding: 8px; } #twb-pagination ul > li { display: inline; padding: 4px; border: 1px #ccc solid; } #twb-pagination ul > li.active { background-color: #ccc; } .prgrs .pAction {background-color:#e5e5e5;right:0;} .prgrs .pNum {text-shadow:none} .lnb_mail_sett {/* padding-left:20px; */text-align:left;} /*20171019 068_제목 좌측 빈공간의 제목글자수 더 늘리기*/ /*
width: 90%;를 width: 97%;로 바꾸기*/ /* 내 메일함에서 제목이랑 보낸날짜 글자 겹치는 현상 수정 @media only screen and (max-width: 1199px){.mail_title .ttwarp {width: 90%;display: block;position: relative;}.gm_div_list{min-width: 800px;}} @media only screen and (min-width: 1200px) and (max-width: 1599px){.mail_title .ttwarp {width: 90%;display: block;position: relative;}.gm_div_list{min-width: 800px;}} @media only screen and (min-width: 1600px){.mail_title .ttwarp {width: 90% !important;display: block;position: relative;}} */ /* .lnb_btn_set {margin-left:18px!important;} */ .lnb_btn_set a {width:90px;} /*016 발송, 확인, 최소*/ .receive_list .mail_title_new .mi_date {right:225px;width:120px;} .receive_list .mail_title_new .mi_su_01 {right:187px;width:50px;padding-top:5px;position: absolute;top:0;text-align:center;} .receive_list .mail_title_new .mi_su_02 {right:135px;width:50px;padding-top:5px;position: absolute;top:0;text-align:center;} .receive_list .mail_title_new .mi_su_03 {right:85px;width:50px;padding-top:5px;position: absolute;top:0;text-align:center;} .receive_list .mail_info .mi_date {right:208px;width:120px;} .receive_list .mail_info .mi_su_01 {right:171px;width:50px;position: absolute;top:0;text-align:center;} .receive_list .mail_info .mi_su_02 {right:117px;width:50px;position: absolute;top:0;text-align:center;} .receive_list .mail_info .mi_su_03 {right:67px;width:50px;position: absolute;top:0;text-align:center;} .mail_title .mi_subject {width:90%!important;padding-right:60px;} .receive_list .mail_list_content > li {padding:5px 330px 5px 50px;} /*016 수신자별 수신확인_2017.11.01 수정 */ .rcv_list_layer {width:650px;overflow:hidden;color:#454545} .rcv_list_layer h2.rcv_title {padding:17px 0 0 17px;font-size:14px;font-weight:600;} .rcv_list_layer .rcv_chk_w {width:614px;overflow:hidden;padding:0;margin:10px 17px 10px 17px;border:1px solid #e5e5e5;border-bottom:none;font-size:11px} .rcv_list_layer .rcv_chk_w dt {width:50px;margin:0;padding:3px 10px;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8;font-weight:600;} .rcv_list_layer .rcv_chk_w dd {width:169px;margin:0;padding:3px 10px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;} .rcv_list_layer .rcv_chk_w dd.rcv_d {width:262px;} .rcv_list_layer .rcv_chk_w dt.rcv_t {border-left:1px solid #e5e5e5;} .rcv_list_layer .rcv_chk_list {width:616px;margin:10px 17px 17px 17px;overflow:hidden;clear:right;overflow:hidden;overflow-y:auto;/*max-height:160px*/} .rcv_list_layer .rcv_chk_list table {width:100%;border:1px solid #e5e5e5;border-left:none;} .rcv_list_layer .rcv_chk_list table th {padding:3px 6px;background-color:#f8f8f8;border-left:1px solid #e5e5e5;font-size:11px;text-align:center;color:#454545;line-height:16px} .rcv_list_layer .rcv_chk_list table td {padding:3px 6px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:center;color:#454545;line-height:16px} .rcv_list_layer .rcv_chk_list table td.txt_left {text-align:left;} .rcv_list_layer .rcv_cancel {border:1px solid #cbcbcb;padding:3px 8px;display:inline-block;float:right;margin-bottom:3px;border-radius:3px;font-size:11px;color:#333333;margin-right:17px;background-color:#f8f8f8;line-height:16px;} .rcv_list_layer .rcv_cancel:hover {text-decoration:none;background-color:#fff;} .rcv_list_layer .rcv_cancel:focus {text-decoration:none;} .rcv_list_layer .rcv_cancel:active {text-decoration:none;} .spam_mail_empty_layer {display:none; position:absolute; z-index:9; zoom:1; /* overflow:hidden; */ border:1px solid #3d3d3d; background-color:#fff;} /* 2017.11.02 수정 068_제목 좌측 빈공간의 제목글자수 더 늘리기*/ /*.mail_title .ttwarp .mi_subject_ingL {width:99%!important; }*/ /* @media only screen and (max-width: 1199px){.mail_title .ttwarp {width: 90%;display: block;position: relative;}.gm_div_list{min-width: 800px;}} @media only screen and (min-width: 1200px) and (max-width: 1599px){.mail_title .ttwarp {width: 90%;display: block;position: relative;}.gm_div_list{min-width: 800px;}} @media only screen and (min-width: 1600px){.mail_title .ttwarp {width: 90% !important;display: block;position: relative;}} */ /*.mail_title .ttwarp .mi_subject_ing {min-width:320px; padding-right:0px;}*/ /* 068_제목 좌측 빈공간 제목글자수 더 늘리기: 수신확인페이지 */ @media only screen and (max-width: 1199px){.mail_title .mi_subject {width:85%!important;}} @media only screen and (min-width: 1200px) and (max-width: 1599px){.mail_title .mi_subject {/* width:75%!important; */}} @media only screen and (min-width: 1600px){.mail_title .mi_subject {/* width:65%!important; */}} /*검색영역 디자인수정*/ #orgainSearchDiv {float:left;} #searchDiv2 {float:left;} .top_search_wrap1 .ip_detai1 {width:224px;} .top_search_wrap1 .ip_detai2 {width:260px;} /*넓이 늘림*/ /* .addr_contnet1 .group_select1 {width:310px;} */ /* .addr_contnet1 .addr_list1 {width:310px} */ /*받는사람,참조,숨은잠조 class이름 다시 주기 "addr_list1"를 "addr_list1_a"로 다시주기*/ .addr_contnet1 .addr_list1_a {width:210px;border: 1px solid #bcbcbc;overflow-x: hidden;overflow-y: auto;} .addr_contnet1 .receive_to .addr_list1_a {height: 175px;} .addr_contnet1 .receive_cc .addr_list1_a {height: 75px;} .addr_contnet1 .receive_hid .addr_list1_a {height: 75px;} .addr_contnet1 .addr_list1_a li {line-height:18px;} .addr_contnet1 .addr_list1_a span {white-space: pre;} .addr_contnet1 .addr_list1_a label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; padding:0 10px; color:#333;} .addr_contnet1 .addr_list1_a label:hover, .addr_contnet1 .addr_list1_a .selected label {background-color:#e5e5e5;}/*여기 아니고*/ .addr_contnet1 .addr_list1_a .ip_chk {margin-right:5px;} /*054_조직도정보에서사용자정보테이블*/ .addr_contnet1 .group_select1 .addr_list1 table {width:100%;margin-left:-1px;} .addr_contnet1 .group_select1 .addr_list1 table th {padding:6px 6px 3px 6px;background-color:#f8f8f8;font-size:11px;text-align:center;color:#454545;line-height:16px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;} .addr_contnet1 .group_select1 .addr_list1 table td {padding:6px 6px 3px 6px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:left;color:#454545;line-height:16px} /*selcet박스 class*/ .selc_ui {border:none;background-color:transparent;font-weight:600;outline:none;font-size:11px;margin-top:-2px} /*전체사용자 탭*/ .layer_list_address {/*width:580px;*/overflow:hidden;border:none;padding:0;} .layer_list_room_txt {margin-left:0} .layer_list_room {border:1px solid #bcbcbc;overflow:hidden;width:99% !important;overflow-y:scroll;height:450px} .layer_list_room .ly_list { width:100%;margin-left:-1px;} .layer_list_room .ly_list th {padding:3px 6px;background-color:#f8f8f8;font-size:11px;text-align:center;color:#454545;line-height:16px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;} .layer_list_room .ly_list td {padding:3px 6px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:left;color:#454545;line-height:16px} .layer_list_room .ly_list tr:hover {background-color: #dcdcdc;} /*012_수신거부 "images/ui_content/icon_content.png"이미지넣어주기 */ .layer_nomsg {width:510px} .layer_title {display:block; font-weight:600;padding:0 10px 0 33px;color:#1979ca;font-size:18px;background-image:url(images/ui_content/icon_content.png); background-repeat:no-repeat;background-position:-25px -160px;line-height:25px} .layer_notcall {padding:30px 30px 20px 30px;text-align:left;} .layer_notcall table { width:100%;margin-top:10px} .layer_notcall table th {padding:5px;text-align:left;color:#454545;line-height:16px;width:60px} .layer_notcall table td {padding:5px;text-align:left;color:#454545;line-height:16px} .layer_notcall table td label {display:block;} /*left메뉴 수신거부 메뉴 추가*/ .lnb_other_mailbox {top:390px;} /*도움말 관련 수정*/ /*layer공통*/ .layer_area {padding:20px;} .layer_area h2 {font-size:14px;font-weight:600;padding-bottom:15px} /*회신기한*/ .reply_need {height: 25px;overflow:hidden;position:relative;margin-left: 150px; margin-top: 3px; background: #efefef;padding: 5px 7px;} .reply_need li {float:left;font-size:11px;letter-spacing:-1px;} .reply_need li.reply_n01 label {margin-left:3px;margin-right:22px;font-weight:600;} .reply_need li.reply_n03 span {padding-left:17px;padding-right:3px;} .reply_need li.reply_n03 label {color:#606060;padding-right:4px;} .reply_need li.reply_n01 label {color: #000; border-right: 1px solid #ccc; padding-right: 10px;} .reply_need li.reply_n02 label {margin-right:2px} /*.mail_list_subject_span {line-height:12px;vertical-align:inherit;}*/ .mail_title .ttwarp .mi_subject_ing {position:relative; width: 100% !important; /*max-height: 65px; overflow: hidden;*/} .state {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; font-size: 11px; color: #999; line-height: 15px; } .view_subject .state { overflow: hidden; clear: both; padding-top: 10px;padding-left: 30px; } .state span {color: #3879d9;} .mail_box_option_02 {float:left;margin-top: 22px;height: 17px;display: inline-block;width: 17px;background: url(/images/ui_content/icon_content.png) no-repeat -130px -40px; cursor: pointer;} .help_001 {width: 20px;height: 20px; margin-top:6px; display: inline; position: absolute; background: url(/images/ui_content/icon_content.png) no-repeat -130px -40px; margin-left: 5px;} /* 20_메일작성 인터페이스 개선 */ .total_ad {position:absolute; top:34%;right: 40px;top:;32%;font-weight:600;} /* 057_관리자페이지최초팝업기능 */ .frist_layer_03 {position:absolute;z-index:9999;zoom:1;border:1px solid #3d3d3d;background-color:#fff;padding:15px;text-align:left;} .frist_layer_03 .frist_layer_wrap {position:relative;height:590px;} .frist_layer_03 .frist_layer_wrap .frist_layer_img img {width:500px;height:550px;border:0 none;} .frist_layer_03 .frist_layer_wrap .frist_bottom {position:absolute;bottom:0;width:100%;height:40px;line-height:40px} .frist_layer_03 .frist_layer_wrap .frist_bottom label {padding-right:20px;padding-left:20px} .frist_layer_03 .frist_layer_wrap .frist_close {padding:0 15px;border:1px solid #5e5e5e;background-color:#5e5e5e;color:#fff;line-height:22px;} /*018_메일쓰기시 작성중인 메일 보관*/ .mail_write_layer {display:none;position:absolute;z-index:9999;zoom:1;border:1px solid #ccc;background-color:#fff;right:40%;top:20px; width:500px;padding:30px 40px 20px 40px;text-align:left;} .mail_write_layer .title_box {overflow:hidden;padding-bottom:10px} .mail_write_layer .title_box .title {display:inline-block; font-weight:600;color:#1979ca;font-size:18px;line-height:28px} .mail_write_layer .title_box .title_info {padding:15px 20px 0px 0px;font-size:15px;} .mail_write_layer li a {line-height:2.7;text-decoration:underline;font-size:15px;} /*065_첨부파일관련*/ .plupload_filelist li {cursor: pointer;} /*008 주고받은메일묶어보기*/ .mail_info .mi_bind {vertical-align: middle; position: inherit; text-align: left; padding-left: 3px;background-position: -330px -49px;} .bind_wrap {padding-left:170px;background-color:#f7f7f7;} .bind_m {padding-left:20px;} .lnb_main_mailbox .txt_mnml {margin-top: 9px; display:inline-block;} .mail_reservation .icon_ml_add {width: 19px;} .mail_info .mi_read_reply {width:26px} .mail_info .mi_bind {width:22px;height:20px;margin:9px 7px 0 2px} /*01003 회사별메일관리자안내*/ .onmail_layer {position:absolute;border:1px solid #3d3d3d; background-color:#fff;width:650px;overflow:hidden;color:#454545;z-index:9999;} .onmail_layer .layer_close {position:absolute; right:10px; top:10px; z-index:99; display:block; width:14px; height:13px; background-position:-240px 0;} .layer_table table {width:100%;border:1px solid #c0c0c0;border-left:none;border-coollapse:collapse;} .layer_table table thead th {padding:3px 6px;background-color:#f8f8f8;border-left:1px solid #c0c0c0;font-size:11px;text-align:center;color:#454545;line-height:16px} .layer_table table tbody td {padding:3px 6px;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;font-size:11px;text-align:center;color:#454545;line-height:16px} .layer_table table tbody td.txt_left {text-align:left;} .onmail_layer_box {padding:15px} .onmail_layer_box h2.rcv_title {padding:5px 0 3px 0;font-size:16px;font-weight:600;} .onmail_layer_box p {padding:3px 0 10px 0} .onmail_layer_box table {margin-top:5px} .onmail_layer_box .search {float:right;margin-bottom:7px} .onmail_layer_box .search input {height:25px;vertical-align:top;float: left; width: 190px;line-height: 25px;padding: 0 10px;border:1px solid #a4a4a4; color: #8b8b8b; margin:0 -1px 0 0;} .onmail_layer .onmail_layer_box .gm_paging_nav .paging_nums a {font-size:12px} .onmail_layer .onmail_layer_box .gm_paging_nav .paging_nums {margin:13px 10px 0 0} /*08005_환경설정_메일 승인 대결자 지정 외부메일발송시 보안강화*/ .layer_table .thead_n table {width:500px;} .layer_table .tbody_scr {max-height:266px;overflow-y:scroll;width:500px;} .layer_table .tbody_scr table {margin-top:-1px} .onmail_layer_box .name_search {float:right;margin-bottom:7px;padding-top:15px} .onmail_layer_box .name_search input {height:21px} .reply_area .reply_list .re_list_li {position:relative; min-height:38px; padding:15px 0; border-top:1px solid #d8d8d8;list-style:none;} .reply_area .reply_list .re_list_li:first-child {border-top:0;} /******댓글*********/ .view_contnet ul>li {/*margin-left:20px*/} .reply_area .reply_list {padding:0 15px 0 0;clear:right;} .reply_area .reply_list li {padding:0px 0 10px 0} .reply_area .btn_more {border:none;margin:0 0 7px 0 !important;text-align:right;border:1px solid none;height:22px;line-height:22px;font-weight:normal;color:#777;font-size:12px;float:right;padding:3px 5px 3px 5px;width:120px;text-decoration:underline;} .reply_area .btn_more .icon_arr {background-position:-301px -25px;left:0;top:5px;margin:0;width:20px;height:20px} /*댓글스티커*/ .box-reply2 {zoom:1;margin:0; padding:5px 0px 5px 0px;} .box-reply2 input {border:none; font-weight:normal; vertical-align:top;} .cminput {margin:14px 0 0; padding:0; width:100%; border-collapse:collapse;table-layout:fixed;} .cminput .i2 {*padding-right:2px;} .cminput .i3 {position:relative;width:89px;text-align:right;vertical-align:top;} .cminput .textarea {width:100%; margin:0; padding:1px 0; overflow:auto;-webkit-appearance:none;-webkit-border-radius:0; resize:none} .cminput .comm_write_wrap {clear:both;padding:5px 10px;border:1px solid #e5e5e5} .cminput .comm_write_wrap .textarea {border:0 !important;overflow:hidden;} .cminput .comm_write_wrap .m-tcol-c {word-wrap:break-word;} .cminput .comm_write_wrap .sticker {position:relative;display:inline-block;margin:11px 11px 0 0;} /*캐릭터스티커01*/ .cminput .comm_write_wrap .sticker .sticker_img_01 span {background-image:url('/images/ui_content/original_preview_01.png');background-size:190px auto;display:inline-block;overflow:hidden;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_01{background-position:0 0;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_02{background-position:-64px -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_03{background-position:-130px -1px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_04{background-position:1px -60px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_05{background-position:-64px -60px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_06{background-position:-130px -60px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_07{background-position:0 -119px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_08{background-position:-64px -119px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_09{background-position:-130px -118px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_10{background-position:0 -177px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_11{background-position:-64px -177px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_12{background-position:-130px -177px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_13{background-position:0 -236px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_14{background-position:-64px -236px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_15{background-position:-130px -236px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_16{background-position:0 -294px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_17{background-position:-64px -292px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_18{background-position:-130px -292px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_19{background-position:0 -355px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_20{background-position:-64px -353px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_21{background-position:-130px -356px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_22{background-position:0 -410px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_23{background-position:-64px -413px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_24{background-position:-130px -411px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_01 .character_25{background-position:2px -470px;height:55px;width:60px;} /*얼굴 스티커 02*/ .cminput .comm_write_wrap .sticker .sticker_img_02 span {background-image:url('/images/ui_content/original_preview_02.png');background-size:190px auto;display:inline-block;overflow:hidden;padding:0;font-size:0;line-height:0;text-indent:-9999px} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_01 {background-position:0 -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_02 {background-position:-60px -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_03 {background-position:-119px -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_04 {background-position:0 -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_05 {background-position:-60px -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_06 {background-position:-119px -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_07 {background-position:0 -120px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_08 {background-position:-60px -120px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_09 {background-position:-119px -120x;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_10 {background-position:0 -178px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_11 {background-position:-60px -178px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_12 {background-position:-119px -180x;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_13 {background-position:0 -238px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_14 {background-position:-60px -238px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_15 {background-position:-119px -226x;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_16 {background-position:0 -295px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_17 {background-position:-60px -295px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_18 {background-position:-119px -295x;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_19 {background-position:0 -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_20 {background-position:-60px -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_21 {background-position:-119px -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_22 {background-position:0 -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_23 {background-position:-60px -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_24 {background-position:-119px -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_25 {background-position:0 -476px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_26 {background-position:-60px -476px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_27 {background-position:-119px -476px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_28 {background-position:0 -536px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_29 {background-position:-60px -536px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_30 {background-position:-119px -536px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_31 {background-position:0 -595px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_32 {background-position:-60px -595px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_33 {background-position:-119px -595px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_34 {background-position:0 -595px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_35 {background-position:-60px -595px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_02 .face_36 {background-position:-119px -595px;height:55px;width:60px;} /*기타스티커 03*/ .cminput .comm_write_wrap .sticker .sticker_img_03 span {background-image:url('/images/ui_content/original_preview_03.png');background-size:190px auto;display:inline-block;overflow:hidden;padding:0;font-size:0;line-height:0;text-indent:-9999px} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_01 {background-position:0 -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_02 {background-position:-60px -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_03 {background-position:-119px -2px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_04 {background-position:0 -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_05 {background-position:-60px -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_06 {background-position:-119px -61px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_07 {background-position:0 -120px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_08 {background-position:-60px -120px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_09 {background-position:-119px -120px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_10 {background-position:0 -178px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_11 {background-position:-60px -178px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_12 {background-position:-119px -180x;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_13 {background-position:0 -238px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_14 {background-position:-60px -238px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_15 {background-position:-119px -226px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_16 {background-position:0 -295px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_17 {background-position:-60px -295px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_18 {background-position:-119px -295px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_19 {background-position:0 -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_20 {background-position:-60px -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_21 {background-position:-119px -358px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_22 {background-position:0 -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_23 {background-position:-60px -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .sticker_img_03 .etc_24 {background-position:-119px -417px;height:55px;width:60px;} .cminput .comm_write_wrap .sticker .delete_thumb {overflow:hidden;position:absolute;top:0px;right:-17px;z-index:30;width:21px;height:21px;background:url('/images/ui_content/sp_cbox_01.png') 0 0 no-repeat;diplay:inline-block;} .cminput .comm_write_wrap .sticker .delete_thumb span {width:1px;height:1px;font-size:0;color:transparent;diplay:inline-block;} .u_cbox_btn_upload{display:inline-block;position:absolute;top:0;right:0;z-index:10;width:84px;height:35px;border:1px solid #ccc;background:#fff !important;font-size:13px;font-weight:600;line-height:35px;text-align:center} .u_cbox_btn_upload a{display:inline-block;width:100%;height:100%;color:#666;} .u_cbox_btn_upload.on a{color:#00c73c} .u_cbox_addition li {list-style:none !important;margin:0!important;text-decoration:none;} .u_cbox_addition .u_cbox_btn_sticker a {border:1px solid #999;padding:3px 0 2px 0;display:inline-block;margin-top:5px;margin-bottom:2px; color: #000; background-color:#fff;width:60px;text-align:center;} .u_cbox_addition .u_cbox_btn_sticker a:hover {text-decoration:none;font-weight:600;} /*sticker*/ .line_stc_sec {position:relative;} .line_stc_sec .se2_line_layer{overflow:visible;position:absolute;top:0;left:1px;z-index:100} .se2_line_layer{overflow:hidden;display:none;position:absolute;top:52px;border:1px solid #9b9b9b;text-align:left} .se2_line_layer button{border:0;background:none;font-size:11px;vertical-align:top;cursor:pointer} .se2_line_layer button span,.se2_line_layer button em{visibility:hidden;overflow:hidden;position:absolute;top:0;font-size:0;line-height:0} .se2_line_layer .se2_in_layer{float:left;border-top:1px solid #fcfcfc;border-bottom:1px solid #fcfcfc} .se2_line_sticker{overflow:hidden;float:left;width:458px;height:381px;background:#fff} .se2_line_sticker button.se2_prev{position:relative;float:left;background-position:-3px 16px} .se2_line_sticker button.se2_prev:hover{background-position:-28px 16px} .se2_line_sticker button.se2_prev_off{position:relative;float:left;background-position:-53px 7px;cursor:default} .se2_line_sticker button.se2_next{position:relative;float:right;background-position:-74px 16px} .se2_line_sticker button.se2_next:hover{background-position:-99px 16px} .se2_line_sticker button.se2_next_off{position:relative;float:right;background-position:-124px 16px;cursor:default} .se2_line_sticker_set{position:absolute;top:1px;left:0;margin:0!important;padding:1px 30px 0 100px!important;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box} .se2_line_sticker_set li {position:static;float:left;padding:0!important} .se2_line_sticker_set li button {width:53px;height:53px;margin:0 40px 2px 5px;display:inline-block;overflow:hidden;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .se2_line_sticker_set div.se2_linesticker_list {display:none;float:left;position:absolute;top:56px;left:0;width:458px;height:308px;overflow:auto;overflow-x:hidden;background:#fff;border-top:1px solid #d1d3d8;scrollbar-width:5px;} .reply_list .btns .dsc_comm {float:left; padding-left:10px; padding-right:8px;background: url('/images/ui_content/bu_arr.png') no-repeat 0 0;font-size:12px;} .reply_list .btns .dsc_comm a{float:left;} .reply_list .btns .dsc_comm a.cencel {color:red;} .se2_line_sticker_set li .sticker_tab_01 {background:url('/images/ui_content/original_tab_off.png') 3px 4px no-repeat;} .se2_line_sticker_set li .sticker_tab_01:hover {background:url('/images/ui_content/original_tab_on.png') 3px 4px no-repeat;} .se2_line_sticker_set .active .sticker_tab_01 {background:url('/images/ui_content/original_tab_on.png') 3px 4px no-repeat;} .se2_line_sticker_set div.se2_linesticker_list ul{display:block;overflow:hidden;float:none;width:442px;padding:1px!important;margin:0} .se2_line_sticker_set div.se2_linesticker_list li{float:left;position:relative;width:100px;height:100px;margin:0!important;padding:1px!important;background-position:500px 500px;border:1px solid #fff} .se2_line_sticker_set div.se2_linesticker_list li:hover{border:1px solid #ddd;background-color:#eee} .se2_line_sticker_set div.se2_linesticker_list li.active{border:1px solid #ddd;background-color:#eee} .se2_line_sticker_set div.se2_linesticker_list li button{width:100px;height:100px;position:static;margin:0!important;} .se2_line_sticker_set .active div.se2_linesticker_list {display:block} .se2_line_sticker_set div.se2_linesticker_list li button.character_01 {background:url('/images/ui_content/original_preview_01.png') 0 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_02 {background:url('/images/ui_content/original_preview_01.png') -111px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_03 {background:url('/images/ui_content/original_preview_01.png') -224px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_04 {background:url('/images/ui_content/original_preview_01.png') 0 -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_05 {background:url('/images/ui_content/original_preview_01.png') -111px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_06 {background:url('/images/ui_content/original_preview_01.png') -224px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_07 {background:url('/images/ui_content/original_preview_01.png') 0 -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_08 {background:url('/images/ui_content/original_preview_01.png') -111px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_09 {background:url('/images/ui_content/original_preview_01.png') -224px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_10 {background:url('/images/ui_content/original_preview_01.png') 0 -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_11 {background:url('/images/ui_content/original_preview_01.png') -111px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_12 {background:url('/images/ui_content/original_preview_01.png') -224px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_13 {background:url('/images/ui_content/original_preview_01.png') 0 -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_14 {background:url('/images/ui_content/original_preview_01.png') -111px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_15 {background:url('/images/ui_content/original_preview_01.png') -224px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_16 {background:url('/images/ui_content/original_preview_01.png') 0 -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_17 {background:url('/images/ui_content/original_preview_01.png') -111px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_18 {background:url('/images/ui_content/original_preview_01.png') -224px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_19 {background:url('/images/ui_content/original_preview_01.png') 0 -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_20 {background:url('/images/ui_content/original_preview_01.png') -111px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_21 {background:url('/images/ui_content/original_preview_01.png') -224px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_22 {background:url('/images/ui_content/original_preview_01.png') 0 -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_23 {background:url('/images/ui_content/original_preview_01.png') -111px -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_24 {background:url('/images/ui_content/original_preview_01.png') -224px -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.character_25 {background:url('/images/ui_content/original_preview_01.png') 0 -800px no-repeat} .se2_line_sticker_set li .sticker_tab_02 {background:url('/images/ui_content/original_tab_02_off.png') 3px 4px no-repeat;} .se2_line_sticker_set li .sticker_tab_02:hover {background:url('/images/ui_content/original_tab_02_on.png') 3px 4px no-repeat;} .se2_line_sticker_set .active .sticker_tab_02 {background:url('/images/ui_content/original_tab_02_on.png') 3px 4px no-repeat;} .se2_line_sticker_set div.se2_linesticker_list li button.face_01 {background:url('/images/ui_content/original_preview_02.png') 0 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_02 {background:url('/images/ui_content/original_preview_02.png') -100px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_03 {background:url('/images/ui_content/original_preview_02.png') -200px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_04 {background:url('/images/ui_content/original_preview_02.png') 0 -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_05 {background:url('/images/ui_content/original_preview_02.png') -100px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_06 {background:url('/images/ui_content/original_preview_02.png') -200px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_07 {background:url('/images/ui_content/original_preview_02.png') 0 -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_08 {background:url('/images/ui_content/original_preview_02.png') -100px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_09 {background:url('/images/ui_content/original_preview_02.png') -200px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_10 {background:url('/images/ui_content/original_preview_02.png') 0 -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_11 {background:url('/images/ui_content/original_preview_02.png') -100px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_12 {background:url('/images/ui_content/original_preview_02.png') -200px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_13 {background:url('/images/ui_content/original_preview_02.png') 0 -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_14 {background:url('/images/ui_content/original_preview_02.png') -100px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_15 {background:url('/images/ui_content/original_preview_02.png') -200px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_16 {background:url('/images/ui_content/original_preview_02.png') 0 -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_17 {background:url('/images/ui_content/original_preview_02.png') -100px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_18 {background:url('/images/ui_content/original_preview_02.png') -200px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_19 {background:url('/images/ui_content/original_preview_02.png') 0 -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_20 {background:url('/images/ui_content/original_preview_02.png') -100px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_21 {background:url('/images/ui_content/original_preview_02.png') -200px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_22 {background:url('/images/ui_content/original_preview_02.png') 0 -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_23 {background:url('/images/ui_content/original_preview_02.png') -100px -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_24 {background:url('/images/ui_content/original_preview_02.png') -200px -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_25 {background:url('/images/ui_content/original_preview_02.png') 0 -800px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_26 {background:url('/images/ui_content/original_preview_02.png') -100px -800px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_27 {background:url('/images/ui_content/original_preview_02.png') -200px -800px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_28 {background:url('/images/ui_content/original_preview_02.png') 0 -900px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_29 {background:url('/images/ui_content/original_preview_02.png') -100px -900px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_30 {background:url('/images/ui_content/original_preview_02.png') -200px -900px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_31 {background:url('/images/ui_content/original_preview_02.png') 0 -1000px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_32 {background:url('/images/ui_content/original_preview_02.png') -100px -1000px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_33 {background:url('/images/ui_content/original_preview_02.png') -200px -1000px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_34 {background:url('/images/ui_content/original_preview_02.png') 0 -1100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_35 {background:url('/images/ui_content/original_preview_02.png') -100px -1100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.face_36 {background:url('/images/ui_content/original_preview_02.png') -200px -1100px no-repeat} .se2_line_sticker_set li .sticker_tab_03 {background:url('/images/ui_content/original_tab_03_off.png') 3px 4px no-repeat;} .se2_line_sticker_set li .sticker_tab_03:hover {background:url('/images/ui_content/original_tab_03_on.png') 3px 4px no-repeat;} .se2_line_sticker_set .active .sticker_tab_03 {background:url('/images/ui_content/original_tab_03_on.png') 3px 4px no-repeat;} .se2_line_sticker_set div.se2_linesticker_list li button.etc_01 {background:url('/images/ui_content/original_preview_03.png') 0 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_02 {background:url('/images/ui_content/original_preview_03.png') -100px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_03 {background:url('/images/ui_content/original_preview_03.png') -200px 0 no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_04 {background:url('/images/ui_content/original_preview_03.png') 0 -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_05 {background:url('/images/ui_content/original_preview_03.png') -100px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_06 {background:url('/images/ui_content/original_preview_03.png') -200px -100px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_07 {background:url('/images/ui_content/original_preview_03.png') 0 -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_08 {background:url('/images/ui_content/original_preview_03.png') -100px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_09 {background:url('/images/ui_content/original_preview_03.png') -200px -200px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_10 {background:url('/images/ui_content/original_preview_03.png') 0 -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_11 {background:url('/images/ui_content/original_preview_03.png') -100px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_12 {background:url('/images/ui_content/original_preview_03.png') -200px -300px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_13 {background:url('/images/ui_content/original_preview_03.png') 0 -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_14 {background:url('/images/ui_content/original_preview_03.png') -100px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_15 {background:url('/images/ui_content/original_preview_03.png') -200px -400px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_16 {background:url('/images/ui_content/original_preview_03.png') 0 -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_17 {background:url('/images/ui_content/original_preview_03.png') -100px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_18 {background:url('/images/ui_content/original_preview_03.png') -200px -500px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_19 {background:url('/images/ui_content/original_preview_03.png') 0 -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_20 {background:url('/images/ui_content/original_preview_03.png') -100px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_21 {background:url('/images/ui_content/original_preview_03.png') -200px -600px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_22 {background:url('/images/ui_content/original_preview_03.png') 0 -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_23 {background:url('/images/ui_content/original_preview_03.png') -100px -700px no-repeat} .se2_line_sticker_set div.se2_linesticker_list li button.etc_24 {background:url('/images/ui_content/original_preview_03.png') -200px -700px no-repeat} .comm_cont {padding-left:29px;padding-top:5px;background:url('/images/ui_content/ico_comm_re2.gif') 15px 13px no-repeat} .comm_cont .cminput{margin:-3px 0 -2px} .comm_cont .cminput .comm_write_wrap {background-color:#fff} .reply_area .reply_list .replay_li {position:relative; min-height:38px; padding:15px 0 15px 0; border-top:1px solid #d8d8d8;list-style:none;padding-left:29px;padding-top:5px;background:url('/images/ui_content/ico_comm_re2.gif') 15px 9px no-repeat} .reply_area .reply_list .replay_li:first-child {border-top:0;} .leyer_box_05 {border: 1px solid #ddd; padding:8px; background:#fff; position: absolute; width:400px; z-index: 1000;margin:0} .leyer_box_05 dl dd {line-height:24px} .leyer_box_05 span {font-weight:600;} /*************************댓글추가****/ .comm_stck span {float:left;position:relative;width:100px;height:100px;margin:0!important;padding:1px!important;background-position:500px 500px;display:inline-block;overflow:hidden;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .comm_stck {overflow: hidden;} /*character*/ .comm_stck .character_01 {background:url('/images/ui_content/original_preview_01.png') 0 0 no-repeat} .comm_stck .character_02 {background:url('/images/ui_content/original_preview_01.png') -111px 0 no-repeat} .comm_stck .character_03 {background:url('/images/ui_content/original_preview_01.png') -224px 0 no-repeat} .comm_stck .character_04 {background:url('/images/ui_content/original_preview_01.png') 0 -100px no-repeat} .comm_stck .character_05 {background:url('/images/ui_content/original_preview_01.png') -111px -100px no-repeat} .comm_stck .character_06 {background:url('/images/ui_content/original_preview_01.png') -224px -100px no-repeat} .comm_stck .character_07 {background:url('/images/ui_content/original_preview_01.png') 0 -200px no-repeat} .comm_stck .character_08 {background:url('/images/ui_content/original_preview_01.png') -111px -200px no-repeat} .comm_stck .character_09 {background:url('/images/ui_content/original_preview_01.png') -224px -200px no-repeat} .comm_stck .character_10 {background:url('/images/ui_content/original_preview_01.png') 0 -300px no-repeat} .comm_stck .character_11 {background:url('/images/ui_content/original_preview_01.png') -111px -300px no-repeat} .comm_stck .character_12 {background:url('/images/ui_content/original_preview_01.png') -224px -300px no-repeat} .comm_stck .character_13 {background:url('/images/ui_content/original_preview_01.png') 0 -400px no-repeat} .comm_stck .character_14 {background:url('/images/ui_content/original_preview_01.png') -111px -400px no-repeat} .comm_stck .character_15 {background:url('/images/ui_content/original_preview_01.png') -224px -400px no-repeat} .comm_stck .character_16 {background:url('/images/ui_content/original_preview_01.png') 0 -500px no-repeat} .comm_stck .character_17 {background:url('/images/ui_content/original_preview_01.png') -111px -500px no-repeat} .comm_stck .character_18 {background:url('/images/ui_content/original_preview_01.png') -224px -500px no-repeat} .comm_stck .character_19 {background:url('/images/ui_content/original_preview_01.png') 0 -600px no-repeat} .comm_stck .character_20 {background:url('/images/ui_content/original_preview_01.png') -111px -600px no-repeat} .comm_stck .character_21 {background:url('/images/ui_content/original_preview_01.png') -224px -600px no-repeat} .comm_stck .character_22 {background:url('/images/ui_content/original_preview_01.png') 0 -700px no-repeat} .comm_stck .character_23 {background:url('/images/ui_content/original_preview_01.png') -111px -700px no-repeat} .comm_stck .character_24 {background:url('/images/ui_content/original_preview_01.png') -224px -700px no-repeat} .comm_stck .character_25 {background:url('/images/ui_content/original_preview_01.png') 0 -800px no-repeat} /*face*/ .comm_stck .face_01 {background:url('/images/ui_content/original_preview_02.png') 0 0 no-repeat} .comm_stck .face_02 {background:url('/images/ui_content/original_preview_02.png') -100px 0 no-repeat} .comm_stck .face_03 {background:url('/images/ui_content/original_preview_02.png') -200px 0 no-repeat} .comm_stck .face_04 {background:url('/images/ui_content/original_preview_02.png') 0 -100px no-repeat} .comm_stck .face_05 {background:url('/images/ui_content/original_preview_02.png') -100px -100px no-repeat} .comm_stck .face_06 {background:url('/images/ui_content/original_preview_02.png') -200px -100px no-repeat} .comm_stck .face_07 {background:url('/images/ui_content/original_preview_02.png') 0 -200px no-repeat} .comm_stck .face_08 {background:url('/images/ui_content/original_preview_02.png') -100px -200px no-repeat} .comm_stck .face_09 {background:url('/images/ui_content/original_preview_02.png') -200px -200px no-repeat} .comm_stck .face_10 {background:url('/images/ui_content/original_preview_02.png') 0 -300px no-repeat} .comm_stck .face_11 {background:url('/images/ui_content/original_preview_02.png') -100px -300px no-repeat} .comm_stck .face_12 {background:url('/images/ui_content/original_preview_02.png') -200px -300px no-repeat} .comm_stck .face_13 {background:url('/images/ui_content/original_preview_02.png') 0 -400px no-repeat} .comm_stck .face_14 {background:url('/images/ui_content/original_preview_02.png') -100px -400px no-repeat} .comm_stck .face_15 {background:url('/images/ui_content/original_preview_02.png') -200px -400px no-repeat} .comm_stck .face_16 {background:url('/images/ui_content/original_preview_02.png') 0 -500px no-repeat} .comm_stck .face_17 {background:url('/images/ui_content/original_preview_02.png') -100px -500px no-repeat} .comm_stck .face_18 {background:url('/images/ui_content/original_preview_02.png') -200px -500px no-repeat} .comm_stck .face_19 {background:url('/images/ui_content/original_preview_02.png') 0 -600px no-repeat} .comm_stck .face_20 {background:url('/images/ui_content/original_preview_02.png') -100px -600px no-repeat} .comm_stck .face_21 {background:url('/images/ui_content/original_preview_02.png') -200px -600px no-repeat} .comm_stck .face_22 {background:url('/images/ui_content/original_preview_02.png') 0 -700px no-repeat} .comm_stck .face_23 {background:url('/images/ui_content/original_preview_02.png') -100px -700px no-repeat} .comm_stck .face_24 {background:url('/images/ui_content/original_preview_02.png') -200px -700px no-repeat} .comm_stck .face_25 {background:url('/images/ui_content/original_preview_02.png') 0 -800px no-repeat} .comm_stck .face_26 {background:url('/images/ui_content/original_preview_02.png') -100px -800px no-repeat} .comm_stck .face_27 {background:url('/images/ui_content/original_preview_02.png') -200px -800px no-repeat} .comm_stck .face_28 {background:url('/images/ui_content/original_preview_02.png') 0 -900px no-repeat} .comm_stck .face_29 {background:url('/images/ui_content/original_preview_02.png') -100px -900px no-repeat} .comm_stck .face_30 {background:url('/images/ui_content/original_preview_02.png') -200px -900px no-repeat} .comm_stck .face_31 {background:url('/images/ui_content/original_preview_02.png') 0 -1000px no-repeat} .comm_stck .face_32 {background:url('/images/ui_content/original_preview_02.png') -100px -1000px no-repeat} .comm_stck .face_33 {background:url('/images/ui_content/original_preview_02.png') -200px -1000px no-repeat} .comm_stck .face_34 {background:url('/images/ui_content/original_preview_02.png') 0 -1100px no-repeat} .comm_stck .face_35 {background:url('/images/ui_content/original_preview_02.png') -100px -1100px no-repeat} .comm_stck .face_36 {background:url('/images/ui_content/original_preview_02.png') -200px -1100px no-repeat} /*etc*/ .comm_stck .etc_01 {background:url('/images/ui_content/original_preview_03.png') 0 0 no-repeat} .comm_stck .etc_02 {background:url('/images/ui_content/original_preview_03.png') -100px 0 no-repeat} .comm_stck .etc_03 {background:url('/images/ui_content/original_preview_03.png') -200px 0 no-repeat} .comm_stck .etc_04 {background:url('/images/ui_content/original_preview_03.png') 0 -100px no-repeat} .comm_stck .etc_05 {background:url('/images/ui_content/original_preview_03.png') -100px -100px no-repeat} .comm_stck .etc_06 {background:url('/images/ui_content/original_preview_03.png') -200px -100px no-repeat} .comm_stck .etc_07 {background:url('/images/ui_content/original_preview_03.png') 0 -200px no-repeat} .comm_stck .etc_08 {background:url('/images/ui_content/original_preview_03.png') -100px -200px no-repeat} .comm_stck .etc_09 {background:url('/images/ui_content/original_preview_03.png') -200px -200px no-repeat} .comm_stck .etc_10 {background:url('/images/ui_content/original_preview_03.png') 0 -300px no-repeat} .comm_stck .etc_11 {background:url('/images/ui_content/original_preview_03.png') -100px -300px no-repeat} .comm_stck .etc_12 {background:url('/images/ui_content/original_preview_03.png') -200px -300px no-repeat} .comm_stck .etc_13 {background:url('/images/ui_content/original_preview_03.png') 0 -400px no-repeat} .comm_stck .etc_14 {background:url('/images/ui_content/original_preview_03.png') -100px -400px no-repeat} .comm_stck .etc_15 {background:url('/images/ui_content/original_preview_03.png') -200px -400px no-repeat} .comm_stck .etc_16 {background:url('/images/ui_content/original_preview_03.png') 0 -500px no-repeat} .comm_stck .etc_17 {background:url('/images/ui_content/original_preview_03.png') -100px -500px no-repeat} .comm_stck .etc_18 {background:url('/images/ui_content/original_preview_03.png') -200px -500px no-repeat} .comm_stck .etc_19 {background:url('/images/ui_content/original_preview_03.png') 0 -600px no-repeat} .comm_stck .etc_20 {background:url('/images/ui_content/original_preview_03.png') -100px -600px no-repeat} .comm_stck .etc_21 {background:url('/images/ui_content/original_preview_03.png') -200px -600px no-repeat} .comm_stck .etc_22 {background:url('/images/ui_content/original_preview_03.png') 0 -700px no-repeat} .comm_stck .etc_23 {background:url('/images/ui_content/original_preview_03.png') -100px -700px no-repeat} .comm_stck .etc_24 {background:url('/images/ui_content/original_preview_03.png') -200px -700px no-repeat} /*left메뉴영역 2017-12-26 수정 END $ */ .lnb_btn_set {height:35px;} .lnb_btn_set a {display:block; float:left; position:relative; z-index:1; width:49%; height:27px;font-size:13px; line-height:27px; text-align:center; font-weight:normal; border: 1px solid #b9b9b9;color:#4a4a4a;background: #f1f1f1;} .lnb_btn_set .tab_list {border-radius:0;} .lnb_btn_set .tab_address {border-radius:0; left:-1px;} .lnb_btn_set a:hover {border:1px solid #b9b9b9;} .lnb_btn_set .selected:hover {border:1px solid #bfc7d0;border-bottom:1px solid #fff;} .lnb_btn_set .selected {border-top: 1px solid #b9b9b9;border-left: 1px solid #b9b9b9;border-right: 1px solid #b9b9b9;border-bottom:1px solid #fff;background:#fff;font-weight:600;text-decoration:none;background-color:#fff;} .lnb_btn_write {clear:both;} .lnb_btn_write .btn_write {width:99%; font-weight:600;display:inline-block;height:30px;line-height:30px;font-size:13px;text-align:center;} .lnb_btn_write a:hover {text-decoration:none;} .lnb_btn_box { display: table; table-layout: fixed; width: 100%; padding: 10px 5px;border-bottom: 1px solid rgba(237,237,237,0.8); background-color: #fff; box-sizing: border-box;} .lnb_btn_box a {display:block;text-align:center;font-size:12px;letter-spacing:-1px;height:40px;} .lnb_btn_box a:hover {text-decoration:none;} .ic_addr_box a {display:block;text-align:center;font-size:12px;letter-spacing:-1px;height:40px;} .ic_addr_box a:hover {text-decoration:none;} .img_mail, .icon_ml, .icon_important, .icon_read, .icon_file, .n_view_01,.btn_refresh, .move_prev, .ic_addr_box li span, .icon_favorit, .bul_arr, .icon_sch,.icon_import, .icon_export, .icon_folder, .icon_arr, .icon_send,.move_next,.btn_setup, .btn_add, .btn_add_minus, .stylelist_s,.stylelist_rl, .stylelist_ud, .mi_reply, .bul_arrb, .tab_setup li a:after, .icon_read_reply, .icon_read_delivery, .icon_pagedown, .icon_pageup, .icon_print, .icon_success, .icon_save_o, .icon_save_x, .btn_join_o, .btn_join_x, .icon_nomsg, .icon_down, .down_file .btn_savepc, .btn_remove, .icon_new_win, .mail_info .mi_bind {background-image: url(../images/ui_content/icon_img.png);background-repeat:no-repeat;background-size: 400px 500px;/* display: block */;overflow: hidden;} .lnb_btn_box .img_mail {width: 25px;height: 22px;margin: 0 auto 4px;display: block;} .btnLink .inb_star {background-position: -30px -370px;} .btnLink:hover .inb_star {background-position: -30px -395px;} .btnLink .inb_allread{background-position: -115px -372px;} .btnLink .inb_notread {background-position:-3px -369px;} .btnLink:hover .inb_notread{background-position: -3px -394px;} .btnLink .inb_file {background-position: -57px -371px} .btnLink:hover .inb_file {background-position: -57px -395px} .btnLink .inb_nonew {background-position: -85px -372px;} .btnLink .inb_new {background-position:-114px -396px;} .btnLink:hover .inb_new {background-position:-114px -396px;} .btnLink .inb_replay {background-position: -85px -396px} .btnLink:hover .inb_replay {background-position: -85px -396px} a.btnLink { position: relative;display: table-cell; width: 37px; text-align: center;color: #414141; vertical-align: top;} span.txt_link { display: inline-block; font-size: 12px; color:#444; letter-spacing: 0.3px; vertical-align: top;} .txt_link:hover { color:#000;font-weight:800;} .n_view_01 {background-position: -87px -115px; height: 17px; width: 17px; } .lnb_mail_sett {/* padding-left:10px; */border:none;} .lnb_mail_account { padding: 10px 0 0 10px;} .lnb_account {text-align:left;} .lnb_mail_work {height:auto;position:relative; border-bottom: 1px solid #dcdcdc;} .mn_div_list {position: absolute;left: 0px;right: 0px;top: 218px;bottom: 0px;overflow: hidden;} .mn_div_list .mn_list_wrap {position: absolute; left: 0px; right: 0px; top: 0px; overflow: hidden; overflow-y: auto;} .lnb_main_mailbox {margin-top: 0; } .lnb_other_mailbox {margin-top:0;} .mail_reservation .icon_ml_add {margin-right: 5px;width: 18px; height: 16px;background-image: url(../images/ui_content/icon_content.png);background-position:-91px -120px;} .lnb_main_mailbox ul li .bt_cm_sml {height:18px;line-height:18px;text-decoration: none;} .lnb_main_mailbox ul li .bt_cm_nmrl {border:1px solid #d9d9d9;color:#a4a4a4;padding:0 3px;font-size:11px;} .lnb_main_mailbox ul li .bt_cm_nmrl:hover {border:1px solid #333;color:#333;} .lnb_other_mailbox .bt_cm_sml {height:18px;line-height:18px;text-decoration: none;} .lnb_other_mailbox .bt_cm_nmrl {border:1px solid #a4a4a4;color:#a4a4a4;padding:0 3px;font-size:11px;} .lnb_other_mailbox .bt_cm_nmrl:hover {border:1px solid #333;color:#333;} .icon_sett {display:none;} .other_mail_link [class^="btn_"] {margin-right:3px;width:20px;height:20px;} .other_mail_link .btn_add {background-position:-167px -207px;} .other_mail_link .btn_add:hover {background-position:-167px -230px;} .other_mail_link .btp {right:0} .layer_popup .origin {width: 624px; margin: 0 0 11px; padding: 0; border: 1px solid #ddd; background-color: #fff;} .layer_popup .originBox {width: 614px;height: 342px; border: 0;margin: 5px; font: 400 12px/16px Courier;background-color: #fff;} .other_mail_link {padding-left:10px;} .lnb_other_mailbox .other_mail_link strong {font-weight:normal;} .other_mail_link .selected .icon_arr_01 {background-image: url(../images/ui_content/icon_content.png);background-repeat: no-repeat;background-position:-352px -133px;width:10px;margin-right:8px;margin-left:0;display:inline-block;height:10px;margin-top:12px;vertical-align:top;} .other_mail_link .icon_arr_01 {background-image: url(../images/ui_content/icon_content.png);background-repeat: no-repeat;background-position:-352px -133px;width:10px;margin-right:8px;margin-left:0;display:inline-block;height:10px;margin-top:12px;vertical-align:top;} /*주소록*/ .lnb_addr_select {/*overflow:hidden;*/ padding:10px 0;} .ic_addr_box {display: table; table-layout: fixed; width: 100%; padding: 10px 5px; border-bottom: 1px solid #ddd; background-color: #fff; box-sizing: border-box;} .ic_addr_box .img_mail {width: 25px;height: 25px; margin: 0 auto 4px; display: block;} .btnLink .ic_personal {background-position:-184px -76px;} .btnLink:hover .ic_personal,.ic_addr_box .selected .ic_personal {background-position:-212px -76px;} .btnLink .ic_share {background-position:-243px -76px;} .btnLink:hover .ic_share,.ic_addr_box .selected .ic_share {background-position:-271px -76px;} .btnLink .ic_group {background-position:-301px -76px;} .btnLink:hover .ic_group,.ic_addr_box .selected .ic_group {background-position:-332px -76px;} .btnLink .ic_favorit {background-position:-156px -76px;} .btnLink:hover .ic_favorit,.ic_addr_box .selected .ic_favorit {background-position: -156px -76px;} .ic_addr_box .selected a .ic_txt {font-weight: 800;} .ic_addr_box .personal {margin-right:15px} .ic_addr_box .share {margin-right:19px} .ic_addr_box .group {margin-right:19px} .lnb_addr_companys { margin-top: 10px;} .lnb_addr_list {position: absolute;left: 0;right: 0;top: 120px;bottom: 80px;overflow: auto;background-color: #ffffff;} .lnb_addr_list .tit_addr .icon_arr {display:inline-block; width:10px; height:11px; margin-right:4px; background-position:-334px -150px;} .lnb_addr_list .tit_addr .selected .icon_arr_01 {background-image: url(../images/ui_content/icon_content.png);background-repeat: no-repeat;background-position:-352px -133px;width:10px;margin-right:8px;margin-left:0;display:inline-block;height:10px;margin-top:12px;vertical-align:top;} .lnb_addr_list .tit_addr .icon_arr_01 {background-image: url(../images/ui_content/icon_content.png);background-repeat: no-repeat;background-position:-352px -133px;width:10px;margin-right:8px;margin-left:0;display:inline-block;height:10px;margin-top:12px;vertical-align:top;} .lnb_addr_list .bt_cm_nmrl {border: 1px solid #a4a4a4;color: #a4a4a4;padding: 0 3px;font-size: 11px;} .lnb_addr_list .bt_cm_nmrl:hover {border:1px solid #a4a4a4;color:#fff;background-color:#a4a4a4} .lnb_addr_list .bt_cm_sml {height:18px;line-height:11px} .inb_addr_tit {float:right;margin-top:8px} .lnb_mail_sett {padding-top:3px;padding-bottom:10px} /*기타수정*/ .login_wrap {width:540px;margin:0 auto;padding-top:150px;} /*기타*/ .login_wrap_box {padding-top:0px;} /*메일목록*/ .other_mail_link .btp {right:20px} .other_mail_link [class^="btn_"] {position:absolute; right:10px;} .other_mail_link .bt_cm_nmrl {position:relative;} .stylelist_list {overflow:hidden;float:left;margin-top:10px;padding-left:5px} .stylelist_list li {float:left;margin-left:5px;} .stylelist_list li a {width:24px;height:21px;display:block;} .stylelist_list .stylelist_s {background-position: -3px -313px;height: 24px; width: 24px;} .stylelist_list .stylelist_rl {background-position:-33px -313px;height: 24px; width: 24px;} .stylelist_list .stylelist_ud {background-position:-64px -313px;height: 24px; width: 24px;} /*쓰기*/ .write_tb .btn_file_adds {padding-top:6px} .write_tb .btn_file_adds .bt_cm_nmrl {font-size:11px;} .write_tb .txt_file_size {margin-top:7px;} .write_tb .wrtip_w .btn_addr_note {height:22px;line-height:22px;} .button_set .btn_move_list {text-decoration:underline;} /*읽기*/ .view_info .bt_cm_md {background:none;text-decoration: none;} .view_info .bt_cm_nmrl {border:none;} .view_info .send_info_view {text-decoration:none;} .button_set .bul_arr_b {display:inline-block;width:12px;height:9px;margin:0;background-image:url(../images/ui_content/icon_content.png);background-repeat:no-repeat;background-position:-145px -121px;vertical-align:middle} .ic_addr_box {margin:0; height:35px;} .inb_addr_tit {margin-right:10px} .top_search_wrap_02 { position: absolute;right: 35px;top: 15px;} .top_search_wrap_02 .ip_detail {float:left; width:430px; height:25px; line-height:25px; padding:3px 31px 0 9px; border:1px solid #a4a4a4; color:#8b8b8b; margin:0;} .top_search_wrap_02 .btn_sch {float:left; margin-left:-1px;} .top_search_wrap_02 .icon_sch {vertical-align:-3px;} .top_search_wrap_02 label {height:25px;display:inline-block;padding-left:15px;padding-top:5px;} .gm_cont_section_02 {position:absolute; left:230px; right:0; top:0; bottom:0; overflow:hidden; width:auto;} .user_photo_info {margin-left:30px;text-decoration:underline;} .user_photo_info .bul_arr {display:inline-block;width:12px;height:9px;margin:0;background-image:url(../images/ui_content/icon_content.png);background-repeat:no-repeat;background-position:-202px -25px;vertical-align:middle} .selc_ui {font-size:12px} .mail_title .ttwarp {overflow:hidden;} /*수신거부*/ .w500 {width:500px} .layer_area .receive_box {background-color:#eee;padding:15px;margin:15px 0;line-height:22px;border-radius:4px} .layer_area .receive_p {line-height:17px} .layer_area .receive_p span {color:#2c65bc} .gm_layer_02 {position:absolute; z-index:9; zoom:1; /* overflow:hidden; */ border:1px solid #3d3d3d; background-color:#fff;} .write_tb .txt_file_size { margin-top: 10px;} /*.mail_title .ttwarp .mi_reply {float:none;}*/ .other_mail_link .btp {right:0} /* @media only screen and (max-width: 1599px) and (min-width: 1200px) mogaha_gm_ui.cs…0171130.1:1941 .mail_list_subject_span { max-width: 85%;} */ /*.mail_list_subject_span {vertical-align: middle;line-height:14px;}*/ .button_set .bul_arr_b {background-position: -5px -223px;} .button_set .btn_re_w .bul_arr {background-position: -222px -228px;} /*@media only screen and (max-width: 1199px){.mail_list_subject_span {max-width: 90%;}} @media only screen and (min-width: 1200px) and (max-width: 1399px){.mail_list_subject_span {max-width:90%;border:1px solid red}} @media only screen and (min-width: 1400px){.mail_list_subject_span { max-width:88%; }} @media only screen and (min-width: 1500px){.mail_list_subject_span {max-width:90%; }}*/ /*필터*/ .la_title {background: #f2f2f2;padding:6px;display:block;} .layer_list_basic_02 li a {display: block;padding:8px 8px 8px 25px; color: #333;} .layer_list_basic_02 li a:hover {background-color:#f1f1f1; text-decoration:none;} .layer_list_basic_02 .active a {background-image:url(../images/ui_content/icon_content.png);background-repeat:no-repeat;background-position:7px -242px;} .gm_cont_section_02 .cont_fix_header .mail_box_option_02 {margin-top:4px} /*left간견 조절*/ .other_mail_link {height:30px} .other_mail_link .bt_cm_nmrl {position:absolute; top:6px; right:35px;} .other_mail_link [class^="btn_"] {margin-top:6px} .user_photo_info {display:inline-block;height:25px;line-height:25px} /*09006_주소추가*/ .frame_select {overflow:hidden;} .frame_select table {width:631px;border:1px solid #e5e5e5;border-left:none;border-coollapse:collapse;} .frame_select table thead th {padding:3px 6px;background-color:#f8f8f8;border-left:1px solid #e5e5e5;font-size:11px;text-align:center;color:#454545;line-height:16px} .frame_select table tbody td {padding:3px 6px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:left;color:#454545;line-height:16px} .frame_select table tbody td.txt_center {text-align:center;} .frame_select .thead_n table {width:650px;} .frame_select .tbody_scr {max-height:266px;overflow-y:scroll;width:650px;margin-top:-1px} .box_select_list .location_st {font-weight:600;font-size:14px;padding-right:5px;} .box_select_list .tit_location {border:none;padding-bottom:3px;} .other_mail_link .selected .icon_arr_01 {margin-top:9px} .selc_ui {margin-top:0} .layer_list_room .ly_list th {padding-top:6px;line-height:11px} .layer_notcall {padding-top:10px} .lnb_other_mailbox {top:440px} /*체크박스 중앙마춤*/ .tbody_scr .ip_chk {margin:0!important;} /*수신확인*/ /* .mail_title_new .history_title_list .mi_name {padding-left: 0px !important;} */ .layer_iplist {overflow:hidden;} .layer_iplist li {width:80%;display:inline-block;/*overflow:hidden;*/} .layer_iplist .glist_ader {width:88%} /* 메인 포탈 로고 추가 간격 */ .on_nalamail_logo {height:30px;margin:0 auto;margin-bottom:13px;padding:0;width:127px;overflow:hidden;background-image:url(../images/ui_content/on_nalamail_logo_s.png); background-repeat:no-repeat;font-size:0;text-indent:-10000; display:block;} /*리스트목록 글씨길이 간격조절*/ .re_person .bt_cm_nmrl {padding-top:2px} .re_person .bt_cm_nmrl:hover {text-decoration:none;} .mail_list_sub02 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;min-width:75%;line-height:14px;vertical-align:middle;} @media only screen and (min-width: 500px){.mail_list_common {max-width:80%; }} /*@media only screen and (max-width: 1199px){.mail_list_subject_span {}}*/ @media only screen and (min-width: 1200px) and (max-width: 1399px){.mail_list_sub02 {max-width:65%;}} @media only screen and (min-width: 1400px){.mail_list_sub02 {max-width:75%; }} @media only screen and (min-width: 1500px){.mail_list_sub02 {max-width:78%;}} /*.mail_list_sub03 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;max-width:83%;line-height:14px;vertical-align:middle;}*/ /*@media only screen and (min-width: 1200px) and (max-width: 1399px){.mail_list_sub03 {max-width:40%;}}*/ /*@media only screen and (min-width: 1400px){.mail_list_sub03 {max-width:55%; }} @media only screen and (min-width: 1500px){.mail_list_sub03 {max-width:65%;}}*/ /*@media only screen and (min-width: 960px){.mail_list_common {max-width:80%; }}*/ /*@media only screen and (min-width:960px)*/ .mail_list_common {max-width: 78%;} @media only screen and (min-width: 1400px){.mail_list_common {max-width:88%; }} @media only screen and (min-width: 1500px){.mail_list_common {max-width:90%;}} .txt_elipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;width:170px;line-height:14px;vertical-align:middle;} .txt_elipsis02 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;width:100px;line-height:14px;vertical-align:middle;} .txt_elipsis03 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;width:50px;line-height:14px;vertical-align:middle;} /*.write_search .se_form {background-color:transparent;border:none;line-height:20px;}*/ .write_tb .wrt_addition [class^='btn_add'] {display:block} /*.write_search .se_form {line-height:22px !important;max-height:220px;}*/ .ip_txt_w_02 {display:block; padding:0;width:100%;} .ip_txt_w_02 .ip_txt {width:99%; height:22px; line-height:22px; padding: 0 5px;border:0;color:#999; border:1px solid #c0c0c0;} .backimg_link {font-size:0;text-indent:-10000;position:relative;overflow:hidden;width:100%;height:100%} .backimg_link .backimg_help {border:0;position:absolute;top:63px;left:10px;width:150px;height:16px;} /*주소록 순서조정 선 조절*/ .box_select_list .tit_location {border-bottom:1px solid #bcbcbc} .mail_write_layer .title_box .title_info {padding:25px 20px 0px 0px;font-size:18px;font-weight:600;color:#000;} .group_s_top {top: 352px !important;} .pop_w_border {border:none!important;} .reply_area .btn_more {border:none;border-radius:none;line-height:25px;color:#000} .reply_area .btn_more .icon_arr {background-position:-300px -24px} .pop_noti_txt {color: #000; line-height: 20px; border-top: 1px solid #e8e8e8; padding: 10px; background-color: #efefef; margin-bottom: 10px;} .help_003 {cursor: pointer;width: 18px;height: 18px; display: inline;background: url(../images/ui_content/icon_content.png) no-repeat -129px -40px;margin-left: 3px;display: inline-block; vertical-align: top;margin-top: 3px; } .lnb_capacity { font-family: tahoma;color: #454545;line-height: 22px;padding-bottom:0; font-size:12px !important;padding-left:10px;} .replyString {color: #000; font-size: 12px;} #totalListUser tr:hover td {background-color:#dcdcdc;} .rcv_chk_list table tr:hover td {background-color:#dcdcdc;} .prgrs .pAction {border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .prgrs.prgrsSmall .pNum {line-height:18px!important;} /*2018_02_28추가 css*/ .tab_table_list_info table {width:600px;border:1px solid #e5e5e5;border-left:none;} .tab_table_list_info table th {padding:3px 6px;background-color:#f8f8f8;border-left:1px solid #e5e5e5;font-size:11px;text-align:center;color:#454545;line-height:16px} .tab_table_list_info table td {padding:3px 6px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:center;color:#454545;line-height:16px} .tab_table_list_info table td.txt_left {text-align:left;} .tab_table_list_info table td span {color:red} .tab_info_noti_txt {color:#333; font-size:12px;line-height:18px;width:600px;padding-top:10px} .tab_info_noti_txt .inbox {display:inline-block;border:1px solid #333;padding:3px} /*2018_02_28추가 css 끝*/ .tab_table_list_info table {width:650px} .tab_info_noti_txt {width:650px} .tab_info_noti_txt .inbox {padding:7px} .layer_in_layer {position:absolute;top:27px;left:150px;border:1px solid #333;padding:7px;font-size:11px;line-height:14px;background-color:#fff} .reply_area .btn_more {border-radius:0%;height:30px} .reply_area .btn_more02 {float:right;position:relative;display:block;margin:0 0 7px 10px !important;text-align:right;border:none;height:30px;line-height:25px;font-weight:normal;color:#000;font-size:12px;padding:3px 5px 3px 5px;text-decoration:underline;} .login_fail {position:relative;width:780px;padding:200px 0 0 0;margin:0 auto} .login_fail .log_h01 {font-size:1px;color:#fff;height:50px;float:left;width:300px;margin:0} .login_fail .log_h02 {padding-top:7px;font-size:20px;font-weight:400;color:#343331;background-color:transparent;float:right;margin:0} .box_members_01 {clear: both;width: 630px; margin: 0 auto; padding: 80px 0 80px 150px; border-top: 1px solid #333333; background: url(../images/ui_content/login_bg_04.png) no-repeat 20px 55%; margin: 0; border-bottom: 1px solid #333333;} .box_members_01 .txt_logout_01 {font-size:16px;padding:0;margin:0;} .box_members_01 .txt_logout_01 span {color:red;} .box_members_01 .bt_gmlg_log_02 {margin-top:20px;width:230px;height:40px;border:1px solid #003881;background-color:#003881;font-weight:600;font-size:16px;color:#fff;text-decoration:none;text-align:center;line-height:22px;vertical-align:middle;margin-left:0px} .box_members .box_out_01 {overflow:hidden;padding:30px 0} /*메일쓰기_주소록 UI변경*/ /*mogaha_gm_ui.css 창크기:1043px */ /* .addr_contnet1 .group_select1 {width:450px} */ /* .addr_contnet1 .addr_list1 {width:450px} */ /* .layer_list_address {width:730px} */ /* .layer_list_room {width: 725px!important;} */ .login_fail .log_h02 {font-family: 나눔고딕, NanumGothic, 돋움, Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;} .box_members_01 .txt_logout_01 {font-family: 나눔고딕, NanumGothic, 돋움, Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;} .box_members_01 .bt_gmlg_log_02 {font-family: 나눔고딕, NanumGothic, 돋움, Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;} /*아래부터 복사해 주세요~ css*/ .layer_from_dl dd .ip_txt {border:1px solid #ddd;width:400px; height: 100px; overflow-y:auto;margin-bottom:7px} .layer_btn_box {border-top: 1px solid #e8e8e8; position: absolute; bottom: 0;padding: 15px;left: 0;right: 0; background: #fff;text-align: center;} .layer_from_dl dt {text-align:right;padding-right:20px;width:100px} .layer_from_dl dd .bt_cm_nmrl { position: relative; z-index: 1;} .layer_from_dl dd p {padding:5px 0} /* .mail_title_new .mi_name {width:110px !important} */ /*maillist 버튼이미지*/ .con_arrow {width:13px; height: 11px; vertical-align: middle; cursor: default; display: inline-block;} /* .mail_title_new .mi_name {width:110px !important} */ /*maillist 버튼이미지*/ .con_arrow {width:13px; height: 11px; vertical-align: middle; cursor: default; display: inline-block;} /* left menu Tag area UI 변경 */ .lnb_other_mailbox {overflow:hidden;} .mail_info .mi_read_delivery {width:26px} .mail_info .mi_read_replydelivery {width:26px} .hasOidx a{color : #2F9D27 !important;} /*20180806 - 민감정보스크린 레이어 css 변경 시작 */ .layer_list_room_02 {border:1px solid #bcbcbc;overflow:hidden;overflow-y:scroll;height:387px;margin-top:15px; margin-bottom:20px;} .layer_list_room_02 .ly_list { width:100%;margin-left:-1px;} .layer_list_room_02 .ly_list th {padding:3px 6px;background-color:#f8f8f8;height:20px;padding-top:6px;font-size:11px;text-align:center;color:#454545;line-height:16px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;} .layer_list_room_02 .ly_list td { height:20px;padding:3px 6px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:11px;text-align:left;color:#454545;line-height:16px} .layer_list_room_02 .ly_list tr:hover {background-color: #dcdcdc;} /*20180806 - 민감정보스크린 레이어 css 변경 끝 */ .other_mail_link h3 {font-size:12px !important;} .tab_setup li a:hover {font-weight:normal;} .tab_setup .selected a:hover {font-weight:600;} .stylelist_list {margin-top:10px} .sel_unit {margin-top:10px} /* 2018 10 02 주소록 사용자 목록 중 이메일 부분 깨짐 현상으로 인해 스타일 추가 */ .email_w {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;letter-spacing: -1px;display: block; width: 220px;} .Pagination { clear: both; width: 100%; text-align: center; border-top: 1px solid #dadada; background: #fff; z-index: 10; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding-bottom: 10px; height:34px; } /*서명,인사말 화면 css 추가 기존의 파일 엎어서 사라짐 - 재수정 2018.12.03*/ .sign_list {position:relative; clear:both; color:#3a3a3a; height: 25px;margin-top: 10px; margin-left:5px;}d .sign_list h2 { float: left;} .sign_list .listss { position: relative; width: 200px; float: right; right: 0; zoom: 1;} .sign_list .listss li {float: left;} .sign_list .listss li.date {padding-right: 20px;} .sign_list .btn_adm {padding-left:10px;} .sign_list .btn_adm button {display:inline-block; vertical-align:top; margin-top:0; position:relative; padding:0 8px;} .sign_list .btn_adm button:after {display:block; position:absolute; left:0; top:2px; width:1px; height:11px; background-color:#333; content:"";} .sign_list .btn_adm button:first-child:after {display:none; } /*메일쓰기 받는사람/참조 입력란 부분이 마우스 오버를 하면 달라집니다*/ .write_search { position: relative; min-height: 22px; cursor: text; max-height: 280px; height: auto; margin: 0; padding: 0; } .write_search .se_form { line-height: 22px !important; max-height: 220px; border: none; width: 100%; padding: 0 5px; margin: 0; border:1px solid #c0c0c0; } .gm_div_list .listtop { top: 35px;} .listtop2 { top: 36px;} .gm_div_list .gm_list_wrap2 {position:absolute;left:0;right:0;bottom:43px;overflow-y: scroll; overflow-x:auto;} /*메일목록에서 타이틀 가운데 정렬*/ .name_wd {width: 130px;} .t_name1{padding-top: 9px; padding-left: 90px; cursor: pointer;} .t_name2 {padding-top:9px; margin-left: 7px;cursor: pointer;} .list_name2 {margin-left:140px;} .mail_title_new [class^='name_'] { float: left; height: 100%; text: ;} .mail_title .name_wd { overflow: hidden;position: absolute; top: 0; left: 0; max-width: 112px; /*height: 100%;*/ white-space: nowrap; text-overflow: ellipsis;} .mail_title .sub {margin-left: 20px;} .down_file .btn_savepc{width: 20px;height: 20px;display: inline-block;position: absolute;background-position: -245px -265px;} .down_file a.downname { padding-left: 15px; margin-left: 10px; line-height: 17px;} h2.arr_lf { float: left;} .menu_bar {position: absolute; width: 7px; height: 100%; right: -6px;z-index: 99999; top: 0; cursor: ew-resize;} .etcPopupMenu {cursor:pointer;} .arw { position: relative; border: 1px solid #dddddd; width: 17px; height: 17px; float: left; margin-top: 2px;} .view_info .arw {margin-top: 8px;} .page_up_down { position: absolute; right: 70px; top: 8px;} .page_up_down i.icon_pageup { vertical-align: bottom; margin-right: -1px; display: inline-block; width: 30px; height: 28px; background-position: -270px -319px; border: 1px solid #cbcbcb;} .page_up_down i.icon_pagedown { vertical-align: bottom;display: inline-block; width: 30px; height: 28px; background-position: -222px -317px; border: 1px solid #cbcbcb;} /* 원문보기 영역 */ textarea { overflow: auto; resize: none;} input[type=image], input[type=text], textarea {border-radius: 0;} .layer_popup {position: absolute; zoom: 1; z-index: 55556; /*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1);*/} .layer_popup_full {position: absolute; left: 0; right: 40px;zoom: 1; z-index: 55556; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1);} .type_a {position: relative; padding: 0; zoom: 1; z-index: 11111111;} .type_a .layer_content {position: relative;padding: 65px 20px 8px;text-align: left;} .type_a .layer_content {border-width: 1px;border-style: solid;border-color: #d9d9d9 #bfbfbf #b6b6b6 #d5d5d5;background: #fff; } .type_a .hTitle {font-size: 16px; position: absolute; top: 0; left: 0; width: 100%; height: 42px; line-height: 55px; background-color: #fff; text-indent: 30px; zoom: 1;font-weight:700;color:#333;} .type_a .tit_mail { display: block; padding-left:10px; padding-top:5px; font-size: 16px;} .type_a .btn_layer_close {position: absolute;right: 25px;top: 25px;z-index: 99;display: block;width: 14px;height: 13px;background-position: -240px 0;} .type_a .layer_content .hTitle a {vertical-align: top; zoom: 1;} .layer_popup .original {width: 626px;} .layer_popup_full .original {width: 100%; height:550px; } .type_a .originBox {width: 614px;height: 342px; border: 0;margin: 5px; font: 400 12px/16px Courier;background-color: #fff;} .type_a .addButton { position: relative; margin: 0;padding: 19px 0 17px;text-align: center!important;line-height: 1em; zoom: 1;} .type_a .addButton span {margin-right: 2px;} .type_a .btn_box { padding: 7px 0; text-align: center;} .type_a .btn_layer_btm {border: 1px solid #c3c3c3; color: #333; display: inline-block;text-decoration: none!important;padding: 5px 10px; min-width: 50px;} .txt_sett_ip { color: #999;} .topline {border-top: 1px solid #e8e8e8;} button.btn_mainsetup {position: absolute;top: 6px;background-image: url(../images/ui_content/icon_img.png);background-repeat: no-repeat; width: 18px; height: 18px; background-position: -55px -213px; display: inline-block; background-size: 400px 500px;} button.btn_mainsetup:hover { background-position: -55px -233px;} .other_mail_link button.btn_setup {right: 35px;width: 20px;height: 20px;background-position: -144px -207px;display: inline-block;} .other_mail_link button.btn_setup:hover {right: 35px;width: 20px;height: 20px;background-position: -144px -230px;display: inline-block;} button.btn_guide {position: absolute; top: 6px; right: 5px; background-image: url(../images/ui_content/icon_content.png); background-repeat: no-repeat; width: 14px; height: 15px; background-position: -35px -220px; display: inline-block;} /* 공통 레이어(주소추가, 자동분류추가,수신거부) */ .layer_content.address {width: 530px;} .layer_content.auto_classify {width: 610px;} .layer_content.pop_add {width: 610px;} .layer_content.pop_530 {width: 530px;} div#default_group_msg {/* margin: 5px 0 5px 100px; */} /* 내메일함 자동분류 추가하기페이지와 공통 추가 할 리스트 */ .layer_popup .table {width: 96%; padding: 0; border-top: 1px solid #ddd; /* background-color: #fff; */ padding: 20px 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;} /* 수정 할 리스트 */ .layer_iplist li [class^="tit_"] {position: relative; top: 3px; float: left; width:100px; } .tit_account {display: block; min-width:70px; font-weight:600; left: 0; padding-left:10px; border-right:1px solid #efefef; margin-right:15px;} .layer_iplist .glist_ader {width: 100%; } .layer_iplist li {width: 100%; display: inline-block; border-bottom: 1px solid #efefef; padding-bottom:5px;/* overflow: hidden; */ } /*주소록 추가 */ .grp_select {margin-top:5px;margin-left: 126px;background: #f4f4f4;padding-left: 8px;width: 391px;} .grp_select .btn_del {line-height:22px; margin-right:7px;} .grp_select .btn_del:hover {text-decoration:underline;} .grp_select .btn_del .icon_del {vertical-align:2px; margin-left:5px;} .grp_select .grp {display:inline-block; margin-right:15px;} .gm_div_sub2 {position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: auto;min-width: 800px;overflow: hidden;padding: 15px 20px 10px;} .top165 {top: 165px;} /* .mail_env{top:70px;} */ .listbt {position: absolute; right: 137px; top: 8px;} .mail_list_content .mail_not_read .name_wd a, .mail_list_content .mail_not_read .subject_link, .mail_not_read {font-weight:600;color: #000;} /*.mail_list_common {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; line-height: 14px; vertical-align: middle;}*/ /*.mail_list_common {max-width: 83%; overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis; }*/ label.im{font-size:11px;} #mailBox{float:left; line-height:18px;padding-top:20px;} .sett_tb tr:first-child td{/* border-top:1px solid #fff; */} #line{border-top:1px solid #e8e8ea;} td.text_p { font-weight: 800;} li.lgt {height: 210px;} .nareBox {width: 350px; margin: 0 0 11px; padding: 0; border: 1px solid #a4a4a4; background-color: #fff;} .nareBox .ttBox {width: 340px; height: 100px; border: 0; margin: 5px; font: 400 12px/16px Courier; background-color: #fff;} .mail_title_new2{position: relative; width: 100%; min-width: 900px; height: 33px; font-weight: 600; text-align: center;} .settb_tt tr:last-child{border-bottom:1px solid #fff;} /** 주소록 검색 영역 */ @media only screen and (min-width:960px){.add_tt {max-width: 62%;}} @media only screen and (min-width: 1200px){.add_tt {max-width:68%; }} @media only screen and (min-width: 1500px){.add_tt {max-width:74%;}} @media only screen and (min-width: 1800px){.add_tt {max-width:78%;}} .addr_tb_list thead th:last-child {border-left: none; padding: 7px 0 8px;} .ellis{display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lf_logout {left: 10px; right: 10px; position: absolute; bottom: 51px; text-align: center; z-index: 1; border: 1px solid #ccc; padding: 7px; margin: 0;} /* 사용자 로고등록 */ .user_sub_logobg {background-color: #003c83;} img.user_login_logo {max-height:45px;} img.user_sub_logo {max-height:45px;} a.logops {vertical-align: middle; height: 60px; line-height: 59px;} /* 사용자 환경설정 서명중복제거 s */ .env_sign_duplicate{display: inline-block;height:19px;line-height:19px;} .env_sign_duplicate #removeSignDuplicate,.env_sign_duplicate #signLocation, .env_sign_duplicate img{margin-left:30px;} #totalButton .ip_chk { width: 14px; height: 14px; margin: 6px;padding: 0;} .gm_div_sub .sub_tt { margin: 20px 10px 5px;} .sub_tt h3 { padding-bottom: 10px;} .faked_from_info_layer{background : #d82525;color : white;padding: 5px 0px 10px 15px;} .faked_from_info_layer span{ float: left; margin-right: 15px; width: 38px; height: 38px;} .faked_from_info_layer p { color:#e0dbdb; margin-left: 50px;font-family:sans-serif;} .faked_from_info_layer p:first-of-type { color:white; font-size:1.1em; text-indent:0.7em;} /*==================컬러값 =====================*/ /* 트리컬러*/ span.dynatree-active a {color: #3879d9 !important; font-weight: 800;} /*텍스트 컬러*/ .lnb_main_mailbox .txt_num, .mail_box_option .check_mail a, .gm_paging_nav .paging_nums a.selected, .gm_paging_nav .paging_nums a:hover,.gm_no_addr .msg strong , .gm_no_mail .msg strong {color: #3879d9;} .send_guide .guide_header dl strong {color: #3879d9;} .send_guide .send_msg strong {color:#3879d9; font-weight:600;} .mail_title .ttwarp .mi_reply .txt_num {display: inline-block; font-size: 11px; color: #666666; line-height: 1; padding-top: 3px;} .lnb_main_mailbox .lnb_link:hover .txt_mnml,.selected .txt_mnml {color: #3879d9; font-weight: 800;} /* 배경컬러*/ .gm_header {background-color: #003c83;} .pop_header { background-color: #003c83;} .lnb_btn_write .btn_write, .gm_gnb_area a:hover {background-color:#3879d9;color:#fff;} .button_set .btn_answer {border:1px solid #087bb4; color:#fff; background:#3879d9; } .mail_list_content .mail_selected {background-color:#e8f6fd} /*테두리 컬러 */ .button_set .btn_send,.button_set .btn_answer { filter:none; border:1px solid #333;} i.icon_important.point { display: inline-block; width: 6px; height: 12px; background-position: -120px -228px; vertical-align: middle; } .skin_chk { width: 50px; height: 50px; border: 1px solid #efefef; display: inline-grid; float: left; } label.label_skin { display: inline-block; margin: 10px 40px 10px 0; } .label_skin .ip_chk { float: left; } .top {height: 20px;} .top.blue {background: #3879d9;} .top.green {background: #34a853;} .top.orange { background: #fe724c;} .top.red {background: #f44336;} .top.purple { background: #7e4292;} .top.mint { background: #7aabbc;} .top.lightpurple {background: #7a87bc;} .top.black {background: #2a2a2a;} .gm_div_view { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; } .layer_box.line_box.box_bottom { margin-bottom: 66px; } #displayIpCountry dl:first-child > dt{ letter-spacing: -1px; word-spacing: -3px; } /*메일이력 테이블*/ .tit_nare {padding: 0 0 20px 20px;color: #999;} .head_doum_list {min-width: 980px;} .namebox {padding: 10px; background-color: #efefef;} .namebox_login {padding: 10px;} .namebox h2 { padding: 10px;} .box_arrow {position: absolute;right: 25px;top: 95px;width: 25px;height: 25px;} .box_arrow [class^="btn_add"] {display:inline-block;background-position: -272px -355px;width: 27px;height: 27px;background-color: #fff;border: 1px solid #ccc;} .box_arrow [class^='btn_add'] {display: block;} .box_arrow [class^='btn_add_minus'] { display: block;} .box_arrow [class^="btn_add_minus"] {display:inline-block;background-position: -225px -355px;width: 27px;height: 27px;background-color: #fff;border: 1px solid #ccc;} .doummal { background: #fff;} .namebox table {width: 100%;} .mail_title_new .table {width: 100%; line-height: 34px; min-height: 24px; padding-top: 20px;} .namebox th, .namebox td {padding: 10px; border: 1px solid #ddd; text-align: left;} li.history {padding: 5px 175px 5px 10px;} table.table { width: 100%;} .gm_list_wrap.listtop table { width: 100%;} .gm_list_wrap.listtop table tr td { padding: 5px;border-bottom: 1px solid #e3e3e3;text-align: center;min-height: 28px;line-height: 32px;} .gm_list_wrap.listtop .titleft {text-align: left;} .td_group { position: relative; height: 28px; width: 100%;} .td_subject { position: absolute; overflow: hidden;float: left;max-width: 100%;color: #959595; white-space: nowrap;text-overflow: ellipsis; text-decoration: none; left:0 ;right: 0; line-height: 31px; width: 100%;} .rt_button { position: relative; border-bottom: 1px solid #999; height: 43px;} .history{ border-bottom:1px solid #eaeaea} .history .icon_ml { background-position: -1px -468px; } .rcv_list_layer .nare { margin: 10px 17px 17px 17px; } .rcv_list_layer .vt_table {margin: 10px 17px 0px 17px;overflow: hidden;clear: right;overflow: hidden;overflow-y: auto;max-height: 160px;border:1px solid #e5e5e5;border-bottom:0;} .rcv_list_layer .vt_table table { width: 100%; line-height:21px; } .rcv_list_layer .vt_table th { padding: 3px 6px; background-color: #f8f8f8; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; color: #454545; } .rcv_list_layer .vt_table td { padding: 3px 6px; border-bottom: 1px solid #e5e5e5; } .rcv_list_layer .paging { text-align: center; } .rcv_list_layer .sel_unit { float: right; } .rcv_list_layer .sel_unit select { border: 1px solid #a4a4a4; min-width: 68px; height: 21px; margin:0 18px 0 0; } #tagLayer .layer_list_basic .lb_chk, #tagLayer .layer_list_basic a { display: block; padding: 0 8px; color: #333; } /** 78603 : confirm message */ .swal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; font-size: 0; overflow-y: auto; background-color: rgba(0,0,0,.2); z-index: 10000; pointer-events: none; opacity: 0; transition: opacity .3s; } .swal-overlay--show-modal { opacity: 1; pointer-events: auto; } .swal-overlay:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; } .swal-modal { width: 478px; opacity: 0; pointer-events: none; background-color: #fff; text-align: left; border-radius: 5px; position: static; margin: 20px auto; display: inline-block; vertical-align: middle; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 10001; transition: opacity .2s,-webkit-transform .3s; transition: transform .3s,opacity .2s; transition: transform .3s,opacity .2s,-webkit-transform .3s; } .swal-overlay--show-modal .swal-modal { opacity: 1; pointer-events: auto; box-sizing: border-box; -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s; will-change: transform; } .swal-text { font-size: 16px; position: relative; float: none; line-height: normal; vertical-align: top; text-align: left; display: inline-block; margin: 0; padding: 0 20px; font-weight: 400; color: rgba(0,0,0,.64); max-width: calc(100% - 20px); overflow-wrap: break-word; box-sizing: border-box; } .swal-text:first-child { margin-top: 30px; } .swal-footer { text-align: right; padding-top: 13px; margin-top: 13px; padding: 13px 16px; border-radius: inherit; border-top-left-radius: 0; border-top-right-radius: 0; } .swal-button-container { margin: 5px; display: inline-block; position: relative; } .swal-button__loader { position: absolute; height: auto; width: 43px; z-index: 2; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; pointer-events: none; opacity: 0; } .swal-button-container .btn_layer_btm { border: 1px solid #c3c3c3; color: #333; display: inline-block; text-decoration: none!important; padding: 5px 10px; min-width: 50px; margin-left:10px; } .swal-button-container .btn_layer_btm.point{ background: #1a73e8; color: #fff; border:1px solid #0767e6; } /** 메일 리스트 제목 생략 */ .subject_link { overflow: hidden; float: left; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; text-decoration: none;} .n_view_box { width: 23px; height: 23px; margin: 6px 0 0 2px;} .info_subject {height: 100%; line-height: 33px;overflow: hidden;} .subject_link { overflow: hidden; float: left;max-width: 100%; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; } .link_window { position: absolute; width: 45px; height: 26px;} span.window_view { margin-right: 5px;} span.titlelink { cursor: pointer; padding: 7px 5px; } .state.left59{margin-left: 57px;} .state.left35{margin-left: 35px;} .pop_content ul li { border-bottom: 1px solid #efefef; padding-bottom: 5px; } .layer_iplist li:first-child { margin-top: 0; border-top: 1px solid #efefef; padding-top: 5px; } .pop_account_w .tit_account { display: block; min-width: 70px; font-weight: 600; left: 0; padding-left: 10px; border-right: 1px solid #efefef; margin-right: 15px; } .pop_content textarea { border: 1px solid#a4a4a4; } .loginbox { border: 2px solid #efefef; border-radius: 10px; padding: 10px 20px;background: #fff; } .loginbox th, .loginbox td { padding: 4px; border: 0; text-align: center;} .loginbox th { border-bottom: 1px solid #ddd; padding-bottom: 10px;} .gm_cont_fix2 {position:relative;min-height: 55px;background-color:#fff;min-width: 800px;} .gm_cont_fix2:after {display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background-color:#a5a5a5;content:"";} .loginbox table{ width: 100%;} .login_info {padding: 0 10px 10px; background-color: #f3f3f3 ; margin: 10px 10px 0; border-radius: 10px;} .logininfo_wrap {height: 362px;} .login_info .cont_fix_header { position: relative; display: table-cell; vertical-align: middle; padding: 0 10px;} .login_info .cont_fix_header .cont_fix_tit {padding-left:0;} .ip_txt_w textarea { border: 1px solid#a4a4a4; } span.ip_txt_w.txt1{display: block; margin-left: 100px;} input.ip_txt.num {width: 50px;} .detl_tb { width: 100%; margin-top: 10px; border: 1px solid #e5e5e5; } .detl_tb th, .sett_tb td { color: #333; vertical-align: middle; } .detl_tb thead th { padding: 3px 6px; background-color: #f8f8f8; border-left: 1px solid #e5e5e5; font-size: 11px; text-align: center; color: #454545; line-height: 16px; } .detl_tb tbody tr td:first-child { border-left: 0; } .detl_tb tbody td { padding: 3px 6px; border-top: 1px solid #e5e5e5; font-size: 11px; text-align: center; color: #454545; line-height: 16px; border-right: 1px solid #e5e5e5; } .layer_iplist2 {overflow:hidden;border: 1px solid #e5e5e5;border-left: 0;font-size: 11px;border-top: 0;margin-bottom: 10px;} .layer_iplist2 li {} .layer_iplist2 .glist_ader {width:88%} .layer_iplist2 li:first-child {} .layer_iplist2 li {position:relative;} .layer_iplist2 li:first-child {margin-top:0;} .layer_iplist2 li [class^="tit_"] {position:absolute; top:3px;} .layer_iplist2 li [class^="tit_"] {position: relative; top: 3px; float: left; width:100px; } .layer_iplist2 .tit_account {display: block; min-width:70px; font-weight:600;left: 0; padding-left:10px; border-right:1px solid #efefef; margin-right:15px;background-color: #f8f8f8;padding-bottom: 5px;} .layer_iplist2 .glist_ader {width: 100%; } .layer_iplist2 li {/* border-bottom: 1px solid #efefef; */border-left: 1px solid #e5e5e5;height: 20px;border-top: 1px solid #e5e5e5;} .layer_iplist2 .subject_link { overflow: hidden; float: left;max-width: 100%; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; width:400px;} .layer_content.detail { width: 530px; } .type_a .layer_content { position: relative; padding: 65px 20px 20px; text-align: left; } .btn_right { position: relative; margin-bottom: 10px; float: right; } .bt_cm_rr { border: 1px solid #cbcbcb; padding: 3px 8px; display: inline-block; float: right; border-radius: 3px; font-size: 11px; color: #333333; background-color: #f8f8f8; line-height: 16px; } .table .list li { padding: 5px 0; } .table li .txt_sett_sml { margin-left: 20px;color: #aaa; margin-top: 5px;} dl.sign_basic { position: relative;margin: 16px 0 0;border-bottom: 1px solid #ccc; } input.ip_chk { margin-top: 0; } #sign_set dl.list_basic { position: relative; margin: 16px 0 0; border-top: 1px solid #e8e8ea; } #sign_set dt.tit_basic { position: absolute; left: 0; padding-top: 25px; font-weight: 600; padding-left: 22px; } dd.txt_basic { height: 100%; padding: 20px 0px 10px 190px; color: #555; border-top: 0; } #sign_set .sign_view { float: left; width: 100%; padding-bottom: 10px; word-break: break-all; } #sign_set .list_basic .txt_basic:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; } .sign_type span.check_txt { position: absolute; margin: 7px 5px; } .name_line dd { float: left; }