/* 정렬 */ .al{text-align:left !important;} .ac{text-align:center !important;} .ar{text-align:right !important;} .vat{vertical-align:top;} .vam{vertical-align:middle;} .vab{vertical-align:bottom;} .dt{display:table;} .db{display:block;} .dtc{display:table-cell;} .dtr{display:table-row;} .fl{float:left;} .fr{float:right;} .cb{clear:both;} .cl{clear:left;} .oh{overflow:hidden;} .strong{font-weight:bold;} .vat{vertical-align:top;} /* 공간 */ .mt8{margin-top:8px !important;} .mt10{margin-top:10px !important;} .mt11{margin-top:11px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt45{margin-top:45px !important;} .mb10{margin-bottom:10px !important;} .mb20{margin-bottom:20px !important;} .mb30{/*margin-bottom:30px*/ !important;} .mb35{margin-bottom:35px !important;} .mb40{margin-bottom:40px !important;} .ml5{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml40{margin-left:40px !important;} .mr5{margin-right:5px !important;} .mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr50{margin-right:50px !important;} .m6a{margin:5px auto !important;} .m9a{margin:9px auto !important;} .ti10{text-indent:10px;} .p10{padding:10px;} .p20{padding:20px;} .p25{padding:25px;} .pt6{padding-top:6px;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt15{padding-top:15px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pl5{padding-left:5px;} .pl10{padding-left:10px;} .pl20{padding-left:20px;} .pl30{padding-left:30px;} .pr30{padding-right:30px;} .pt50{padding-top:35px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .bln{border-left:none !important;} .btn{border-top:none !important;} .bdd{border:1px solid #dddddd !important;} .brn{border: 1px solid #989898 !important; border-right:none !important;} ._scroll{overflow:scroll; overflow-x:hidden;} ._scroll_auto{overflow-y:auto !important;} .mxh230{max-height:230px !important;} .abbreviation {width:auto; max-width:90%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} .abbreviation_notice {width:auto; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} /* 헤더 */ header .header_left{float:left; position:relative; letter-spacing:-3px;} header .header_right{float:right; margin-top:20px; position:relative; letter-spacing:-3px;} /*header .bar {display:inline-block; margin:2px 31px 0 26px; color:#fff; float:left; font-weight:normal;}*/ header .bar {display:inline-block;margin: 1px 13px 0 15px;color:#fff;float:left;font-weight:normal;} header .notice {padding-right:20px; float:left; color:#fff; line-height:15px;} header .notice:after {content:''; display:inline-block; position:absolute; top:0; width:18px; height:12px; background:url('../_img/icon.png') no-repeat -54px 0;} header .notice .ico_new{top:-4px; right:-4px; position:absolute;} header .setting {padding-right:15px; float:left; color:#fff; line-height:15px;} header .setting:after {content:''; display:inline-block; position:absolute; top:-1px; right:-5px; width:20px; height:14px; background:url('../_img/icon.png') no-repeat -24px 0;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){header .setting:after {top:0px;}} header .setting .ico_new {position:absolute; top:-4px; right:-11px; z-index:2;} header .aprvl {padding-right:20px; float:left; color:#fff; line-height:15px;} header .aprvl:after {content:''; display:inline-block; position:absolute; top:0; width:18px; height:12px; background:url('../_img/icon.png') no-repeat 6px -119px;} header .aprvl .ico_new{top:-4px; right:-4px; position:absolute;} header .user {float:left; padding-right:22px;} header .user .ico_new{top:-4px; right:-4px; position:absolute;} header .user button{width:55px; height:15px; line-height:16px; letter-spacing:-2px; margin-left:2px; border-radius:2px; background:#fff; color:#2c79e1; font-weight:bold;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){header .user button{line-height:13px; margin-bottom:2px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {header .user button{line-height:13px; margin-bottom:3px;}} header .power{width:15px; height:15px; background:url('../_img/icon.png') no-repeat 0 0; font-size:0; margin-bottom:3px;} header .shared {padding-right:30px; color:#fff; font-weight:bold; float:left;} header .shared mark {padding-left:10px; padding-right:8px; padding-top:2px; height:15px; border-radius:2px; background:#fff; color:#2c79e1; font-weight:normal;} header .close {width:13px; height:13px; background:url('../_img/icon.png') no-repeat -90px -180px; font-size:0; margin-bottom:3px;} /** LNB **/ nav ol{display:table; width:100%; max-width:500px; height:100%; position:relative; padding-bottom:68px; } nav h3 {line-height:26px; text-indent:29px; font-weight:normal; color:#333; cursor:pointer; border-top:1px solid #e5e5e5; background:#f8f8f8; } nav span.ico_down, nav span.ico_up {width:10px; height:10px; font-size:0; background-image:url('../_img/icon.png'); background-repeat:no-repeat; position:absolute; left:16px; z-index:100; cursor:pointer;} nav span.ico_down {top:12px; background-position:-30px -30px;} nav span.ico_up {top:10px; background-position:0 -30px;} nav h3 button.btn_apply {background:#fff; border:1px solid #cacaca; border-radius:3px; color:#555; width:35px; height:19px; text-indent:0; line-height:12px; position:absolute; left:193px; margin-top:3px;} nav ol li{width:100%;display:table; cursor:default; white-space:nowrap; position:relative; color:#555555; line-height:31px;} nav ol li .ico_folder {margin-top:7px !important;} nav ol ul{position:relative;} nav ol ul li{padding-left:29px;} nav ol ul li a {display:block; overflow:hidden; text-overflow:clip; padding-right:5px; color:#555555; position:relative;} nav ol ul li a > span{margin-right:7px;} nav ol ul li button {width:11px; height:8px; font-size:0; position:absolute; z-index:100; background-image:url('../_img/icon.png'); background-repeat:no-repeat;} nav ol ul li button.ico-down {top:12px; left:18px; background-position:-90px -30px;} nav ol ul li button.icon-up {top:11px; left:20px; background-position:-120px -30px;} nav ol ul {display:none; padding:5px 0;} nav ol ul li ul{display:none; padding:0;} nav ol ul li ul li{padding-left:19px;} nav ol ul li ul li button.ico-down {left:8px;} nav ol ul li ul li button.icon-up {left:10px;} nav li.active > ul {display:block;} nav li.active > h3 {font-weight:bold; border-bottom:1px solid #e5e5e5;} nav ol li:last-of-type h3{border-bottom:1px solid #e5e5e5;} nav h1 a{line-height:30px; font-weight:normal; color:#555; padding-left:18px; display:block;} nav h1 a span{margin-right:7px;} nav h1:last-of-type {border-bottom:1px solid #e5e5e5; padding-bottom:10px;} nav .btn_install{width:204px; height:28px; color:#fff; position:absolute; left:15px; bottom:19px; background:#ffa646; border-radius:2px;} /* 휴지통 */ nav ol li li li.li_trash{white-space:nowrap; width:190px; cursor:pointer;} nav ol li.li_trash{ white-space:nowrap; width:220px;} nav ol li.li_trash:before{content:''; display:inline-block; width:15px; height:16px;background:url('../_img/folder_small.png') no-repeat -100px -40px; margin:0 10px 0 5px; vertical-align:middle;} nav ol li.li_trash span{position:absolute; top:0; right:20px; display:inline-block;text-align:right; font-size:11px; color:#77c77a; font-weight:bold; } nav ol li.li_trash span a{content:''; display:inline-block; width:18px; height:10px; font-size:0;vertical-align:top; margin-top:9px; background:url('../_img/icon.png') no-repeat -112px 0;} /* 설정 */ nav ol li .btn_setting{width:10px; height:10px; font-size:0; position:absolute; right:13px; top:9px; z-index:100; background:url('../_img/icon.png') no-repeat -90px 0;} /** LNB **/ /** 메뉴 닫기 **/ .navi_back{width:20px; height:32px; position:absolute; left:0px; top:16px; z-index:100; font-size:0; background:#cbcbcb url('../_img/icon.png') -56px -49px no-repeat;} /* 체크 박스 */ .checks {position:relative;} /* 셀렉트 박스 대처 */ .select button{width:auto; padding-right:21px !important; padding-left:14px !important; background:url('../_img/select_arr2.gif') no-repeat right center; position:relative;} .select ul{left:0px; top:27px; width:100%;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.select ul{top:28px;}} /* 셀렉트 박스 대처 */ /* 레이어 */ .over_layer ul{display:none; width:auto; min-width:50px; z-index:800; border:1px solid #898989; position:absolute; background:#fff;} .over_layer ul li{width:100%; padding:0 10px; white-space:nowrap;} .over_layer ul li a{width:auto; line-height:21px; color:#555555; white-space:nowrap;} .over_layer ul li:hover{background:#f4f4f4;} .over_layer ul li.disabled{line-height:21px; color:#bbbbbb; padding-left:10px;} .over_layer ul li.disabled:hover{background:none;} .over_layer ul li.bt5{border-top:1px solid #555555;} /* 레이어 */ /* 검색 */ .search_box{width:100%; display:block; clear:both; height:32px; margin-bottom:12px; margin-left:30px; line-height:32px; overflow:hidden;} .search_box input{text-indent:9px; float:left; width:282px; position:relative; padding-right: 30px;} .search_box button.btn_search{border:1px solid #cbcbcb; border-left:none; height:32px; width:88px; text-align:left; color:#777777; font-weight:bold; text-indent:9px; background:url('../_img/select_arr.gif') no-repeat right center; margin-right:11px; } .search_box button.ico_search{background:url('../_img/icon.png') 0 -86px no-repeat; font-size:0; width:24px; height:22px; position:absolute; z-index:2; left:252px; top:2px;} .search_box h1{width:auto; max-width:calc(100% - 450px); text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} /* 상세 검색 */ .search_detail{display:none; margin-left:30px; width:987px; position:absolute; top:60px; height:140px; background:#fff; z-index:100;} .search_detail:after {content:''; display:inline-block; position:absolute; top:159px; left:-30px; width:180%; border-top:1px solid #cbcbcb;} .search_detail .search_box_detail{width:calc(100% - 170px); height:100%;} .search_detail .search_box_detail dl{clear:both; display:inline-block; width:100%; margin-bottom:9px;} .search_detail .search_box_detail dt{width:78px; float:left; color:#333333; font-weight:bold; text-align:justify; line-height:32px; letter-spacing:-1px;} .search_detail .search_box_detail dd{width:calc((100% - 180px) / 2); float:left; padding-right:20px; padding-left:10px; position:relative;} .search_detail .search_box_detail dd strong{font-size:14px; font-weight:800; color:#cbcbcb; margin:0 8px; line-height:32px;} .search_detail .search_box_detail dd span{margin-left:5px; line-height:32px;} .search_detail .search_box_detail dd input._normal{width:100%; max-width:294px;} .search_detail .search_box_detail dd input.input_term{width:102px;} .search_detail .search_box_detail dd input.input_size{width:50px; border-right:none;} .search_detail .search_box_detail dd > img{float:left;top: 7px;} .search_detail .search_box_detail dd ._location{width:calc(100% - 95px); height:32px; border:1px solid #cbcbcb; line-height:32px; text-indent:10px; background:ghostwhite; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} .search_detail .search_box_detail dd button.fr{width:78px; height:32px; text-align:center; text-indent:0; font-weight:bold; border:1px solid #cbcbcb; border-left:none; background:#fff; color:#777; position:absolute; right:37px; top:0; z-index:1;} .search_detail .search_box_detail dd button.ico_del{background:url('../_img/icon.png') -115px -264px no-repeat; font-size:0; width:20px; height:20px; position:absolute; z-index:2; left:169px; top:5px;} .search_detail .search_box_detail dd > .select button {width:100%; text-align:left; color:#777777; max-width:294px; border:1px solid #cbcbcb; line-height:30px; background:url('../_img/select_arr.gif') no-repeat right center;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.search_detail .search_box_detail dd > .select button, .search_detail .search_box_detail dd > .select_size button{line-height:28px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.search_detail .search_box_detail dd > .select button, .search_detail .search_box_detail dd > .select_size button{line-height:30px;}} .search_detail .search_box_detail dd > select{background:#fff url('../_img/select_arr.gif') no-repeat right center;} .search_detail .search_box_detail dd > #cmbFileExt{width:100%; max-width:294px; top:1px; border:1px solid #cbcbcb; height:32px; color:#777777;} .search_detail .search_box_detail dd > #cmbSizeType1, .search_detail .search_box_detail dd > #cmbSizeType2 {width:100%; max-width:50px; border:1px solid #cbcbcb; padding-left:6px; padding-right:0px; background-position:33px center; height:32px; color:#777777; font-weight:bold;} /* 상세검색 크기 셀렉트 박스 대처 */ .select_size button{width:50px; padding-right:23px !important; border:1px solid #cbcbcb; padding-left:5px !important; background:url('../_img/select_arr.gif') no-repeat right center; position:relative; line-height:30px;} .select_size ul{left:0px; top:28px;} /* 상세검색 크기 셀렉트 박스 대처 */ .button_bg {width:170px; height:100%; max-height:120px; text-align:center; position:static; vertical-align:middle; background:#eeeeee; border:1px solid #c1c1c1; margin-left:10px; cursor:pointer;} .button_bg button{width:100%; height:100%; color:#666666;} /* 상단 버튼 영역 */ .btn_group{display:block;clear:both; margin:0 30px; height:48px;min-width:800px;} .btn_group button{min-width:53px; border:1px solid #cbcbcb; line-height:26px; margin-right:6px; padding:0 11px; color:#333333; letter-spacing:-1px;} .btn_up:before{content:''; display:block; float:left; width:14px; height:11px; margin-top:7px; background:url('../_img/icon.png') no-repeat -120px -60px;} .btn_group > div {margin-bottom:5px;} .btn_group > button {margin-bottom:5px;} .btn_down:before{content:''; display:block; float:left; width:14px; height:11px; margin-top:7px; background:url('../_img/icon.png') no-repeat -120px -90px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.btn_down:before{margin-top:8px;}} .btn_share:before{content:''; display:block; float:left; width:17px; height:11px; margin-top:7px; margin-left:-5px; background:url('../_img/icon.png') no-repeat -120px -120px;} .refresh:before{content:''; display:block; float:left; width:17px; height:14px; margin-top:5px; margin-left:-5px; margin-right:5px; background:url('../_img/icon.png') no-repeat -108px -360px;} .btn_view{min-width:30px !important; height:28px; padding:0 !important; margin:0 !important; background:url('../_img/icon.png') no-repeat; font-size:0;} ._list{background-position:8px -113px;} ._list_view{background-position:-52px -113px;} ._big{background-position:-22px -113px; border-left:none !important;} ._big_view{background-position:-82px -113px; border-left:none !important;} /* 상단 버튼 영역 */ /* 가짜 체크박스 */ .check_small input[type="checkbox"] + label:before {content:' '; display:inline-block; width:10px; height:10px; margin:0; line-height:10px; text-align:center; vertical-align:middle; background:#fff; border:1px solid #b1b1b1; border-radius :3px;} .check_small input[type="checkbox"]:checked + label:before {content:'\2714'; /* 체크표시 유니코드 사용 */ color:#3e85e4; border:none; background:url('../_img/icon.png') -121px -211px no-repeat; font-size:0;} .check_small input[type="checkbox"] + label {font-size:0;} .check_small input[type="checkbox"] + label:before {width:10px; height:10px; line-height:10px; font-size:7px;} /* 가짜 체크박스 */ /* 파일첨부 */ .file_input label {position:relative;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden; width:80px; height:25px; color:#555555; text-align:center; line-height:25px; border:1px solid #555; border-radius :3px;} .file_input label input {position:absolute;width:0;height:0;overflow:hidden;} .file_input input[type="text"] {vertical-align:middle;display:inline-block;} .file_input input[type="text"]:disabled{background:#fff;} /* 인덱스 리스트*/ .table{overflow:hidden; position:absolute; top:108px; bottom:0; width:100%; min-width:530px; cursor:default;} .table .list_head{width:100%; height:28px; line-height:28px; display:inline-block; color:#555555; overflow:hidden; text-align:right; border-top:1px solid #e4e5e7; border-bottom:1px solid #f1f1f1; background:#f9f9f9; padding-right:17px;} .table .list_head a{color:#555555;} .table .list_head a:hover{text-decoration:underline;} .table .list_head select{border:none; background:none; color:#555555; padding:0; line-height:16px; margin:0; vertical-align:top; height:26px !important;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.table .list_head select{height:26px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.table .list_head select{height:27px !important;}} /* 리스트 보기 헤더 */ .table .list_head ol{position:relative;overflow:hidden;height:25px; padding-left:30px;} .table .list_head ol > li{display:inline-block; text-align:left; vertical-align:top;} .table .list_head ol > li.check_small{width:17px; line-height:24px;} .table .list_head ol > li.type{text-indent:2px; margin-left: 4px;} .table .list_head ol > li:last-child{margin-right:10px;} /* 정렬 */ .sort button{color:#555;} .sort ul{left:105px; top:22px;} .sort ul li{padding-left:20px;} .sort ul li.on{font-weight:bold; color:#333;} .sort ul li.on:before{content:''; display:inline-block; position:absolute; left:4px; top:3px; width:12px; height:11px; background:url('../_img/icon.png') no-repeat -60px -180px;} /* 페이징 2017.02.09 */ .page{width:99%; height:40px; /*background:#f8f8f8;*/ display:inline-block; position:absolute; bottom:0; left:0; text-align:center; line-height:40px; margin:1px;} .page button{width:18px; height:18px; line-height:18px; margin:0 5px; padding:0; text-indent:-3px; font-weight:bold; color:#b4b4b4; text-align:center; letter-spacing:-1px; border:1px solid #d9d9d9; font-size:12px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.page button{line-height:14px; text-indent:-2px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.page button{line-height:14px; text-indent:-2px;}} .page button.first, .page button.up_floor, .page button.down_floor, .page button.end{background:url('../_img/icon.png') no-repeat; font-size:0;} .page button.first{background-position:3px -267px; margin-right:0;} .page button.up_floor{background-position:-25px -267px;} .page button.down_floor{background-position:-55px -267px; margin-right:0;} .page button.end{background-position:-86px -268px;} .page button.now{color:#555;} /* 페이징 2017.02.09 */ .pag{ width:100%; height:40px; background:#f8f8f8; display:inline-block; text-align:center; line-height:38px; } .pag button{ /*width:18px;*/ width:25px; height:18px; line-height:18px; margin:0 5px; padding:0; text-indent:-3px; font-weight:bold; color:#b4b4b4; text-align:center; letter-spacing:-1px; border:1px solid #d9d9d9; } /* 파이어폭스만 적용 */ @-moz-document url-prefix(){ .pag {line-height:34px;} .pag button{line-height:14px; text-indent:-2px;} } /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .pag button{line-height:14px; text-indent:-2px;} } .pag button.first, .pag button.up_floor, .pag button.down_floor, .pag button.end{ background:url('../_img/icon.png') no-repeat; font-size:0; } .pag button.end{background:url('../_img/icon.png') no-repeat; font-size:0;} .pag button.first{background-position:3px -267px; margin-right:0;} .pag button.up_floor{background-position:-25px -267px;} .pag button.down_floor{background-position:-55px -267px; margin-right:0;} .pag button.end{background-position:-86px -268px;} .pag button.now{color:#555;} /* 페이징 */ .table_list{width:100%;position:absolute; left:0; top:28px; bottom:0px; right:0;} .table_list_detail { width: 100%; border: 1px solid #c1c1c1; } .table_list_detail tr{ height:40px; border-bottom:1px solid #c1c1c1; } .table_list_detail th{ max-width:130px;min-width:100px; color:#666666; font-weight:bold; background:#f4f4f6; } .table_list_detail td{ color:#333; line-height:20px; padding:5px 10px 5px 10px; vertical-align:middle; } .table_list_detail td label{margin-left:3px; margin-right:5px; line-height:26px;} /* Only IE */ .table_list_detail td input[type="checkbox"] { margin-bottom/*\**/:2px; } .search_button_short{width:75px; height:28px; font-weight:bold; color:#555555; background:#fff; border:1px solid #989898;} .search_input_short{width:calc(100% - 75px) !important; text-indent:5px;} /* 리스트 보기 */ .table_list .list_body{width:100%;height:35px;line-height:35px; display:inline-block; color:#555555; text-align:right; margin:0; float:left; padding-right: 17px;} .table_list .list_body._click{border:1px solid #2c79e1; background:#e9eff6;} .table_list .list_body ol{position:relative; height:35px; border-bottom:1px solid #f1f1f1;padding-left:30px;} .table_list .list_body ol > li{display:inline-block; text-align:left; vertical-align:top;} .table_list .list_body ol > li.type{margin-left: 4px;} .table_list .list_body ol > li:last-child{margin-right:10px;} .difference{width:100%;height:36px; border-bottom:1px solid #f1f1f1; padding-left:32px; padding-top:11px; vertical-align:middle;} .difference span{font-size:0; cursor:pointer; content:''; display:block; width:30px; height:15px; background:url('../_img/icon.png') no-repeat -60px -90px;} /* 크게보기 */ .table_list.block{bottom:0;} .table_list dl{position:relative; overflow:hidden; width:120px; height:183px; margin-bottom:20px; margin-top:17px; margin-right:20px; float:left;} .table_list dt{clear:both; height:23px; overflow:hidden;} .table_list dt .check_small{width:21px; line-height:14px;} .table_list dt > .mark{width:21px;} .table_list dt > .ico_lock, .table_list dt > .ico_share, .table_list dt > .ico_url{margin-top:1px;} .table_list dd{clear:both; text-align:center;} .table_list dd .ico_big_box{width:120px; height:120px; text-align:center; display:table-cell; vertical-align:middle; border:1px solid #eeeeee;position:relative;} .table_list dd .ico_big_box._click{border:1px solid #2c79e1; background:#e9eff6;} .table_list dd p{overflow:hidden; height:44px; line-height:15px; padding-top:10px; white-space:nowrap; text-overflow:ellipsis; margin:0px !important;} .table_list dd p input[type="text"]{width:110px;height:25px; color:#555555;} .table_list dd P a{overflow:hidden; color:#555; white-space:normal; margin:0px !important;} /* 크게보기 */ .table_list > .list_body_m{width:100%; height: 80px; margin-bottom:0px; margin-top:0px;} .list_body_m > dt{ float:left; width: 20px; clear: none !important; margin-top: 32px; margin-left: 15px;} .list_body_m > dd{ float:left; clear: none !important; text-align:left !important; display: table-cell; vertical-align: middle;} .list_body_m_name{ word-wrap: normal !important; overflow:hidden; height:50px; line-height:60px; white-space:nowrap; text-overflow:ellipsis; font-size: 2em;} .list_body_m_name a {color:#555;} .list_body_m dd .ico_big_box{height:80px !important; width:80px !important;border:1px solid white;} .ico_lock{width:14px; height:14px; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat -60px -286px; top: -1px;} .ico_share{width:14px; height:14px; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat 0 -286px; top: -1px;} .ico_url{width:17px; height:14px; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat -30px -286px; top: -1px;} .ico_file_lock{width:13px; height:17px; font-size:0; margin-right:3px; background:url('../_img/icon.png') no-repeat -126px -360px; top: -1px;} .ico_version{width:17px; height:14px; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat -115px -286px; top: -1px;} .ico_memo{width:16px; height:16px; font-size:0; margin-right:5px; background:url('../_img/memo.png') no-repeat; top: -1px;} .ico_fs{width:17px; height:17px; font-size:0; top: -1px;} .liv{background:url('../_img/fs_v.png') no-repeat;} .lic{background:url('../_img/fs_c.png') no-repeat;} .lil{background:url('../_img/fs_l.png') no-repeat;} .livc{background:url('../_img/fs_vc.png') no-repeat;} .livl{background:url('../_img/fs_vl.png') no-repeat;} .check_small{width:17px; line-height:32px;} .mark{width:36px;} .mark button{font-size:0; content:''; display:block; width:16px; height:15px;} .mark button.mark_on{background:url('../_img/icon.png') no-repeat 0px -60px;} .mark button.mark_off{background:url('../_img/icon.png') no-repeat -30px -60px;} .type{width:39px;} .type span{margin-top:8px;} .authority{width:60px; letter-spacing:-1px; text-align:center !important;} .person{width:100px;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .name{width:auto; position:absolute; top:0; left:80px; right:480px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .name input[type="text"]{width:98%; height:25px; color:#555555;} .name a{color:#555555;} .modified_date{width:100px; text-align:center !important;} .ico_new{width:9px; height:9px; display:inline-block; font-size:0; background:url('../_img/icon.png')-90px -291px no-repeat; vertical-align:middle; margin-left:5px;} .position{width:240px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .vc{width:50px; text-align:center !important; margin-right:10px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .pi{width:50px; text-align:center !important; margin-right:10px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .size{width:78px; margin-right:10px; text-align:right !important;} .view{width:69px; text-align:center !important;} .uploaded{width:112px; text-align:center !important; color:#555555;} .good{width:auto; text-align:left; min-width:60px; max-width:100px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .good button{content:''; display:block; float:left; width:13px; height:11px; font-size:0; margin:12px 7px;} .good button._on{background:url('../_img/icon.png') no-repeat -90px -150px;} .good button._off{background:url('../_img/icon.png') no-repeat -120px -150px;} .preview{position:relative;} .preview button{width:10px; height:10px; font-size:0; background:url('../_img/icon.png') no-repeat 0 -300px; margin-top:-2px;} .preview_layer{display:none; position:absolute; top:1px; left:10px; max-width:150px; min-width:120px; width:auto; height:85px; border:1px solid #3d3d3d; background:#fff; z-index:300; font-size:11px; color:#777777; letter-spacing:-1px; line-height:16px; padding:10px; overflow-y:auto; white-space:normal; word-wrap:normal !important; } .preview_search_layer{display:none; position:absolute; top:1px; right:10px; width: 500px; height:85px; border:1px solid #3d3d3d; background:#fff; z-index:300; font-size:11px; color:#777777; letter-spacing:-1px; line-height:16px; padding:10px; overflow-y:auto; white-space:normal; word-wrap:normal !important;} /* 폴더 */ .ico_folder{width:25px; height:19px; font-size:0; display:block; margin-top:5px; background:url('../_img/folder_small.png')0 0 no-repeat;} .guest{background-position:-75px 0px;}/* 게스트폴더 */ .share{background-position:-26px 0px;}/* 공유폴더 */ .share_from{background-position:-50px -40px;}/* 공유받은 */ .share_to{background-position:-75px -40px;}/* 공유한 */ .agency{background-position:-50px -20px;}/* 기관간 공유 */ .unittask{background-position:-50px 0px;}/* 단위폴더 */ .collaborationtask{background-position:-75px 0;}/* 협업폴더 */ .share_url{background-position:-25px -20px;}/* url 공유 */ .folder_password{background-position:0 -20px;}/* 비밀번호폴더 */ .updata_file{background-position:-25px -40px;}/* 최근 업데이트 */ .open_file{background-position:0px -40px;}/* 최근 열어본 */ .trash{background-position:-100px -40px;margin-left: 5px;width: 18px;}/* 휴지통 */ .important_file{background-position:-123px -40px;}/*즐겨찾기*/ /* 폴더 */ /* 폴더 큰 */ .ico_folder_big{width:65px; height:60px;text-align:center; font-size:0; display:inline-block; padding:0; text-indent:0; vertical-align:middle; background:url('../_img/folder_big.png') no-repeat -4px 2px !important;} .ico_folder_big.previous{background-position:-67px 2px !important;}/* 이전폴더 */ .ico_folder_big.guest{background-position:0 -60px !important;}/* 게스트 */ .ico_folder_big.zipfile{background-position:-4px -118px !important;} /* 집파일 */ .ico_folder_big.share{background-position:-131px 2px !important;}/* 공유폴더 */ .ico_folder_big.share_form{background-position:0 0 !important;}/* 공유받은 */ .ico_folder_big.shar_to{background-position:0 0 !important;}/* 공유한 */ .ico_folder_big.agency{background-position:-196px 2px !important;}/* 기관간 공유 */ .ico_folder_big.collaborationtask{background-position:0 -60px !important;}/* 협업폴더 */ .ico_folder_big.unittask{background-position:-65px -60px !important;}/* 단위폴더 */ .ico_folder_big.folder_password{background-position:-130px -60px !important;}/* 비밀번호폴더 */ .ico_folder_big.share_url{background-position:-195px -60px !important;}/* url 공유 */ /* 폴더 큰 */ /* 집파일 작은*/ .zipfile_s{width:19px; height:16px; font-size:0; display:block; margin:9px 0 4px 4px !important; background:url('../_img/folder_small.png')0 -60px no-repeat; position:relative;} fieldset .type .zipfile_s{margin:5px 0 4px 4px !important;} /* 2017.04.03 park_추가*/ /* 파일 */ .ico_file{width:16px; height:16px; display:inline-block; font-family:Arial; font-size:10px; color:#fff; line-height:17px; text-align:center; text-transform:uppercase; background:url('../_img/folder_small.png') no-repeat; margin:0 0 18px 6px !important;} .movie{background-position:0px -80px;} .etc{background-position:-18px -80px;} .images{background-position:-36px -80px;} .doc{background-position:-54px -80px;} .pdf{background-position:-72px -80px;} .ppt{background-position:-90px -80px;} .hwp{background-position:-108px -80px;} .xls{background-position:-126px -80px;} /* 파일 */ .upload_ico_folder{width:25px; height:19px; font-size:0; display:block; background:url('../_img/folder_small.png')0 0 no-repeat;margin:5px 0 0 -2px !important;} .locking{width:9px; height:10px; position:absolute; bottom:0; left:-6px; background:url('../_img/folder_small.png')-25px -60px no-repeat; font-size:0;} /* 파일 큰 */ .ico_file_big{overflow: hidden; width:54px; height:58px; display:inline-block; padding:0; text-indent:0; font-family:'GothamBook'; font-size:16px; color:#fff; line-height:60px; text-align:center; text-transform:uppercase; background:url('../_img/folder_big.png') no-repeat; font-smooth:always; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .ico_file_big.movie{background-position:0 -180px;} .ico_file_big.etc{background-position:-60px -180px;} .ico_file_big.images{background-position:-120px -180px;} .ico_file_big.ppt{background-position:-180px -180px;} .ico_file_big.pdf{background-position:-240px -180px;} .ico_file_big.hwp{background-position:0 -240px;} .ico_file_big.doc{background-position:-60px -240px;} .ico_file_big.xls{background-position:-120px -240px;} /* 파일 큰 */ .ico_folder_big .locking{width:21px; height:24px; position:absolute; bottom:10px; left:-4px; background:url('../_img/folder_big.png')-120px -120px no-repeat; font-size:0;} .ico_file_big .locking{width:21px; height:24px; position:absolute; bottom:0; left:-7px; background:url('../_img/folder_big.png')-120px -120px no-repeat; font-size:0;} /* 하단 용량 */ footer .volume_box{width:277px; display:block;} footer .volume {white-space:nowrap; line-height:normal;} footer .volume .volume_bg {display:inline-block; vertical-align:top; width:56px; height:8px; margin:10px 0px 0 5px; border-radius:8px; background:#dfdfdf; font-size:0;} footer .volume .volume_bar {display:inline-block; height:8px; vertical-align:top; background:#2c79e1; border-radius:8px;} footer .volume mark{background:none; color:#2c79e1; } footer .volume mark:hover{cursor:pointer;} footer a{color:#555;} /* 하단 용량 */ .ico_setting{width:10px; height:20px; background:url('../_img/icon.png')-90px 10px no-repeat; font-size:0; margin-right:5px !important; margin-left:-2px !important;} .list_del{width:7px; height:7px; font-size:0; background :url('../_img/icon.png') no-repeat -120px -270px; margin:10px 0 12px 10px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.list_del{margin:12px 0 12px 10px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.list_del{margin:10px 0 11px 10px;}} /* 체크박스 */ .check_box{margin-right:5px;} .check_box input[type="checkbox"]:not(old){width:18px; margin:0; padding :0; opacity :0;} .check_box input[type="checkbox"]:not(old) + label{display:inline-block; text-indent:22px; margin-left:-18px; background :url('../_img/checkbox.png') no-repeat left top; line-height:20px;} .check_box input[type=checkbox]:not(old):checked + label{background-position :left -20px;} .check_box input[type=checkbox]:not(old):disabled + label {background-position:left -40px;} /*라디오 버튼*/ .radio_box{margin-right:10px;} .radio_box input[type="radio"]:not(old){width:20px; margin:0; padding :0; opacity :0;} .radio_box input[type="radio"]:not(old) + label{display :inline-block; padding-left :22px; background :url('../_img/radio.png') no-repeat left top; line-height:20px;} .radio_box input[type=radio]:not(old):disabled + label {background-position:left -20px;} .radio_box input[type=radio]:not(old):checked + label{background-position :0 -40px;} .radio_box input[type=radio]:not(old):checked:disabled + label {background-position:left -60px; } /* 팝업 버튼 */ .btn_thin{display:block;} .btn_thin button{color:#555; padding:0 12px 0 10px; max-height:25px; min-width:50px; max-width:90px; line-height:25px !important; border-radius:3px; background:#fff; border:1px solid #555; letter-spacing:-2px; text-align:center;} .btn_thin button > span{ display:block; float:left; margin:7px 7px 7px 3px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){ .btn_thin button{line-height:22px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .btn_thin button{line-height:22px !important;}} .btn_thin.samesize button{min-width:80px !important;} .btn_thin button.btn_blue {background:#2c79e1; color:#fff; border:none; border-radius:0;} .btn_thin button.btn_gray {background:#999999; color:#fff; border:none; border-radius:0;} .btn_thin button.btn_orange {background:#ff6c00; color:#fff; border:none; border-radius:0;} .btn_color_thin{display:block;} .btn_color_thin button{width:auto; color:#fff; padding:0 10px; max-height:25px; line-height:25px !important; letter-spacing:-1px; margin:0 3px;} .btn_color_thin button.btn_orange {background:#ff6c00;} .btn_set{display:block; margin:auto;} .btn_set button{min-width:80px; max-width:100px; height:35px; line-height:35px; font-size:12px; font-weight:bold; color:#fff; margin:0 3px;} .btn_set button.btn_blue{background:#2c79e1;} .btn_set button.btn_gray{background:#999999;} .btn_set button.btn_orange{background:#ff6c00;} .btn_set button.white{background:#fff; border:1px solid #999999; color:#555555 !important;} .btn_set button.orange{background:#ff6c00;} .btn_set button.yellow{background:#ff9600;} .btn_set button.gray{background:#666666; color:#fff !important;} .btn_set button.excel{background:#24a62b;} .btn_set button.lightgray{background:#999999;} .bbc1{border-bottom:1px solid #c1c1c1 !important;} .bc1{border:1px solid #c1c1c1 !important;} .bcbtn{border:1px solid #c1c1c1 !important; border-top:none !important;} .brn{border-right:none;} .bcf{background-color:#f2f2f4;} .bsr3{border-right:3px solid transparent;} .pi_color_wt{background-color:beige;} .pi_color_pi{background-color:#d1e7fd;} .pi_color_er{background-color:#fddada;} .share_target{width:670px; z-index:400;} .pop_data{ width:294px; background:#fff; height:334px; } .pop_data2{ width:399px; background:#fff; height:334px; } .pop_data_middle { width:420px; } .pop_data_big{ width:610px; height:334px; } .popup{ min-width:300px; min-height:195px; position:fixed; z-index:300; background:#fff; display:inline-block; border:1px solid #dddddd; padding:20px 20px 30px 20px; left:10px; top:10px; display:block; } /* 팝업 */ .popup.search_popup_layer{ padding:25px; overflow:auto; overflow-x:hidden; border:1px solid #c1c1c1; position:fixed; z-index:10000; /*-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); top:50%; left:50%; transform:translate(-50%, -50%);*/ background:#fff; overflow:visible; border-top:5px solid #2c79e1; } .popup.search_popup_layer h1{width:100%; min-width:350px; display:block; clear:both; line-height:47px; height:45px; font-size:16px; text-indent:20px; border-bottom:1px solid #cdcdcd; position:absolute; top:0; left:0; z-index:10; background:#fff;} .popup.search_popup_layer h1::before{background:none;} .popup.search_popup_layer h4{ height:32px; margin-top:42px; font-weight:normal; } .btn_popup_close{ width:13px; height:13px; font-size:0; margin-right:6px; background: url(../_img/icon.png)0 -150px no-repeat; position:absolute; top:15px; right:15px; z-index:100; } .popup_big{width:672px;padding:0px} .popup_middle{width:472px;padding:0px} .popup_bigm{width:730px;padding:0px} .popup_bigw{width:830px;padding:0px} .popup_bigt{width:960px;} /* 2017.04.04 */ .popup_bigp{width:960px;padding:0px} .popup_min{width:352px;} .popup_min2{width:572px;} .popup.popup_bigt{width:960px; padding:20px;} .popup._del_altar{width:330px;} .popup._warning{width:300px;} .popup._input{width:392px;} .popup._work{width:435px; padding:0;} .popup._window{width:450px; padding:0;} .popup._property{width:435px;} .popup._location{width:450px;} .popup._data{width:650px; padding:0;} .popup._mobile{width:100%; padding:0;min-width:300px;} .popup._view{width:600px; padding:0;} .popup._nodeSizeStatistics{width:905px; height:700px; padding:0;} .popup_bg{width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; background:#000; opacity:0.6; filter:alpha(opacity=60);} .popup._approval{height: 638px; width: 900px; padding:0;} .popup._stat{height:150px; min-height:135px !important; width:220px; padding:0;} /* 17.04.04_park추가 */ .popup._target{width:960px; padding:0;} .popup._target h1:before{width:130%; max-width:960px;} .popup._target .pop_data:first-of-type{width:calc((100% - 30px) / 3 ); display:block; height:100%; table-layout:fixed;} .popup._target .pop_data{width:calc(((100% - 30px) / 3 )* 2); display:block; height:100%; table-layout:fixed;} .popup .bnt_close{display:block; position:absolute; top:16px; right:20px; width:12px; height:12px; font-size:0; background:url('../_img/icon.png')0 -150px no-repeat; margin-bottom:20px; z-index:350;} .popup h1{width:100%; min-width:300px; padding-right: 40px; display:block; clear:both; line-height:47px; height:45px; font-size:16px; text-indent:20px; border-bottom:1px solid #dddddd;} .popup h1:before{content:''; display:inline-block; width:100.5%; height:5px; position:absolute; left:-1px; top:-1px; background:#2c79e1;} .popup h2{font-size:16px; display:block; width:100%;} .popup h2 small{font-size:12px; font-weight:normal; vertical-align:-2px; width:calc(100% - 110px); padding-left:10px; display:inline-block; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup h2 small{vertical-align:-1px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup h2 small{vertical-align:-1px;}} .popup h3{line-height:22px; font-size:16px; display:block; max-width:95%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} .popup p{font-size:12px; line-height:21px; display:block;} .popup input[type="password"], .popup input[type="number"], .popup input[type="text"]{width:100%; height:28px; color:#555; line-height:28px; border:1px solid #dddddd; text-indent:10px; margin-bottom:-3px; margin-top:1px;} .popup input.bged{background:#ededed; color:#2c79e1;} ._input_input{width:250px !important;} .popup_bi{width:57px; height:34px; display:block; background:url('../_img/icon.png')0 -365px no-repeat; margin:10px auto 0 auto; font-size:0;} .popup .gray_box{width:100%; padding:20px; margin:10px auto; background:#efefef; display:inline-block; text-align:left; color:#333333; line-height:21px;} .popup .gray_box dt{width:35px; float:left; font-weight:bold;} .popup .gray_box dd{width:calc(100% - 35px); float:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; position:relative;} .popup .gray_box dd em{position:absolute; top:0px; right:0px; z-index:2; font-size:12px; font-style:normal;} .popup .gray_box dd span{color:#555555 !important;} #approver{display:none;} .popup_container{padding:20px 20px 30px 20px; /*background:#f6f6f6;*/ } .popup_container .search_title{height:28px; line-height:28px; text-align:left; text-indent:10px; padding-right:10px; position:relative; color:#2c79e1; border:1px solid #dddddd; background:#ededed; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; display:block; overflow: hidden;} .popup_container .search_title2{height:28px; line-height:28px; text-align:left; text-indent:10px; padding-right:10px; position:relative; color:#2c79e1; border:1px solid #dddddd; background:#ededed; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:block; overflow: hidden;} .pop_search_btn{width:78px; height:28px; border-radius: 3px; line-height:26px !important; background:#fff; font-weight:bold; text-align:center; text-indent:0; padding:0; position:absolute; right:-1px; top:-1px; border:1px solid #555555;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.search_title{line-height:26px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.search_title{line-height:27px !important;}} .pop_search_btn.approval_btn {display:none;background: #ff6c00;color:white;width: 90px;border: 0px;top: -7px;} .popup_container .ico_folder_big.zipfile{margin-top:5px;} /* 2017.04.03 park_추가*/ /* 속한 리스트 */ .popup dd.search_layer {height:136px;} .popup dd.search_layer ul{left:0px; top:28px;} /* 레이어 */ .popup .search_layer {display:block; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; border:1px solid #dddddd; z-index:200; background:#fff; padding-top:5px; margin-bottom:3px;} .popup .search_layer li {width:100%; clear:both; display:block; line-height:30px; color:#555555; padding:0 10px;} .popup .search_layer li a{color:#555555;} .popup .search_layer li .upload_path{max-width:105px;} .popup .search_layer li span{height:30px; letter-spacing:0px;} .popup .search_layer ul li:hover{background:#f4f4f4;} /* 레이어 */ /* 속한 리스트 */ .bged{background:#ededed;} .bgff{background:#fff;} .search_share {width: 250px; float: left; height:28px; line-height:28px; text-align:left; text-indent:10px; padding-right:10px; color:#2c79e1; border:1px solid #dddddd; margin-bottom:-10px; position:relative;} .search_share .select {width:calc(100% - 78px);} .search_share .select button{width:100%;} .search_share .select ul{width:105%;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.search_share .select button{line-height:25px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.search_share .select button{line-height:27px !important;}} .progressBar{width:220px; height:14px; margin:auto; text-align:left; display:block;} .progressBar strong{color:#2c79e1;} ._warning progress{width:220px;} .popup_container .popup_container_dl{width:100%; min-height:34px;} .popup_container .popup_container_dl dt{min-width:80px; max-width:120px; float:left; font-weight:bold; line-height:34px;} .popup_container .popup_container_dl dt h5{font-size:12px; font-weight:normal; color:#666666; line-height:20px;} .popup_container .popup_container_dl dd input[type="password"], .popup_container .popup_container_dl dd input[type="text"], .popup_container .popup_container_dl dd input[type="number"], .popup_container .popup_container_dl dd img, .popup_container .popup_container_dl dd button{vertical-align:top;} .popup_container .popup_container_dl dd{width:calc(100% - 80px); padding-left:20px; float:left; padding-top:3px; line-height:31px; color:#666666; display:block;} .popup_container .popup_container_dl dd > .abbreviation {width:calc(100% - 110px) !important; line-height:31px !important;} #div_serverstat .popup_container .popup_container_dl dt{width:50%;} #div_serverstat .popup_container .popup_container_dl dd{width:50%;} .popup_container .popup_container_dl dd.textarea {/*height:76px;*/ color:#7e7e7e; line-height:20px;} .popup_container .popup_container_dl dd.textarea span{padding-left:10px;} .popup_container .popup_container_dl dd.textarea textarea{width:100%; height:50px; background:#fff; border:1px solid #dddddd; padding:10px; font-size:12px; line-height:18px;} .popup_container .btn_sharing {color:#555; padding:0 12px 0 10px; width:100px; max-height:25px; line-height:23px !important; border-radius:3px; background:#fff; border:1px solid #555; letter-spacing:-1px; text-align:center;} .popup_container .btn_sharing > span{display:block; float:left; margin:8px 0px 7px 10px;} .popup_container .popup_container_dl._gary_line{display:block;width:100%; border-bottom:1px solid #ccc; min-height:46px;} .popup_container .input_calendar{width:249px; height:28px; padding:0 10px;background:#fff; border:1px solid #dddddd; vertical-align:top; margin-right:10px;} .popup_container .popup_container_dl dd > img{margin-top: 5px;} .table_list_detail td > img{margin-top: 5px;} .popup_container .transfer_history {border:1px solid #dddddd; width:100%; height:130px; background:#fff; overflow:auto; overflow-x:hidden;} .popup_container .transfer_history ol{width:100%; clear:both; display:table; background:#f9f9f9; border-bottom:1px solid #ddd;} .popup_container .transfer_history ul{width:100%;clear:both; display:table;border-bottom:1px solid #ddd;} .popup_container .transfer_history li{width:33%; text-align:center; border-left:1px solid #ddd; display:table-cell;} .popup_container .transfer_history li:first-child {border-left:none;} .popup_container .transfer_history ul:last-child {border-bottom:none;} .popup_container .popup_container_dl2{width:100%; min-height:34px;} .popup_container .popup_container_dl2 dt{min-width:80px; float:left; font-weight:bold; line-height:34px;} .popup_container .popup_container_dl2 dt h5{font-size:12px; font-weight:normal; color:#666666; line-height:20px;} .popup_container .popup_container_dl2 dd input[type="password"], .popup_container .popup_container_dl2 dd input[type="text"], .popup_container .popup_container_dl2 dd input[type="number"], .popup_container .popup_container_dl2 dd img, .popup_container .popup_container_dl2 dd button{vertical-align:top;} .popup_container .popup_container_dl2 dd{width:calc(50% - 80px); padding-left:20px; padding-right: 10px; float:left; padding-top:3px; line-height:31px; color:#666666; display:block;} .popup_container .popup_container_dl2 dd > .abbreviation {width:100px !important; line-height:31px !important;} .popup_container .popup_container_dl2 dd.textarea {/*height:76px;*/ color:#7e7e7e; line-height:20px;} .popup_container .popup_container_dl2 dd.textarea span{padding-left:10px;} .popup_container .popup_container_dl2 dd.textarea textarea{width:100px; height:50px; background:#fff; border:1px solid #dddddd; padding:10px; font-size:12px; line-height:18px;} .popup_container .popup_container_dl2._gary_line{display:block;width:100%; border-bottom:1px solid #ccc; min-height:46px;} .popup_container .popup_container_dl3{width:100%; min-height:34px;} .popup_container .popup_container_dl3 dt{min-width:100px; float:left; font-weight:bold; line-height:34px;} .popup_container .popup_container_dl3 dt h5{font-size:12px; font-weight:normal; color:#666666; line-height:20px;} .popup_container .popup_container_dl3 dd input[type="password"], .popup_container .popup_container_dl3 dd input[type="text"], .popup_container .popup_container_dl3 dd input[type="number"], .popup_container .popup_container_dl3 dd img, .popup_container .popup_container_dl3 dd button{vertical-align:top;} .popup_container .popup_container_dl3 dd{width:calc(50% - 110px); padding-left:20px; padding-right: 10px; float:left; padding-top:3px; line-height:31px; color:#666666; display:block;} .popup_container .popup_container_dl3 dd > .abbreviation {width:100px !important; line-height:31px !important;} .popup_container .popup_container_dl3 dd.textarea {/*height:76px;*/ color:#7e7e7e; line-height:20px;} .popup_container .popup_container_dl3 dd.textarea span{padding-left:10px;} .popup_container .popup_container_dl3 dd.textarea textarea{width:100px; height:50px; background:#fff; border:1px solid #dddddd; padding:10px; font-size:12px; line-height:18px;} .popup_container .popup_container_dl3._gary_line{display:block;width:100%; border-bottom:1px solid #ccc; min-height:46px;} .popup_container .popup_container_dl3._blue_line{ display: block; width: 100%; border-top: 1px solid #2c79e1; min-height: 40px; padding-top: 10px; margin-top: 10px; } .popup._management{width:350px; padding:0; } .popup._management > h1{min-width:348px !important; } .popup .bnt_url_del{width:80px; line-height:25px; height:25px; border:1px solid #555555; background:#fff; border-radius:3px; color:#555555; letter-spacing:-1px; text-align:right; padding-right:10px; margin-top:-1px; margin-left:1px;} .popup .bnt_url_del:before{content:''; display:inline-block; width:7px; height:7px; position:absolute; top:8px; left:8px; background:url('../_img/icon.png') no-repeat -120px -270px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup .bnt_url_del{margin-top:-3px; line-height:23px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup .bnt_url_del{margin-top:-2px; line-height:23px; margin-left:7px;}} .popup .bnt_pass_del{min-width:80px; line-height:25px; height:25px; border:1px solid #555555; background:#fff; border-radius:3px; color:#555555; letter-spacing:-1px; text-align:right; padding-left:5px; padding-right:10px; margin-top:-1px; margin-left:1px;} .popup .bnt_pass_del:before{content:''; display:block; width:7px; height:7px; background:url('../_img/icon.png') no-repeat -120px -270px; position:absolute; top:8px; left:8px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup .bnt_pass_del{margin-top:-3px; line-height:18px; padding-left:20px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup .bnt_pass_del{margin-top:-2px; line-height:23px; margin-left:7px; padding-left:24px;}} .popup._management dl{width:100%; max-width:310px;} .popup._management dl dt{ display:table; width:100px; float:left;} .popup._management dl dt .ico_big_box{display:table-cell; width:100px; height:95px; vertical-align:middle; text-align:center; background:#ffffff; border:1px solid #efefef;} .popup._management dl dd{display:block; color:#555555; line-height:34px; width:208px; position:relative; padding:5px 0 5px 20px; float:left;} .popup._management dl dd p{width:100%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; line-height:34px !important;} .popup._management dl dd span{width:calc(100% - 85px); display:block; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; position:relative; color:#2c79e1;} .popup._management dl dd strong{font-weight:normal;} .popup._management dl dd em{font-style:normal;} .popup .bnt_url_copy{width:80px; line-height:25px; height:25px; border:1px solid #2c79e1; background:#fff; border-radius:3px; color:#2c79e1; letter-spacing:-1px; text-align:center; margin-top:2px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup .bnt_url_copy{line-height:21px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup._management dl dd span{width:calc(100% - 90px);} .popup .bnt_url_copy{line-height:23px;}} /* tab */ ul.tabs {width:100%; height:29px; border-bottom:1px solid #ddd; } ul.tabs li:first-child {margin-left:10px;} ul.tabs li {float:left; text-align:center; margin-left:2px; padding:0 13px; cursor:pointer; width:auto; height:29px; line-height:29px; color:#999999; border:1px solid #ddd; border-bottom:none; background:#cccccc; overflow:hidden; position:relative;} ul.tabs li.active {background:#FFFFFF; color:#333333; font-weight:bold;} ul.tabs li .ico_new {position:absolute; top:5px; right:5px; z-index:2;} #container {margin:0 auto;} .tab_container {width:100%; clear:both; float:left; display:table; background:#FFFFFF; position:relative; height:100%;} .tab_content {width:100%; display:none; clear:both; overflow:hidden; height:100%; position:relative; box-sizing: border-box; } .popup_property_dl:first-child{padding-top:15px;} .popup_property_dl{width:100%; clear:both; display:table; border-bottom:1px solid #dddddd; padding:6px 0 5px 0; min-height:31px; vertical-align:middle;} .popup_property_dl dt{width:110px; float:left; font-weight:bold; line-height:20px; text-indent:10px;} .popup_property_dl dd{width:calc(100% - 120px) !important; padding-right:20px; float:left; padding-top:0px; line-height:20px; position:relative;} .popup_property_dl dd > input{height:25px !important; line-height:25px !important; margin-top:-5px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_property_dl dd > input{margin-top:-6px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_property_dl dd > input{margin-top:-6px;}} .popup_property_dl dd > .abbreviation {width:180px !important;} .popup_property_dl .btn_copy_location{width:60px; line-height:20px !important; border-radius:3px; border:1px solid #555555; color:#555555; letter-spacing:-1px; margin-left:10px; margin-top:-2px;} .popup_property_table{width:100%; max-width:373px; height:117px; clear:both; margin:0 10px; display:block; border-top:1px solid #ddd; overflow:auto; overflow-x:hidden;} .popup_property_table ol{width:100%; clear:both; display:table; background:#f9f9f9; border-left:1px solid #ddd;} .popup_property_table ul{width:100%; clear:both; display:table; border-left:1px solid #ddd;} .popup_property_table ol > li:first-child{width:37px;} .popup_property_table li.popup_property_data{width:calc(100% - 166px) !important; text-indent:6px;} .popup_property_table li.popup_property_down{width:84px;} .popup_property_table ul > li.popup_property_down button{width:18px; height:16px; font-size:0; background:url('../_img/icon.png')no-repeat; background-position:-60px -210px;} .popup_property_table li:last-child{width:45px;} .popup_property_table li{float:left; border-top:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:28px; height:28px; position:relative;} .popup_property_table ul > .popup_property_new{width:37px; height:28px; font-size:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;padding-left:10px; padding-top:7px;} .popup_property_table ul > .popup_property_new:before{content:''; display:block; width:16px; height:16px; background:url('../_img/icon.png')no-repeat; background-position:0 -210px;} .popup_property_table ul > .radio_box{width:37px; height:28px; overflow:hidden; padding-left:10px; padding-top:7px; margin:0 !important; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .popup_property_table ul > .radio_box label span{letter-spacing:-15px; font-size:5px; color:#fff;} .popup_property_table li > .list_del{margin:12px;} ._board {padding:0px !important;} .popup_board{width:100%; height:334px; margin:0 auto; overflow-y:auto; padding:10px !important;} .notice_list{clear:both; position:relative; height:334px;} ._board .board_search{padding:20px 20px; display:inline-block; width:100%; margin-bottom:20px; padding-bottom:0;} ._board .board_search .btn_write{width:70px; height:25px; color:#555; border:1px solid #555; border-radius:3px; font-weight:bold;} ._board .board_search .select{border:1px solid #989898; height:25px; line-height:25px !important; margin-top:0;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){._board .board_search .select{line-height:22px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {._board .board_search .select{line-height:22px !important;}} ._board .board_search .select ul{top:23px; left:-1px; min-width:63px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){._board .board_search .select ul{top:23px; left:-1px; min-width:69px;}} ._board .board_search input{width:93px; border:1px solid #989898; height:30px;margin-top: 0px;} ._board .board_search .btn_search{width:79px; height:30px; border:1px solid #989898; border-left:none;} /* 리스트*/ .board_head{width:100%; height:28px; line-height:28px; display:inline-block; color:#555555; overflow:hidden; border-top:1px solid #e4e5e7; border-bottom:1px solid #f1f1f1; background:#f9f9f9;} .board_head a{color:#555555;} .board_head a:hover{text-decoration:underline;} .board_head ol{position:relative;overflow:hidden;height:25px;} .board_head ol > li{display:inline-block; /*text-align:left !important;*/ vertical-align:top; float:left;} .board_head li.title{text-indent:100px;} /*.board_head ol > li.check_small{width:17px; margin-top:-36px;}*/ /*.board_head ol > li.uploaded{text-indent:33px;}*/ /*.board_head ol > li.view{text-indent:20px;}*/ .board_head ol > li.write{text-indent:23px; text-align:left;} .board_head ol > li.memo{width:400px; text-indent:23px; text-align:left;} .board_head ol > li.write{text-indent:23px; text-align:left;} .board_head ol > li:last-child{margin-right:5px;} .board_head ol > li.nbsp{width:15px;text-align: center;} .board_head ol > li.id{width:100px;text-align: center;} .board_head ol > li.pw{width:100px;text-align: center;} .board_head ol > li.fn{width:200px;text-align: left;} .board_head ol > li.fs{width:80px;text-align: center;} .board_head ol > li.nd{width:200px;text-align: left;} .board_head ol > li.sd{width:100px;text-align: center;} .board_head ol > li.ed{width:100px;text-align: center;} .board_head ol > li.ac{width:100px;text-align: center;} .board_head ol > li.ctl{width:195px;text-align: center;} .board_head ol > li.ip{width:120px;text-align: center;} .board_head ol > li.ln{width:103px;text-align: center;} .board_head ol > li.st{width:85px;text-align: center;} .board_head ol > li.recv{width:200px;text-align: left;} .board_head ol > li.file{width:50px;text-align: center;} .board_head ol > li.lc{width:70px;text-align: center;} .board_head ol > li.type{width:70px;text-align: center;} .board_head ol > li.ctl2{width:120px;text-align: center;} .board_head ol > li.ctl3{width:60px;text-align: center;} .board_head ol > li.tg{width:250px;text-align: left;} .board_head ol > li.lt{width:230px;text-align: left;} .board_head ol > li.gn{width:100px;text-align: center;} .board_head ol > li.un{width:100px;text-align: center;} .board_head ol > li.ui{width:100px;text-align: center;} .board_head ol > li.rd{width:120px;text-align: center;} .board_head ol > li.art{width:200px;text-align: center;} .board_head ol > li.nb{width:80px;text-align: center;} .board_head ol > li.desc{width:110px;text-align: center;} .board_head ol > li.uln{width:180px;text-align: left;} .board_head ol > li.mail{width:140px;text-align: left;} .board_head ol > li.at{width:150px;text-align: center;} .board_head ol > li.ld{width:270px;text-align: center;} .board_head ol > li.nas_rd{width:150px;text-align: center;} .board_head ol > li.nas_nm{width:150px;text-align: center;} .board_head ol > li.nas_fn{width:280px;text-align: center;} .board_head ol > li.nas_ts{width:200px;text-align: center;} .board_head ol > li.path{width:330px;text-align: left;} ._board li.view{width:75px;} .board_body{height:244px; overflow-y:auto; margin-top:-3px;} .board_body .board_list{width:100%;height:35px;line-height:35px; color:#555555; margin:0;overflow:hidden;} .board_body .board_list ol{position:relative; height:35px; padding:0;border-bottom:1px solid #f1f1f1;} .board_body li{ float:left; display:inline-block; vertical-align:top; /*padding: 0 10px !important;*/ text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; } /*.board_body ol > li.check_small{width:17px; margin-top:-33px;}*/ .board_body ol > li.nbsp{width:15px;} .board_body ol > li.id{width:100px;text-align: center;} .board_body ol > li.fn{width:200px;text-align: left;} .board_body ol > li.fs{width:80px;text-align: center;} .board_body ol > li.pw{width:100px;text-align: center;} .board_body ol > li.nd{width:200px;text-align: left;} .board_body ol > li.nd2{width:180px;text-align: left;} .board_body ol > li.sd{width:100px;text-align: center;} .board_body ol > li.ed{width:100px;text-align: center;} .board_body ol > li.ac{width:100px;text-align: center;} .board_body ol > li.ctl{width:195px;text-align: center;} .board_body ol > li.ip{width:120px;text-align: center;} .board_body ol > li.ln{width:103px;text-align: center;} .board_body ol > li.st{width:85px;text-align: center;} .board_body ol > li.gn{width:100px;text-align: center;} .board_body ol > li.un{width:100px;text-align: center;} .board_body ol > li.ui{width:100px;text-align: center;} .board_body ol > li.rd{width:120px;text-align: center;} .board_body ol > li.art{width:200px;text-align: center;} .board_body ol > li.nb{width:80px;text-align: center;} .board_body ol > li.recv{width:200px;text-align: left;} .board_body ol > li.file{width:50px;text-align: center;} .board_body ol > li.lc{width:70px;text-align: center;} .board_body ol > li.type{width:70px;text-align: center;} .board_body ol > li.ctl2{width:120px;text-align: center;} .board_body ol > li.ctl3{width:60px;text-align: center;} .board_body ol > li.tg{width:250px;text-align: left;} .board_body ol > li.lt{width:230px;text-align: left;} .board_body ol > li.desc{width:110px;text-align: left;} .board_body ol > li.uln{width:180px;text-align: left;} .board_body ol > li.mail{width:140px;text-align: left;} .board_body ol > li.at{width:150px;text-align: center;} .board_body ol > li.ld{width:270px;text-align: center;} .board_body ol > li.nas_rd{width:150px;text-align: center;} .board_body ol > li.nas_nm{width:150px;text-align: center;} .board_body ol > li.nas_fn{width:280px;text-align: center;} .board_body ol > li.nas_ts{width:200px;text-align: center;} .board_body ol > li.path{width:330px;text-align: left;} .board_list a{color:#555555;} .board_list ol > li:last-child{margin-right:5px;} .title {width:260px;} .title a{width:auto; max-width:245px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; float:left;} .title .file_disk{width:11px; height:16px; background:url('../_img/icon.png') no-repeat -120px -284px; float:left; font-size:0; margin-top:8px; margin-left:2px;} ._board li.type{text-align:center;} ._board li.mark{width:70px; text-indent:22px;} ._board li.mark button{ display:inline-block; margin-top:7px;} ._board li.uploaded{width:115px;} ._board li.view{width:73px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; text-align:center;} ._board li.memo{width:400px;padding-right: 25px;text-indent: 23px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; text-align:left;} ._board li.write{width:83px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; text-align:center;} .notice_view{clear:both; position:relative; margin:9px; border-top:1px solid #e4e5e7;} .notice_view dl{width:100%; clear:both; display:table; line-height:35px; border-bottom:1px solid #f1f1f1;} .notice_view dl dt{width:89px; display:table-cell; background:#f9f9f9; border-left:1px solid #e4e5e7; border-right:1px solid #e4e5e7; text-align:center; table-layout:fixed;} .notice_view dl dd{width:192px; display:table-cell; padding:0 20px; color:#555555; overflow:hidden; table-layout:fixed;} .notice_view dl:first-child dd{width:475px; max-width:475px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:table-cell;} .notice_view dl dd .abbreviation{max-width:100%;} .notice_view dl dd a{color:#555555; max-width:150px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:table-cell;} .notice_view dl dd:last-child{border-right:1px solid #e4e5e7;} .notice_view dl dd input[type="text"]{width:100%; height:35px; vertical-align:top; border:none; text-indent:0;} .notice_view dl dd .file_input {width:430px;} .notice_view dl dd .file_input input[type="text"]{width:55%;} .notice_view dl dd .file_input .file_del {width:80px; height:25px; color:#666; text-align:center; line-height:20px; border:1px solid #898989; border-radius:3px; text-align:right; padding-right:7px;} .notice_view dl dd .file_input .file_del:before{content:''; display:inline-block; width:7px; height:7px; position:absolute; top:8px; left:8px; background:url('../_img/icon.png') no-repeat -120px -270px;} .table_view{clear:both; position:relative; margin:9px; border-top:1px solid #e4e5e7;} .table_view dl{width:100%; clear:both; display:table; line-height:35px; border-bottom:1px solid #e4e5e7;} .table_view dl dt{width:100px; display:table; background:#f9f9f9; border-left:1px solid #e4e5e7; border-right:1px solid #e4e5e7; text-align:center; table-layout:fixed;} .table_view dl dd{width:192px; display:table-cell; padding:0 20px; color:#555555; overflow:hidden; table-layout:fixed;} .table_view dl:first-child dd{width:475px; max-width:475px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:table-cell;} .table_view dl dd .abbreviation{max-width:100%;} .table_view dl dd:last-child{border-right:1px solid #e4e5e7;} .table_view dl dd input[type="password"]{width: 100%;height: 20px;margin: 0px;} .notice_textarea{width:100%; border:1px solid #e4e5e7; border-top:none; height:176px; overflow-y:auto; word-break:break-all; padding:20px;} .notice_textarea textarea{min-width:586px; max-width:586px; border:none; height:100%; padding:20px; font-size:12px;} .popup_board dl{border:1px solid #e4e5e7; width:100%; border-bottom:none;} .popup_board dl:first-child{margin-top:10px;} .popup_board dl:last-child{border-bottom:1px solid #e4e5e7;} .popup_board dl dt {width:100%; line-height:35px; height:35px; background:#fff; text-indent:15px; color:#555555; cursor:pointer;} .popup_board dl dt h4{float:left; width:480px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden;} .popup_board dl dt strong{width:40px; float:left;} .popup_board dl dt span{width:30px; height:6px; margin-top:15px; float:right;} .popup_board dl dt span._arr_up{background:#fff url('../_img/icon.png') no-repeat -90px -180px;} .popup_board dl dt span._arr_dwon{background:#fff url('../_img/icon.png') no-repeat -120px -180px;} .popup_board dl dd{padding:15px; background:#f9f9f9; border-top:1px solid #e4e5e7; clear:both; line-height:21px; display:none;} .popup._data ul.tab {width:100%; height:29px; border-bottom:1px solid #ddd; } .popup._data ul.tabs li {float:left; cursor:pointer; margin:0; /*width:20%;*/ text-align:center; min-width:100px; height:29px; line-height:29px; color:#666666; border:1px solid #ddd; border-bottom:none; background:#cccccc; overflow:hidden; position:relative;} .popup._data ul.tabs li.active {background:#FFFFFF; color:#555555; font-weight:bold;} .popup._data .tab_container {border:1px solid #ddd; border-top:none; padding:9px; height:334px;} .popup_preferences .tab_content{padding-top:26px;} .popup_preferences{width:100%; height:356px; margin:0 auto; display:inline-block;} .popup_preferences .graph_box{width:586px; height:180px; border-bottom:1px solid #dddddd; margin:0 auto; clear:both; font-family: 'dotum','돋움','Arial',sans-serif;} .popup_preferences .graph_box .jqplot-target{width:166px; height:179px !important; margin:0 25px; display:inline; color:#333333; overflow:hidden; float:left;} .popup_preferences .graph_box .jqplot-base-canvas{width:100%; height:100%;} /*.popup_preferences .graph_box .jqplot-pie-series{color:#fff !important;}*/ .popup_preferences .graph_box > canvas{border:none; background:none;} .popup_preferences .graph_box .chartInfo{width:calc(100% - 300px) !important; border:none; background:none; position:absolute; top:30px; right:30px; line-height:21px;} .popup_preferences .graph_box .chartInfo li{clear:both; width:100%; vertical-align:top;} .popup_preferences .graph_box .chartInfo li b{width:90px; float:left;} .popup_preferences .graph_box .chartInfo li .cart_t,.popup_preferences .graph_box .chartInfo li .cart_t1,.popup_preferences .graph_box #chartInfo li .cart_t2,.popup_preferences .graph_box #chartInfo li .cart_t3{width:146px; float:left;} .cart_t_nemo {content:''; display:block; width:11px; height:11px; float:left; margin-right:6px; margin-top:4px;} .popup_preferences .graph_box .chartInfo li .cart_t1:before, .popup_preferences .graph_box .chartInfo li .cart_t2:before, .popup_preferences .graph_box .chartInfo li .cart_t3:before {content:''; display:block; width:11px; height:11px; float:left; margin-right:6px; margin-top:4px; background:#fff;} .popup_preferences .graph_box .chartInfo li .cart_t1:before{background:#2c79e1;} .popup_preferences .graph_box .chartInfo li .cart_t2:before{background:#ffcc00;} .popup_preferences .graph_box .chartInfo li .cart_t3:before{background:#cccccc;} .popup_preferences .graph_box .chartInfo li .data_byte{width:120px; float:left; text-align:right; color:#666666;} .popup_preferences .graph_box .chartInfo li .data_gb{width:120px; float:right; text-align:right; color:#333333;} .popup_preferences .graph_box button{width:120px; height:25px; color:#fff; background:#ff6c00; position:absolute; bottom:15px; right:30px;} .popup_preferences .graph_box .jqplot-grid-canvas{display:none;} .popup_preferences .charttext{padding:20px 27px; line-height:21px;} .btn_thin_A {color:#555; padding:0 12px 0 10px; width:80px; line-height:25px !important; border-radius:3px; background:#fff; border:1px solid #555; letter-spacing:-2px; text-align:center;} .popup_preferences .popup_preferences_scroll{display:inline-block; width:100%; min-height:34px; margin:0 auto; overflow-y:auto !important; height:100%;} .popup_preferences .popup_preferences_dl{display:table; width:100%; min-height:34px; margin:0 auto;} .popup_preferences .popup_preferences_dl dt{width:97px; padding-left:31px; float:left; font-weight:bold; line-height:34px;} .popup_preferences .popup_preferences_dl dd{width:calc(100% - 91px) !important; max-width:469px; float:left; line-height:34px; max-height:105px; display:inline-block;} .popup_container .popup_preferences_dl dd > .abbreviation {width:calc(100% - 110px) !important; line-height:34px;} .popup_preferences .popup_preferences_dl dd .search_title{max-width:449px;} .popup_preferences .btn_sharing{margin-top:4px;} .popup_preferences .popup_preferences_table{width:100%; max-width:526px; margin:0 auto; display:table; border:1px solid #ddd; color:#555555;} .popup_preferences .popup_preferences_table tr{border-bottom:1px solid #f1f1f1; line-height:35px; height:35px; text-align:center; } .popup_preferences .popup_preferences_table th{min-width:100px; background:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .popup_preferences .popup_preferences_table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; max-width:150px; padding:0 10px !important;} .popup_preferences .popup_preferences_table td > p {line-height:35px;} .popup_preferences .popup_preferences_table td > .abbreviation {width:auto; max-width:87%;} /*.popup_preferences .popup_preferences_table td .preview{margin-left:5px !important;} 2017.03.22 park 삭제*/ .popup_preferences .popup_preferences_table td .preview_layer{top:11px; left:20px; min-width:auto; max-width:300px; height:auto; white-space:nowrap; word-wrap:normal !important; text-indent:0;}/* 2017.03.22 park_가로세로값 변경*/ .popup_preferences .popup_preferences_table th.lock_name, .popup_preferences .popup_preferences_table td.lock_name{width:252px;} .popup_preferences .popup_preferences_table td.decrypt{width:144px;} .popup_preferences .popup_preferences_table td.decrypt button{width:80px;} .popup_preferences .popup_preferences_table td > input[type="text"]{height:29px;} .popup_preferences .popup_preferences_table input.reason{width:100%; border:1px solid #989898; vertical-align:top; margin-top:3px;}/* 2017.04.06 park_추가*/ .popup_preferences .popup_preferences_table input.capacity_input{width:70px; background:#f1f1f1; text-align:center; border:1px solid #989898; border-right:none;} .popup_preferences .popup_preferences_table .select{border:1px solid #989898; height:29px; line-height:29px !important; margin-top:1px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_preferences .popup_preferences_table .select{line-height:25px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_preferences .popup_preferences_table .select{line-height:25px !important;}} .popup_preferences .popup_preferences_table select{border:1px solid #989898; height:29px; line-height:29px !important; padding-right:24px !important; margin-top:0;} .popup_preferences .popup_preferences_table select option{text-indent:10px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_preferences .popup_preferences_table select{line-height:27px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_preferences .popup_preferences_table select{line-height:27px !important;}} .popup_preferences .popup_preferences_table .select ul{left:-1px; top:27px;} .popup_preferences .btn_release {color:#555; padding:0 12px 0 10px; width:100px; max-height:25px; line-height:25px !important; border-radius:3px; background:#fff; border:1px solid #555; letter-spacing:-1px; text-align:center;} /* 공통 영역 */ .data{ #width:calc((100% - 30px) / 2 ); display:block; height:100%; width:100%; display:block; height:100%; } .data_a{ width:calc((100% - 30px) / 3 ); display:block; height:100%; table-layout:fixed; } .data_b{ width:calc(((100% - 30px) / 3 )* 2); display:block; height:100%; } /* 2017.04.04 _park*/ .data_b .search_input_short{width:calc((100% - 80px) / 2 ) !important; max-width:105px !important;} /* 검색 */ .search {padding:16px 16px; clear:both; background:#f1f1f3; border-bottom:1px solid #ebebeb; width:100%; margin:0; height:62px;} .search .search_select{padding-left:5px !important; padding-right:15px !important; border:1px solid #989898 !important; } .search .search_input{width:calc(100% - 100px) !important; padding-left:15px;background:#fff url('../_img/search_input.png') no-repeat left center;} .search .search_input_long{ width:calc(100% - 60px) !important; padding-left:15px;background:#fff url('../_img/search_input.png') no-repeat left center; } .search .search_input_short{width:105px !important; text-indent:5px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.search .search_input_short{width:110px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.search .search_input_short{width:110px !important;}} .search .eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee{ width:calc(100% - 60px); padding-left:10px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-55px -115px; } .search .search_input_longT[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#999; letter-spacing:-2px; } .search .search_input_long[type="text"]::-moz-placeholder { /* Firefox 19+ */ color:#999; letter-spacing:-2px; } .search .search_input_long[type="text"]:-ms-input-placeholder { /* IE 10+ */ color:#999; letter-spacing:-2px; } .search .search_input_long[type="text"]:-moz-placeholder { /* Firefox 18- */ color:#999; letter-spacing:-3px; } .search strong{padding-left:10px; color:#555;} .search input{border:1px solid #989898 !important;} .search_button{width:100px; height:28px; color:#555555; font-weight:bold; background:#fff; border:1px solid #989898;} .search .search_button{ width:100px; height:29px; color:#555555; font-weight:bold; background:#fff; border:1px solid #989898; } .search .search_button_short{width:75px; height:28px; font-weight:bold; color:#555555; background:#fff; border:1px solid #989898;} .search .search_button_shortT{ width:60px; height:29px; font-weight:bold; color:#555555; background:#fff; border:1px solid #989898; } .input_calendar{width:249px; height:29px; padding:0 10px;background:#fff; border:1px solid #dddddd; vertical-align:top; margin-right:10px;} /* 트리 */ .tree_short{height:270px;} .tree_search{ width:100%; height:auto; margin:0; overflow:hidden; display:block; } .tree_long{height:435px;} .tree_medium{} .tree_short{height:270px;} .tree{width:100%; display:block; overflow-y:auto;overflow-x:auto; padding:12px 18px; background:#fff;} .tree ol{font-weight:bold; height:19px;} .tree ul.checktree li a{color:#444444;} .tree ul.checktree li {background:url('../_img/node.gif') no-repeat; line-height:23px; padding:0 0 7px 29px; clear:both; cursor:default; white-space:nowrap; color:#444444; vertical-align:top;} .tree ul.checktree li > .ico_folder{margin-right:8px; margin-top:2px; float:left;} .tree ul.checktree li > .ico_folder_open{width:25px; height:20px; background:url('../_img/folder_small.png')no-repeat; background-position:0px -40px; display:block; float:left; margin:2px 9px 2px 5px; font-size:0;} .tree ul.checktree li > input[type="checkbox"] {width:12px; height:12px;top: 3px;} .tree ul.checktree li input{float:left; width:15px; height:15px; margin:2px 7px;} .tree ul.checktree li.tree_last {background-image:url('../_img/node-last.gif');} .tree ul.checktree .tree_step{display:block; position:absolute; top:3px; left:0px; width:28px; height:12px; z-index:100; overflow:hidden; font-size:0;} .tree ul.checktree .tree_plus {background-image:url('../_img/plus.gif');} .tree ul.checktree .tree_minus {background-image:url('../_img/minus.gif');} /* 트리 검색결과 */ .tree_search_result{padding:12px 18px; margin-top:-4px; overflow:auto; overflow-x:hidden;} .tree_search_result ul{font-size:14px; font-weight:bold; line-height:24px; margin-bottom:5px; margin-top:10px;} .tree_search_result li{font-size:12px; line-height:21px;} .tree_search_result li em{color:#999; font-style:normal;} .tree_search_result a{color:#444;} .btn_round{padding:5px 14px 3px 16px; border:1px solid #666666; background:#fff; border-radius:3px; color:#666666;} .project_pwd{width:14px; height:14px; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat -60px -286px;} /* 테이블 */ .table_data{width:100%; height:270px; display:block; color:#666; vertical-align:top; overflow:auto; } .table_checkbox{width:38px !important; text-align:center;} .range{width:7px !important; height:7px !important; font-size:0; margin:0 0 0 5px !important; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-90px -30px; display: inline-block !important; float:none !important;} .range_active_down{width:7px; height:7px; font-size:0; margin-left:5px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-30px -30px;} .range_active_up{width:7px; height:7px; font-size:0; margin-left:5px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-60px -30px;} .range_asc{ width:7px; height:7px; font-size:0; margin-left:5px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-60px -30px; } .range_desc{ width:7px; height:7px; font-size:0; margin-left:5px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-30px -30px; } .table_data > table th {font-weight:normal; line-height:29px; background:#f4f4f6;} .table_data > table tr{line-height:40px;} .table_data > table th, .table_data > table td{border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:0 10px !important; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} .table_data > table input[type="text"] {width:215px; height:29px; text-indent:15px; letter-spacing:-1px;} .table_data > table td button {width:50px; height:25px; line-height:25px; border:1px solid #666666; border-radius:3px; color:#666666;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.table_data > table td button{line-height:20px; margin-bottom:3px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.table_data > table td button{line-height:20px; margin-bottom:4px;}} .table_data td p{line-height:14px !important;} .table_data > table th:last-child, .table_data > table td:last-child{border-right:none;} .table_data a{color:#666;} .transfer_history {border:1px solid #dddddd; width:100%; height:130px; background:#fff; overflow:auto; overflow-x:hidden;} .transfer_history ol{width:100%; clear:both; display:table; background:#f9f9f9; border-bottom:1px solid #ddd;} .transfer_history ul{width:100%;clear:both; display:table;border-bottom:1px solid #ddd;} .transfer_history li{float:left; width:33%; text-align:center; border-left:1px solid #ddd;} .transfer_history li:first-child {border-left:none;} .transfer_history ul:last-child {border-bottom:none;} .nas_list_header {border:1px solid #dddddd; border-bottom: none; width: 300px; background:#fff; overflow:auto; overflow-x:hidden;} .nas_list_header ol{width:300px; clear:both; display:table; background:#f9f9f9; border-bottom:1px solid #ddd;} .nas_list_header ul{width:300px;clear:both; display:table;border-bottom:1px solid #ddd;} .nas_list_header li{float:left; width:150px; text-align:center; border-left:1px solid #ddd;} .nas_list_header li:first-child {border-left:none;} .nas_list_header li:last-child {text-align: left;} .nas_list_header ul:last-child {border-bottom:none;} .nas_list {border:1px solid #dddddd; width:300px; height:100px; background:#fff; overflow:auto; overflow-x:hidden;} .nas_list ol{width:300px; clear:both; display:table; border-bottom:1px solid #ddd;} .nas_list ul{width:100%;clear:both; display:table;border-bottom:1px solid #ddd;} .nas_list li{float:left; width:150px; text-align:center; border-left:1px solid #ddd; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; vertical-align:top;} .nas_list li:first-child {border-left:none;} .nas_list li:last-child {text-align: left;} .nas_list ul:last-child {border-bottom:none;} .choice_list{width:100%; display:table; line-height:20px; min-height:40px;table-layout:fixed;} .choice_list dt{min-width:120px;width:120px; display:table-cell; background:#f1f1f3; vertical-align:middle; padding:8px 0 8px 20px; font-weight:bold;} .choice_list dt span{font-weight:normal;} .choice_list dd{display:table-cell; width:calc(100% - 170px); background:#fff; vertical-align:middle;} .choice_list dd.location{max-width:250px;} .choice_list dd ul{max-height:60px; width:calc(100% - 20px); float:right;} .choice_list dd li{float:left; line-height:26px; padding-right:15px; max-width:98%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; vertical-align:top;} .choice_list dd li .list_del{position:absolute; top:-3px; right:0;} .btn_del_choice{width:7px; height:7px; font-size:0; background :url('../_img/icon.png') no-repeat -30px -150px; margin:10px 0 12px 10px;} .table_list_table{width:100%; height:40px; table-layout:fixed; position:relative;} .table_list_table th{min-width:120px;width:120px; background:#f1f1f3; vertical-align:middle; padding:8px 0 8px 10px; color:#666; font-weight:bold; border:1px solid #c1c1c1;} .table_list_table td{color:#333; width:calc(100% - 170px); background:#fff; vertical-align:middle; border:1px solid #c1c1c1;} .li_trash {cursor:pointer;} ._right_click {border:1px solid #2c79e1 !important; background:#e9eff6;} .ico_trash {content:''; display:inline-block; width:15px; height:16px;background:url('../_img/folder_small.png') no-repeat -100px -40px; margin:0 10px 0 5px; vertical-align:middle;} .choice_list_typec ul{ position:absolute;top:1px;left:120px; bottom:1px; right:1px; height:38px; overflow-y:auto; vertical-align:middle; padding:8px 0;} .choice_list_typec li{float:left; line-height:21px; padding-right:15px; padding-left:10px; max-width:98%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; vertical-align:top;} .choice_list_typec ul li .btn_del_choice{position:absolute; top:-4px; right:5px;} .ico_big_box {cursor:pointer;} .popup_load{width:100%; height:100%; padding:20px 20px 10px 20px; display:table; background:#f6f6f6; } .popup_load .load_title{width:100%; height:31px; vertical-align:top;} .popup_load .load_title strong{float:left;} .upload_path{width:auto; max-width:160px; height:14px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} .load_path{width:auto; max-width:150px; height:14px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;} .popup_load .popup_load_add{width:100px; line-height:25px; border:1px solid #666666; background:#fff; border-radius:3px; color:#666666; font-weight:bold; letter-spacing:-1px; text-align:center; margin-top:-6px;} .popup_load .popup_load_add:before{content:''; display:inline-block; width:12px; height:12px; margin:5px 0 5px 10px; float:left; background:url('../_img/icon.png') no-repeat -120px -240px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_load .popup_load_add{line-height:21px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_load .popup_load_add{line-height:23px;}} .popup_load_box{width:100%; background:#fff; border:1px solid #dddddd;} .popup_load_box ul.progress_bar {width:calc(100% - 40px); margin:0 auto; line-height:52px; border-bottom:1px solid #dddddd; color:#2c79e1; font-weight:bold;} .popup_load_box ul.progress_bar strong{width:79px; float:left; color:#333;} .popup_load_box ul.progress_bar progress{width:calc(100% - 123px);} .popup_load_box ul.progress_data {width:calc(100% - 40px); margin:0 auto; display:table; padding:15px 0; } .popup_load_box ul.progress_data li{width:50%; float:left; line-height:21px; color:#555;} .popup_load_box ul.progress_data li strong{width:79px; float:left; color:#333;} .popup_load_box .file_title {clear:both; display:block; width:100%; height:28px; border-top:1px solid #e5e5e7; border-bottom:1px solid #e5e5e7; background:#f9f9f9; padding:0 20px;} .popup_load_box .file_title li.file_name{width:290px; text-indent:28px;} .popup_load_box .file_title li, .popup_load_box fieldset li{float:left; line-height:26px;} .popup_load_box li.check_small {margin-top:-3px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_load_box li.check_small {margin-top:-1px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_load_box li.check_small {margin-top:-1px;}} .popup_load_box li.type {width:28px;} .popup_load_box fieldset{width:100%; height:205px; clear:both; overflow:auto; overflow-x:hidden;} .popup_load_box fieldset li span{vertical-align:baseline;} .popup_load_box fieldset ul{clear:both; display:block; width:calc(100% - 00px); padding-left:20px; height:26px; line-height:26px; position:relative; overflow:hidden;} .popup_load_box li.file_name{width:262px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} .popup_load_box li.progress{width:176px; text-align:center;} .popup_load_box li progress{width:150px; height:10px; background:#ddd; border:none; -webkit-appearance: none; appearance:none; vertical-align:middle;} .popup_load_box li.file_status{width:82px; text-align:center; } .blockquote{width:100%; height:100%; display:table;} .popup_load_box blockquote{clear:both; display:table-cell; vertical-align:middle; padding-left:113px; color:#333333;} .popup_load_box blockquote p:last-child{padding-top:25px; color:#9a9a9a; font-size:11px; line-height:16px;} .popup_load_box blockquote p > strong{color:#2c79e1;} .popup_load_btn{width:100%; display:inline-block; padding-bottom:5px;} .popup_load_btn button{color:#555; padding:0 12px 0 10px; height:25px; min-width:80px; line-height:25px; border-radius:3px; background:#fff; border:1px solid #555; letter-spacing:-2px; text-align:center; float:left; margin-right:10px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_load_btn button {line-height:21px}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {.popup_load_btn button {line-height:21px}} .popup_load_btn button:last-child{margin-right:0; float:right;} .popup_load_btn button.load_cancel{border-color:#2c79e1; color:#2c79e1; font-weight:bold;} .complete{width:100%; padding:10px 20px 0 20px; border-top:1px solid #ddd;} .load_failure{width:100%; border:1px solid #dddddd; color:#555555; display:table;} .load_failure ol{width:100%; display:table; clear:both; background:#f9f9f9; border-bottom:1px solid #f1f1f1; padding: 0 20px;} .load_failure li{width:175px; float:left; line-height:30px;} .load_failure div{height:90px;} .load_failure div ul{width:100%; display:block; clear:both;} .load_failure div ul li{text-align:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block; text-indent:10px;} .preview_box{height:525px; background:#fff; border:1px solid #ddd;} /* 에러 */ .error{min-width:500px;} .error h1{font-size:34px; line-height:80px; border-bottom:1px solid #ddd; max-width:510px; margin:0 auto; letter-spacing:-1px;} .error h1:before{content:''; display:block; width:50px; height:50px; margin:0 auto; background:url('../_img/icon.png') no-repeat 0 -310px;} .error h1 strong{color:#2c79e1;} .error pre{font-size:14px; line-height:21px; color:#666666; font-weight:normal; max-width:510px; margin:0 auto; padding-top:20px; word-wrap:break-word; overflow:hidden; letter-spacing:-1px;} .error button{font-size:14px; margin-top:50px; width:138px; height:34px; border-radius:3px; font-weight:bold; letter-spacing:-1px; color:#333333;} .error button.pre{ border:1px solid #2c79e1; text-indent:32px; text-align:left;} .error button.pre:before{content:''; position:absolute; top:10px; left:13px; width:11px; height:10px; margin:0 auto; background:url('../_img/icon.png') no-repeat -30px -300px;} .error button.close{border:1px solid #ff7882;} .error button.close:before{content:''; position:absolute; top:10px; left:25px; width:9px; height:10px; margin:0 auto; background:url('../_img/icon.png') no-repeat -60px -300px;} ._setup{padding:29px 22px; width:350px;} ._setup h1{font-size:16px; height:30px;} ._setup hr{display:block; height:1px; border:0; border-top: 1px solid #f3f3f3; margin: 1em 0; padding: 0; } ._setup p{line-height:21px;} ._setup dl{width:100%; color:#666666; background:#f3f3f3; clear:both; display:table; padding-left:25px; padding-right:15px;} ._setup dl dt{width:48px; height:48px; background:url('../_img/icon.png') no-repeat;display:table-cell; font-size:0;} ._setup dl.gdrive_pc {padding-top:24px;} ._setup dl.gdrive_pc dt{background-position:-51px -310px; } ._setup dl.gdrive_updw dt{background-position:-100px -310px; } ._setup dl.gdrive_updw {padding-top:24px; padding-bottom:24px;} ._setup dl.gdrive_chrome {padding-top:15px; padding-bottom:25px;} ._setup dl.gdrive_chrome dt{background-position:-60px -360px;} ._setup dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:10px; letter-spacing:-1px;} ._setup h2, ._setup a{color:#2c79e1; vertical-align:middle; padding:2px 0;} ._setup a:hover h2{color:#135dc0; text-decoration:underline;} .project_list_top{ width: 100%; padding-bottom: 10px; height: 35px; } .project_object{ width: calc(100% - 10px); float: left; height: 85px; border: 1px solid #c1c1c1; padding: 5px; margin: 5px; } .project_object_title{ width: 100%; float: left; font-weight: bold; height: 30px; border-bottom: 1px solid #c1c1c1; line-height: 25px; } .project_object_data{ width: 100%; float: left; height: 25px; padding: 5px; border-bottom: 1px dotted #c1c1c1; } .project_object_data > div { width: 25%; float: left; height: 20px; text-align: left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; } .project_object_data_font{ font-weight: bold; color:#2c79e1; } .project_object_comment{ width: 100%; float: left; height: 20px; padding: 5px; } .project_top_title{ font-size:14px; font-weight:bold; line-height:24px; } .linkmail_list_item{ border: solid 1px lightsteelblue; height: 30px; margin: 2px; padding: 0 3px; width: 136px; float: left; } .linkmail_list_item_text{ float: left; width: calc(100% - 25px); text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden; } .linkmail_list_file_name{ width: 75%; height: 30px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; } .linkmail_list_file_size{ width: 25%; height: 30px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; text-align: right; } .wd500 { width:500px; } .wd400 { width:400px; } .wd350 { width:350px; } .wd300 { width:300px; } .wd200 { width:200px; } .wd170 { width:170px; } .wd135 { width:135px; } .wd150 { width:150px; } .wd50 { width:50px; } .wd70 { width:70px; } .wd100 { width:100px; } .wd110 { width:110px; } .wd40 { width:40px; padding-left:3px; padding-right:0px; } /* 커서 */ .cp{cursor:pointer;} .over_color:hover { background: #75b9f9; color:white; } .cb { clear:both; } .size_node_list_name_title { position:absolute; left:20px; } .size_node_list_size_title { position:absolute; left:350px; } .size_node_list_node_count_title { position:absolute; left:480px; } .size_node_list_file_count_title { position:absolute; left:560px; } .size_node_list_name { position:absolute; left:20px; width:330px; height:30px; overflow:hidden; } .size_node_list_size { position:absolute; left:330px; width:135px; height:30px; overflow:hidden; } .size_node_list_node_count { position:absolute; left:470px; width:60px; text-align:center !important; height:30px; overflow:hidden; } .size_node_list_file_count { position:absolute; left:550px; width:60px; text-align:center !important; height:30px; overflow:hidden; } .size_graph{width:150px; margin-left:10px; text-align:right !important;} .chart_label { float:left; width:200px; list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .chart_num { float:left; /*border:1px solid black;*/ width:14px; height:14px; border-radius: 50%; } .chart_num_1 { background:#FF7F7F; } .chart_num_2 { background:#FFD27F; } .chart_num_3 { background:#FFFF7F; } .chart_num_4 { background:#7FBF7F; } .chart_num_5 { background:#7F7FFF; } .chart_num_6 { background:#E5E5E5; } .bc_gray { border: 1px solid #cacaca; } /** POUPUP_DATE LNB **/ .popup nav{ position:absolute; top:0; left:0; width:180px; height:auto; color:#333; background:#ebebeb; display:block; } .popup nav h4 { font-size:13px; line-height:35px; text-indent:20px; cursor:pointer; border-bottom:1px dotted #fff; background:#ebebeb; } .popup nav h4:hover { background:#fff; } .popup nav h4 span { width:20px; height:20px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; position:absolute; top:6px; right:10px; } .popup nav h4 span.icon-down { background-position:-24px -21px; } .popup nav h4 span.icon-up { background-position:-54px -23px; } .popup nav ul ul li a { font-size:13px; line-height:30px; display:block; background:#fff; color:#555555; border-bottom:1px dotted #eaeaea; text-indent:34px; } .popup nav ul ul li a:hover { /*background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-70px -57px;*/ color:#2c79e1; cursor:pointer; /*font-weight:bold;*/ } .popup nav ul ul li a.open { color:#2c79e1; font-weight:bold; /*background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-70px -57px;*/ } .popup nav ul ul { display:none; } .popup nav li.active ul { display:block; } /** LNB **/ /* 타이틀 */ .popup main h2{ font-size:14px; color:#444; width:100%; height:26px; text-indent:25px; border-bottom:1px solid #989898; background:none; } .popup main h2:before{ content:''; display:block; position:absolute; top:-5px; left:0; width:20px; height:20px; background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-77px -112px; } /* 파이어폭스만 적용 */ @-moz-document url-prefix(){ .popup main h2:before{ background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-77px -112px; } } /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .popup main h2:before{ background-image:url('../_img/icon.png'); background-repeat:no-repeat; background-position:-77px -112px; } } ._approval .btn_approval{width:70px; height:25px; color:#555; border:1px solid #555; border-radius:3px;} ._approval .file_title {clear:both; display:block; width:100%; height:28px; border:1px solid #e5e5e7; background:#f9f9f9; padding:0 20px;} ._approval li.file_name{width:322px; text-indent:5px;} ._approval li.category{width:100px; text-align:center;} ._approval li.title{width:187px; text-align:center;} ._approval li.date{width:100px; text-align:center;} ._approval li.status{width:120px; text-align:center;} ._approval .file_title li, ._approval fieldset li{float:left; line-height:26px;} ._approval li.check_small {margin-top:-3px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){._approval li.check_small {margin-top:-1px;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {._approval li.check_small {margin-top:-1px;}} ._approval li.type {width:28px;} ._approval fieldset{width:100%; height:65px; clear:both; overflow:auto; overflow-x:hidden; border: 1px solid #e5e5e7;} ._approval fieldset li span{vertical-align:baseline;} ._approval fieldset ul{clear:both; display:block; width:calc(100% - 00px); padding-left:20px; height:26px; line-height:26px; position:relative; overflow:hidden;} ._approval li.file_name{width:290px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.progress{width:176px; text-align:center;} ._approval li progress{width:150px; height:10px; background:#ddd; border:none; -webkit-appearance: none; appearance:none; vertical-align:middle;} ._approval li.total{width:130px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.used{width:130px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.rqst{width:250px; text-align:center; } ._approval li.file_status{width:82px; text-align:center; } ._approval li.seq{width:30px; text-align:center; } ._approval li.aprvl_status{width:70px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.aprvl_name{width:110px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.aprvl_date{width:120px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.aprvl_cmt{width:183px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.agent{width:120px; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.cts{width:150px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;} ._approval li.status{width:60px; text-align:center;} ._approval .file_title input.reason{width:100%; border:1px solid #989898; vertical-align:top; margin-top:3px;}/* 2017.04.06 park_추가*/ ._approval .file_title input.capacity_input{height:29px; text-indent: 0px; width:70px; background:#f1f1f1; text-align:center; border:1px solid #989898; border-right:none;} ._approval .file_title .select{border:1px solid #989898; height:29px; line-height:29px !important; margin-top:1px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){._approval .file_title .select{line-height:25px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {._approval .file_title .select{line-height:25px !important;}} ._approval .file_title select{border:1px solid #989898; height:29px; line-height:29px !important; padding-right:24px !important; margin-top:0;} ._approval .file_title select option{text-indent:10px;} /* 파이어폭스만 적용 */ @-moz-document url-prefix(){.popup_preferences .popup_preferences_table select{line-height:27px !important;}} /* 크롬만 적용 */ @media screen and (-webkit-min-device-pixel-ratio:0) {._approval .file_title select{line-height:27px !important;}} ._approval .file_title .select ul{left:-1px; top:27px;} .ico_file_btn{width:25px; height:25px; float:right; font-size:0; margin-right:5px; background:url('../_img/icon.png') no-repeat -53px -112px} .popup_title{ color: #545454; border-top:5px solid #2c79e1; width:100%; /*이거 있을경우 작은 팝업은 문제 발생함*/ /*min-width:352px;*/ display:block; clear:both; line-height:38px; height:45px; font-size:16px; text-indent:20px; border-bottom:1px solid #cdcdcd; position:absolute; background:#fff; top:0px; left:0px; #border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .btn_plus_minus { width:30px; height:30px; color:white; background:#967666; } .bottom_seleted_cnt{ display:none; position: absolute; bottom: 0; right: 0; left: 0; height: 35px; overflow: hidden; padding: 0 0 0 20px; z-index: 200; font-size: 12px; line-height: 35px; } #div_selected_cnt:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #2c79e1; opacity: 1.0; filter: alpha(opacity=100); z-index: -1; } .radius_popup_not_remove { display:none; padding: 10px; background: white; border-radius: 5px; } .right_box_layer { background: #fff url('../_img/arr.png') no-repeat right center; border:1px solid #989898; width:120px; height:28px; padding-left:5px; cursor:pointer; float: left; line-height: 28px; } .right_box_layer_project { background: #fff url('../_img/arr.png') no-repeat right center; border:1px solid #989898; width:200px; height:28px; padding-left:5px; cursor:pointer; float: left; line-height: 28px; margin: 4px 0 3px 0; } .right_box_layer:hover{ border:1px solid #5583e1; } .right_box_layer_project:hover{ border:1px solid #5583e1; } .right_box_person_name { width: 49%; float: left; height: 30px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; overflow:hidden; } .ftc_w {color: #a5dff9;} .ftc_p {color: #60c5ba;} .ftc_e {color: #ff7473;} .ftc_c {color: #47b8e0;} .ftc_z {background-color: #efe940 !important;} .ftc_l {background-color: #1dd64e !important;} .ftc_m {background-color: #fdbe34 !important;} .ftc_h {background-color: #ff2c2c !important;} .eps { text-overflow:ellipsis; -o-text-overflow:ellipsis; word-wrap:normal !important; overflow:hidden; } .text_right{ text-align:right !important; } .circle { background-color:#a5dff9; width:10px; height:10px; border-radius:10px; text-align:center; margin:0 auto; font-size:12px; vertical-align:middle; float: left; margin-right: 5px; margin-top: 1px; } .server_state_btn{ float: left; background: #a5dff9; color: white; border: 0px; width: 45px; height: 26px; border-radius: 5px; line-height: 26px !important; font-weight: bold; text-align: center; text-indent: 0; padding: 0; position: relative; left: 10px; top: -6px; } .dn{ display:none !important; }