@charset "UTF-8"; /* reset */ article, aside, figure, footer, header, hgroup, nav, section {display:block} * {font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; -webkit-text-size-adjust: none; margin:0; line-height:1.2; word-break: break-all; letter-spacing: -1px} body {font-size:15px; color:#333; background:#fff; padding:0} ul {list-style:none} ul, li {padding:0; margin:0} h1 {font-size:18px} h2 {font-size: 19px} h3 {font-size:16px} img {border:0} a {text-decoration:none; color:#333} input[type='checkbox']{background:#fff; border: solid 2px #ddd; border-radius: 4px; height: 20px; width: 20px; -webkit-appearance:none; overflow: hidden} input[type='checkbox']:checked {background: #333; border-color: #333} input[type='checkbox']:checked:after {content: "\2228"; display: block; background: #333; color:#fff; position:relative; top: 8px; left: 1px; font-size: 14px; font-weight: bold; line-height: 0} input[type='checkbox']:checked:disabled {background: #bbb; border-color: #bbb;} input[type='checkbox']:disabled {background:#eee} input[type='checkbox']:disabled:after {background:#ccc;} input[type='date']{background: #fff} input[type='radio']{display: inline-block; background:#fff; border:solid 1px #ccc; border-radius:10px; height: 20px; width: 20px; -webkit-appearance:none; margin: -4px 3px 0 0} input[type='radio']:checked:after {content:' '; display:block; width:14px; height:14px; background: #333; position:relative; top:2px; left:2px; border-radius:10px} input[type='radio']:disabled {background:#eee;} input[type='radio']:disabled:after {background:#ccc;} input[type='search']::-ms-clear, input[type='search']::-ms-reveal{display:none;width:0;height:0;} input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration{display:none;} input.txt, .input {width:100%; border:1px solid #cacaca; height: 36px; padding:0 4px; vertical-align:top; box-sizing: border-box; border-radius: 4px; letter-spacing:0;} textarea {width:100%; border:1px solid #cacaca; padding:4px; resize:none; overflow:hidden; box-sizing:border-box; letter-spacing:0;} select {padding-left:4px; height: 36px; line-height: 32px; border:1px solid #cacaca; background:url(../images/mobile/ic_dropx2.png) no-repeat 100% 14px; font-size:14px; background-size:16px 6px; padding-right:20px; outline:0;} caption {display:none} fieldset {border:none; padding: 0} .input, textarea, select {-webkit-appearance:none; border-radius:4px} table {border-collapse: collapse} table tr td {word-break: break-all; padding: 0} select:disabled {background:#eee url(../images/mobile/ic_dropx2.png) no-repeat 100% 12px; background-size:16px 6px} div.form_url input[type='submit']{background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#e6e6e6))} select.btn_tool {color:#4E4E4E;background:#f3f3f3 url(../images/mobile/ic_drop.png) no-repeat right 11px; border:1px solid #cacaca; border-radius:4px; height:30px;padding:0 16px 0 6px; box-shadow:0 2px 2px -2px rgba(0,0,0,0.2); margin-right:1px; width:60px} legend, caption {display:none} .loading {text-align:center; padding:20px} .notable_activity {color: #2EACB3!important} .time_total {font-weight: bold; margin-right: 8px} .txt_error {display:inline-block; color:red} .type_circle_chk + label {display: inline-block; width: 20px; height: 20px; border: 2px solid red; cursor: pointer} /* common */ input, textarea {font-size:14px} input::placeholder, textarea::placeholder {color:;} .btn_major, .btn_major_type2, span.ic_nav {cursor:pointer} .optional_bottom {position:absolute; bottom:0; right:0} .txt_caution {color: red !important} span.part {display: inline-block; margin:0 2px; font-size: 0!important; font-weight:bold; color: #ccc!important} span.part::after {content:"\00b7"; font-size: 14px; display:inline-block; clear:both; overflow:hidden;} span.btn_wrap {display:inline-block;} span.plus_num {color:#2EACB3} span.info, span.info_sub, span.date, span.txt_none {color:#aaa} span.num_favo {color:#f6c865!important} span.ic_reply_bubble {text-align:center; font-size:13px; line-height:1.7} span.ic_reply_bubble span.plus_num {margin-left:3px} div.ipt_wrap {margin-right:0} div.ipt_wrap2 {position:relative; margin-right:10px; padding-right:80px} div.page_action_wrap {margin:20px 0; padding:0px 0; text-align:center} div.page_action_wrap span {margin:0 2px} div.page_action_wrap a {display:inline-block; margin:10px 4px} div.page_action_wrap {} div.page_action_wrap a {} div.page_action_wrap a span { display: inline-block; vertical-align: top; margin-top: 8px} .read_no .title, .read_no .subject, .list_mail .read_no .name {color:#222!important;} .vertical_wrap {display:block} .desc {color:#bbb} .option_wrap {display:inline-block} .emphasize {display: inline-block; position: relative; z-index: 0; color: #333;} .emphasize:after {display: block; content: ""; width: 100%; position: absolute; bottom: 2px; left: -2px; border-bottom: 6px solid #fee500; z-index: -1; border-radius: 2px} span.option_wrap {margin-right:6px} span.option_wrap input {vertical-align:top; margin-right:3px} .layer_type_bottom span.option_wrap input {margin:0; border:2px solid #ccc;} .layer_type_bottom span.option_wrap input[type='radio']:checked:after {width:12px; height:12px;} span.option_wrap label.txt {display:inline-block; vertical-align:top; margin-top:1px; color:#999; font-size:13px} .subject {display:block} .writer {max-width:32%} em {font-style:normal} .txt_key {position:relative; color:#333; vertical-align:baseline; z-index:0;} .txt_key::after {display:block; content:""; width:100%; position:absolute; bottom:2px; left:0; border-bottom:6px solid #fee500; z-index:-1; border-radius:2px;} .size {color:#999} h4.list_tit {background: #F0F0F0; padding:6px 10px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; font-size:14px; color:#999} h4.list_tit:first-child {border-top:0} div.btn_major_wrap {margin:20px 10px} span.appDown span.ic_appDown {vertical-align:top; margin-top:6px} .choise {background-color:#e9f5f6} .select_type_add {font-size:15px;border:0;background:url(../images/mobile/ic_select_add.png) no-repeat 0 6px; padding-left:15px; padding-right:0; color:#888; background-size:12px 12px; line-height:24px; height:24px} span.wrap_option {display: inline-block; padding: 3px 0} span.wrap_txt {display: inline-block} span.wrap_option input[type='checkbox'] {vertical-align: top; margin: 0 5px 0 0!important} .scroll {overflow: scroll} .asterisk {text-decoration:none; color:#fb9861; display:inline-block; margin-left:5px; vertical-align:middle} div.btn_wrap a {margin-right: 6px} div.btn_wrap a:last-child {margin-right: 0} div.btn_wrap a span.ic_del {margin-right: 2px} footer.btn_layer_wrap {margin: 0 0 15px 0; padding: 10px 0; border-top: 1px solid #e3e3e3; text-align: center} foo ter.btn_layer_wrap a {margin: 0 4px} hr {border: none; border-bottom: 1px solid #ebebeb; height: 1px; margin: 5px 0} a.btn_layer_x span.txt {display:none} wrap_date input.txt, .wrap_date input.txt[type="text"] {vertical-align: top; width: 110px; padding-left: 26px !important;} div.wrap_originalMassage blockquote {border-left:0!important; margin:0!important; padding:0!important} .horspace1 {display: inline-block; width: 10px} .disabled { color:#aaa !important; } .content .search_wrap {border-bottom: 1px solid #E1E1E1} .content .search_wrap input {height: 26px; line-height:26px} .build_box_data .docu_num {color: #888; margin-top: 4px; display: inline-block;} /* ellipsis */ div.home_wrap h1.logo, div.home_wrap div.info_wrap span.name, header.nav_s h2, ul.list_prevent_receiveError li div.content, ul.list_reply li.depth1 div.msg_wrap ul.file_wrap li span.item_file a.file_name span.txt_ellipsis, .card_item_horizon span.info, ul.list_recept li span.name, div.board_reply header.article_header h2 span.txt_ellipsis > ol li:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > ul li:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > span:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > div:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > p:first-child, ul.file_wrap > li, ul.file_wrap li span.item_file, ul.file_wrap_sian2 li .item_file, ul.file_wrap_normal li, div.meta_info_wrap ul li a.url_type, div.meta_url div.info p.txt, div.row_wrap div.row_tit a.row, .btn_slt select, .list_task li span.info>span, .txt_ellipsis {padding-right: 1px} .article_header h2 + a {position:absolute; top:2px; right:100px; display:inline-block; padding:10px; box-sizing:border-box;} .article_header h2 .txt_ellipsis + .num { vertical-align: top; } /* component */ /* breadcrumb */ .bcr {overflow: hidden; overflow-x: auto; white-space: nowrap; background: #fff} .bcr a {display: inline-block; position: relative; line-height: 48px; font-size: 15px; font-weight:500; padding: 0 16px; margin: 0 -4px 0 0;} .bcr a:before {content: '>'; position: absolute; top: 0; left: 0; color: #aaa} .bcr a:first-child:before {display: none} .bcr select {border: 0; padding: 0 22px 0 16px; font-size: 15px; color: #333; background: url(../images/mobile/ic_dropx2.png) no-repeat 100% 15px; background-size: 16px 6px;} .help_accordion {color: #888} .ic_help_cir {display: inline-block; width: 14px; height: 14px; line-height: 14px; border: 1px solid #000; opacity: 0.5; text-align: center; border-radius: 100%; font-size: 12px; font-weight: bold; cursor: pointer; } div.add_file .dat_wrap {margin: 5px 0 10px 32px} div.add_file .dat_wrap .dat_tit .txt {color: #888} div.add_file .dat_wrap .dat_tit .help_accordion {padding: 5px 0 0 15px; white-space: normal; display: none} div.add_file .dat_wrap .dat_list {margin: 5px 15px 0} div.add_file .dat_wrap .dat_list li a {display: block; padding: 5px 0; width: 100%; white-space: normal; line-height: 1.5} div.add_file .dat_wrap .dat_list li .name:hover {text-decoration: underline} div.add_file .dat_wrap .ic_help_cir {width: 12px; height: 12px; line-height: 12px; font-size: 11px; vertical-align: middle; margin: 2px 0 0 2px; display: none} /* todo */ /*//go_multi_style.css로 옮길예정*/ .go_todo .go_body *{letter-spacing:0!important} .go_todo .go_body{min-height:300px} @media \0screen{ .go_todo .go_body input.txt{line-height:14px} .go_todo .go_body select{height:26px;} } :root .go_todo .go_body input.txt{line-height:14px\9/*for IE9*/;} :root .go_todo .go_body select{height:26px\9/*for IE9*/;} span.action span.ic.ic_link {vertical-align:middle;} /* common */ div.div_scroll{overflow:auto;border:0} .txt_ellipsis{ display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:100%} .reply_create footer.btn_wrap{margin:2px 0} .wrap_date{position:relative;display:inline-block} .overlay_scroll{width:100%;height:100%;position:fixed;top:0;left:0;/* background-color:rgba(0,0,0,0.6); */background:url(../images/bg_overlay.png) repeat;z-index:100;overflow-y:auto} .go_no_scroll{overflow-y:hidden} /*full_screen*/ body.go_full_screen, body.go_full_screen .builder_side{background:none} body.go_full_screen .go_content{margin-left:0;min-width:1000px;background:transparent} /* layout */ .go_todo .view_type{margin-top:0} .go_todo div.combine_search_page .cs_todo_wrap span.name{max-width:100%} div.layer_transition div.list_member_wrap{margin:0 -10px;height:160px;} div.layer_transition div.div_scroll{border-top:1px solid #f8f8f8} .wrap_todo{padding:10px 0 16px 16px} .wrap_todo .wrap_todo_board h1.s_title{margin:20px 0 8px 0;padding:0;color:#999} .wrap_todo .wrap_todo_board hr{border-color:#ddd;margin:0} .wrap_todo .wrap_todo_board footer.btn_layer_wrap{padding-bottom:0;border:0} .go_todo footer.btn_wrap .btn_major_s .txt, .go_todo footer.btn_wrap .btn_minor_s .txt, .go_todo footer.btn_layer_wrap .btn_major_s .txt, .go_todo footer.btn_layer_wrap .btn_minor_s .txt, .go_todo footer.btn_wrap .btn_caution_s .txt, .go_todo footer.btn_wrap .btn_cation_s .txt{line-height:18px;height:19px} .go_todo footer.btn_wrap a, .go_todo footer.btn_layer_wrap a{margin:0 1px} @media \0screen{ .go_todo footer.btn_wrap .btn_major_s .txt, .go_todo footer.btn_wrap .btn_minor_s .txt, .go_todo footer.btn_layer_wrap .btn_major_s .txt, .go_todo footer.btn_layer_wrap .btn_minor_s .txt{height:18px} } .go_todo .todo_board .form_static_option .opt_public .ic_board.ic_private, .go_todo .todo_board .form_static_option .opt_public .ic_board.ic_public { margin-top: 0px !important; } /*z-index*/ .layer_type_detail{z-index:100} ul.list_todo_board li a.btn_star{z-index:1} /* todo */ .layer_todo_card{left:50%;top:30px;margin-left:-330px;} .my_board{clear:left} .go_todo, .go_todo .content_top{filter:none} .go_todo .content_top{position:relative;background:#f9f9f9;box-shadow:none; border-bottom:1px solid #d5d7e1} .go_todo .board_column_wrap{background:#e1e2e5} .aside_timeline{position:absolute;right:0;top:101px;width:250px;background:#fff;border:1px solid #e9e9e9;box-shadow:-2px 2px 3px rgba(0,0,0,0.3);z-index:100} .content_top .btn_menu_nav .ic_open2{position:absolute;right:10px;top:10px} .content_top .btn_menu_nav{position:absolute;top:20px;left:10px} .go_todo .content_top .btn_menu_nav{position:absolute;top:20px;left:10px} .go_todo .content_top .critical .ic_menu{position:relative;top:1px} .go_todo .content_top .critical .txt{font-size:12px;} .go_todo .conent_header{height:auto;overflow:hidden} .go_todo .conent_header .optional a{margin-left:4px} .go_todo .conent_header .optional a.btn_flat{margin-left:8px} .go_todo .conent_header .btn_setting{padding:6px 10px;background:#f9f9f9;border:1px solid #d2d2d2/* opacity:0.25; filter:Alpha(Opacity=25) */} .go_todo .conent_header .btn_setting:hover{cursor:pointer;background:#f9f9f9;border:1px solid #d2d2d2} .go_todo .conent_header .btn_setting:hover .ic_setting{background:url(../images/ic_board.png) no-repeat -50px -50px;background-size:300px 1000px;} .go_todo .conent_header .btn_setting .ic_open2_w{position:relative;margin-left:7px} .go_todo .conent_header .btn_setting:hover .ic_open2_w{background:url(../images/ic_board.png) no-repeat -50px -550px;background-size:300px 1000px;} .go_todo .conent_header .board_name .action{vertical-align:middle} .go_todo .conent_header .board_name .action .btn_wrap_action:hover .txt{color:#fff} .go_todo .conent_header .board_name{height:30px;line-height:30px} .go_todo .conent_header .board_name .action .txt{font-size:12px;font-weight:normal} .go_todo .conent_header .aside_option{float:right} .go_todo .conent_header .aside_option .btn_flat{margin:10px 10px 0 0;} .go_todo .conent_header .aside_option .btn_flat .ic_slide_open{position:relative;top:2px} .go_todo .conent_header .aside_option .btn_flat .txt{color:#484848} .go_todo .layer_type_detail {margin-top:54px;} .go_todo .layer_transition {margin-top:80px;} /* conent_header */ .go_todo header.conent_header{position:relative; padding:10px 16px 0} .go_todo header.conent_header .btn_setting{display:inline-block;padding:0 8px;background:#f9f9f9;/* opacity:0.25 ;filter:Alpha(Opacity=25); */margin-right:8px;cursor:pointer;border-radius:2px} .go_todo header.conent_header .btn_setting .ic_open2_w{position:relative;top:4px;left:3px} .go_todo header.conent_header .btn_setting .ic_more{position:relative;top:4px} .go_todo header.conent_header h1.board_name span.txt{font-size:18px;letter-spacing:-1px} .go_todo header.conent_header h1.board_name span.txt_ellipsis{max-width:75%} .go_todo header.conent_header h1.board_name span.action{margin:0 0 0 5px} .go_todo header.conent_header h1.board_name span.action a{margin:0 0 0 5px} .go_todo header.conent_header .btn_setting:hover{cursor:pointer;background:#e9e9e9} .go_todo header.conent_header .btn_setting:hover .ic_setting{background:url(../images/ic_board.png) no-repeat 0px -50px; background-size:300px 1000px;} .go_todo header.conent_header div.optional{top:14px;right:10px} .go_todo .containerBox{overflow-y:auto} /* board_column_wrap */ .board_column_wrap{float:left;width:250px; box-sizing:border-box; margin-left:16px; padding:0 7px 10px 7px; border-radius:2px} .board_column_wrap header.board_column{position:relative;margin:10px 0;} .board_column_wrap header.board_column:hover, .board_column_wrap header.board_column:active{cursor:-moz-grab;cursor:-webkit-grab;cursor:grab;} .board_column_wrap header.board_column .board_column, .board_column_wrap header.board_column .column_title{margin-right:25px;} .board_column_wrap header.board_column .column_title .txt_ellipsis{max-width:180px} .board_column_wrap header.board_column .title{margin-right:0px;font-size:14px;font-weight:bold;letter-spacing:-1px} .board_column_wrap header.board_column .num{ top:-4px;display:inline-block;text-align:center;color:#00b6c7;font-family:tahoma;font-size:11px} .board_column_wrap header.board_column a.btn_board_more{position:absolute;right:-7px;top:-3px;padding:6px 8px 4px 5px} .board_column_wrap header.board_column .ic_open2_w{cursor:pointer;position:absolute;right:2px;top:3px} .board_column_wrap header.board_column .create_form{margin:0 22px 0 0} .board_column_wrap header.board_column .create_form .wrap_txtarea, .board_column_wrap header.board_column .create_form textarea{width:100%;line-height:1.5} .board_column_wrap .board_card_wrap{overflow-x:hidden;overflow-y:auto;margin:0 -4px;padding:0 4px} .board_column_wrap .board_card_wrap .null_data{color:#999} /* board_card */ .board_card{position:relative;margin-top:6px;padding:0 10px 10px;background:#fff;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,0.2)} .board_card:first-child{margin-top:0} .board_card .card_label{padding-top:1px;min-height:4px;font-size:0;min-height:0;margin-right:10px} .board_card .card_label .chip{display:inline-block;width:36px;height:4px;margin:0 1px 1px 0;border:none} .board_card .title{position:relative;padding:10px 20px 0 0} .board_card .ic_open2{display:none} .board_card:hover{cursor:pointer;background:#f1f1f1} .board_card:hover .ic_open2{cursor:pointer;display:block;position:absolute;right:0;top:15px} .board_card .img_attach{margin-top:10px} .board_card .img_attach img{margin-top:10px;width:100%} .board_card .img_attach img:first-child{margin-top:0} .board_card .meta_data{margin-top:5px} .board_card .meta_data .ic_wrap{display:inline-block;margin-right:7px} @media \0screen{.board_card .meta_data .ic_wrap{line-height:16px}} .board_card .meta_data .ic_wrap .ic_board{vertical-align:top;margin:2px -1px 0 0} .board_card .meta_data .ic_wrap span{vertical-align:top;color:#b3b3b3; line-height:14px;} .board_card .meta_data .ic_wrap span.ic_attach {opacity:0.4;} .board_card .member_data .member img{width:30px;height:30px;border-radius:2px} .board_card .member_data .member{cursor:pointer;float:left;margin:0 4px 4px 0;} .board_card .member_data{margin-top:10px;overflow:hidden} .board_card .member_data .member:hover img{opacity:0.8} .layer_todo_card .member_data{margin-top:10px;overflow:hidden} .layer_todo_card .member_data .member{cursor:pointer;float:left;margin:0 4px 4px 0;} .layer_todo_card .member_data .member img{width:26px;height:26px;border-radius:2px} .layer_todo_card .member_data .member:hover img{opacity:0.8} .layer_todo_card .delay{background:#FD6060!important} .layer_todo_card .delay .date{color:#fff!important} .layer_todo_card header .title { clear: both; } .layer_todo_card>header .title { display: inline-block; *display: block; *zoom: 1; } .layer_todo_card header h1 { line-height: 16px !important; margin: 0px !important; vertical-align: top; } .layer_todo_card header h1 + .txt { height: 16px; line-height: 16px; display: inline-block; *display: block; *zoom: 1; vertical-align: top !important; padding-top: 1px; } .layer_todo_card .tab_menu .active { } .layer_todo_card .tab_menu li .txt { vertical-align: top; height:20px; line-height: 20px; } .layer_todo_card .tab_menu li.active .txt { vertical-align: top; height:20px; line-height: 20px; } .layer_todo_card .tab_menu li.active .num { vertical-align: top; height:20px; line-height: 20px; } .layer_todo_card .tab_menu li .num { vertical-align: top; height:20px; line-height: 20px;} .layer_todo_card .content_optional { } .layer_todo_card .content_optional .btn_flat_normal .ic_board { vertical-align: top; margin: 9px 0px 0px 0px !important; } .layer_todo_card .content_optional .btn_flat_normal .txt { vertical-align: top; display: inline-block; *display: block; *zoom: 1; margin-top: 6px; } /* card_move */ .card_move{transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);box-shadow:0 0 5px rgba(0,0,0,0.5);} /* card_create */ .board_column_wrap .card_create{margin-top:10px} .board_column_wrap .card_create .create_box{display:block;position:relative;background:#bdbfc2;height:34px;border-radius:2px} .board_column_wrap .card_create .create_box:hover{background:#a8a9ac} .board_column_wrap.column_create_wrap{position:relative;padding:0;background:none!important} .board_card_wrap .column_create .create_box{display:block;background:#d2d4da;height:52px;border-radius:2px} .board_card_wrap .column_create .create_box:hover{background:#c2c3c8} .board_column_wrap .card_create .ic_plus_w{position:absolute;left:10px;top:10px} .board_card_wrap .column_create .ic_plus_w{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px} .board_card .delay{padding:2px 3px;background:#FD6060!important;border-radius:2px} .board_card .delay .ic_date_s{background-position:-275px -100px} .board_card .delay .txt{color:#fff!important} .board_card a.btn_board_more{display:none;position:absolute;right:0px;top:0px;padding:7px} .board_card:hover a.btn_board_more{display:block} /* create_form */ .board_column_wrap .create_form{margin:10px 0 0 0} .board_column_wrap .create_form .wrap_txtarea, .board_column_wrap .create_form .wrap_txtarea .txtarea, .board_column_wrap .create_form .wrap_txt, .board_column_wrap .create_form .wrap_txt .txt{width:100%} .board_column_wrap .create_form .wrap_txtarea .txtarea{height:100%;resize:vertical;padding:10px;background:#fff;border:none;border-radius:2px;box-shadow:1px 2px 1px rgba(0,0,0,0.2);} .board_card_wrap .create_form .wrap_txtarea .txtarea:focus{outline:0} .board_card_wrap .create_form .wrap_txt .txt{padding:10px;border-radius:2px;} .board_card_wrap.column_create_wrap{background:#000;opacity:0.3;filter:Alpha(Opacity=30);text-align:center} .board_card_wrap .create_form .btn_wrap{margin-top:8px} @media \0screen{.board_card_wrap .create_form input.txt{height:35px}} .go_todo .btn_major_s{border:1px solid #38a9b6} .go_todo .btn_major_s:hover{border:1px solid #2a95a4} .go_todo .btn_minor_s, .go_todo .btn_caution_s{background:#f3f3f3;border:1px solid #Eaeaea;} .go_todo .btn_minor_s:hover, .go_todo .btn_caution_s:hover{background:#E1E1E1;border:1px solid #E1E1E1} .go_todo .btn_caution_s span{color:#656565} .go_todo .btn_caution_s:hover span{color:#ff3f3f} .go_todo .todo_board .form_static .btn-modify.btn_fn7 .txt { line-height: 1; vertical-align: inherit !important; } /*timeline*/ .aside_timeline .timeline_header{position:relative;height:32px;border-bottom:1px solid #e9e9e9} .aside_timeline .timeline_header h1{font-size:12px;line-height:34px;font-weight:bold;text-align:center} .aside_timeline .timeline_header a.btn_side_close{display:inline-block;padding:10px} .go_todo .aside_timeline .timeline_header a.btn_side_close{display:inline-block;padding: 4px 10px 10px 10px } /*overriding*/ .aside_timeline ul.simple_list_alarm p.photo{width:40px} .aside_timeline ul.simple_list_alarm .info{margin-left:40px} .aside_timeline ul.simple_list_alarm li{padding:10px;overflow-x:hidden;overflow-y:auto} .aside_timeline ul.simple_list_alarm li:hover{background:none} .aside_timeline ul.simple_list_alarm p.photo img{width:30px;height:30px} .aside_timeline .bottom_action{margin:10px} .aside_timeline .bottom_action .btn_list_reload{display:block;padding:10px;background-image:none;background:#fff;border-color:#e9e9e9} .aside_timeline .bottom_action .btn_list_reload:hover{background:#f1f1f1;border-color:#d9d9d9} .aside_timeline .bottom_action .btn_list_reload .txt{color:#999} .aside_timeline .bottom_action .btn_list_reload:hover .txt{color:#484848} .layer_todo_board .content{max-height:500px;overflow:auto} /* view_type */ .view_type{position:relative;background:#fff;margin:10px;padding:12px;border-radius:6px;border:1px solid #ddd;border-bottom:1px solid #ccc;} .view_type .todo_statistic_opt{position:relative;min-height:30px;padding:0 260px 20px 0} .view_type .todo_statistic_opt .optional{right:35px} .view_type .todo_statistic_opt ul.list_culumn li .name, .view_type .todo_statistic_opt ul.list_culumn li .num{cursor:default;vertical-align:top;font-size:12px} .view_type .todo_statistic_opt ul.list_culumn li .chip{margin:-2px 5px 0 0;border-radius:50%;} .view_type .btn_view_close{position:absolute;top:15px;right:15px} /*graph open source overriding*/ .todo_statistic .legend table{width:auto!important} .todo_statistic .legend table td.legendLabel{padding-right:10px} .todo_statistic .legend{font-size:14px} /* btn */ .wrap_btn_add {display: table; width: 100%; table-layout: fixed} .wrap_btn_add .column {display: table-cell; margin-right: -1px} .wrap_btn_add .column .btn_add {border-right: 0} .wrap_btn_add .column:first-child .btn_add {border-right: 1px solid #eee} .btn_add .bullet {display: inline-block; font-size: 25px; vertical-align: middle; margin: -2px 4px 0 0; line-height: 0; color: #bbb} .btn_add .txt {display: inline-block; vertical-align: middle}.wrap_btn_m_more {position:relative; display:inline-block} .wrap_btn_m_more .btn_m_more {display:inline-block; padding:10px} .wrap_btn_m_more .array_option {position: absolute; top: 48px; right: 0;} a.btn_ic_del{display:inline-block;padding:4px} a.btn_board_more{display:inline-block} a.btn_statistic{padding:5px;border:1px solid transparent} a.btn_statistic:hover{background:#e5e5e5;border-radius:3px} a.btn_view_close{display:inline-block} .btn_flat{cursor:pointer;display:inline-block;padding:0 10px;color:#fff;font-weight:bold;font-size:12px;line-height:32px;background:#fff;border:1px solid #c9c9c9;opacity:0.8;filter:Alpha(Opacity=80);} .btn_flat:hover{opacity:1;filter:Alpha(Opacity=100);} a.btn_flat_normal{display:block;width:120px;padding:0 10px;line-height:30px;background:#f0f0f0;border-radius:2px} a.btn_flat_normal input{cursor:pointer} a.btn_flat_normal span.txt{color:#848484;font-weight:bold} .btn_flat_normal:hover{background:#E5E5E5} .btn_flat_normal:hover span.txt{color:#333} .btn_round {font-size: 15px; border-radius: 20px; padding: 10px; color: #bbb; border:1px solid #ccc} .btn_round.major {color: #fff; border:1px solid #25cad6; background: #25cad6} .btn_round.small {padding: 6px 10px; font-size: 13px; border-radius: 15px} /* ic */ span.ic.ic_close_type1{background-position:-100px -200px;width:16px;height:16px} /* ic_nav */ .ic_nav{display:inline-block;width:15px;height:15px;background:url(../images/ic_nav.png) no-repeat;vertical-align:middle} .ic_nav.ic_menu{background-position:0 0} /* ic_board */ .ic_board{display:inline-block;width:15px;height:15px;background:url(../images/ic_board.png) no-repeat;vertical-align:middle; background-size:300px 1000px;} .ic_board.ic_hide_up, .ic_board.ic_close2{background-position:0 -500px} .ic_board.ic_close2_w{background-position:-50px -500px} .ic_board.ic_hide_down, .ic_board.ic_open2{background-position:0 -550px} .ic_board.ic_open2_w{background-position:-50px -550px;} .ic_board.ic_check_w{background-position:0 -400px} .ic_board.ic_check_m{background-position:-50px -400px} .ic_board.ic_comment{background-position:0 -450px} .ic_board.ic_attach{background-position:0 -500px} .ic_board.ic_search{background-position:0 -700px;width:17px;height:17px} .ic_board.ic_menu{background-position:-150px -650px;width:22px;height:22px} .ic_board.ic_setting{background-position:0px -50px;width:22px;height:11px} .ic_board.ic_plus{background-position:0 -100px} .ic_board.ic_plus_w{background-position:0 -100px;} .ic_board.ic_check{background-position:-50px -400px;} .ic_board.ic_checked{background-position:0 -400px;} .ic_board.ic_home{background-position:0 -150px} .ic_board.ic_favorite, .ic_board.ic_star{background-position:0 -200px} .ic_board.ic_myboard{background-position:0 -250px} .ic_board.ic_private{background-position:0 -300px;} .ic_board.ic_public{background-position:-50px -300px;} .ic_board.ic_calendar{background-position:0 -350px;} .ic_board.ic_time{background-position:0 -750px;} .ic_board.ic_statistic{background-position:-150px -450px;} .ic_board.ic_board_statistic{background-position:-150px -600px;width:16px;height:16px} .ic_board.ic_more{background-position:0 -800px;width:15px;height:8px} .ic_board.ic_member{background-position:-150px -50px;} .ic_board.ic_label{background-position:-150px -100px;} .ic_board.ic_date{background-position:-150px -150px;} .ic_board.ic_list{background-position:-150px -200px;} .ic_board.ic_attach_b{background-position:-150px -250px} .ic_board.ic_slide_open, .ic_board.ic_slide_close, .ic_board.ic_timeline{background-position:-150px -300px;width:19px;height:15px;} .ic_board.ic_move{background-position:-150px -350px;width:15px;height:15px;} .ic_board.ic_trash{background-position:-150px -400px;} .ic_board.ic_card_b{background-position:-100px -200px;width:24px;height:23px} .ic_board.ic_list_b{background-position:-100px -50px;width:23px;height:23px} .ic_board.ic_attach_bb{background-position:-100px -100px;width:23px;height:23px} .ic_board.ic_timeline_b{background-position:-100px -150px;width:23px;height:23px} .ic_board.ic_reply_b{background-position:-100px -150px;width:23px;height:23px} .ic_board.ic_ckb{background-position:0 -400px;} .ic_board.ic_ckb_checked{background-position:-50px -400px;} .ic_board.ic_comment_s{background-position:-250px -125px;width:13px;height:13px;} .ic_board.ic_attach_s{background-position:-250px -25px;width:13px;height:13px;} .ic_board.ic_date_s{background-position:-250px -100px;width:13px;height:13px;} .ic_board.ic_date_w_s{background-position:-275px -100px;width:13px;height:13px;} .ic_board.ic_list_s{background-position:-250px -75px;width:13px;height:13px;} .ic_board.ic_desc{background-position:-250px -0px;width:13px;height:13px;} .ic_board.ic_attach_img{background-position:-150px -550px;} .ic_board.ic_folder{background-position:-150px -800px;width:14px;height:12px;} .ic_ckb{padding:1px;border:1px solid #c0c0c0;border-radius:2px;background-color:#fff} .checked .ic_ckb{padding:1px;background-color:#c0c0c0;border:1px solid #c0c0c0;border-radius:2px;} .checked .ic_ckb+.wrap_item .txt{text-decoration:line-through;} .go_todo .ic_hide_up:hover{background-position:0 -500px!important} .layer_transition{position:absolute;width:250px;border:1px solid #c1c1c1;border-radius:1px;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.2)} .layer_transition header{position:relative;text-align:center;padding:10px 0;margin:0 10px;border-bottom:1px solid #f8f8f8;} .layer_transition header h1{color:#b2b2b2;font-weight:bold;font-size:12px;letter-spacing:-1px;} .layer_transition a.btn_layer_back{position:absolute;top:0px;left:0px;margin-left:-10px;padding:10px;border:none;} .layer_transition a.btn_layer_x{position:absolute;top:0px;right:0px;padding:10px;border:none;} .layer_transition header a.btn_layer_x{position:absolute;top:0px;right:0px;margin-right:-10px;padding:10px;border:none;} .layer_transition a.btn_layer_x span.ic, .layer_static a.btn_layer_x span.ic{display:inline-block;width:15px;height:15px;background:url(../images/ic_board.png) no-repeat 0 -450px;vertical-align:middle;background-size:300px 1000px} .layer_transition a.btn_layer_back span.ic{display:inline-block;width:15px;height:15px;background:url(../images/ic_board.png) no-repeat 0 -600px;vertical-align:middle;background-size:300px 1000px;} .layer_transition header a.btn_layer_back:hover, .layer_transition a.btn_layer_x:hover, .layer_static a.btn_layer_x:hover{background-color:#f0f0f0;border-radius:0} .layer_transition a.btn_layer_back span.txt{display:none} .layer_transition .content{width:100%;padding:0 10px;box-sizing:border-box} .layer_transition hr{border-bottom:1px solid #f8f8f8;margin:0;padding:0;height:0} .layer_transition .row_wrap{margin:0 -10px} .layer_transition .row_wrap .title{position:relative;padding:8px 10px;} .layer_transition .row_wrap ul li{padding:8px 32px;} .layer_transition .row_wrap .title:hover, .layer_transition .row_wrap ul li:hover{cursor:pointer;background:#37bbc3;} .layer_transition .row_wrap .title:hover span, .layer_transition .row_wrap ul li:hover span{color:#fff} .layer_transition .row_wrap .title span.txt{margin-left:5px;} .layer_transition .row_wrap ul li span{color:#787878;margin-left:0px;} .layer_transition .row_wrap .title .ic_board{vertical-align:-3px} .layer_transition .content .ment{text-align:center} .layer_transition .row_wrap .title .btn_wrap{position:absolute;right:10px;top:10px} .layer_static{display:inline-block;width:200px;border:1px solid #c1c1c1;border-top-color:#d8d6d6;border-bottom-color:#a6a6a6;border-radius:3px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);background:#fff;} .layer_static header{height:30px} .layer_static footer.btn_layer_wrap{border:none;margin:10px 0 10px 0;padding:0;text-align:center} div.row_wrap div.row_tit{position:relative} div.row_wrap div.row_tit:hover{background:#37bbc3} div.row_wrap div.row_tit:hover a.row span.txt{color:#fff} div.row_wrap div.row_tit a.row{display:block;padding:10px} div.row_wrap div.row_tit a.row span.ic_board{vertical-align:middle;margin:0 5px 0 0} div.row_wrap div.row_tit span.btn_wrap{position:absolute;top:10px;right:10px} .form_static_wrap{box-sizing:border-box;margin:6px 0} .form_static_wrap .title{font-weight:bold;margin:2px 0} .form_static{position:relative;margin:10px 0} .form_static_option{margin:10px 0} .form_static_option .ic_private, .form_static_option .btn_fn7{cursor:pointer} .form_static_option .btn_fn7{margin-left:5px; vertical-align: top; height: 22px; line-height: 22px; padding:2px 4px 0px 4px; box-sizing:border-box; } .form_static_option .ic_check{display:none} .form_static_option .ic_public, .form_static_option .ic_private{margin:-2px 2px 0 0} @media \0screen{ .form_static_option .ic_public, .form_static_option .ic_private{margin-top:-5px} } .form_static_option .desc{display:block;margin:3px 0 0 15px} .form_static_option .opt_public{display:block;padding:9px 10px;margin:0 -10px} .form_static_option .opt_public .ic_board{vertical-align:top;margin-top:-1px} .form_static_option .opt_public.select .ic_check{display:inline-block;vertical-align:top;margin:-1px 0 -3px 4px;} .form_static_option .opt_public:hover{background:#37bbc3;color:#fff} .form_static_option .opt_public:hover .desc{color:#fff} .form_static_option .opt_public:hover .ic_check{background-position:0px -400px} .form_static_option span.ic_private{cursor:default} .form_static_option a.opt_public span.ic_private{cursor:pointer} .form_static .form_static_wrap .wrap_date .ic_calendar{position:absolute;top:9px;left:5px} .form_static .form_static_wrap .wrap_date .ic_time{position:absolute;top:9px;left:4px;} .layer_transition footer.btn_layer_wrap{margin:0 0 5px 0;padding:10px 0 10px 0;border:0;text-align:center} /* desc */ .ment{margin:20px 0} .ment .tit{font-size:15px;font-weight:bold;color:#333;letter-spacing:-1px;text-align:center} .ment .txt{color:#888} /* photo size */ .go_todo a.photo_s:hover{opacity:0.8;filter:Alpha(Opacity=80)} /* photo small size */ .go_todo .photo_s{display:inline-block;width:30px;height:30px} .go_todo .photo_s img{width:100%; height:100%; border-radius:100%;} /*editable*/ .go_todo .editable:hover{cursor:pointer;background:#D6D9E0;border-radius:2px} .go_todo .board_column_wrap .column_title.editable:hover{background:#C9CACE} .go_todo .card_desc.editable:hover, .go_todo .layer_todo_card header .title.editable:hover{background:#F2F3F7;} /* layer_todo_board */ .layer_new_board .member_wrap{position:relative;margin:15px 0;min-height:55px} .layer_new_board .member_wrap span.photo{display:inline-block;position:absolute;top:0;left:0} .layer_new_board .member_wrap span.photo img{width:55px;height:55px} .layer_new_board .member_wrap .info{margin:0 0 0 65px} .layer_new_board .member_wrap .info div{margin-bottom:4px} .layer_new_board .member_wrap .info div.name{font-size:16px;font-weight:bold} .layer_new_board .member_wrap .info div.position, .layer_new_board .member_wrap .info div.mail{color:#666} /*graph open source overriding*/ .todo_statistic .legend table{width:auto!important} .todo_statistic .legend table td.legendLabel{padding-right:10px} /* layer_type2 */ .layer_type2{background:#fff;margin:0 14px;padding:10px;border-radius:4px;border:1px solid #dfe1ea;border-bottom-color:#cdced4;border-top-color:#e9ebf2;} /* layer_schedule_more */ .go_todo div.layer_schedule_more{padding:0;background:#D2D4D8;width:200px} .go_todo div.layer_schedule_more .schedule_day{padding:0 2px;background:#fff;border:1px solid #fff;border-bottom:1px solid #b7b7b7;margin-bottom:1px} .go_todo div.layer_schedule_more .schedule_day a{color:#333;max-width:100%} .go_todo div.layer_schedule_more .schedule_day a > span{line-height:1.3;} .go_todo div.layer_schedule_more div.div_scroll{border:0;padding:0 6px} .go_todo div.layer_schedule_more div.title{margin:0 6px} .go_todo div.layer_schedule_more div.title span.date{color:#444} .go_todo div.layer_schedule_more div.title{padding:6px 0} /* layer_calendar_mini */ .layer_calendar_mini .form_static_wrap:first-child{padding-right:10px} .layer_calendar_mini .form_static_wrap{float:left;width:50%} .layer_calendar_mini .caldendar_wrap{clear:left} .layer_calendar_mini .caldendar_wrap{border-top:1px solid #eee;padding-top:5px} .layer_calendar_mini .container .content .ui-datepicker{clear:left;border:0;width:100%;} /* layer_transition */ div.layer_transition{border-radius:2px} div.layer_calendar_mini div.caldendar_wrap{margin:0 -10px} .go_todo .ui-datepicker .ui-datepicker-prev{border:0} .go_todo .ui-datepicker .ui-datepicker-next{border:0} .go_todo .ui-datepicker .ui-datepicker-header{border-bottom:0} .go_todo .layer_calendar_mini .container .content .ui-datepicker {width:100% !important; min-width: auto !important; max-width: 100% !important;}/* // [D] To-do popup에서 사용 */ /* .go_todo .ui-datepicker table thead th{border:0;text-align:right} */ .go_todo .ui-datepicker td{border:0;line-height:24px} .go_todo .ui-datepicker .ui-state-active{border:0;color:#fff} .go_todo .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight{background:#ddd;border:0;color:#333} /* .go_todo .ui-datepicker th, .go_todo .ui-datepicker td span, .go_todo .ui-datepicker td a{padding-right:1em} */ .go_todo .ui-datepicker .ui-datepicker-header{background:#fff} /* .go_todo .ui-datepicker th{text-align:right} */ /* layer_share */ div.layer_share div.content{padding:15px 10px} div.layer_share div.content ul.list_share{margin-top:0} /* layer_label */ .layer_label ul.list_label{margin:10px 0} .layer_label div.container div.content form.form_static div.form_static_wrap{position:relative;margin-left:34px} .layer_label div.container div.content form.form_static div.form_static_wrap input{width:100%} .layer_label div.container div.content form.form_static div.form_static_wrap .card_label{position:absolute;top:0;left:-34px;display:inline-block;width:28px;height:28px;border-radius:2px} .layer_label ul.list_label li a.card_label span.txt{max-width:90%} /* list */ /* list_culumn */ ul.list_culumn{overflow:visible;min-height:30px} ul.list_culumn .array_option input{margin-right:5px} /* list_label */ ul.list_label li{margin:4px 0} ul.list_label li a.card_label{width:90%;transition:width 0.1s ease-out} ul.list_label li a.card_label.select{width:100%} ul.list_label li a.card_label span.txt{color:#fff;} ul.list_label li a.card_label{position:relative;display:block;padding:5px;min-height:26px;border-radius:2px;box-sizing:border-box} /* list_reserv */ ul.list_reserv li.depth1 a.tit {padding-right: 10px} ul.list_reserv li a.tit {padding: 10px 40px 10px 16px} ul.list_reserv li a.btn_arrow3_d {display: block; position: absolute; top: 15px; right: 0} @media \0screen{ul.list_label li a.card_label{padding:5px;min-height:18px;line-height:18px}} /*IE8*/ ul.list_label li a.card_label span.ic_checked{display:none;position:absolute;top:5px;right:6px} ul.list_label li a.card_label.select span.ic_checked{display:block} ul.list_label li a.card_label.select:hover{width:100%} ul.list_label li a.card_label:hover{width:95%} /* list_todo_board */ ul.list_todo_board > li{float:left;width:25%;position:relative} ul.list_todo_board > li a.todo_board{display:block;position:relative;overflow:hidden;padding:10px;height:90px;margin:0 16px 16px 0; border:1px solid #ddd; border-radius:8px} ul.list_todo_board li a.todo_board span.tit{display:block;font-size:15px;font-weight:bold;line-height:1.4;margin:0 50px 0 0;height:45px;letter-spacing:-1px;overflow:hidden} ul.list_todo_board li a.btn_baord{display:block;position:relative;overflow:hidden;padding:10px;height:90px;line-height:90px;margin:0 16px 16px 0; border-radius:8px; text-align:center; border:1px dashed #ddd;} ul.list_todo_board li a.todo_board:hover{background:#fff;border-bottom:1px solid #bcbcbc} ul.list_todo_board li a.btn_baord span.ic_plus{margin:0 4px 0 0} ul.list_todo_board li a.btn_baord span.txt{font-size:14px;font-weight:bold;color:#888} ul.list_todo_board li a.btn_baord:hover{background:#dfe0e8} ul.list_todo_board li a.btn_baord:hover span.txt{color:#333} ul.list_todo_board li span.todo_board{display:block;padding:10px;min-height:90px;margin:0 16px 16px 0;background:#fff; border:1px solid #ddd; border-radius:8px} ul.list_todo_board li span.action{z-index:1;display:inline-block;position:absolute;top:9px;right:22px} ul.list_todo_board li span.action span.btn_board_private, ul.list_todo_board li span.action a{display:inline-block;padding:4px} ul.list_todo_board > li a.todo_board ul.list_share{margin:12px 0 0 0;overflow:hidden;height:32px} ul.list_todo_board > li a.todo_board ul.list_share li{margin-top:0} ul.list_todo_board > li a.todo_board ul.list_share li img{width:30px;height:30px} .todo_board .form_static_option .btn_fn7 { vertical-align: top; line-height: 1 !important; padding-top: 3px; } .todo_board .btn_layer_wrap .btn_minor_s { } /* list_default */ ul.list_default{overflow:hidden} ul.list_default li a{display:block;padding:10px} ul.list_default li a:hover{background:#2EACB3} /* list_share */ ul.list_share{overflow:hidden;margin:10px 0} ul.list_share li{float:left;margin:6px 6px 6px 0} /* list_member */ ul.list_member li{position:relative} ul.list_member li a{display:block;height:20px;line-height:20px} ul.list_member li a:hover .ic_check{background-position:0 -400px} ul.list_member li a span.ic_check{display:none} ul.list_member li a.select span.ic_check{display:block} ul.list_member li a .info{margin:0 0 0 37px} ul.list_member li a .info .name{max-width:70%} ul.list_member li a .photo_s{display:inline-block;position:absolute;top:5px;left:10px} ul.list_member li a .ic_check{position:absolute;top:10px;right:10px} /* btn */ a.btn_arrow3_d {display: inline-block; padding: 10px; line-height: 0} .go_todo a.btn_menu{display:inline-block;background:#38a9b6;padding:6px;height:24px;width:100px;border-radius:2px;} .go_todo a.btn_menu:hover{background:#2a95a4} .go_todo a.btn_menu span.ic_nav{margin:0 4px 0 0} .go_todo a.btn_menu span.txt{margin-left:10px;font-weight:bold;color:#fff;} .go_todo a.btn_menu .ic_open2_w{position:absolute;right:10px;top:50%;margin-top:-3px} .go_todo a.btn_style1{display:block;border:1px solid #cecece;border-radius:2px;background:#f3f3f3;padding:10px;} .go_todo a.btn_style1 span.ic_board{margin:0 4px 0 0} .go_todo a.btn_style1 span.txt{font-size:14px;font-weight:bold;color:#999max-width:60%!important} .go_todo a.btn_style1:hover{background:#eee;box-shadow:0 1px 1px rgba(0,0,0,0.1)} .go_todo a.btn_style1:hover span.txt{color:#333} .go_todo a.btn_flat{cursor:pointer;display:inline-block;padding:0 6px;color:#fff;font-weight:bold;font-size:12px;line-height:32px;background:#fff;border:1px solid #c9c9c9;opacity:0.8;filter:Alpha(Opacity=80);border-radius:4px} .go_todo a.btn_flat span.txt{color:#484848} .go_todo a.btn_flat span.ic_board{margin-right:4px} .go_todo a.btn_flat:hover{opacity:1;filter:Alpha(Opacity=100);} .go_todo .btn_flat_normal span.txt{padding-left:3px} /*layer_type_detail: modal - NEW LAYER TYPE */ .layer_type_detail{position:absolute;width:650px;left:50%;top:30px;margin-left:-325px;padding:20px;background:#fff;border:1px solid #c1c1c1;box-shadow:0px 0px 5px rgba(0,0,0,0.2);box-sizing:border-box} .layer_type_detail>header{position:relative;height:20px;} .layer_type_detail>header .title h1{display:inline;margin-top:3px;color:#333;word-wrap:break-word;letter-spacing:-1px;font-size:16px;} .layer_type_detail>header .btn_layer_x, .layer_type_detail>header .btn_share {position:absolute;right:-20px;top:-20px;padding:10px;border:none} .layer_type_detail>header .btn_share {right:28px;} .layer_type_detail>header .btn_share span.ic_link {vertical-align:middle;} .layer_type_detail>header .btn_layer_x span.ic{display:inline-block;width:15px;height:15px;background:url(../images/ic_board.png) no-repeat 0 -450px;vertical-align:middle;background-size:300px 1000px} .layer_type_detail section.detail_content{position:relative;min-height:100px} .layer_type_detail>header .title{position:relative;color:#b2b2b2;line-height:1.5;padding-left:30px} .layer_type_detail>header .title .ic_board, .layer_type_detail .content_title>.ic_board{position:absolute;left:0;top:4px} .layer_type_detail .content_title>.ic_board{top:0px} .layer_type_detail>header .title h1+.txt{display:inline-block;margin-left:5px;vertical-align:3px;color:#22B0C0} .layer_type_detail section.detail_content div.add_file, .layer_type_detail section.detail_content div.add_file ul.file_wrap, .layer_type_detail section.detail_content div.add_file ul.file_wrap li{background:none;border:none} .layer_type_detail section.detail_content div.add_file ul.file_wrap li{padding:3px 8px 3px 0px} .layer_type_detail .attach_thumb_wrap .name{display:inline} .layer_todo_card .content_title h2{position:relative;padding:0 0 0 25px;margin:0 40px 0 0;line-height:1.5} /*layer_todo_card*/ .layer_todo_card{min-height:700px} .layer_todo_card>header{height:auto;margin-bottom:10px;padding-right:40px} .layer_todo_card>header .create_form{margin:0} .layer_todo_card h2{letter-spacing:-1px;color:#333;font-weight:bold;font-size:16px;padding:3px 0 0 0} .layer_todo_card .content_title{position:relative} .layer_todo_card .content_title h2 span.ic_board{position:absolute;top:0;left:0} .layer_todo_card .content_check h2 span.ic_board{top:1px} .layer_todo_card .content_attach h2 span.ic_board{top:2px} .layer_todo_card .content_reply .reply_create, .layer_todo_card .content_reply .activity_item{padding-right:60px} .layer_todo_card .content_critical .content_title .create_item{margin:10px 0 0 30px} .layer_todo_card .detail_content_wrap .content_check h2, .layer_todo_card .detail_content_wrap .content_check > .create_form{padding-right:60px} .layer_todo_card .detail_content_wrap .content_critical .tab_menu_wrap ul.tab_menu li span.ic_board{margin-right:4px;vertical-align:top;margin-top:-1px} .layer_todo_card section.detail_content{position:static} .layer_todo_card .detail_content_wrap .content_optional{position:absolute;top:0;right:-160px;width:150px} .layer_todo_card .detail_content_wrap .content_optional h2{display:none} .layer_todo_card .detail_content_wrap .content_optional a.btn_flat_normal{width:90px} .layer_todo_card .content_activity{width:100%} .layer_todo_card .content_title>.ic_board{top:4px} .layer_todo_card .content_critical .content_info{overflow:hidden;margin:-10px 0 20px 30px} .layer_todo_card .content_critical .content_info>div{float:left;margin:0 40px 0 0} .layer_todo_card .content_critical .content_info h2+*{margin-top:5px} .layer_todo_card .content_critical .content_info>div h2{font-size:12px} .layer_todo_card .content_critical .content_info ul.list_label li{float:left;margin:0 4px 4px 0} .layer_todo_card .content_critical .content_info ul.list_label li:hover{cursor:pointer} .layer_todo_card .content_critical .content_info ul.list_label li .card_label{float:left;min-height:26px;line-height:15px;min-width:26px;padding:5px 10px;box-sizing:border-box;width:auto;max-width:550px;border-radius:2px;} @media \0screen{ .layer_todo_card .content_critical .content_info ul.list_label li .card_label{min-width:13px;min-height:20px;line-height:18px;} } /*IE8*/ .layer_todo_card .reply_create{padding:0} .layer_todo_card .content_critical .content_info ul.list_label li .card_label:hover{opacity:0.8} .layer_todo_card .content_critical .content_desc{margin:0 0 20px 30px} .layer_todo_card .content_critical .content_desc .create_form{margin-right:40px} .layer_todo_card .content_critical .content_desc .card_desc{margin-top:0} .layer_todo_card .content_critical .content_info .due_date, .layer_todo_card .content_critical .create_item{display:inline-block;height:26px;line-height:26px;padding:0 8px;box-sizing:border-box;background:#f0f0f0;border-radius:2px;font-weight:bold} .layer_todo_card .content_critical .content_info .due_date .date{color:#484848;font-weight:normal} .layer_todo_card .content_critical .create{display:inline-block;width:26px;height:26px;background:#f0f0f0;border-radius:2px} .layer_todo_card .content_critical .create .ic_plus{position:relative;left:6px;top:5px} .layer_todo_card .content_critical .create:hover, .layer_todo_card .content_critical .content_info .due_date:hover{cursor:pointer;background:#e5e5e5} .layer_todo_card .content_critical .content_check{position:relative;display:block;clear:both} .layer_todo_card .content_critical .content_attach, .layer_todo_card .content_critical .content_check{border-top:1px solid #EDEDED;padding:20px 0} .layer_todo_card .content_critical .content_check:hover{background:#fbfbfb} .layer_todo_card .content_critical .content_check .ic_list_b{left:-1px} .layer_todo_card .content_critical .content_check .todo_check_list{margin:10px 0 0 26px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item{position:relative;margin:0 0 8px 0} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item{display:block;margin:0 0 0 26px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item span.txt{display:inline;vertical-align:top;line-height:1.5} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item span.btn_wrap{margin-top:2px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb_checked, .layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb{cursor:pointer;display:inline-block;position:absolute;left:0;top:0} .layer_todo_card .content_critical .content_check .create_form{margin:0 0 0 26px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item>.txt{vertical-align:top;line-height:1.5;margin-top:-1px;} .layer_todo_card .content_critical .content_check .todo_check_list .check_item>.txt span.btn_wrap{margin-top:2px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_del{margin-left:5px} .layer_todo_card .content_critical .todo_check_list{margin:0 0 0 30px} .layer_todo_card .content_critical .todo_check_list a.create_item{margin-left:0!important} .layer_todo_card .content_critical .todo_check_list .create{margin-left:0} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb{background-position:1px -400px} .layer_todo_card .content_critical .content_title .create_form .wrap_txt input{margin-top:-6px} .layer_todo_card .content_critical .content_title .activity_item .create_form .wrap_txt input{margin-top:0} .layer_todo_card .content_critical .content_check .create_form .btn_wrap{position:relative} .layer_todo_card .content_critical .content_check .create_form .btn_wrap .btn_caution_s{/* position:absolute; right:0; top:0 */} .layer_todo_card .content_critical .content_check h2 .txt { vertical-align: top; } .layer_todo_card .content_critical .create_form{margin:0} .layer_todo_card .create_form .wrap_txtarea, .layer_todo_card .create_form .wrap_txtarea textarea{width:100%;} .layer_todo_card .content_critical .content_attach .attach_wrap{overflow:hidden;margin:10px 0 0 30px} .layer_todo_card .content_critical .content_attach .add_file{overflow:hidden;margin-left:25px} .layer_todo_card .content_critical .content_attach .add_file ul.file_wrap li {padding-right:120px!important;} .layer_todo_card .content_critical .content_attach h2+.attach_wrap{margin-top:0} .layer_todo_card .content_critical .content_attach .attach_wrap .item_file span{line-height:18px} .layer_todo_card .content_critical .content_attach .attach_wrap .item_file .name{line-height:1} .layer_todo_card .content_critical .content_attach .attach_wrap .item_file .name:hover{cursor:pointer} .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo{display:inline-block;float:left;margin-top:3px} .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo img{width:100px;height:auto} .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo img:hover{width:100px;height:auto} .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .item_file, .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .date{display:block;margin:2px 0 0 110px;} .layer_todo_card .content_activity{border-bottom:none!important} .layer_todo_card .content_activity .reply_create{margin-top:10px} .layer_todo_card .content_activity .reply_create .activity_wrap{padding-right:0} .layer_todo_card .content_activity .reply_create .form_wrap{width:100%} .span.textarea_edit textarea{height:0!important} .layer_todo_card .content_activity .reply_create .form_wrap textarea{height:28px!important;min-height:28px!important} @media \0screen{ .layer_todo_card .content_activity .reply_create .form_wrap textarea{line-height:18px;height:18px!important;min-height:18px!important} } .layer_todo_card .activity_item{position:relative;margin-top:14px} .layer_todo_card .reply_create .photo, .layer_todo_card .activity_item .photo{position:absolute;left:2px;top:0px;width:30px!important;height:30px!important;overflow:hidden;} @media \0screen{ .layer_todo_card .activity_item .photo{top:2px!important} .layer_todo_card .reply_create .photo{top:1px!important} } .layer_todo_card .activity_item .photo img{width:100%;height:100%;border-radius:2px;} .layer_todo_card .activity_item .activity_wrap{position:relative;margin-left:40px} .content_check .action_wrap{display:none;position:absolute;top:0;right:0} .activity_item .action_wrap{display:none;position:absolute;top:0;right:0} .content_check .action_wrap a, .activity_item .action_wrap a{margin:0 0 0 4px} .content_check:hover .action_wrap, .activity_item:hover .action_wrap{display:block} .layer_todo_card .content_optional h2{margin-top:15px;font-size:14px;color:#fff} .layer_todo_card .content_optional h2:first-child{margin-top:0} .layer_todo_card .content_optional a.btn_flat_normal{margin:0 10px 5px 0} .layer_todo_card .content_optional a.btn_flat_normal .ic_attach_img{margin-top:3px} .card_desc{margin-top:10px;line-height:1.5} /* todo_calendar */ .todo_calendar{padding:0;overflow:hidden;background:#fff} .todo_calendar div.month_body{border:10px solid #fff;border-top:5px solid #fff} .todo_calendar table.type_normal thead th{background:none;border:0;font-size:14px;color:#888;height:22px} .todo_calendar section.calendar_tool_bar{margin:20px 0 0 0} .todo_calendar div.current_date span.date{font-size:23px} .todo_calendar div.current_date span.btn_tool{display:inline-block;margin-top:-7px} .todo_calendar table.bg_row tbody tr td{background:#EAEAEA;border:1px solid #fff;border-bottom:0} .todo_calendar div.calendar_month div.month_body div.week_schedule {border:0} .todo_calendar table.schedule_row span.day{font:11px verdana} .todo_calendar .schedule_day{padding:0 2px;margin:0 1px;background:#fff;border:1px solid #fff;border-bottom:1px solid #c6c6c6} .todo_calendar .schedule_day a{color:#333;max-width:100%} .todo_calendar .btn_schedule_more{margin-left:4px} .todo_calendar a.schedule > span{line-height:1.3} /* 1024, pad */ @media screen and (max-width:1050px){ ul.list_todo_board > li{width:25%} .go_todo header.conent_header h1.board_name span.txt_ellipsis{max-width:70%} } /* wide */ @media screen and (min-width:1100px){ul.list_todo_board > li{width:20%}} .content_box{background:#fff;margin:10px;padding:15px} /* skin */ /* skin_todo_type2 */ body.skin_todo_type2, body.skin_todo_type2 .content_page, body.skin_todo_type2 .go_wrap .go_body, body.skin_todo_type2 header.content_top{background:#bf4a40!important} body.skin_todo_type2 header.content_top{background:#bf4a40;border-bottom-color:#983a33} body.skin_todo_type2 div.board_column_wrap{background:#ccc} body.skin_todo_type2 a.btn_menu span.txt, body.skin_todo_type2 .conent_header .board_name .txt{color:#fff} /*1.6.2*/ .layer_todo_card ul.tab_menu li{height:18px} .layer_todo_card ul.tab_menu li:first-child{margin-left:0} .layer_todo_card .detail_content_wrap .content_critical div.tab_menu_wrap{overflow:visible!important;margin-top:20px} /* AEAo¸ÞAI */ div.layer_smallmail{width:710px;min-width:710px;min-height:550px;max-height:551px;box-shadow:none;overflow-y:auto;overflow-x:hidden;} div.layer_smallmail .editor_wrap{height:300px;} div.layer_smallmail table.form_type div.div_ipt_wrap div.div_ipt{margin-right:0} div.layer_smallmail .btn_major_s{border:1px solid #466a9e;background:#6b90c6;border-radius:2px;} div.layer_smallmail .btn_major_s:hover{background:#547cb6;border:1px solid #2f548a} div.layer_smallmail footer.btn_layer_wrap{padding:15px 0;} div.layer_smallmail table.form_type{margin-top:0} div.layer_smallmail .form_type span.txt_error{display:inline-block;margin-top:5px;color:red;} div.layer_smallmail .view_content{background:#fff} div.layer_smallmail table.list_report tr th{padding:0} div.layer_smallmail .div_scroll{border:0} div.layer_smallmail footer.btn_layer_wrap a{margin:0 1px;} div.layer_smallmail > header.smail{background:#fff;height:31px} div.layer_smallmail header ul.tab_nav li{height:20px} div.layer_smallmail ul.tab_nav li{padding:5px 24px;line-height:20px;} div.layer_smallmail table.type_normal thead th.sorting_desc span.selected, div.layer_smallmail table.type_normal thead th.sorting_asc span.selected{background:#6b90c6} div.layer_smallmail table.mail_list span.subject{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px} div.layer_smallmail table.mail_list tr.tb_option td{background:#E1EBF6} div.layer_smallmail table.mail_list tr.tb_option td p.desc{color:#6b90c6;text-align:center} div.layer_smallmail table.type_normal tbody tr:hover td, div.layer_smallmail table.type_normal tbody tr.active td{background:#E1EBF6;border-color:#c7d0e0;} div.layer_smallmail div.content{padding:15px} div.layer_smallmail .smail_b_top{padding-bottom:5px} div.layer_smallmail .smail_b_bt{padding-top:5px} div.layer_smallmail .smail_b_top select, div.layer_smallmail .smail_b_bt sselect{float:right} div.layer_smallmail div.view_content{padding:0} div.layer_smallmail div.column div.column_second{border-top:0} div.layer_smallmail div.paging_out{padding:15px 0 0 0;} div.layer_smallmail div.content section.search{display:inline-block;} div.layer_smallmail section.combine_search .c_search_wrap{height:24px} div.layer_smallmail .sm_search{text-align:center;padding:15px 0 10px 0} div.layer_smallmail section.combine_search .c_search_wrap:hover, div.layer_smallmail section.combine_search .c_search_wrap:focus{border:1px solid #6b90c6} div.layer_smallmail section.combine_search .c_search_wrap:hover input.btn_c_search, div.layer_smallmail section.combine_search .c_search_wrap:focus input.btn_c_search{background:url(../images/ic_gnb.png) no-repeat -483px -729px;} div.layer_smallmail div.content table.s_mail tbody tr td{padding:4px 8px} div.layer_smallmail table.mail_list .date{min-width:85px} div.smail_pop{max-width:300px;min-width:300px;min-height:100px} div.layer_smallmail ul.name_tag>li{background:#E1EBF6;border-color:#c7d0e0} div.layer_smallmail span.item_file span.name:hover, span.item_image:hover span.name{color:#6b90c6} div.layer_smallmail span.num{color:#6b90c6} div.inbox_smail{min-height:300px} div.layer_smallmail table.mail_list span.name{width:80px} div.layer_smallmail div.tool_bar{padding:0;min-height:33px;} div.layer_smallmail div.tool_absolute{margin-top:5px} div.layer_smallmail table.mail_list .name{min-width:80px;} div.layer_smallmail .sm_search{padding:0} div.layer_smallmail div.tool_bar a.btn_major_s{padding:0 7px;height:inherit;} div.layer_smallmail div.tool_bar a.btn_minor_s, div.layer_smallmail div.tool_bar a.btn_major_s{float:none;margin-right:4px!important} div.layer_smallmail table.s_mail tr{cursor:pointer} div.layer_smallmail_d{width:100%;max-height:100%;min-height:410px;overflow-y:hidden;overflow-x:hidden;} div.layer_smallmail_d .btn_layer_wrap{position:fixed;top:0;left:0;width:100%;background:#fff;height:30px;border-bottom:1px solid #e3e3e3;} div.layer_smallmail_d div.content{min-height:360px;margin-top:60px;margin-bottom:0} div.smail_pop p.add{padding-top:10px} div.layer_smallmail_d table.list_report tr th span.title{margin-top:8px} div.layer_smallmail_d table.list_report tr td span.subject{display:inline-block;vertical-align:top;padding-top:4px;font-weight:bold} div.layer_smallmail table.s_mail th.check{width:30px} div.layer_smallmail table.s_mail th.name{width:100px} div.layer_smallmail table.s_mail th.date{width:100px} div.layer_smallmail table.s_mail th.size{width:80px} div.layer_smallmail table.s_mail th.subject{min-width:300px} div.layer_smallmail table.s_mail{table-layout:fixed;width:680px!important} div.layer_smallmail table.s_mail tr td span.subject span.ic_file_s{margin:1px 4px 0 0;} div.s_note .btn_layer_wrap{text-align:left;padding-left:15px} div.layer_smallmail_d div.content{padding-bottom:0} div.s_note .btn_layer_wrap{position:fixed;top:0;left:0;width:100%;background:#fff;height:30px;border-bottom:1px solid #e3e3e3;} div.s_note table.list_report tr th{padding:0} div.s_note table.list_report tr td span.subject{display:inline-block;vertical-align:top;padding-top:4px;font-weight:bold} div.s_note table.list_report tr th span.title{margin-top:8px} div.s_note .btn_major_s{border:1px solid #466a9e;background:#6b90c6;border-radius:2px;} div.s_note .btn_major_s:hover{background:#547cb6;border:1px solid #2f548a} div.s_note ul.name_tag>li{background:#E1EBF6;border-color:#c7d0e0} div.s_note .s_mail_view{margin-top:40px;background:none} div.s_note footer.btn_layer_wrap a{margin:0} div.s_note footer.btn_layer_wrap{border-top:0} .layer_transition .btn_fn7 span.txt, .layer_static .btn_fn7 span.txt{vertical-align:top} .layer_array_option{width:200px} .layer_array_option h1{display:none} .layer_array_option .container{overflow-y:auto;max-height:195px} .layer_array_option ul.array_type li{position:relative;padding:5px 10px} .layer_array_option ul.array_type li input{position:absolute;left:10px;top:9px;} .layer_array_option ul.array_type li label .num{font-size:12px} .layer_array_option ul.array_type li label{padding-left:20px} /*multi_company*/ .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu{border-top:1px solid rgba(0,0,0,.4)} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li{height:40px;} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li a{display:block;font-size:16px;height:35px;line-height:35px;font-family:malgun gothic,dotum,apple gothic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:inherit} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li:hover a{color:#fff} /*ic_gnb2*/ .ic_gnb2{display:inline-block;background:url(../images/ic_gnb2.png) no-repeat;} span.ic_arrow_d{background-position:0 -4px;width:20px;height:20px} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.ic_arrow_wrap{position:relative;top:-2px;display:inline-block;line-height:35px;height:20px;margin-right:10px;background:#8b8b8b;border-radius:50%;vertical-align:middle} @-moz-document url-prefix(){ .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.ic_arrow_wrap{line-height:34px;top:-1px} } .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li.on span.ic_arrow_wrap{background:#1da3aa;} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li:hover span.ic_arrow_wrap{background:#99CFD2;} .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.txt{margin-left:10px} /*go_admin*/ table.detail td span.attend_alert {display:block;} table.detail tr td.attend_state {vertical-align:top;} table.detail td select.attend_select {display:inline-block;} section.form_admin table.tb_mam thead tr th, section.form_admin table.tb_mam tbody tr td{text-align:center;vertical-align:middle;} section.form_admin span.des {padding-left:10px; color:red;} section.form_admin table.tb_mam tbody tr td.align_c{width:30%;} section.form_admin table.tb_mam tbody tr td.mam_toggle{width:30%;} section.form_admin table.tb_mam tbody tr td.mam_delete{width:10%;} span.ic_control{display:inline-block;background:url(../images/ic_control.png) no-repeat;cursor:pointer;} span.ic_ctrl_on{background-position:0 0;width:72px;height:26px;} span.ic_ctrl_on:hover{background-position:0 -50px;} span.ic_ctrl_off{background-position:0 -100px;width:72px;height:26px;} span.ic_ctrl_off:hover{background-position:0 -150px;} /*btn*/ .ic.ic_info{background-position:-140px -1000px;position:relative;margin-top:2px;} .ic.ic_works_set{background-position:-139px -950px!important;margin-top:2px;} .ic.ic_close{background-position:-51px -151px;width:10px;height:10px;margin-top:8px;} .ic.ic_tail{ background: url(../images/ic.png) no-repeat 0 0; background-position:-140px -1100px;width:18px;height:9px;position:absolute;top:-9px;left:164px;} .ic.ic_pin{background-position:-140px -900px!important;width:23px;height:10px;} .wrap_btn_title{display:inline-block;width:28px;position:relative;margin:3px 0 0 5px;vertical-align:top;float:left;} .wrap_btn_title .array_option{width:218px;position:absolute;z-index:1;left:-60px;top:26px;} .wrap_btn_title .array_option li{height:26px;line-height:26px;font-size:13px;font-size:13px;text-indent:10px;} .wrap_btn_title .ic_pin{cursor:pointer;} .wrap_filter_title .line_under{margin:4px 0px 0px 5px;} .line_under, .line_under:hover{vertical-align:top;display:inline-block;text-decoration:underline;color:#999999;} div.alert_box {display: block; background: #d8f4f5; border: 1px solid #b5d2d3; padding: 10px} div.wrap_repeat form {margin: 10px} div.wrap_repeat div.basic_info {margin-bottom: 10px} div.wrap_repeat div.alert_box {margin: 10px} /* tab_menu */ ul.tab_menu {overflow: hidden; margin-bottom: -1px} ul.tab_menu li {float: left; border: 1px solid #dfdfdf; background: #f5f5f5; padding: 8px 12px; margin-right: 2px; border-radius: 2px 2px 0 0; z-index: 1; cursor: pointer} ul.tab_menu li.active, ul.tab_menu li.ui-state-active {background: #fff; border-bottom-color: #fff} div.tab_menu_wrap {margin: 15px 0 15px; padding: 0; display: block; border-bottom: 1px solid #dfdfdf} ul.list_box span.state {margin:1px 4px 8px 0; vertical-align:top} /* state tag */ span.necess {color:#ff616b} span.state {display:inline-block; padding: 3px 4px 3px; text-align: center; min-width: 22px; color: #fff; border-radius: 2px; color:#fff!important; font-size:12px; line-height:11px;} span.state {padding:4px 0 2px\0/IE9;} span.state.notyet {background-color: #ff616b; border: 1px solid #ff616b} span.state.return {background-color: #ff616b; border: 1px solid #ff616b} span.state.temp {background-color:#F6B3B3; border:1px solid #F6B3B3} span.state.pause {background-color:#A3A3A3; border:1px solid #A3A3A3} span.state.ongoing {background-color:#37BEC5; border:1px solid #37BEC5} span.state.ghost {background-color:#fff; border:1px solid #bbb; color: #666!important} span.state.folder, span.state.finish {background-color: #B8B8B8; border:1px solid #B8B8B8} span.state.finished {background-color:#B8B8B8; border:1px solid #B8B8B8} span.state.receipt {background-color:#a0c1cf; border:1px solid #a0c1cf} span.state.etc {background-color:#78a2e4; border:1px solid #78a2e4} span.state.read {background-color:#a6c76c; border:1px solid #a6c76c} span.state.delay {background-color:#ff616b; border:1px solid #ff616b} span.state.emergency {background-color:#ff616b; border:1px solid #ff616b} span.state.standby {background-color:#F6B3B3; border:1px solid #F6B3B3} span.state.refer {background-color: #fff; border:1px solid #ddd; color:#666!important} span.state.wait {background-color:#78a2e4; border:1px solid #78a2e4} span.state.defer {background-color:#6b849c; border:1px solid #6b849c} span.state.cancel, span.state.return {background-color:#fb4c49; border:1px solid #fb4c49} /* footer */ footer {padding:10px 0; border-top:1px solid #E1E1E1} footer div.btn_footer {position:relative; text-align:center} footer div.btn_footer div.optional {right:8px} footer div.btn_footer a {margin:0 3px} /* font size */ span.info, span.info_sub, ul.list_mail li span.date, div.info span.name, div.info span.date, dl.list_type3 dd span.time, ul.list_mail li span.name, ul.list_photo div.info span.date, header.article_header div.article_wrap span {font-size:14px} span.title, ul.list_photo li div.info span.name, .tag_name {font-size:16px} /* space */ span.space_ic {display:inline-block; width:2px} /* size */ .w_mini {width:15%} .w_small {width:31%} .w_medium {width:48%} .w_large {width:85%} .w_max {width:100%} .wfix_mini {width:30px} .wfix_small {width:70px!important} .wfix_medium {width:120px!important} .wfix_large {width:200px} .wfix_max {width:300px} span.wrap_txt, span.wrap_option {padding: 8px 0} span.wrap_option label {display: inline-block; vertical-align: top; margin-top: -2px!important} .option_display {overflow:hidden; margin:10px 0; text-align: left; background-color: #fff} .editor_write {background:#fff;} .option_display div.wrap_attach {margin: 0} .option_display ul.img_wrap {margin: 10px 0 0 0} span.photo {position:absolute; display:inline-block; width:40px; height:40px; overflow:hidden} span.photo a {display:inline-block} span.photo a img {width:100%; border-radius: 4px} span.btn_action {display:inline-block; height:31px; line-height:29px; padding:0 4px 0 0} span.btn_action_off {display:inline-block; height:31px; line-height:29px; padding:0 4px 0 0} span.btn_action label, span.btn_action input,span.btn_action_off label, span.btn_action_off input {vertical-align:middle} .display_position {position:relative; overflow:hidden} .display_position div.critical {position:static; float:left} .display_position div.optional {position:static; float:right} .disable {opacity:0.4; cursor:default} .disable a {cursor:default} /* z-index */ div.go_content {z-index:2} div.layer_normal {z-index:110} /* layout */ .critical {position:absolute; top:0; left:6px} .optional {position:absolute; top:0; right:6px; word-break:normal;} .reply_wrap .critical {left:0} .reply_wrap .optional {right:0; top: 4px} div.layer_transition div.list_member_wrap {margin: 0 -10px; height: 200px} .wrap_todo {padding:10px 0 16px 16px} .wrap_todo .wrap_todo_board h1.s_title {margin: 0 0 8px; padding: 0} .wrap_todo .wrap_todo_board hr {border-color: #ddd; margin: 0} .wrap_todo .wrap_todo_board footer.btn_layer_wrap {padding-bottom: 0; border: 0} .todo_statistic form.form_static .form_static_wrap_date {position: absolute; top: 0; right: 0} .todo_statistic form.form_static {margin: 0} .todo_statistic form.form_static .form_static_warp_name_tag {margin-right: 200px} .todo_statistic form.form_static .form_static_wrap_date span.wrap_date input.txt, .wrap_date input.txt[type="text"] {width: 173px} div.go_wrap {position:relative} div.go_wrap header.go_header section.search_wrap {position:absolute; top:0; left:0; z-index:100; width:100%} div.go_wrap div.go_body {position:relative; overflow:hidden; min-height: 400px} div.go_side {position:absolute; top:0; left:0; height:100%; z-index:100;} div.go_side+.dim {position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:95;} div.go_wrap div.go_body div.go_content {position:relative; margin-top: 51px;} div.go_wrap div.go_body div.go_content.feed_content {background:#f3f3f3} div.go_wrap div.go_body div.go_content div.content div.option {margin-top:12px} div.go_wrap div.go_body div.go_content div.content section.mail_view div.alert_wrap {margin-top:10px} div.go_wrap div.go_body div.go_content div.content div.action_wrap {position:relative; height:34px} div.go_wrap div.go_body div.go_content div.content section.mail_view header.article_header h2 {padding-left:0; padding-right:0;} div.go_wrap div.go_body div.go_content div.content section.mail_view header.article_header h2 span.title {font-size:20px; font-weight:bold;} div.go_wrap div.go_body div.go_content div.content section.mail_view header.article_header div.list_report_wrap {margin-right:90px} div.content div.wrap_btn {margin-bottom: 20px} div.home_wrap {position:relative; margin: 0 auto} div.home_wrap div.logo_wrap {position:absolute; top:0; left:0} div.home_wrap div.logo_wrap h1.logo {line-height: 48px; padding:5px 0 8px} .overlay {z-index:98; position:fixed; width:100%; height:100%; top:0; left:0; opacity:0.3; filter: alpha(opacity = 30); background:#000} div.home_wrap header.home_header {height:56px} div.home_wrap div.logo_wrap {position:relative; } div.home_wrap div.info_wrap {position: absolute; right: 10px; top: 5px} div.home_wrap h1.logo {display: inline-block; margin-left:5px; color: #444; font-size: 20px; font-weight: normal; max-width: 45%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} div.home_wrap a.ic_multiCompany {vertical-align: top; margin: 18px 0 0 6px} div.home_wrap ul.home li a {height:92px; border-radius:50%} div.home_wrap ul.home li a:hover {background:red; -webkit-tap-highlight-color:rgba(0,0,0,0)} div.home_wrap div.info_wrap .info_pic {float:left} div.home_wrap div.info_wrap .info_pic img{width:40px; height:40px; border:1px solid #fff; border-radius:100px;} div.home_wrap div.info_wrap span {display:inline-block} div.home_wrap div.info_wrap span.name {color:#848484; font-size:14px; margin:15px 0 0 3px; max-width: 100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: top} .layer_todo_card .content_critical .create .ic_plus {top: 5px; left: 8px} .layer_todo_card div.msg_wrap textarea {margin-top:0} div.btn_day a {display: inline-block; width:11%; padding: 10px 0; margin-right:3%; border-bottom: 2px solid #ddd; text-align: center; color:#999; font-size: 17px} div.btn_day a:last-child {margin-right:0} div.btn_day a.selected {border-color: #00b6c7; color:#000} /* view_type */ .view_type .todo_statistic_opt {padding-right:40px} .view_type .todo_statistic_opt span.wrap_date {display:block; position:static; margin:8px 0 0 0} .view_type .todo_statistic_opt span.btn_wrap span.ic_del {display:none} .view_type .todo_statistic_opt .optional a.btn_view_close {margin:0 -10px 0 0; padding:10px} /* login */ section.login_wrap header {padding:80px 0 70px 0} section.login_wrap header h1 img {display:block; margin:0 auto; height:70px; width:auto} section.login_wrap form.login_form div.login_option {margin-top:15px} form.login_form {margin:20px 10px} dl.login_info dt {display:none} dl.login_info dd {margin-bottom:10px} dl.login_info dd input {height:36px; font-size:16px} dl.login_info dd div.div_ipt {position:relative; padding:2px 48px 2px 2px} dl.login_info dd div.div_ipt input {border:0; box-shadow:none} dl.login_info dd div.div_ipt span.btn_del_type1 {position:absolute; top:9px; right:8px} /* login step OTP */ .step_otp dl.login_info dt {display:inline-block; width:110px; height:62px; margin-right:10px; float:left} .step_otp dl.login_info dd {margin-left:120px} /* home */ ul.home {width: 100%; min-height:300px} ul.home li {float:left; width:33.5%; overflow: hidden} ul.home li:nth-child(3n) {float: none; width: auto} ul.home li a {display:block; position:relative; height:100px; padding-top:24px; background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#e6e6e6))} ul.home li a {text-align: center} ul.home li span.txt {color:#ffffff; display:block; text-align:center} ul.home li a span.wrap_ic {display: inline-block; position: relative; height: 50px} ul.home li a span.wrap_ic span.badge {position: absolute; top: -12px; right: -8px; white-space: nowrap} ul.home li:nth-child(1) a {background:#5dd483} ul.home li:nth-child(2) a {background:#49c989} ul.home li:nth-child(3) a {background:#30bf94} ul.home li:nth-child(4) a {background:#00b6c7} ul.home li:nth-child(5) a {background:#00a9c7} ul.home li:nth-child(6) a {background:#109cc7} ul.home li:nth-child(7) a {background:#189adb} ul.home li:nth-child(8) a {background:#2b8fd6} ul.home li:nth-child(9) a {background:#3a84cf} ul.home li:nth-child(10) a {background:#4882e0} ul.home li:nth-child(11) a {background:#5076d4} ul.home li:nth-child(12) a {background:#5e6dcc} ul.home li:nth-child(13) a {background:#7468de} ul.home li:nth-child(14) a {background:#7e60d6} ul.home li:nth-child(15) a {background:#875cbf} span.badge {display: inline-block; padding: 3px 8px; background: #f5576a; border-radius: 16px; color: #fff; font-weight:bold} span.sleep_mode {background:#60b03e; border-color:#539e33; text-shadow:0 1px 1px #539e33; padding:3px 6px} /* nav */ div.nav.check_nav {background:#333!important; border-bottom:1px solid #333!important; z-index:1000;} div.nav.check_nav .ic_dropdown_small {background-position:0 -60px;} div.nav.check_nav .ic_v2.ic_m_more {background-position:-125px 0;} div.nav.check_nav .critical span.count {color:#fff; vertical-align:middle;} div.nav {position: fixed; top:0; width:100%; height:50px; z-index:101; background:#fff!important; border-bottom:1px solid #e5e5e5!important; } div.nav a {display:inline-block} div.nav span.ic_nav {margin:14px 12px; background:url(../images/mobile/ic_nav_type2.png) no-repeat; background-size:250px auto!important;} div.nav span.ic_nav_list {background-position:-125px 0; width:21px; height:21px;} div.nav span.ic_nav_prev {background-position: -100px 0; width:21px; height:21px;} div.nav span.ic_nav_home {background-position:0 0; width:21px; height:21px;} div.nav span.ic_nav_more {background-position:0 0; width:21px; height:21px;} div.nav span.ic_nav_search {background-position:-24px 0; width:21px; height:21px;} div.nav span.ic_nav_cancel {background-position:-225px 0; width:21px; height:21px;} div.nav span.ic_nav_refresh {background:url(../images/mobile/ic_nav_type2.png) no-repeat -299px 0;} div.nav span.ic_nav_close {background:url(../images/mobile/ic_nav_type2.png) no-repeat -100px 0;} div.nav span.ic_nav_down {background:url(../images/mobile/ic_nav_type2.png) no-repeat -150px 0;} div.nav h1 {line-height:50px; text-align:center; color:#333; font-weight:500; font-size:20px; margin:0 94px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} div.nav span.ic_nav_close {background-position:-100px 0} div.nav span.ic_nav_down {background-position:-150px 0px} div.nav div.optional span.ic_nav_btn {display:inline-block; vertical-align:top; margin:8px 8px 0 0} div.nav div.optional span.ic_nav_btn .btn_major_type3{background:#009DAC; border:1px solid #008996} div.nav div.optional span.ic_nav_btn a {margin-left:5px} div.nav.check_nav span.ic_nav_cancel {background-position:-200px 0; width:21px; height:21px;} div.nav.check_nav .toolbar_list li a {color:#fff;} /* nav_s */ header.nav_s {position:relative; height:51px;} header.nav_s h2 {line-height:51px; text-align:center; margin:0 80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500;} header.nav_s div.critical>a {display:inline-block; margin-right:-2px} header.nav_s div.critical span.ic_nav_btn {display:inline-block; vertical-align:top; margin:8px 0 0 10px} header.nav_s div.optional a {display:inline-block} header.nav_s span.ic_nav {margin:15px 10px 10px} header.nav_s div.optional {top:8px; right: 10px} a.btn_wrap span {display:block} div.search_wrap2 {padding:10px 0} /* tool_bar */ div.tool_bar {position:relative; height:42px; border-bottom:1px solid #E1E1E1} div.tool_bar .btn_m_more {padding:8px 15px 4px} div.tool_bar_bottom {border-bottom:0} div.tool_bar div.critical {top: 4px; left:16px} div.tool_bar div.optional {top: 4px; right:16px} div.tool_bar div.optional select {height:34px;} div.tool_bar div.critical a, div.tool_bar div.optional a {margin-left: 2px} div.tool_bar div.btn_submenu {display:inline-block; position:relative} div.tool_bar div.btn_submenu div.array_option {position:absolute; top:29px; left:0} div.tool_bar div.btn_submenu a.btn_tool span.ic_arrow_down {vertical-align:top; margin-top: 13px} div.tool_bar_bottom {border-bottom:0;} div.tool_bar_bottom div.critical {top:6px; left:16px} div.tool_bar_bottom .btn_wrap {margin-left:0;} div.tool_bar_bottom .btn_wrap .ic_reply_bubble {width:auto; background:none;} div.tool_bar_bottom .btn_wrap .ic_reply_bubble .plus_num {color:#333; font-weight:bold;} div.tool_bar.in_search div.critical {width: 96%; left:8px;} div.tool_bar.in_search div.optional {right:8px;} div.tool_bar.in_search div.optional .btn_submenu select {margin-right:0;} div.tool_bar.in_search div.critical .filter_search {position: relative; margin-right: 178px} div.tool_bar.in_search div.critical .filter_search input.txt {vertical-align: baseline; height: 34px;} div.tool_bar.in_search div.critical .filter_search button.btn_search {position: absolute; right: 0; top:0; width: 36px; height: 34px; background: url(../images/mobile/ic_search.png) no-repeat 3px 3px; background-color: none; border: none; cursor: pointer; color: transparent; opacity: 0.5} div.tool_bar.in_search div.critical .filter_search button.btn_search:hover, div.tool_bar.in_search div.critical .filter_search button.btn_search:active {opacity: 1} /* search */ header.go_header section.search_wrap {background:#E7E7E7; height:38px; border-bottom:1px solid #979797; -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.4);} .list_employee+section.search_wrap, .tool_depth+section.search_wrap {margin:10px 0;} section.search_wrap {margin:0;} .nav section.search_wrap {margin:8px 74px 8px 54px;} .nav section.search_wrap div.search {border-radius:4px;} div.search {position:relative; padding:0 80px 0 6px; margin:0 16px; background:#f4f4f4; border-radius:4px; height:34px} div.search a.btn_cancel {position:absolute; top:0; right:46px; padding:7px; height:20px;} div.search a.btn_search {position:absolute; top:0; right:8px; padding:7px; height:20px;} div.search input {margin-top:4px; height:26px; border:0; box-shadow:none; background:none;} div.search input::placeholder {color:#d5d5d5;} div.write div.option {padding:0 16px 8px!important; margin-bottom:4px; border-bottom:1px solid #E1E1E1} div.write form {margin:10px 16px 20px;} div.guide {margin-top:6%; padding:20px 20px 30px} div.guide span.ic_app {margin-bottom:15px} div.guide p.subject {font-size:22px; font-weight:bold; text-align:center; margin-bottom:4px} div.guide p.desc {text-align:center; line-height:1.3; margin-bottom:16px} div.guide span.btn_major_f {margin-bottom:8px} div.guide span.btn_type3 {padding:10px 0} div.guide span.btn_type3 span.txt {font-size:17px} /* box */ /* box_type1 */ div.box_type1 {margin-top:8px; border: 1px solid #cacaca; padding: 10px; border-radius: 4px} /* list */ /* type_simple_list */ ul.type_simple_list li {position: relative; border-top: 1px solid #e9e9e9; padding: 10px 30px 10px 10px } ul.type_simple_list li:first-child {border-top:0} ul.simple_list_alarm p.photo {float: left; width: 45px} ul.type_simple_list li.null_data {min-height: 50px} ul.type_simple_list li.null_data p.desc {text-align: center!important; padding: 20px 0;} .btn_list_reload {cursor: pointer; display: block; padding: 15px; background: #fff; vertical-align: ; border: 1px solid #d1d1d1; border-radius: 2px; color: #555; font-weight: bold; outline: #fff;} div.bottom_action {margin: 30px 0; text-align: center}middle /* list_noraml */ ul.list_normal li a.tit span.subject span.ic_root {margin-bottom:-3px} ul.list_normal li a.tit span.subject span.ic_noti {vertical-align: middle; margin: -4px 4px 0 0} ul.list_normal li {position:relative; min-height:49px; border-bottom:1px solid #eee} ul.list_normal li .tit {display:block; position:relative; padding:12px 16px} ul.list_normal li .info {display:inline-block; margin-top:4px;} ul.list_normal li:last-child {border-bottom: 0 !important} ul.list_normal li .tit ul.file_wrap_normal {margin: 6px 0 0 0} ul.list_normal li .info p.txt {margin-bottom:4px;} ul.list_normal li.notice {background:#fffce2; min-height:0} ul.list_normal li.notice span.subject span.title {color: #fe916e;} ul.list_normal li.notice.read_no span.title {color:#ff7549!important; font-weight:bold;} ul.list_normal li.private {background:#f6f6f6} ul.list_normal li a span.content {display:block; margin-top: 2px; min-height:15px; max-height: 40px; overflow:hidden; font-size:14px; color:#888; line-height: 1.5} ul.list_normal li.private span.subject span.txt {color:#999} ul.list_normal li span.subject {display:block; line-height: 1.5; margin-bottom:-2px} ul.list_normal li a span.optional {top:11px; right:10px} ul.list_normal li.depth1 a {position:relative; padding-left:34px !important} ul.list_normal li.depth1 a span.ic_reply {position:absolute; top:12px; left:16px} ul.list_normal li.depth1 a span.subject span.txt_ellipsis {max-width:66%} ul.list_normal li.depth2 a {position:relative; padding-left:46px !important;} ul.list_normal li.depth2 a span.ic_reply {position:absolute; top:10px; left:20px} ul.list_normal li.depth2 a span.subject span.txt_ellipsis {max-width:66%} ul.list_normal li.depth3 a {position:relative; padding-left:72px !important;} ul.list_normal li.depth3 a span.ic_reply {position:absolute; top:10px; left:30px} ul.list_normal li.depth3 a span.subject span.txt_ellipsis {max-width:64%} ul.list_normal li.depth4 a {position:relative; padding-left:98px !important;} ul.list_normal li.depth4 a span.ic_reply {position:absolute; top:10px; left:40px} ul.list_normal li.depth4 a span.subject span.txt_ellipsis {max-width:62%} ul.list_normal li.depth5 a {position:relative; padding-left:124px !important;} ul.list_normal li.depth5 a span.ic_reply {position:absolute; top:10px; left:50px} ul.list_normal li.depth5 a span.subject span.txt_ellipsis {max-width:60%} ul.list_normal li.depth6 a {position:relative; padding-left:150px !important;} ul.list_normal li.depth6 a span.ic_reply {position:absolute; top:10px; left:60px} ul.list_normal li.depth6 a span.subject span.txt_ellipsis {max-width:58%} ul.list_normal li.depth7 a {position:relative; padding-left:176px !important;} ul.list_normal li.depth7 a span.ic_reply {position:absolute; top:10px; left:70px} ul.list_normal li.depth7 a span.subject span.txt_ellipsis {max-width:56%} ul.list_normal li.depth8 a {position:relative; padding-left:202px !important;} ul.list_normal li.depth8 a span.ic_reply {position:absolute; top:10px; left:80px} ul.list_normal li.depth8 a span.subject span.txt_ellipsis {max-width:54%} ul.list_normal li.depth9 a {position:relative; padding-left:128px !important;} ul.list_normal li.depth9 a span.ic_reply {position:absolute; top:10px; left:90px} ul.list_normal li.depth9 a span.subject span.txt_ellipsis {max-width:52%} ul.list_normal li.depth10 a {position:relative; padding-left:154px !important;} ul.list_normal li.depth10 a span.ic_reply {position:absolute; top:10px; left:100px} ul.list_normal li.depth10 a span.subject span.txt_ellipsis {max-width:50%} ul.list_normal li input {position:absolute; top:14px; left:16px} ul.list_normal li span.info span {vertical-align: middle} ul.list_normal li span.wrap_feedPlus span.txt {vertical-align: top; font-size: 16px; color: #888} ul.list_normal li span.wrap_feedPlus span.ic_feedPlus {width: 17px; height: 17px; vertical-align: top} ul.list_normal li span.wrap_feedPlus span.ic_feedPlus span.tail {top: 14px} /* entra_no */ ul.rental_no li a {color:#999} /* list_box1 */ ul.list_box1 > li {background: #EBEBEB; padding: 10px; margin-bottom: 1px!important} ul.list_box1 li p.tit {color:#999} ul.list_box1 li div.container {margin: 2px 0 0 0} ul.list_box1 li div.container ul.file_wrap_normal {margin: 4px 0 0 0} /* list_prevent_receiveError */ ul.list_prevent_receiveError li div.content {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} /* list_short */ ul.list_short {margin-top:20px} ul.list_short {border-top:1px solid #E1E1E1} ul.list_short li .tit span.desc {margin:0 4px 0 0} /* list_single */ ul.list_single li {min-height:22px} ul.list_single li a.tit {padding:12px 16px} ul.list_single li a.tit span.ic_arrow3_t, ul.list_single li a.tit span.ic_arrow3_d {vertical-align:top; margin-top:6px} ul.list_single li .ic_root {vertical-align:middle;} /* list_report */ ul.list_report li span.optional {right:10px} ul.list_report li span.btn_wrap {line-height:1; top:0; right:0; z-index:10; height:100%} ul.list_report li span.btn_wrap a.btn_report_write {width:50px; height:100%; background-position:-195px 5px} ul.list_report li span.subject span {font-size:16px; color:#444} ul.list_report li span.subject span.date {margin-right:7px} ul.list_report li span.subject span.turn {} ul.list_report li span.subject span.count {font-size:15px; color:#999} ul.list_report li a span.info span.unreporter {color:#c1713b} /* group_tag */ ul.group_tag li {min-height:19px} ul.group_tag li a.tit {padding-left:0; margin-left:32px} /* list_today */ dl.list_today dd.data_null {padding:40px 0} /* list_mail */ ul.list_mail li a.tit {padding:12px 0; margin:0 50px 0 46px} ul.list_mail li a.tit span.vertical_wrap {display:block; margin-bottom: 4px} ul.list_mail li.choice {background:#E1F5F6} ul.list_mail li input {position:absolute; top:12px; left:16px} ul.list_mail li div.optional {top:14px; right:8px; text-align:right} ul.list_mail li span.name {display: inline-block; width:100%; vertical-align:top; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:90%; color:#aaa; font-weight:600; font-family:BlinkMacSystemFont, 'AppleSDGothicNeo', 'dotum', '돋움', sans-serif;} ul.list_mail li span.title {color:#aaa; font-weight:normal;} ul.list_mail li span.date {display:block; margin-right:6px;} ul.list_mail li span.ic_mail {vertical-align:top; margin-top:1px} ul.list_mail li span.ic_mail_read {vertical-align:top} ul.list_mail li span.ic_attach {vertical-align:top; margin: 3px 0 0 0!important} ul.list_mail li div.optional a {display: inline-block; padding:10px 6px 8px 16px} ul.list_mail span.status {margin-right:6px; color:#2EACB3; font-size:13px;} ul.list_mail span.count {font-size:13px} ul.list_mail span.ic_read_reply {vertical-align:top; margin-top:-1px} ul.list_mail span.ic_read_fw {vertical-align:top} ul.list_mail span.ic_noread_reply {vertical-align:top} ul.list_mail span.ic_noread_fw {vertical-align:top} ul.list_mail span.title {color:#aaa; font-weight:normal;} ul.list_normal.list_mail li:last-child {border-bottom:1px solid #eee!important} /* auto_mail */ ul.auto_mail {border:1px solid #CFCFCF; border-radius:4px; background:#f6f6f6} ul.auto_mail li {border-bottom:1px solid #E1E1E1} ul.auto_mail li:last-child {border-bottom:0} ul.auto_mail li span.txt {font-size:14px} ul.auto_mail li a {display:block; padding:6px} /* list_reply */ ul.list_reply li {position:relative; padding: 16px} ul.list_reply li.creat .file_wrap {margin: 16px 0 0 0;} ul.list_reply li.creat .img_wrap {margin: 16px 0 0 0;} ul.list_reply li.creat .thumb_append {margin: 16px 0 0 0;} ul.list_reply li.creat div.btn_wrap_writer {margin: 16px 0 0 0;} ul.list_reply li.current, ul.list_reply li.current ul.list_approval_reply li {background: #E9F5F6} ul.list_reply li div.btn_wrap_writer {position: relative; min-height: 36px} ul.list_reply li div.msg_wrap p.subject {margin-bottom: 0} ul.list_reply li div.msg_wrap ul.file_wrap li {padding-left: 0 !important} ul.list_reply li.last {border-bottom:0} ul.list_reply li span.photo {width: 32px; height: 32px} ul.list_reply li.depth1 div.msg_wrap {margin-left: 40px} ul.list_reply li.depth1 span.photo {position: absolute; top: 18px; left: 16px} ul.list_reply li.depth1 span.ic_reply {position: absolute; top: 8px; left: 10px} ul.list_reply li.depth2 div.msg_wrap {margin-left: 80px} ul.list_reply li.depth2 span.photo {position: absolute; top: 18px; left: 56px} ul.list_reply li.depth2 span.ic_reply {position: absolute; top: 11px; left: 30px} ul.list_reply li.view_option a.btn_type2 {margin-left:4px} ul.list_reply li.view_option {border-bottom:1px solid #ddd} ul.list_reply li.view_option span.num {color:#2EACB3} ul.list_reply li.view_option span {display:inline-block; margin-top:10px; font-size:14px; font-weight:bold} ul.list_reply li.view_option {padding:0 10px} ul.list_reply li.view_option {border-bottom:0} ul.list_reply li ul li {border:0; padding:0} ul.list_reply li.depth1, ul.list_reply li.depth2 {background: #fff} ul.list_reply li.creat span.ic_reply {position: absolute; top: 12px; left: 10px} ul.list_reply li:last-child {border-bottom: 0} ul.list_reply li.depth1 span.name {max-width:50%} ul.list_reply li.depth1 div.msg_wrap ul.file_wrap li span.item_file a.file_name span.txt_ellipsis {max-width:35%} ul.list_reply li.depth2 span.name {max-width: 40%} div.bar_current {width: 5px; height: 100%; background: #1c99a0} /* list_approval_reply */ ul.list_approval_reply li {position: relative} ul.list_approval_reply li div.msg_wrap div.bar_current {position: absolute; top: 0; left: 0} ul.list_approval_reply li.depth1 div.msg_wrap {margin-left: 22px} /* list_box */ ul.list_box {background:#fff;} ul.list_box > li:first-child {border-top:0;} ul.list_box > li {position:relative; border-top:1px solid #eee; background-color:#fff} ul.list_box li a.tit {display:block; position:relative; padding:12px 16px} ul.list_box li a.tit ul.file_wrap li {min-height:0} ul.list_box li a.tit ul.file_wrap li {min-height:0} ul.list_box li.notice {background:#f3fbfb} ul.list_box li.private {background:#f6f6f6} ul.list_box li a span.content {display:block; margin-top:4px; min-height:15px; max-height:32px; overflow:hidden; font-size:14px; color:#888} ul.list_box li a span.info {display:block; margin-top: 6px} ul.list_box li a span.info .writer {display:inline-block;} ul.list_box li a .opt {display: block; margin: 8px 0 0 0} ul.list_box li a .opt .wrap_ic {display: inline-block; margin: 0 16px 0 0} ul.list_box li a .opt .wrap_ic .ic_attach {vertical-align: middle; margin: -2px 0 0 0; opacity: 0.5} ul.list_box li a span.info span.form {max-width:30%; color:#4693a3} ul.list_box li a span.info span.reporter {max-width:30%; color:#999} ul.list_box li a span.info span.unreporter {max-width:30%; color:#c1713b} ul.list_box li span.subject {display:block; font-size:16px; font-weight:500;} ul.list_box li span.subject span {vertical-align: top} ul.list_box li span.subject span.ic.ic_new {vertical-align:baseline;} ul.list_box li span.subject span.txt {display:inline-block;} ul.list_box li .wrap_info + input + a.tit span.subject span.txt {width:72%;} ul.list_box li span.subject span.state+.txt, ul.list_box li span.subject span.state+.ic+.txt {display:block;} ul.list_box li span.subject span.read_no {font-weight:bold;} ul.list_box li span.subject .ic_exclamation {vertical-align: top; margin: 3px 2px 0 0} ul.list_box li span.subject span.date {font-size:16px; margin-right:7px} ul.list_box li span.subject span.title {font-size:16px; color:#aaa} ul.list_box li span.subject span.ic_appr_receive {vertical-align: middle; margin: -2px 4px 0 2px} ul.list_box li span.subject span.turn {font-size:16px} ul.list_box li span.optional {right:10px} ul.list_box.list_box_report li span.subject span.date, ul.list_box.list_box_report li span.subject span.title {color:#222;} ul.list_box.list_box_report li a span.info span.form {color:#999;} ul.list_box li.data_null {border:0; background:#fff; box-shadow:none} /* list_apprChk */ ul.list_apprChk li input {position:absolute; top:12px; left:16px;} ul.list_apprChk li input + .tit {margin:0 18px 0 46px; padding:12px 0;} /* list_box_report*/ ul.list_box_report li {min-height:60px;} ul.list_box_report li span.subject {margin-right: 60px} ul.list_box_report li span.btn_wrap {position: absolute; top: 14px; right: 8px;} ul.list_box_report li a span.info span {vertical-align: middle} /* list_box_survey */ ul.list_box li span.subject {line-height: 1.2; margin-bottom:0} ul.list_box li span.subject strong.head {margin: 0 4px 0 0} ul.list_box_survey li p.tit {padding: 10px 16px} ul.list_box.list_box_survey li .container {padding:10px 16px;} ul.list_box li div.container {padding:10px} ul.list_box li ul.survey_type1 li {margin-bottom:10px} ul.list_box li ul.survey_type1 li:last-child {margin-bottom:0} /* list_user_card */ div.report p.title {margin:15px 16px -5px; font-weight:bold} div.report .wrapper {margin:10px 16px} div.report .not {color:#f37247} div.report .card_item_horizon div.card_wrapper {padding:8px;} div.report .card_item_horizon div.card_wrapper span.photo {top:9px; left:8px;} .card_item_horizon {position: relative;border: 2px solid #fff; background-color:#fff; display:block} .card_item_horizon div.card_wrapper {height:40px; border:1px solid #cfd8df;} .card_item_horizon div.card_wrapper>a {display:block; width:100%; height:40px} .card_item_horizon div.card_wrapper>a span, .card_item_horizon div.card_wrapper>span {vertical-align:top} .card_item_horizon div.card_wrapper span.name {font-weight:bold; color:#444; font-size:14px} .card_item_horizon div.card_wrapper span.position {font-size:14px; margin-left:4px} .card_item_horizon span.photo {position: absolute; left: 1px;top: 1px;width: 40px;height: 40px} .card_item_horizon span.photo img {width:40px; height:40px} .card_item_horizon span.info {display: block; margin-left:50px; padding-top: 11px; margin-right:50px; position:relative; white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .card_item_horizon span.info span.num {display:inline-block; font-size:14px; color:#2EACB3 !important} .card_item_horizon span.info span.zero {display:inline-block; font-size:14px; color:#C0C0C0!important} .card_item_horizon span.btn_wrap {position:absolute; top:9px; right:0px; z-index:10} .card_item_horizon span.btn_wrap a.btn_report_write_s {display:block; width:40px; height:40px; background-position:-250px 0} .noti_box {margin: 10px 16px;padding: 8px;background: #f0fafa;border: 1px solid #c1ecdc;color: #37adb3; font-size:14px} .card_item_horizon span.report_private {position:absolute; bottom:1px; left:25px; width:16px; height:16px; background: #fff; z-index:100; text-align:center; border-radius:3px 0 0 0} .card_item_horizon span.report_private span.ic_lock {margin-top:2px} .card_item_horizon.on {border:2px solid #1da3aa} .card_item_horizon.on .card_wrapper {border-color:#1da3aa} p.not+.wrapper .card_item_horizon.on {border:2px solid #fb9861} p.not+.wrapper .card_item_horizon.on .card_wrapper {border-color:#fb9861} /* list_worksApp */ ul.list_app>li {min-height: 0} ul.list_app>li>a span.subject {display: inlnie-block} .list_app>li .tit .subject {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; font-size: 18px} .list_app>li .tit .subject .state {vertical-align: top; margin: 3px 2px 0 0} .list_app>li .btn_slide {display: inline-block; position: absolute; top: 0; right: 0; padding: 20px} .list_app>li .info li {border-bottom: 0!important; min-height: 0} .list_app>li .info li {color: #888; font-size: 14px; margin: 6px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%} .list_app>li .info li span {color: #999; font-size: 14px; margin: 0} .list_app>li .tit .info {display:block; margin: 10px 0 0 0} /* list_app_search */ .list_app_search li .tit {padding: 10px 10px 10px 0!important} .list_app_search li .tit {margin: 0 0 0 46px} .list_app_search li input { display: inline-block; position: absolute; top: 10px; left: 8px; } /* list_tag */ ul.tool_tag li a.tit {position:relative; padding-left:35px} ul.tool_tag li a.tit span.ic_tag {position:absolute; top:16px; left:10px;} /* report */ .report header.article_header {position: relative;border-bottom: 1px solid #eee; padding: 0 16px 10px 16px; margin-top:10px} .report header.article_header h2 {margin-bottom:12px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .report header.article_header span.photo {position: absolute; display: inline-block; top:1px; width: 40px;height: 40px;overflow: hidden} .report header.article_header h2 + span.photo {top:35px;} .report header.article_header h2 + span.photo + .info + .wrap_fontsize, .report header.article_header h2 + span.photo + .info + .wrap_fontsize + .btn_share {top:36px;} .report header.article_header div.info {position:relative; height:42px; margin-left:46px} .report header.article_header div.info span.name {color: #333;font-size: 15px;margin-top:2px} .report header.article_header div.info span.date {color: #999;font-size: 13px; margin-top:4px; display: block} .report header.article_header div.info span.count {vertical-align: middle} .report header.article_header h2.single_title {margin-bottom:-5px !important} .report header.article_header h2.search_title {font-weight:normal; font-size:17px; margin-bottom:-5px} /* activity_record */ .activity_record header.article_header {margin-top:10px; padding:0 16px 10px;} .activity_record header.article_header div.info {position:relative; height:42px; margin-left:46px} .activity_record header.article_header div.info span.name {color: #333;font-size: 15px;margin-top:2px} .activity_record .tool_bar {border:0;} .activity_record .tool_bar .critical {left:0;} .activity_record .tool_bar .optional {right:0;} .activity_record .plus_num {margin-left:4px; color:#333;} .activity_record div.tool_bar div.critical a:first-child {margin-left:0;} /* cmt */ div.cmt textarea {height:60px} div.msg_wrap textarea {height:34px; margin-top:10px} /*mobile board comment - float:left */ .board_reply div.msg_wrap { } .board_reply div.msg_wrap textarea{ margin-top: 0px !important; } .board_reply div.article_wrap {line-height: 20px; clear: both; min-height:auto;} .board_reply div.article_wrap span.writer { } .board_reply div.article_wrap span { display: inline-block; *display: block; *zoom: 1; height:20px; line-height: 20px; box-sizing:border-box; float:left; } .board_reply div.article_wrap .part { margin:0px 2px ; } .board_reply div.info { height: 20px; line-height: 20px; clear: both; } div.info.apprflow { height: 23px !important; line-height: 20px; clear: both; } div.info.apprflow + .list_reply p.subject { padding-top:5px; } .board_reply div.info span { display: inline-block; *display: block; *zoom: 1; height:20px; line-height: 20px; box-sizing:border-box; float:left; } .board_reply div.info span.part { margin:0px 2px ;} .board_reply div.info .txt_ellipsis { display: inline-block; *display: block; *zoom: 1; height:20px; line-height: 20px; box-sizing:border-box; } /* img_wrap */ ul.img_wrap {width:100%} ul.list_reply .img_wrap li {padding: 0 0 6px 0} ul.img_wrap li {position:relative; display: inline-block; width:100px; vertical-align: top; margin-right:2px; margin-top:2px; border:1px solid #eaeaea;} li.create ul.img_wrap li, .option_display ul.img_wrap li {height:120px;} ul.img_wrap li:last-child {margin-right:0} ul.img_wrap li span.item_image, ul.img_wrap li span.item_image span.thumb {display:inline-block; } li.create ul.img_wrap li span.item_image span.thumb, .option_display ul.img_wrap li span.item_image span.thumb {display:inline-block; overflow: hidden; width:100px; height:70px; background-color:#f4f4f4; text-align:center} .msg_wrap ul.img_wrap li a.imageview {display:inline-block; overflow:hidden; width:100px; text-align:center; position: static} .msg_wrap ul.img_wrap li a.imageview img {border:1px solid #eaeaea;} ul.img_wrap li span.item_image span.thumb img {display:block; width:100%; margin: auto; max-height:100px;} ul.img_wrap li span.item_image span.img_tit {display:inline-block; margin-top:6px; width:80px; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; white-space:nowrap;} ul.img_wrap li span.item_image span.img_tit, ul.img_wrap li span.item_image span.txt {font-size:13px;} ul.img_wrap li span.item_image span.txt {display:block; color:#999;} ul.img_wrap li span.btn_wrap {background:#fff; border-radius:5px; width:24px; height:24px; line-height:24px; text-align:center} ul.img_wrap li span.btn_wrap ic_del {vertical-align:middle} li.create ul.img_wrap li a, .option_display ul.img_wrap li a {position:absolute; bottom:24px; right:0} /* ul_img_wrap */ ul.img_wrap {overflow:hidden;} a.btn_reply_wrap {margin-top:6px; display:block; height: 38px; line-height:38px; text-align:center; border: 1px solid #dadbdd; background-color: #f7f7f7;} a.btn_reply_wrap span.txt {font-weight:bold} /* list_board */ ul.list_board li a span.subject span.wrap_feedPlus span.ic_feedPlus {width: 14px; height: 13px} ul.list_board li a span.info span.name {max-width: 100%} ul.list_board li a span.info span.num {color: #aaa} ul.list_board li a span.info span.category {max-width: 100%} ul.list_board li a span.subject {color:#aaa;} ul.list_board li a span.subject span.title {color:#aaa;} ul.list_board li a span.subject span.txt_ellipsis {max-width: 100%} ul.list_board li a span.subject span.ic_new {vertical-align: top; margin: 4px 0 0} ul.list_board li a span.info span.plus {margin-left:2px} ul.list_board li a span.info span.plus span.ic_plus_type2 {vertical-align:top; margin-top:3px} ul.list_board li a span.optional {top: 10px; right: 8px} ul.list_board li a span.optional span.ic_reply_bubble span.plus_num {margin-left:3px} ul.list_board li .chk {display:inline-block; position:absolute; top:13px; left:10px} ul.list_board li span.plus_wrap {padding:0; border:0; margin:0} ul.list_board li a span.ic_arrow_type2 {position:absolute; top:20px; right:10px} ul.list_board li.notice {background:#f4f4f4; min-height:0} ul.list_board li.notice .count {color:#ffbaa4!important} ul.list_board li.notice.read_no .count {color:#f37247!important} /* list_comm_joinlist */ ul.list_comm_joinlist li span.subject span.txt_ellipsis {max-width:73%} ul.list_comm_joinlist li span.section_txt {padding-left:6px; border-left:1px solid #c9c9c9;color: #999; font-size: 13px; margin-left:6px} ul.list_comm_joinlist li span.section_txt span.num {word-wrap:break-word; } /* list_side */ div.go_side {background:#fff; width:280px} div.go_side h3 span.btn_wrap {display:block; height:48px; line-height:47px; padding:0 24px; background:#fff} div.go_side h3 span.btn_wrap span.txt_ellipsis {margin-top:26px; color:#929aa1; font-weight:normal;} div.go_side ul li {position:relative; } div.go_side ul li a {display:block;} div.go_side ul li span.txt_ellipsis {max-width:205px; color:#333; line-height:1.1; padding-right: 2px;} div.go_side ul li span.btn_wrap {display:block; height:41px; line-height:45px; padding:0 24px; position:relative;} div.go_side ul li span.btn_wrap .num {display:inline-block; margin:-6px 0 0 2px; line-height:1.1; vertical-align:middle; color:#aaa;} div.go_side ul li span.btn_wrap input, div.go_side ul li span.btn_wrap .txt_ellipsis {margin-top:-6px; vertical-align:middle;} div.go_side ul li span.btn_wrap input+.txt_ellipsis {max-width:180px;} div.go_side ul li span.btn_wrap input {margin-right:6px;} div.go_side ul li span.btn_wrap span.txt {color:#929aa1} div.go_side ul li span.btn_wrap span.ic_favo, div.go_side ul li span.btn_wrap span.ic_side {display:none; vertical-align: top; margin-top: 11px} div.go_side ul li span.btn_wrap span.ic_side.ic_board_secret {display:inline-block!important; margin-left:0!important;} div.go_side ul li span.btn_wrap span.ic_side.ic_classic_share, div.go_side ul li span.btn_wrap span.ic_side.ic_feed_share {display:inline-block!important; width:18px; height:18px; background-position:0 -550px;} div.go_side ul li span.btn_wrap span.ic_mail_read {margin-top:7px} div.go_side ul li span.btn_wrap span.chip {display:inline-block; position:absolute; top:15px; right:20px; width:10px; height:10px; border-radius:10px;} div.go_side ul li span.optional {top:2px; right:10px; padding-left:10px;} div.go_side ul li span.optional a {display:inline-block; padding:10px;} div.go_side ul li span.btn_wrap a {width:32px; height:30px; padding:0; line-height:0} div.go_side ul li span.ic_root {vertical-align:top; margin:14px -6px 0 0; opacity:0.6;} div.go_side ul li span.count {color:#aaa; vertical-align:2px} div.go_side ul li span.btn_wrap > span.ic_board_secret + .txt_ellipsis { max-width: 186px; } div.go_side ul.works_view li {padding:8px 24px 0;} div.go_side ul.works_view li:first-child {padding-top:0;} div.go_side ul.works_view li a {padding:8px; border-radius:4px; background:#F9FAFB;} ul.side_depth li.folder {border-bottom:0} ul.side_depth li ul li span.optional a, ul.side_depth li ul li ul li span.optional a {padding:0} ul.side_depth li ul li p.title a {padding-left: 10px} ul.side_depth li ul li ul li p.title a {padding-left: 30px} ul.side_depth li ul li ul li ul li p.title a {padding-left: 45px} ul.side_depth li ul li ul li ul li ul li p.title a {padding-left: 60px} ul.side_depth li ul li p.title span.btn_wrap span.txt_ellipsis {max-width: 200px} ul.side_depth li ul li ul li p.title span.btn_wrap span.txt_ellipsis {max-width:184px} ul.side_depth li ul li ul li ul li p.title span.btn_wrap span.txt_ellipsis {max-width:168px} ul.side_depth li ul li ul li ul li ul li p.title span.btn_wrap span.txt_ellipsis {max-width:152px} ul.side_depth li ul li a {padding-left: 10px;} span.ic_tag {display: inline-block; position: relative; top: 0; width: 10px; height: 10px; margin: 0 6px 0 0} span.ic_tag span.tail_r {border-bottom: 6px solid transparent; border-style: solid; border-top: 6px solid transparent; border-width: 6px 0 6px 6px; right: -7px; top: -1px} span.ic_tag span.tail_r span {border-bottom: 5px solid transparent; border-style: solid; border-top: 5px solid transparent; border-width: 5px 0 5px 5px;right: 2px; top: -5px} span.ic_tag span {position: absolute; width: 0; height: 0} /* list_address */ ul.list_address li {min-height: 60px!important} ul.list_address li a.tit {margin-right:130px; min-height:36px; padding:12px 16px;} ul.list_address li a.tit .photo {top: 12px} ul.list_address li div.info {margin:0!important; padding-left:46px; width:100%; box-sizing:border-box;} ul.list_address li div.info .part {margin-top:0!important;} ul.list_photo.list_address li div.optional {top:15px;} ul.list_photo.list_address li .optional span.btn, ul.list_photo.list_address li .optional a.btn {margin-top:0; margin:0 0 0 8px; padding:4px;} ul.list_photo.list_address li div.info {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} ul.list_photo.list_address li div.info span.name {margin-top:0;} /* list_photo */ ul.list_normal.list_photo li div.photo {top:12px;} ul.list_normal.list_photo li div.info {margin-top:0;} ul.list_photo li {min-height:52px; position:relative; border: 0} ul.list_photo li.creat {min-height:0} ul.list_photo li div.photo {position:absolute; top:8px; left:16px} ul.list_photo li div.photo img {width:37px; height:37px} ul.list_photo li div.info {margin-left:42px; } ul.list_photo li div.info span.name {display:block; margin-top:4px; color:#333; font-weight:500;} ul.list_photo li div.info>span.name {margin-top:0;} ul.list_photo li div.info>span {color:#999; font-size: 14px} ul.list_photo li div.info span.mail {color:#999; font-size:13px} div.photo img {border-radius:8px} ul.list_photo li div.optional {right:12px} ul.list_photo li div.optional span {margin-top:8px; margin-right:7px} ul.list_photo_ipt {margin-bottom:10px;} ul.list_photo_ipt li input {display:block; position:absolute; top:22px; right:16px; left:initial;} ul.list_photo_ipt li a {margin-left:16px; margin-right:55px;} ul.list_photo_ipt li div.photo {position:absolute; top:12px; left:0} ul.list_photo_ipt li div.info {margin-left:30px; margin-top:0; width:100%;} ul.list_photo_ipt li div.info span.name {max-width:100%} ul.list_photo li a.btn {padding:0; margin-top:8px; margin-right:7px} /* list_type3 */ dl.list_type3 dd:last-child {border-bottom:0} dl.list_type3 dt {padding:4px 16px; margin-top:-1px;} dl.list_type3 dt span.txt{font-size:16px; font-weight:bold;} dl.list_type3 dt span.txt+span.txt {margin-left:4px;} dl.list_type3 dd {min-height:25px} dl.list_type3 dd a {display:block; position:relative; padding:10px 16px} dl.list_type3 dd span.time {font-size:14px;} dl.list_type3 dd span.ic {position:absolute; top:50%; margin-top:-6px; right:10px} dl.list_type3 dd .wrap_photo+.info {margin-left:74px; margin-right:20px; padding-top:1px;} dl.list_type3 dd .info .btn_secret {margin-right:2px;} dl.list_type3 dd .info .btn_secret, dl.list_type3 dd .info .txt_ellipsis {vertical-align:middle;} dl.list_type3 dd+dt {margin-top:12px;} dl.list_type3 dd .wrap_photo {position:absolute; left:40px;} /* list_type4 */ dl.list_type4 dt {padding:16px 16px 2px 16px} dl.list_type4 dd input[type='checkbox'] {vertical-align: top; margin: 2px 0 0} dl.list_type4 dd label {display:inline-block; vertical-align: top; margin: 2px 0 0 4px;} dl.list_type4 dd {position: relative; padding:0 16px 16px 16px; border-bottom:1px solid #eee} dl.list_type4 dd .wrap_option {margin-right: 5px} dl.list_type4 dd a.btn_type5 {position: absolute; bottom: 8px; right: 8px} dl.list_type4:last-child {border-bottom:0} dl.list_type4 dt {margin-bottom:2px} dl.list_type4 dt span.txt {font-size:14px; font-weight:bold; color:#aaa} dl.list_type4 dd ul.name_tag {margin-top:4px} dl.list_type4 dd .opt_emergency .desc {font-size: 13px; line-height: 1.5; margin: 8px 0 0 0; color: #888;} /* list_type6 */ section.list_type6 {padding-top:10px; background: #f3f3f3; -webkit-box-shadow: inset 0 1px 0 #c6c6c6; box-shadow:0 0 2px rgba(0,0,0,0.1);} section.list_type6 header {background:#fff;} section.list_type6 > ul {margin: 8px} section.list_type6 header {display: block; position: relative; padding: 14px 16px 10px; z-index:10; } section.list_type6 span.tit {font-size:18px; font-weight: bold} section.list_type6 span.num {display:inline-block; vertical-align:top;} section.list_type6 .feed_contents_wrap > ul > li {margin-bottom:1px;} /* list_recept */ ul.list_recept li {padding:10px} ul.list_recept li {padding:10px} ul.list_recept li span.name {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; max-width:100%} ul.list_recept li span.status {font-size:13px; color:#999} ul.list_recept li span.status strong {color:#2EACB3; font-weight:normal} ul.list_recept li div.btn_wrap {margin-top:6px} ul.list_recept li a {display:inline-block; padding:0 6px} /* form_type */ table.form_type {width:100%; table-layout:fixed; background:#fff;} table.form_type tbody tr th {text-align:left; vertical-align:top; width:66px} table.form_type tbody tr th span.title {display:inline-block; margin-top: 11px} table.form_type tbody tr td {padding-top: 6px; padding-bottom: 6px; height:34px; text-align: left} table.form_type tbody tr td ul.name_tag {margin-bottom:-5px} table.form_type tbody tr td textarea {height:140px} table.form_type tbody tr th span.title {font-size: 14px; color:#999; font-weight:bold;} /* table.form_type tbody tr td div.btn_wrap {text-align:right; margin-top:-4px} */ table.form_type tbody tr td div.btn_wrap a {display:inline-block} table.form_type tbody tr td div.vertical_wrap {position:relative} table.form_type tbody tr td span.term {position:absolute; top:12px; right:0} table.form_type tbody tr td table.tb_option tr td {padding-top:0} table.form_type tbody tr td span.vertical_wrap {margin-bottom:5px} table.form_type tbody tr td span.btn_item_add {margin-top:0px} table.form_type tbody tr td div.div_ipt + a span.btn_item_add {margin-top:6px} table.form_type tbody tr td input.wfix_small {margin-right:2px} table.form_type tbody tr td div.meta_info_wrap {margin:6px 0 0} table.form_type tbody tr td span.option_wrap {margin:6px 5px 6px 0} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag {margin-top:4px; overflow:hidden} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li {border-radius:2px; padding:0 3px 1px} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li span. {border-radius:2px; padding:3px} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat {background:none; border:0; padding:0; margin:0} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat span.btn_wrap {margin:6px 0 0 6px} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat_block {background:none; border:0; padding:0; margin:0; width:100%} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat textarea {border:0; box-shadow:none} table.form_type tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat div.addr_input textarea {height: 26px; margin-bottom: 5px; outline:0;} table.form_type tbody tr td div.add_tag ul.name_tag {margin:5px 0 0 0} .form_type .txt_error {margin:10px 0} /* table.form_view */ table.form_view tbody tr th span.title {margin-top:10px} table.form_view tbody tr td {height:25px} .div_ipt {padding:0 5px; border:1px solid #cfcfcf; border-radius: 5px; min-height: 33px; line-height: 30px; background:#fff;} .div_ipt .name_tag li {position: relative} .div_ipt .name_tag li .name {margin: 4px 18px 0 0} .div_ipt .name_tag li .btn_wrap {position:absolute; top:1px; right:3px; margin:0} /* tb_attachFile */ table.tb_attachFile {font-size: 14px !important} /********** table mail_write **********/ table.tb_mail_write tbody tr th {width:65px;} table.form_type tbody tr td input::placeholder, table.form_type tbody tr td textarea::placeholder {color:#d5d5d5;} .go_search input::placeholder, .go_search textarea::placeholder {color:#d5d5d5;} table.tb_mail_write tbody tr td, table.tb_mail_write tbody tr td div.div_ipt_wrap {position:relative} table.tb_mail_write tbody tr td span.optional_bottom {bottom:8px} table.tb_mail_write tbody tr td span.btn_wrap span.txt {color:#999} table.tb_mail_write ul.auto_mail {margin-top:-1px} /* table */ /* tb_calendar_write */ table.tb_calendar_write tbody tr td span.alarm_wrap a {display:inline-block; padding:5px;} table.tb_calendar_write tbody tr td span.alarm_wrap a span.btn_alarm_del {vertical-align:top;} table.tb_calendar_write tbody tr td div.btn_repeat {margin: 10px 0} table.tb_calendar_write tbody tr td .add_tag .btn_wrap { margin-top: 0px; } /* tb_option */ table.tb_option {width:100%} table.tb_option tr td {width:50%; padding-right:6px} table.tb_option tr td:last-child {padding-right:0} /* board */ div.board header.article_header h2 {line-height: 1.3} /* div.board header.article_header div.info {margin-right:105px} */ /* div.board header.article_header div.info:nth-child(1) {margin-top:5px} */ div.board header.article_header div.info .name {margin-top:0} /* classic_detail */ section.classic_detail header.article_header {position:relative; border-bottom:1px solid #eee; background:#fff;} section.classic_detail section.article_reply {margin-top:6px; background:#fff;} section.classic_detail header.article_header .btn_zoom {display: inline-block; position: absolute; top: 10px; right: 10px; padding: 10px} section.classic_detail header.article_header h2 {padding:4px 16px 6px; font-size: 20px; font-weight:bold; line-height:1.4;} section.classic_detail header.article_header h2 span.date {display:block; margin-top:6px; font-size:13px; font-weight:normal;} section.classic_detail header.article_header h2 .utility {position:absolute; bottom:13px; right:18px;} section.classic_detail header.article_header h2 .utility a {padding:6px; vertical-align:midddle;} section.classic_detail header.article_header h2 select {font-size: 20px;} section.classic_detail header.article_header h2 select option {font-size: 14px;} section.classic_detail header.article_header div.optional {bottom: 0; top: none; bottom: 0; right: 8px} section.classic_detail header.article_header h2 span.state {vertical-align: middle} section.classic_detail header.article_header h2 span.ic_reply_bubble {vertical-align:top} section.classic_detail header.article_header div.article_wrap span {color:#999; float: inherit !important;} section.classic_detail header.article_header div.article_wrap div.info span.part, section.classic_detail header.article_header div.article_wrap span.part {vertical-align: top !important; margin: 0px 0px 0px 0px !important;} section.classic_detail header.article_header div.article_wrap span.writer { vertical-align: top !important;} section.classic_detail header.article_header div.article_wrap span.txt { vertical-align: top !important; margin: 0px 0px 0px 0px !important; } div.article_wrap dl.article_explain {position:relative; font-size:14px;} div.article_wrap dl.article_explain dt, div.article_wrap dl.article_explain dd {height:30px; line-height:30px;} div.article_wrap dl.article_explain dt {position:absolute; top:0; margin-right:10px; min-width:70px; color:#aaa;} div.article_wrap dl.article_explain dd {margin-left:80px;} div.article_wrap dl.article_explain dd select {height:30px; padding-top:0; padding-left:0; line-height:normal; border:0;} section.classic_detail header.article_header div.info span.date {display:block} section.classic_detail header.article_header button.btn_more_item {width:100%; height:44px; border-top:1px solid #eee; box-sizing:border-box; border-width:1px 0 0; background:#fff; color:#aaa; font-size:13px;} section.classic_detail header.photo_type {padding-left:66px} section.classic_detail header.photo_type div.info span.name {font-size:15px; color:#333; margin-bottom:2px; margin-top: 0px !important;} section.classic_detail header.photo_type div.info span.option {font-size:12px; color:#999} section.classic_detail header.photo_type span.photo {position: absolute; top: 1px; left:16px} section.classic_detail header.article_header div.meta_wrap {position:absolute; top:4px; right:10px} section.classic_detail header.article_header div.meta_wrap a.btn_type2 {margin-bottom:2px} /* calander_header */ section.classic_detail header.calander_header div.article_wrap span.date {display:block; font-size:16px; color:#333;} section.classic_detail header.calander_header div.article_wrap span.txt {color:#333;} span.plus_wrap {display:inline-block; border-right:1px solid #d9d9d9; padding-right:8px; margin-right:8px} span.plus_wrap span.ic {margin:0 0 -10px -6px} span.plus_wrap span.num {display:block; margin-top:2px; font-size:16px} span.plus_on span.num {color:#2EACB3} span.plus_off span.num {color:#999} div.plus_action span.btn_plus_favo {vertical-align:top} .calander_header h2 { box-sizing:border-box; display: inline-block; position: relative; } .calander_header h2 span.state { } .calander_header h2 span.ic.ic_lock { position: absolute; top: 6px; left: 18px; } .calander_header h2 span.txt { line-height: 1.2!important; box-sizing:border-box; display:block; margin-top: -2px; vertical-align: top; margin-top: -2px; } .calander_header h2 span.ic.ic_lock + span.txt { text-indent: 20px; } .article_header .article_wrap {position:relative; padding:0 16px 15px; clear: both; box-sizing:border-box; display: inline-block; width: 100%; margin: 0; min-height:55px;} .article_header .article_wrap .info {clear: both;} .article_header .article_wrap span { height:20px; line-height: 20px; vertical-align: top !important; box-sizing:border-box; float:left; display: inline-block; *display: block; *zoom: 1} .article_header .article_wrap span.part { margin: 0px 0px; } /* board_reply */ div.board_reply header.article_header h2 {margin-bottom: 2px; padding-bottom:0;} div.board_reply header.article_header h2 span.txt_ellipsis {vertical-align:middle;} div.board_reply header.article_header h2 span.txt_ellipsis > ol li:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > ul li:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > span:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > div:first-child, div.board_reply header.article_header h2 span.txt_ellipsis > p:first-child {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%} div.board_reply header.article_header h2 span.num {display: inline-block; vertical-align: middle; margin-top: -1px} div.board_reply.report header.article_header h2 {margin-bottom:5px} header.article_header h2 span.txt_ellipsis {max-width:84%} /* artivle_view */ article.article_view {padding:16px; line-height:1.5; background:#fff;} article.article_view > div {width:100%;} article.article_view p.txt {line-height:1.5; margin-bottom:14px} article.article_view ul.img_wrap {margin-bottom:14px; padding:0 16px; overflow:hidden} article.article_view div.option_display {border: 0; padding: 0} article.article_view .alert_wrap {box-shadow:border-box;} /* mail_view */ section.mail_view header.article_header {padding:10px 16px!important;} section.mail_view header.article_header span.btn_more {position:absolute; bottom:auto; top:0px!important; right:-44px; padding:2px 10px 8px} section.mail_view header.article_header h2 span.btn_wrap span.ic_important_on, section.mail_view header.article_header h2 span.btn_wrap span.ic_important_off, section.mail_view header.article_header h2 span.btn_wrap span.ic_zoom {vertical-align:top;} section.mail_view header.article_header h2 span.btn_wrap span.ic_important_on {margin:4px 2px -3px 0} section.mail_view header.article_header h2 span.btn_wrap span.ic_important_off {margin:4px 2px -4px 8px} section.mail_view header.article_header h2 span.btn_wrap span.ic_zoom {margin:4px 2px -4px 6px} section.mail_view article.article_view .photo {display:initial; width: initial; height: initial; border-radius: initial;} /* table_report */ table.list_report tr th {width:70px; text-align:left; vertical-align:top} table.list_report tr th span.title {display: inline-block; font-weight: normal; color: #999; text-align: left; margin-top:4px; font-size: 13px} table.list_report span.date {display:inline-block; margin-top:4px; font-size:13px} /* name_tag */ ul.name_tag>li {display:inline-block; background: #e2f5f6; border-radius:18px; border:1px solid #c2dde6; min-height:22px; margin:0 8px 4px 0; padding:0 8px} ul.name_tag>li.creat {position:relative} ul.name_tag .creat .ic_addlist {vertical-align: middle; margin: 2px 4px 0 0} ul.name_tag li.edit {background: #FDFBE2; border: 1px solid #dad8be} ul.name_tag li span.name {display: inline-block; font-size: 13px; color:#888} ul.name_tag li span.ic_del {vertical-align: middle; margin: 0 0 0 4px} ul.name_tag li .btn_wrap {margin: 0} ul.name_tag li.invalid {border-color: #f4c5b7!important; background:#fddddb; color:#e96e5e} ul.name_tag li.invalid span.name, ul.name_tag li.invalid input.edit {color:#e96e5e} div.list_employee_new ul.name_tag a .depart, .list_normal li .depart, .approval_line .depart {display:inline-block; width:36px; height:36px; background:#c9c9c9; border-radius:100%; overflow:hidden; text-align:center;} .list_normal li .depart {position:absolute; top:12px; left:0;} .list_normal li .multi_company {position:absolute; top:10px; left:46px;} .list_normal li .multi_company span.txt {font-size:12px; color:#bbb;} .list_normal li .multi_company+.depart+.info .name {margin-top:18px; line-height:20px;} .list_normal li .depart+.info .name {display:inline-block; margin-top:0; line-height:36px; max-width:80%;} div.list_employee_new ul.name_tag a .depart .txt, .list_normal li .depart .txt, .approval_line .depart .txt {margin-top:0; line-height:36px; font-weight:500; color:#fff;} div.list_employee_new ul.name_tag a .name {display:block; width:100%; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} div.list_employee_new ul.name_tag a .name_option {margin-top:0; font-size:12px; color:#aaa;} /* name_tag */ ul.name_tag_type2 li {display:inline-block; background:#000; min-height:22px; margin:0 2px 4px 0; padding:4px 8px} ul.name_tag_type2 li.edit {background: #FDFBE2; border: 1px solid #dad8be} ul.name_tag_type2 li span.name {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; font-size: 13px; color:#fff} ul.name_tag_type2 li span.ic_del {vertical-align:top; margin:3px 2px 0 6px} ul.name_tag_type2 li span {display:inline-block; vertical-align:top; margin-top:3px} /* file_wrap */ .article_view div.wrap_attach {margin-top:10px;} .article_view div.wrap_attach div.add_file div.add_file_header {padding:10px; border:1px solid #e6e6e6;} div.wrap_attach div.add_file div.add_file_header {background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 14px 16px; margin-bottom: -1px} div.wrap_attach div.add_file div.add_file_header span.subject {display:inline-block;font-size:15px;color:#333;} div.wrap_attach div.add_file div.add_file_header span.ic_file_s, div.wrap_attach div.add_file div.add_file_header span.ic_connect_doc {display:inline-block; vertical-align: top; margin: 1px 2px 0 0} div.wrap_attach div.add_file div.add_file_header span.subject span.size, div.add_file div.add_file_header span.btn_area {display: none} div.wrap_attach div.add_file div.add_file_header span.subject span.desc {font-size:90%} .article_view div.wrap_attach div.add_file ul.file_wrap li {right:0;} div.wrap_attach div.add_file ul.file_wrap li .optional {top:0px; right:8px;} ul.list_comp > li {margin-top:1px;} ul.file_wrap > li {position:relative; margin-top:1px; padding: 4px 90px 4px 8px !important; background: #f0f0f0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; } ul.list_comp > li {padding: 0!important; background: none;} ul.list_comp > li.comp:first-child, ul.file_wrap > li:first-child {margin-top:0;} ul.list_comp li span.name {display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; padding-right: 2px;} ul.list_comp li .wrap_ic_file {position: relative; top: -2px;} ul.file_wrap li span.item_file {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} ul.file_wrap li span.item_file span.ic_file {margin: 5px 6px 5px 4px} ul.file_wrap li span.item_file span.size {margin: 0 0 0 2px} ul.list_comp li.comp span.name, ul.file_wrap li span.item_file span.name, ul.file_wrap li span.item_file span.data, ul.file_wrap li span.item_file span.size {vertical-align:middle;} ul.file_wrap li .item_file span.date {margin: 0 0 0 4px; color:#666; font-size:90%} ul.file_wrap li span.optional a.btn_fn4 {display: inline-block; padding: 7px 6px; background: none} ul.file_wrap li span.optional a.btn_fn4 span.txt {text-indent: -1000em} ul.file_wrap li span.item_file span.optional a.btn_fn4 {vertical-align: top; } ul.file_wrap li span.item_file span.optional a.btn_fn4.btn-download { padding: 8px 6px; } ul.file_wrap li.etc {line-height:30px; height:30px; padding-right:10px} ul.file_wrap li.etc span.txt {font-size:90%; color:#666} ul.file_wrap li.etc span.txt strong {color:red; font-weight:normal} div.option_display ul.file_wrap > li {padding-right: 85px !important;} /* file_wrap_sian2 */ ul.file_wrap_sian2 > li {position:relative; background: #F7F7F7; border: 1px solid #e6e6e6!important; margin-bottom: -1px!important} ul.file_wrap_sian2 li .item_file {display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 40px; line-height: 40px; font-size:14px; padding: 0 40px 0 8px} ul.file_wrap_sian2 li .item_file span.ic_attach {vertical-align: top; margin: 12px 2px 0 0} ul.file_wrap_sian2 li .item_file span.ic_file {vertical-align: top; margin: 9px 4px 0 0} ul.file_wrap_sian2 li .item_file span.size {margin: 0 0 0 2px} ul.file_wrap_sian2 li a.ic_more {position: absolute; top: 0; right: 0} ul.file_wrap_sian2 li a.ic_del {position: absolute; top: 0; right: 0} ul.file_wrap_sian2 li div.array_option {position: absolute; bottom: 6px; right: 4px} sul.file_wrap_sian2 li span.optional {top: 10px} ul.file_wrap_sian2 li span.optional a.ic_nav_wrap {padding: 15px 10px 5px 10px; border: 1px solid red} /* file_wrap_normal */ ul.file_wrap_normal li {border: 0!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:24px; line-height: 24px; min-height: 0!important} ul.file_wrap_normal li span.ic_file {vertical-align: top; margin: 0 4px 0 0} ul.file_wrap_normal li span.wrap_option span.ic_file {margin-top: -1px} /* article_reply */ section.article_reply div.reply_wrap ul.list_reply li div.msg_wrap > div.btn_wrap, section.article_reply div.reply_wrap ul.list_reply li div.msg_wrap > div > div.btn_wrap {margin-top: 16px} /*div.info span.name, div.info span.date {color:#999; vertical-align: middle}*/ div.info span.name, div.info span.date {color:#999; vertical-align: top;} div.info span.part {font-size:13px; margin-top:3px!important; vertical-align: top;} section.article_reply div.info span.part {margin-top:0!important;} section.article_reply ul.file_wrap > li span.item_file {margin-left: 8px} section.article_reply ul.file_wrap > li span.name {max-width:100%} /* notice */ div.notice {text-align:center; margin-top:20px; padding:0px; border-top: 1px solid #CFCFCF} div.notice:first-child {border-top: 0} div.notice span.ic_notice {margin:40px auto 30px} div.notice h2.title {word-break:keep-all; line-height:1.5} div.notice h2.title:first-child {margin-top:100px} div.notice p.title {margin:0 16px 6px; font-size: 18px; font-weight: bold} div.notice .msg {margin:30px 0 30px 0; } div.notice ul li {text-align:left; margin-bottom:2px} div.notice .page_action_wrap a {margin-top:5px} /* calander */ section.calendar_tool_bar {position:relative;} section.calendar_tool_bar div.current_date {height:50px;} section.calendar_tool_bar div.current_date span.date {display:inline-block; vertical-align:top; margin:13px 4px 0 4px; font-weight:600;} section.calendar_tool_bar div.current_date a, .wrap_num_header a {display:inline-block; padding:16px;} section.calendar_tool_bar div.critical {top:8px; left:16px} section.calendar_tool_bar div.optional {top:8px; right:16px} div.current_date {text-align:center; height:30px} div.current_date span.date {font-size:18px; color:#333} div.calendar_month .tb_calendar th {font-size:14px;} /* feed */ .feed_contents_wrap {position:relative} .feed_contents_wrap>ul>li {margin-bottom: 10px; background-color:#fff; overflow: hidden} .feed_contents_wrap>ul>li.feed_time {position:relative; box-shadow:none; background:transparent; border:0; overflow: visible} .feed_contents_wrap div.article {position:relative; padding: 16px; box-sizing:border-box;} .feed_contents_wrap .article_header {padding:10px;} .feed_contents_wrap div.article.editor_view {margin:0 0 16px 0;} .feed_contents_wrap ul.feed_type li div.article div.meta_wrap {/* position:absolute; top:10px; right:10px */} .feed_contents_wrap ul.feed_type li a.btn_wrap span {display:inline-block} .feed_contents_wrap div.file_wrap,.feed_contents_wrap p.article, .feed_contents_wrap div.img_wrap,.feed_contents_wrap div.meta_info_wrap, .activity_record .article_view .article {margin-bottom:10px} .feed_contents_wrap div.info {position:relative; margin:1px 0 8px 50px; height:48px} .feed_contents_wrap div.info span.name {position:absolute; top:2px; color:#333; font-size:15px} .feed_contents_wrap div.info span.date {position:absolute; top:22px; left:0; color:#999; font-size:13px} .feed_contents_wrap div.tool_bar_bottom {margin:0 16px; border-top:1px solid #eee; background:#fff;} .feed_contents_wrap div.tool_bar_bottom div.critical {left:0;} .feed_contents_wrap div.tool_bar_bottom div.optional {right:0;} .feed_contents_wrap div.tool_bar_bottom div.optional a.btn_plusList {vertical-align: top; padding: 8px 2px; letter-spacing:-2px} .feed_contents_wrap span.plus_wrap {display:inline-block; overflow:hidden} .feed_contents_wrap span.plus_wrap span.ic_plus_bubble_active,.feed_contents_wrap span.plus_wrap span.ic_plus_bubble, .feed_contents_wrap span.plus_wrap span.num {display:inline-block; vertical-align:middle;margin:0 !important} .feed_contents_wrap span.plus_wrap span.ic {margin:0 -2px -8px 0} .feed_contents_wrap span.plus_wrap span.ic_plus_type2 {vertical-align:top; margin-top:3px} .feed_contents_wrap div.plus_action a span.btn_plus span.txt {font-size:18px} .feed_contents_wrap ul.feed_type li span.wrap_feedPlus span.txt {height:32px; line-height:32px; font-size: 16px;} .feed_contents_wrap ul.feed_type li span.wrap_feedPlus span.ic_feedPlus {width: 17px; height: 17px; vertical-align: top} .feed_contents_wrap ul.feed_type li span.wrap_feedPlus span.ic_feedPlus span.tail {top: 14px} .feed_contents_wrap ul.feed_type li a.btn_feedPlus {height: 32px; padding: 0 10px} .feed_contents_wrap div.tool_bar div.optional {top: 4px} .feed_contents_wrap ul.feed_type li a.btn_feedPlus span.wrap_feedPlus {margin-top: 0px} .feed_contents_wrap .wrap_atach {margin-top: 8px} div.meta_info_wrap ul {min-height:80px; overflow:hidden} div.meta_info_wrap ul li {margin:0 0 4px 110px} div.meta_info_wrap ul li.url {display:block; margin-left:0} div.meta_info_wrap ul li.url + li {margin-left:0} div.meta_info_wrap ul li, div.meta_info_wrap ul li a {font-size:13px} div.meta_info_wrap ul li.thumb {margin-left:0; display:inline-block; width:100px; height:80px; float:left; overflow:hidden; vertical-align:top; margin-bottom:0} div.meta_info_wrap ul li.thumb a.meta_thumb {display:inline-block; background-color:#f6f6f6; width:100px; height:80px} div.meta_info_wrap ul li.thumb a.meta_thumb img {width:100%} div.meta_info_wrap ul li a.url_type {display:inline-block; color:#2EACB3; width:100%; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} div.meta_info_wrap ul li a.title {display:inline-block; font-weight:bold; color:#555;padding-bottom:5px} div.plus_action a {display:inline-block; vertical-align:middle} div.plus_action a span.btn_plus_favo, div.plus_action a span.btn_plus {display:inline-block; padding:2px 4px} .feed_contents_wrap div.critical a.btn_wrap {display:inline-block; padding-top:3px} .feed_contents_wrap div.critical a.btn_wrap span {vertical-align:middle} li.feed_time span.date {display:inline-block; width:82px; height:18px; line-height:18px; text-align:center; background:#c0c1c1; color:#fff;} .feed_contents_wrap div.tail_r {display:block; position:absolute; top:0; left:82px; border-style:solid; border-width:9px 0 9px 9px; border-color:#c0c1c1; border-top-color:transparent; border-bottom-color:transparent} .feed_contents_wrap div.tail_r>div {position:absolute; top:-9px; right:1px; width:0; height:0; border-style:solid; border-width:9px 0 9px 9px; border-color:#c0c1c1; border-top-color:transparent; border-bottom-color:transparent} /* feed detail */ .feed_contents_wrap.classic_detail header.article_header div.meta_wrap {top:0} .feed_contents_wrap.classic_detail div.info {margin-left:66px; height:42px;} .feed_contents_wrap.classic_detail header.article_header .photo {left:16px;} .feed_contents_wrap.classic_detail span.plus_wrap span.num {display:block; text-align:center} .feed_contents_wrap.classic_detail div.tool_bar_bottom {border-bottom:0} .feed_contents_wrap.classic_detail span.plus_wrap {padding-top:4px} .feed_contents_wrap .optional .btn_plusList span.txt {vertical-align: top; margin-top: 3px; } .feed_contents_wrap .critical a.btn_wrap span.plus_num {vertical-align: top; margin-top: 3px; } /* feed reply */ .classic_detail header.article_header p.txt {font-weight:bold} div.img_wrap {position:relative; overflow:hidden; margin: 10px 0 0 0} div.img_wrap:after {display: block; clear: left; overflow: hidden; height: 0; content: '';} div.img_wrap ul li a {display:inline-block} div.img_wrap ul li img {cursor:pointer} div.img_wrap ul li img:hover {filter: Alpha(Opacity=80); opacity:0.8} ul.feed_img li {position:relative; display:inline-block;text-align:center} ul.feed_img img {max-width:100%;max-height:100%;width:auto;margin:auto} /* feed write */ table.form_type tbody tr td.display_position div.optional div.btn_wrap {display:inline-block; text-align:right; margin-top:0} span.btn_action input[type='checkbox'], span.btn_action_off input[type='checkbox']{background:#fff; border:solid 1px #bebebe; border-radius:2px; height:16px; width:16px; -webkit-appearance:none} span.btn_action input[type='checkbox']:checked, span.btn_action_off input[type='checkbox']:checked {position:relative; background: #333; border: solid 1px #333; box-shadow: inset 1px 1px 1px rgba(150,150,150,0.2);-webkit-appearance:none} span.btn_action input[type='checkbox']:checked:after,span.btn_action_off input[type='checkbox']:checked:after {content:'\2228'; display:block; border:solid 1px #333; width:10px; height:10px; background:#333; position:relative; top:6px; left:0; font-size:12px; border-radius:2px;-webkit-appearance:none} div.form_url {position:relative} div.form_url div.ipt_wrap {margin-right:78px} div.form_url div.ipt_wrap input {border-top-right-radius:0; border-bottom-right-radius:0} div.form_url .btn_half {position:absolute; right:0; top:0} div.meta_info_wrap.disable ul li a.url_type {white-space: normal !important} span.btn_action, span.btn_action_off {font-size:13px} div.option_display span.item_file a span.btn_wrap {margin-top:5px; margin-left:3px} ul.length_1 li {max-width:100%; max-height:450px; overflow:hidden} ul.length_2 li {float:left; width:49%; max-width:320px; max-height:320px; margin-right:1%; text-align:center} ul.length_3 li {width:31%; max-width:205px; max-height:205px; margin:0 1% 1% 0; float:left} ul.length_4 li {width:23%;margin: 0; max-width:149px; max-height:149px; float: none} ul.length_1 li a {display:inline-block} ul.length_2 li:nth-child(2n), ul.length_3 li:nth-child(3n), ul.length_4 li:nth-child(4n) {margin-right:0} div.meta_url {position:relative; min-height:100px} div.meta_url div.thumb {position:absolute; top:0; left:0; width:100px; height:80px; overflow:hidden} div.meta_url div.thumb img {width:100%} div.meta_url div.info {padding-left:110px} div.meta_url div.info p.txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%} /* layer */ div.layer_m {position: absolute; top: 0; left: 0; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.5); z-index:1000} div.layer_m header {position: relative; text-align: center; padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #f8f8f8} div.layer_m header a.btn_layer_x {position: absolute; top: 0px; right: 0px; margin-right: -10px; padding: 10px; border: none} div.row_wrap div.row_tit {position: relative} div.row_wrap div.row_tit a.row {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 10px} div.row_wrap div.row_tit a.row span.txt {font-size: 16px} div.row_wrap div.row_tit a.row:hover {background: #37bbc3} div.row_wrap div.row_tit a.row:hover span {color: #fff} div.layer_m_multiCompany {top: 46px; left: 2%; width: 96%} /* array_option */ div.array_option ul {padding: 0; background: #fff; border-radius: 3px} div.array_option {z-index:100; display: inline-block; border: 1px solid #c8c8c8; border-radius:4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background:#fff} div.array_option ul li a {display:block; width: 100px; padding:10px; display:block} div.array_option ul li span {color:#666} /* layer_type_detail */ .layer_type_detail {width:100%} .layer_type_detail footer {border-top:0; padding: 2px 0} .layer_type_detail footer a {margin-right: 4px} .layer_type_detail .content_critical .content_check .create_form .btn_wrap .btn_caution_s {top:5px} /* layer_todo_card */ .layer_todo_card .detail_content_wrap .content_optional {position:static; width:auto; margin-top: 40px} .layer_todo_card section.detail_content {margin:0; padding:0} .layer_todo_card .content_critical .content_info>div {clear: left; margin-right:0} .layer_todo_card .content_critical .content_info div.card_duedate_wrap {margin-bottom:0} .layer_todo_card .content_optional h2 {margin-top:20px; color: #666} .layer_todo_card .content_optional .btn_flat_normal {margin: 7px 0 0 0} .layer_type_detail {padding: 20px 10px} .layer_type_detail>header .btn_layer_x {right: -10px} /* layer_alarm */ div.layer_alarm {position:fixed; top:20px; left:8%; width:80%; display:inline-block; background:#000; padding:10px; color:#fff; z-index:100; text-align:center; box-shadow:0px 1px 10px rgba(0, 0, 0, 0.5); opacity:0.8} div.layer_alarm span.ic {vertical-align:top; margin:1px 4px 0 0} /* alert_wrap */ div.alert_wrap {background:#d8f4f5; border:1px solid #b5d2d3; padding:10px 16px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); font-size:14px} /* tab */ div.tab_wrap {position:relative} .tab {display: table; width: 100%;} .tab li {position: relative; display: table-cell; width:50%; text-align:center; border-bottom:1px solid #eee; border-top:0; border-left: 0; cursor: pointer; color:#aaa;} .tab5 li {width:20%;} .tab li.on {border-bottom: 2px solid #00a1b9; color:#00a1b9; background:#fff;} .tab li.on a {color:#00a1b9; font-weight:600;} .tab li:last-child {border-right: 1px solid #fff} .tab li:hover {background: #f5f5f5!important} .tab li.on:hover {background: #fff!important} .tab li.on .tab_content {display: block} .tab li a {display:block; position: relative; height: 50px; line-height: 50px; color:#aaa;} .tab.tab.tab_line li {background: #fff; border: 0; border-bottom: 1px solid #ddd} .tab.tab.tab_line li a {display: inline-block; position: relative; padding: 0 15px} .tab.tab.tab_line li.on a:after {position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #25cad6; content: ''} .tab.tab.tab_line li.on a {color: #25cad6} .tab_content>div {display: none} .tab_content>div:first-child {display: block} .btn {display: inlnie-block; border: 0; cursor: pointer} .btn .txt {color: #fff} .btn.big {padding: 14px 20px; width: 100%} .btn.big .txt {font-size: 15px} .btn.major {background: #25cad6} .btn.node {background: #fff; border: 1px solid #ddd} .btn.node .txt {color: #333} /* calendar */ table.tb_calendar {width:100%} table.tb_calendar tbody tr td {height:14px; text-align:center; background-color:inherit; border:1px solid #fff;} table.tb_calendar thead tr th {font-weight:500;} table.tb_calendar tbody tr th {padding:2px 2px 0; height:20px; font-size:12px; font-weight:400; text-align:left;} table.tb_calendar tbody tr td div {position:relative;} table.tb_calendar tbody tr td:first-child {border-left:0} table.tb_calendar tbody tr td:last-child {border-right:0} table.tb_calendar tbody tr td span.marking {position:absolute; bottom:0; right:0} table.tb_calendar tbody tr th.today span {display:inline-block; width:18px; height:18px; font-size:12px; line-height:18px; font-weight:500; background:#333; color:#fff; border-radius:100%; text-align:center;} table.tb_calendar tbody tr td div > span.chip, .calendar_tool_bar+.content span.chip {display:inline-block; margin-right:2px; width:6px; height:6px; border-radius:100%; vertical-align:middle;} .calendar_tool_bar+.content dl.list_type3 span.chip {position:absolute; top:25px; left:16px; width:8px; height:8px;} table.tb_calendar tbody tr td div > span.chip.bgcolor {display:none;} table.tb_calendar tbody tr td div.schedule_time, table.tb_calendar tbody tr td div.schedule_more, table.tb_calendar tbody tr td div.schedule_day {display:block; padding:0 2px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-size:10px;} table.tb_calendar tbody tr td div.schedule_day span {color:#fff;} table.tb_calendar tbody tr td div.schedule_more {color:#aaa;} table.tb_calendar tbody tr td div.schedule_day.holiday_off {padding:0;} table.tb_calendar tbody tr td div.schedule_day.holiday_off span {color:#FF000A;} table.tb_calendar tbody tr td div.schedule_day span.btn_secret_s, table.tb_calendar tbody tr td div.schedule_time span.btn_secret_s {margin:0 1px; vertical-align: middle;} table.tb_calendar tbody tr td div.schedule_day span.btn_secret_s {background-position:-200px -250px;} .week_schedule {height:68px; position:relative; overflow:hidden;} .week_schedule .bg_row {position:absolute; top:0; left:0; width:100%; height:99%;} .week_schedule .bg_row tr td.on {background:none; border:1px solid #333;} .wrap_tb_calendar {margin:0 10px; border-top:1px solid #f2f2f2; padding-top:10px;} .wrap_tb_calendar.hide {display:none;} .on {background:#F0F0F0} .sat {color:#4c94ff;} .sun, .holiday_off {color:#FF000A} .other_month {opacity:0.2;} span.marking {display:inline-block; border-color:transparent #FF7F9A #FF7F9A transparent; border-width:10px; border-style:solid; width:0px; height:0px} span.ic_arrow2_up {display: inline-block; background: url(../images/mobile/ic_common.png) no-repeat; background-size: 200px 200px; vertical-align: middle; background-position:-75px -25px; width:14px; height:8px;} span.ic_arrow2_down {display: inline-block; background: url(../images/mobile/ic_common.png) no-repeat; background-size: 200px 200px; vertical-align: middle; background-position:-50px -25px; width:14px; height:8px;} /* layer */ div.layer_transition {width: 96%; top: 2%; left: 2%} div.layer_transition header h1 {font-size: 15px} div.layer_normal {position:absolute; top: 5%; left: 5%; width: 90%; margin-bottom: 5%; border:2px solid #7B7B7B; background:#fff; overflow:hidden; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3)} div.layer_normal header {position: relative; height: 40px; line-height: 40px; padding: 0 10px} div.layer_normal header h1 {display: inline-block} div.layer_normal header a.btn_layer_close {position: absolute; top: 0; right: 0} div.layer_normal div.wrap_btn {border-top: 1px solid #CFCFCF; margin-bottom: 10px} div.layer_prevent_receiveError div.notice {text-align: left} a.btn_layer_close {display: block; padding: 11px} div.layer_calendar {width:300px; margin:0 auto; margin-left:-150px} div.layer_calendar div.header {background:#F0F0F0; overflow:hidden} div.layer_calendar div.header span.btn_prev_type1 {position:absolute; top:10px; left:10px} div.layer_calendar div.header span.btn_next_type1 {position:absolute; top:10px; right:10px} div.layer_calendar div.header div {font-size:18px; text-align:center; padding:5px 0} div.layer_calendar table.tb_calendar thead tr th {background:#fff} div.layer_calendar table.tb_calendar tbody tr td {border-color:#e7e7e7} div.layer_calendar table.tb_calendar tbody tr td div {padding:12px 0} div.layer_calendar table.tb_calendar tbody tr:last-child td {border-bottom:0} div.layer_calendar_mini form.form_static div.form_static_wrap span.wrap_date, div.layer_calendar_mini form.form_static div.form_static_wrap span.wrap_date input.txt {width: 100% !important; } /* data_null */ .data_null {padding: 40px 20px; text-align:center; color: #888} .data_null span.txt {font-size:18px; color:#999} /* data_null_s */ .data_null_s {padding:16px 0; text-align:center} .data_null_s span.txt {font-size:16px; color:#999} /* paging */ div.paging {text-align: center; padding: 16px 0} div.paging.br_no {padding-top:6px} .br_no {border:0 !important} div.paging span.page {display:inline-block; margin:0 10px; font-size:16px} div.paging span.page span.current_page {font-weight:bold; color:#0B99A1} div.paging .btn_type4 {display: inline-block; line-height: 0px; vertical-align: top; } div.paging .page {vertical-align: top; margin-top: 5px !important; } div.paging .btn_type4 .txt { display: inline-block; vertical-align: top; margin-top: 5px; line-height:0px; margin-top: 15px; padding: 0px; height:1px; } div.paging .btn_type4 .ic {display: inline-block; vertical-align: top; } div.paging .btn_type4 .ic { margin-top: 10px; } /* search_result */ div.search_result {padding:10px 8px;} div.search_result input {vertical-align:top; margin:0 4px 0 0} /********** color **********/ .txtcolor1, .txtcolor1 span {color: #ac725e} .txtcolor2, .txtcolor2 span {color: #d06b64} .txtcolor3, .txtcolor3 span {color: #e55e76} .txtcolor4, .txtcolor4 span {color: #fa573c} .txtcolor5, .txtcolor5 span {color: #ff7537} .txtcolor6, .txtcolor6 span {color: #ffad46} .txtcolor7, .txtcolor7 span {color: #42d692} .txtcolor8, .txtcolor8 span {color: #16a765} .txtcolor9, .txtcolor9 span {color: #7bd148} .txtcolor10, .txtcolor10 span {color: #b3dc6c} .txtcolor11, .txtcolor11 span {color: #fbe983} .txtcolor12, .txtcolor12 span {color: #fad165} .txtcolor13, .txtcolor13 span {color: #f691b2} .txtcolor14, .txtcolor14 span {color: #cd74e6} .txtcolor15, .txtcolor15 span {color: #9a9cff} .txtcolor16, .txtcolor16 span {color: #b99aff} .txtcolor17, .txtcolor17 span {color: #6691e5} .txtcolor18, .txtcolor18 span {color: #9fc6e7} .txtcolor_group, .txtcolor_group span {color: #c2c2c2} .bgcolor0 {background: #A3A3A3; border: 1px solid #A3A3A3} .bgcolor1 {background: #ac725e; border: 1px solid #ac725e} .bgcolor2 {background: #d06b64; border: 1px solid #d06b64} .bgcolor3 {background: #e55e76; border: 1px solid #e55e76} .bgcolor4 {background: #fa573c; border: 1px solid #fa573c} .bgcolor5 {background: #ff7537; border: 1px solid #ff7537} .bgcolor6 {background: #ffad46; border: 1px solid #ffad46} .bgcolor7 {background: #42d692; border: 1px solid #42d692} .bgcolor8 {background: #16a765; border: 1px solid #16a765} .bgcolor9 {background: #7bd148; border: 1px solid #7bd148} .bgcolor10 {background: #b3dc6c; border: 1px solid #b3dc6c} .bgcolor11 {background: #fbe983; border: 1px solid #fbe983} .bgcolor12 {background: #fad165; border: 1px solid #fad165} .bgcolor13 {background: #f691b2; border: 1px solid #f691b2} .bgcolor14 {background: #cd74e6; border: 1px solid #cd74e6} .bgcolor15 {background: #9a9cff; border: 1px solid #9a9cff} .bgcolor16 {background: #b99aff; border: 1px solid #b99aff} .bgcolor17 {background: #6691e5; border: 1px solid #6691e5} .bgcolor18 {background: #9fc6e7; border: 1px solid #9fc6e7} .bgcolor_group {background: #c2c2c2; border: 1px solid #c2c2c2} .build_box div.build_box_inner label.st {font-weight: 500} .build_box div.build_box_inner label.bgcolor1 {background: none; border: 0; color: #905341} .build_box div.build_box_inner label.bgcolor2 {background: none; border: 0; color: #d06b64} .build_box div.build_box_inner label.bgcolor3 {background: none; border: 0; color: #d75269} .build_box div.build_box_inner label.bgcolor4 {background: none; border: 0; color: #fa573c} .build_box div.build_box_inner label.bgcolor5 {background: none; border: 0; color: #ff7537} .build_box div.build_box_inner label.bgcolor6 {background: none; border: 0; color: #ffad46} .build_box div.build_box_inner label.bgcolor7 {background: none; border: 0; color: #42d692} .build_box div.build_box_inner label.bgcolor8 {background: none; border: 0; color: #16a765} .build_box div.build_box_inner label.bgcolor9 {background: none; border: 0; color: #7bd148} .build_box div.build_box_inner label.bgcolor10 {background: none; border: 0; color: #b3dc6c} .build_box div.build_box_inner label.bgcolor11 {background: none; border: 0; color: #fbe983} .build_box div.build_box_inner label.bgcolor12 {background: none; border: 0; color: #fad165} .build_box div.build_box_inner label.bgcolor13 {background: none; border: 0; color: #f691b2} .build_box div.build_box_inner label.bgcolor14 {background: none; border: 0; color: #cd74e6} .build_box div.build_box_inner label.bgcolor15 {background: none; border: 0; color: #9a9cff} .build_box div.build_box_inner label.bgcolor16 {background: none; border: 0; color: #b99aff} .build_box div.build_box_inner label.bgcolor17 {background: none; border: 0; color: #6691e5} .build_box div.build_box_inner label.bgcolor18 {background: none; border: 0; color: #333} .bgcolor1 .tail_l, .bgcolor1 .tail_r {border-color: #996352} .bgcolor1 .tail_l div, .bgcolor1 .tail_r div, .bgcolor1 .tail_r span {border-color: #ac725e} .bgcolor2 .tail_l, .bgcolor2 .tail_r {border-color: #bc5e58} .bgcolor2 .tail_l div, .bgcolor2 .tail_r div, .bgcolor2 .tail_r span {border-color: #d06b64} .bgcolor3 .tail_l, .bgcolor3 .tail_r {border-color: #e55e76} .bgcolor3 .tail_l div, .bgcolor3 .tail_r div, .bgcolor3 .tail_r span {border-color: #d75269} .bgcolor4 .tail_l, .bgcolor4 .tail_r {border-color: #df482f} .bgcolor4 .tail_l div, .bgcolor4 .tail_r div, .bgcolor4 .tail_r span {border-color: #fa573c} .bgcolor5 .tail_l, .bgcolor5 .tail_r {border-color: #e8692f} .bgcolor5 .tail_l div, .bgcolor5 .tail_r div, .bgcolor5 .tail_r span {border-color: #ff7537} .bgcolor6 .tail_l, .bgcolor6 .tail_r {border-color: #e8692f} .bgcolor6 .tail_l div, .bgcolor6 .tail_r div, .bgcolor6 .tail_r span {border-color: #ffad46} .bgcolor7 .tail_l, .bgcolor7 .tail_r {border-color: #38c283} .bgcolor7 .tail_l div, .bgcolor7 .tail_r div, .bgcolor7 .tail_r span {border-color: #42d692} .bgcolor8 .tail_l, .bgcolor8 .tail_r {border-color: #13955a} .bgcolor8 .tail_l div, .bgcolor8 .tail_r div, .bgcolor8 .tail_r span {border-color: #16a765} .bgcolor9 .tail_l, .bgcolor9 .tail_r {border-color: #6fbe3f} .bgcolor9 .tail_l div, .bgcolor9 .tail_r div, .bgcolor9 .tail_r span {border-color: #7bd148} .bgcolor10 .tail_l, .bgcolor10 .tail_r {border-color: #a3c961} .bgcolor10 .tail_l div, .bgcolor10 .tail_r div, .bgcolor10 .tail_r span {border-color: #b3dc6c} .bgcolor11 .tail_l, .bgcolor11 .tail_r {border-color: #decd6c} .bgcolor11 .tail_l div, .bgcolor11 .tail_r div, .bgcolor11 .tail_r span {border-color: #fbe983} .bgcolor12 .tail_l, .bgcolor12 .tail_r {border-color: #deb852} .bgcolor12 .tail_l div, .bgcolor12 .tail_r div, .bgcolor12 .tail_r span {border-color: #fad165} .bgcolor13 .tail_l, .bgcolor13 .tail_r {border-color: #de809f} .bgcolor13 .tail_l div, .bgcolor13 .tail_r div, .bgcolor13 .tail_r span {border-color: #f691b2} .bgcolor14 .tail_l, .bgcolor14 .tail_r {border-color: #b966d0} .bgcolor14 .tail_l div, .bgcolor14 .tail_r div, .bgcolor14 .tail_r span {border-color: #cd74e6} .bgcolor15 .tail_l, .bgcolor15 .tail_r {border-color: #8889eb} .bgcolor15 .tail_l div, .bgcolor15 .tail_r div, .bgcolor15 .tail_r span {border-color: #9a9cff} .bgcolor16 .tail_l, .bgcolor16 .tail_r {border-color: #a181e9} .bgcolor16 .tail_l div, .bgcolor16 .tail_r div, .bgcolor16 .tail_r span {border-color: #b99aff} .bgcolor17 .tail_l, .bgcolor17 .tail_r {border-color: #537dce} .bgcolor17 .tail_l div, .bgcolor17 .tail_r div, .bgcolor17 .tail_r span {border-color: #6691e5} .bgcolor18 .tail_l, .bgcolor18 .tail_r {border-color: #8cb3d3} .bgcolor18 .tail_l div, .bgcolor18 .tail_r div, .bgcolor18 .tail_r span {border-color: #9fc6e7} .bgcolor_group .tail_l, .bgcolor_group .tail_r {border-color: #a9a9a9} .bgcolor_group .tail_l div, .bgcolor_group .tail_r div, .bgcolor_group .tail_r span {border-color: #c2c2c2} .bgcolor1 div.resize {background: #996352} .bgcolor2 div.resize {background: #bc5e58} .bgcolor3 div.resize {background: #d75269} .bgcolor4 div.resize {background: #df482f} .bgcolor5 div.resize {background: #e8692f} .bgcolor6 div.resize {background: #e79b3c} .bgcolor7 div.resize {background: #38c283} .bgcolor8 div.resize {background: #13955a} .bgcolor9 div.resize {background: #6fbe3f} .bgcolor10 div.resize {background: #a3c961} .bgcolor11 div.resize {background: #decd6c} .bgcolor12 div.resize {background: #deb852} .bgcolor13 div.resize {background: #de809f} .bgcolor14 div.resize {background: #b966d0} .bgcolor15 div.resize {background: #8889eb} .bgcolor16 div.resize {background: #a181e9} .bgcolor17 div.resize {background: #537dce} .bgcolor18 div.resize {background: #8cb3d3} .bgcolor_group div.resize {background: #a9a9a9} div.modal_wrap {position:absolute; top:40%; left:4%; width:92%; z-index:100} div.modal_1_wrap {position:fixed; top:50%; left:5%; width:90%; z-index:100; margin-top:-60px} div.modal {padding:30px 10px; border:2px solid #888; border-radius: 6px; background: #e7e7e7; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4)} div.modal_1 {background: #fff; -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3)} div.modal_1 a {display:block; padding:5px 15px} div.wrap_feedPlus {text-align: center; padding: 30px} div.wrap_feedPlus a.btn_feedPlus, div.wrap_feedPlus span.btn_feedPlus {margin: 0 7px 0 0} div.wrap_feedPlus a.btn_feedNum {display: block; height: 40px; line-height: 40px; font-size: 13px} div.wrap_feedPlus a.btn_feedNum span {vertical-align: baseline} span.wrap_pus {display: inline-block} /* button */ .btn_ic_arrow {display: inline-block; width: 32px; height: 32px} .btn_ic_arrow .ic_arrow_close, .btn_ic_arrow .ic_arrow_open {margin: 8px 0 0 8px} .btn_pageMore {display: block; background-color: #fff; border-top: 1px solid #ddd; padding: 12px; text-align: center} .btn_paging_prev, .btn_paging_next {display: inlnie-block; background-color: #000; width: 40px; height: 40px; border-radius: 30px} .btn_paging_prev .ic2_arrow1_l {margin: 12px 0 0 14px} .btn_paging_next .ic2_arrow1_r {margin: 12px 0 0 16px} a.btn_clear {display: inline-block; background:url(../images/mobile/ic_test.png); background-size: 28px; width: 28px; height: 28px} /* btn_feedPlus */ a.btn_feedPlus, span.btn_feedPlus {display: inline-block; padding: 0 20px; border:1px solid #c9c9c9; background:#fff; border-radius: 3px; height: 38px; line-height: 36px} a.btn_feedPlus span.wrap_feedPlus {display: inline-block; vertical-align: top; margin: 8px 3px 0 0; line-height: 1} a.btn_feedPlus:hover {border-color: #bbb; background: #f5f5f5; box-shadow: 0px 1px 2px rgba(0,0,0,0.2)} a.btn_feedPlus:hover span.wrap_feedPlus span.txt {color: #000} a.btn_feedPlus.on {background-color: #2eacb3; border-color: #1e9ba2} a.btn_feedPlus.on span.txt {color: #fff} a.btn_feedPlus.on span.ic_feedPlus {margin-right:0} a.btn_feedPlus.on span.ic_feedPlus span.txt {line-height: 1.4} a.btn_feedPlus.on:hover span.wrap_feedPlus span.txt {color: #fff} a.btn_plusList {display: inline-block} a.btn_plusList span.txt {color: #2EACB3} .content.board .btn_feedPlus span.wrap_feedPlus {margin-top:3px;} a.wrap_ic_file {display: inline-block; padding:8px; vertical-align: top} a.wrap_ic_file span.ic {vertical-align: top} a.wrap_ic_file_preview {padding:10px 6px; line-height:11px;} .wrap_btn_fn4 {display:inline-block} .btn_fn4 {cursor: pointer; display: inline-block; padding: 2px; color: #fff!important; font-size: 12px; line-height: 12px; background: #bebebe; border-radius: 2px} a.btn_flat_normal {width: 50%; padding: 5px 10px} a.btn_flat_normal span.txt {font-size:15px} a.btn_ic_del {display:inline-block; padding:2px} a.btn_error {display:inline-block; padding:8px} .btn_caution_s {display: inline-block; background: #f3f3f3; height: 30px; line-height: 31px; padding: 0 8px; border: 1px solid #cecece; border-radius: 2px; color: #ff3f3f} .btn_fn7 {display: inline-block; height: 22px; line-height: 23px; padding: 0 4px; border: 1px solid #ddd; border-radius: 2px; background: #fff; cursor: pointer} .btn_fn7 span.txt {font-size:14px; color: #787878;} .btn_major_s {display: inline-block; height: 30px; line-height: 31px; border: 1px solid #37a1ac; border-radius: 2px; padding: 0 8px; background:#38a9b6} .btn_major_s span.txt {display: inline-block; vertical-align: top; margin-top: 7px; font-size: 14px; color: #fff;} .btn_minor_s {display: inline-block; background: #f3f3f3; height: 30px; line-height: 31px; padding: 0 8px; border: 1px solid #cecece; border-radius: 2px} .btn_minor_s span.txt {display: inline-block; vertical-align: top; margin-top: 7px; font-size: 14px; color: #656565; } .btn_caution_s {display: inline-block; background: #f3f3f3; height: 30px; line-height: 31px; padding: 0 8px; border: 1px solid #cecece; border-radius: 2px} .btn_caution_s span.txt {display: inline-block; vertical-align: top; margin-top: 7px; font-size: 14px; color: #656565; } .btn_slt {display:inline-block; position:relative; overflow:hidden; white-space:nowrap; vertical-align: top} .btn_slt select {position:absolute; top:0; left:0; height:100%; width:100%; opacity:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} .btn_slt .txt {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:120px; height:32px; line-height:32px} .btn_slt .ic_arrow_down {vertical-align:top; margin:13px 0 0 2px} a.btn_cancel {display:inline-block; padding:6px 8px} a.btn_posi {display:inline-block; border:1px solid #1e9ba2; border-radius:4px; background:-webkit-gradient(linear,left top,left bottom,from(#2eacb3),to(#21989f)); color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); font-weight:bold; padding: 6px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.3)} a.btn_nega {display:inline-block; border:1px solid #c13828; border-radius:4px; background:-webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836)); color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); font-weight:bold; padding:6px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.3)} span.btn_type3 {display:block; padding:18px 0; text-align:center; border: 1px solid #b6b8b8; border-radius:4px; background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#e6e6e6)); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1); margin:0 10px} span.btn_type3 span.ic {margin:1px 5px 0 0; vertical-align:top} span.btn_type3 span.txt {font-size:18px; color:#333; font-weight:bold} span.btn_type6 {display:block; padding:11px 0; text-align:left; } span.btn_type6 span.retina_ic {margin:2px 5px 0 0; vertical-align:top} span.btn_type6 span.txt {font-size:16px; color:#444444; vertical-align:top; line-height: 1.4;} span.btn_media_toggle {padding: 40px 0} span.btn_media_toggle span.txt {font-size:42px; color:#333; font-weight:bold} span.btn_plus_favo {display:inline-block; padding:4px 6px; text-align:center; background:#2eacb3; border-radius:4px; box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.3); border:1px solid #1e9ba2; font-size:20px; color:#fff} span.btn_plus {display:inline-block; padding:4px 6px; text-align:center; background:#e3e3e3; border-radius:4px; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.8); border:1px solid #c9c9c9; font-size:20px; color:#999} .btn_type2 {display: inline-block; height: 30px; line-height: 31px; border: 1px solid #bbb; border-radius: 2px; padding: 0 6px;} .btn_type2 span.txt {display: inline-block; vertical-align: top; margin-top: 6px; font-size: 15px} .btn_bdr_s {display: inline-block; height: 27px; line-height: 27px; padding: 0 6px; background-color: #fff; border-radius: 3px; border: 1px solid #ddd} .btn_bdr_s span.txt {font-size: 14px; color: #666; display: inline-block; vertical-align: top; margin-top: 5px} .btn_bdr_s span.ic_del {display: inline-block; vertical-align: top; margin-top: 8px} .btn_major_f {display: block; width:100%; border: 0; padding: 10px; background:#25cad6; text-align: center; font-size: 20px; color:#fff} .btn_major_f:active{border:1px solid #0096a4; background:#0096a4; background:-webkit-gradient(linear, left top, left bottom, from(#0096a4), to(#0096a4));}/*140530*/ .btn_major {vertical-align: top; display: inline-block; margin:5px; height:40px; line-height:43px; border-radius:4px; padding: 0 20px; background:#02a1c0;} .btn_major span.txt {vertical-align: baseline; font-size:19px; color:#fff;} .btn_minor {vertical-align: top; display: inline-block; margin:5px; height:40px; line-height:43px; border-radius:4px; padding: 0 20px; background:#bdbdbd;} .btn_minor span.txt {vertical-align: baseline; font-size:19px; color:#fff;} .btn_major_type2 {display: inline-block; height: 32px; line-height: 33px; border:1px solid #bbb; border-radius: 4px; padding: 0 6px; font-size:15px; background:#f6f6f6; background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed)); box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2)} .btn_major_posi {display: inline-block; height:34px; line-height:34px; border:1px solid #1e8d98; border-radius:4px; padding: 0 8px; font-size:15px; background: -webkit-gradient(linear, left top, left bottom, from(#5ab2bb), to(#2297a3)); box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2); color: #fff} .btn_major_type3 {display: inline-block; height:34px; line-height:34px; border:1px solid #000; border-radius:4px; padding: 0 10px; font-size:15px; background:#333; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2); color:#fff} .btn_type4 {display: inline-block; height:30px; line-height:30px; border:1px solid #ccc; padding: 0 8px; font-size:14px; background:#fff -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed))} ..btn_type4 span.txt {display: inline-block; vertical-align: top; margin-top: 6px} .btn_type5 span.ic {vertical-align: top; margin: 7px 2px 0 0} .btn_type5 span.txt {font-size: 14px; color: #999} .status_on {display: inline-block; height:28px; line-height:28px; background:#2197a3; border-radius:4px; padding: 0 6px; font-size:14px; color:#fff} .status_off {display: inline-block; height:28px; line-height:28px; background:#ddd; border-radius:4px; padding: 0 6px; font-size:14px; color:#888} .btn_tool {display:inline-block; border: 1px solid #ccc; border-radius:4px; height: 32px; line-height: 32px; padding: 0 6px} .btn_tool span.txt, .btn_tool span.txt_caution, .btn_tool span.num {font-size:14px; vertical-align:baseline} .btn_tool span.num {color:#2EACB3} .btn_tool span.count {margin-left: 4px} .btn_fn3 {cursor:pointer; display:inline-block; padding:3px 5px 1px; color:#fff; font-weight:normal; font-size:13px; line-height:12px; border-radius:2px; background:#666; color:#fff} .btn_fn3:hover{background-color:#444; color:#fff} span.btn_item_add {display:inline-block} span.btn_item_add span.ic_plus {vertical-align:top; margin-top:3px} span.btn_item_add span.txt {font-size;14px; color:#888} span.alarm {margin-top:-5px} span.textarea_edit textarea {background: #fff; height: 120px; overflow-y: auto;} .display_position .optional {margin-top:0!important} .wrap_btn_attach .wrap_btn {display:inline-block; position:relative; height:40px; margin:0 0 0 4px;} .wrap_btn_attach .btn_wrap {display:inline-block; margin-left:4px;} .wrap_btn_attach .wrap_btn:first-child, .wrap_btn_attach .btn_wrap:first-child {margin-left:0;} .wrap_btn_attach .wrap_btn input {position:absolute;left:0;top:0;width:40px;height:40px;opacity:0} .btn_half {display:inline-block; height:34px; border:1px solid #cacaca; border-radius:0 3px 3px 0; text-align:cetner; width:74px; background:#f1f1f1} span.btn {display:inline-block; background:url(../images/mobile/btnx2.png) no-repeat; background-size:350px 500px} a.btn {display:inline-block; background:url(../images/mobile/btnx2.png) no-repeat; background-size:350px 500px} span.btn.btn_del_type1 {background-position:-250px -100px; width:18px; height:18px;} span.btn.btn_search {background-position:-50px 0; width:20px; height:20px} span.btn.btn_preview {background-position:0 -100px; width:30px; height:22px} span.btn.btn_filedown {background-position:-50px -100px; width:30px; height:22px} span.btn.btn_attach_photo {background-position:-100px 0; width:40px; height:40px} span.btn.btn_attach_folder {background-position:-300px -100px; width:40px; height:40px} span.btn.btn_attach_link {background-position:-150px 0; width:40px; height:40px} span.btn.btn_garbage {background-position:0 -50px; width:16px; height:16px} span.btn.btn_prev_type1 {background-position:-50px -50px; width:24px; height:24px} span.btn.btn_prev_type2 {background-position:-150px -200px; width:7px; height:13px} span.btn.btn_next_type1 {background-position:-100px -50px; width:24px; height:24px} span.btn.btn_next_type2 {background-position:-175px -200px; width:7px; height:13px} span.btn.btn_alarm_del {background-position:0 -150px; width:16px; height: 16px} span.btn.btn_report_write {background-position:-200px 0; width: 44px; height: 44px} span.btn.btn_report_write_s {background-position:-250px 0; width:32px; height:32px} span.btn.btn_attach_photo {background-position: -100px 0px; width: 40px; height: 40px} span.btn.btn_attach_file {background-position: -250px -50px; width: 40px; height: 40px} span.btn.btn_attach_camera {background-position: -300px -50px; width:40px; height:40px} span.btn.btn_attach_docu {background-position: -300px 0; width:40px; height:40px} span.btn.btn_list_up {background-position: -175px -225px; width: 11px; height: 8px} span.btn.btn_list_down {background-position: -150px -225px; width: 11px; height: 8px} span.btn.btn_attach {background-position: -200px -50px; width: 40px; height: 40px} span.btn.btn_secret {background-position: -150px -250px; width: 13px; height: 15px} span.btn.btn_secret_s {background-position: -175px -250px; width: 9px; height: 10px} span.btn.btn_refresh {background-position: -200px -200px; width: 20px; height: 20px} a.btn.btn_user_phone {background-position:-100px -100px; width:21px; height:22px} a.btn.btn_user_sms {background-position:-150px -100px; width:21px; height:22px} a.btn.btn_user_mail {background-position:-200px -100px; width:21px; height:22px} span.btn_user_phone_off {background-position: -100px -150px; width:21px; height:22px} span.btn_user_sms_off {background-position: -150px -150px; width:21px; height:22px} span.btn_user_mail_off {background-position: -200px -150px; width:21px; height:22px} a.btn.btn_user_phone_b {background-position:0 -200px} a.btn.btn_user_sms_b {background-position:-50px -200px} a.btn.btn_user_mail_b {background-position:-100px -200px} a.btn.btn_user_phone_b_off {background-position:0 -250px} a.btn.btn_user_sms_b_off {background-position:-50px -250px} a.btn.btn_user_mail_b_off {background-position:-100px -250px} a.btn.btn_report_write {background-position:-200px 0; width:40px; height:40px} a.btn.btn_report_write_s {background-position:-250px 0; width:32px; height:32px} a.btn.btn_plus {background-position:-250px -150px; width:18px; height:18px} /* icon */ /* ic2 */ .ic2 {display: inline-block; background:url(../images/mobile/ic2.png) no-repeat; background-size: 200px 100px} .ic2.ic2_arrow1_l {background-position: 0 0; width: 10px; height: 16px} .ic2.ic2_arrow1_r {background-position: -100px 0; width: 10px; height: 16px} /* nav */ span.ic.ic_close_type1 {background-position: -100px -200px; width:16px; height:16px} span.ic_nav {display:inline-block; background:url(../images/mobile/ic_navx2.png) no-repeat; background-size:350px 50px; width:24px; height:22px} span.ic_nav_home {background-position:1px 0} span.ic_nav_search {background-position:-50px 0} span.ic_nav_close {background-position:-100px 0} span.ic_nav_del {background-position:-100px 0} span.ic_nav_down {background-position:-150px 0} span.ic_nav_prev {background-position:-200px 0} span.ic_nav_list {background-position:-248px 0} span.ic_nav.ic_menu {background-position:-248px 0} span.ic_nav_refresh {background-position:-299px 0} /* wrap_feedPlus */ span.wrap_feedPlus span.ic_feedPlus {display: inline-block; position: relative; background: #2eacb3; width: 18px; height: 18px; line-height: 1.5; border-radius: 10px; text-align: center; margin: 5px 0 0 0} span.wrap_feedPlus span.ic_feedPlus span.txt_plus {display: inline-block; vertical-align: top; color: #fff; font-size: 17px; font-weight: ; font-weight:bold; position: relative; top: -2px;} span.wrap_feedPlus span.ic_feedPlus span.tail {display: inline-block; position: absolute; top: 15px; left: 7px; width:0; height:0; border-left: 0px solid #fff; border-right: 8px solid transparent; border-top: 8px solid #2eacb3} span.wrap_feedPlus span.txt {height: 38px; line-height: 38px; display: inline-block; vertical-align: top; font-size: 16px; font-family: tahoma; color: #666; min-width: 10px; text-align: center} a.btn_feedPlus.on span.wrap_feedPlus span.txt {line-height: 32px} a.btn_feedPlus.on span.wrap_feedPlus span.ic_feedPlus {margin: 6px 0 0 0} /* common */ ins.ic_star {display: inline-block; cursor: pointer; width: 16px; height: 16px; background: url(../images/icon_star.png) no-repeat 0 0; vertical-align: middle} .ic_works.ic_star_1 {width:18px; height:18px; background-size: 300px auto !important; background-position: -100px 0px !important;} .ic_works.ic_star_1.on {width:18px; height:18px; background-position:-150px 0!important;} .ic_otp {display:inline-block; background:url(../images/mobile/mobile_login.png) no-repeat 0 0; background-size:110px 42px; width:110px; height:42px} span.ic_app {display:block; background:url(../images/mobile/ic_app.png) no-repeat; background-size:84px 108px; width:84px; height:108px; margin:0 auto} .ic_otp_lock {display:block; background:url(../images/mobile/otp_regist.png) no-repeat; box-sizing:border-box; background-size:61px 79px; width:61px; height:79px;} /* span.ic_feed */ span.ic_feed {display: inline-block; background: url(../images/mobile/icon_feed.png) no-repeat 0 0} .ic_feed.ic_del_white {width: 16px; height: 16px; background-position: -48px -150px} .ic_feed.ic_edit_white {width: 16px; height: 16px; background-position: 3px -150px} /* retina_ic */ span.retina_ic {display:inline-block; background:url(../images/mobile/retina_ic.png) no-repeat; background-size:100px 50px} span.retina_ic_camera {background-position:0 0; width:26px; height:19px} span.retina_ic_gallery {background-position:-50px 0; width:26px; height:19px} /* ic */ a.ic, span.ic {display:inline-block; background:url(../images/mobile/icx2.png) no-repeat; background-size:400px 400px} .ic.ip {background-position: -300px -100px; width: 24px; height: 24px} .ic.gps {background-position: -300px -150px; width: 24px; height: 24px} .ic.beacon {background-position: -300px -200px; width: 24px; height: 24px} span.ic.ic_noti {background-position: -250px -300px; width: 18px; height: 16px} span.ic.ic_file_preview {background-position: -50px -300px; width: 22px; height: 12px} span.ic.ic_file_download {background-position: -150px -300px; width: 18px; height: 17px} span.ic.ic_file_del {background-position: -100px -300px; width:16px; height:16px} span.ic.ic_file_error {background-position: -250px -100px; width: 16px; height: 16px} span.ic.ic_appr_receive {background-position: -200px -300px; width: 20px; height: 18px} span.ic.ic_del {background-position:-200px -100px; width:10px; height:10px} .ic.ic_plus {background-position:-200px 0px; width:12px; height:12px} span.ic.ic_minus {background-position:-200px -50px; width:12px; height:12px} span.ic.ic_mail {background-position:0 -148px; width: 18px; height: 18px} span.ic.ic_mail_read {background-position:-50px -150px; width: 18px; height: 18px} span.ic.ic_attach {background-position:-100px -150px; width:15px; height:16px} span.ic.ic_file_s {background-position:-100px -150px; width:16px; height:16px} span.ic.ic_important_off {background-position:-150px -150px; width:22px; height:22px} span.ic.ic_important_on {background-position:-200px -150px; width:13px; height:16px} span.ic.ic_important_off {background-position:-150px -150px; width:13px; height:16px} span.ic.ic_imoprtant_on {background-position:-200px -150px; width:22px; height:22px} span.ic.ic_arrow_down {background-position:0 0; width:10px; height:6px} span.ic.ic_new {background-position:-50px 0; width:14px; height:14px} span.ic.ic.plus_on span.ic_plus_type2 {background-position:-50px -50px; width:36px; height:16px} span.ic.ic.plus_off span.ic_plus_type2 {background-position:0 -50px; width:36px; height:16px} span.ic.ic_reply_bubble {background-position:-100px 0px; width:36px; height:22px} span.ic.ic_reply {background-position:-100px -50px; width:16px; height:14px} span.ic.ic_favo {background-position:0 -100px; width:18px; height:18px} span.ic.ic_root {background-position:-100px -100px; width:16px; height:16px} span.ic.plus_on span.ic_plus {background-position:-150px 0px; width:32px; height:22px} span.ic.plus_off span.ic_plus {background-position:-150px -50px; width:32px; height:22px} span.ic.ic_arrow_type2 {background-position:0 -200px; width:6px; height:12px} span.ic.ic_lock {background-position:-50px -200px; width:11px; height:14px} span.ic.ic_gallery {background-position:-150px -200px; width:26px; height:20px} span.ic.ic_camera {background-position:-100px -200px; width:26px; height:20px} span.ic.ic_read_reply {background-position: 0px -248px; width: 18px; height: 18px} span.ic.ic_read_fw {background-position: -51px -250px; width:18px; height:18px} span.ic.ic_noread_reply {background-position: -100px -248px; width:18px; height:18px} span.ic.ic_noread_fw {background-position: -150px -248px; width: 18px; height: 18px} span.ic.ic_arrow3_r {background-position:-200px -200px; width:6px; height:10px; margin-left:4px} span.ic.ic_arrow3_l {background-position:-200px -250px; width:6px; height:10px; margin-right:4px} span.ic.ic_exclamation {background-position:-50px -350px; width:2px; height:12px} span.ic.ic_arrow3_t {background-position:-250px 0; width:10px; height:6px} span.ic.ic_arrow3_d {background-position:-250px -50px; width:10px; height:6px} .ic.arrow.bottom.large {background-position: -150px -350px; width: 19px; height: 10px} .ic.arrow.large {background-position: -150px -350px; width: 19px; height: 10px} span.ic.ic_alarm {background-position:-250px -100px; width:18px; height:18px} span.ic.ic_appDown {background-position:-250px -150px; width:16px; height:16px} span.ic.ic_zoom {background-position:-100px -350px; width:15px; height:15px} a.ic.ic_more {background-position:-232px -190px; width:38px; height:40px} a.ic.ic_del {background-position: -200px -100px; width: 10px; height: 10px} a.ic.ic_multiCompany {background-position: 0 -350px; width: 22px; height: 22px} span.ic.ic_arrow4 {background-position: -250px -350px; width: 10px; height: 18px} span.ic.ic_text_range {background-position: -300px 0; width: 15px; height: 12px} span.ic.ic_link {background-position: -300px -50px; width: 14px; height: 16px} span.ic.ic_star_on {background-position: -350px 0; width: 21px; height: 20px} span.ic.ic_star_off {background-position: -350px -50px; width: 21px; height: 20px} span.ic.ic_more {background-position: -350px -150px; width: 3px; height: 17px} span.ic.ic_person {background-position: -350px -100px; width: 14px; height: 14px} /* icon file */ span.ic_file {display:inline-block; background:url(../images/mobile/ic_file.png) no-repeat; background-size: 200px 200px; width:22px; height:22px} span.ic_file.ic_pdf {background-position: 0 0} span.ic_file.ic_avi {background-position: -40px 0px} span.ic_file.ic_bmp {background-position: -80px 0px} span.ic_file.ic_eml {background-position: -120px 0px} span.ic_file.ic_mp3 {background-position: -160px 0px} span.ic_file.ic_mp4, span.ic_file.ic_mov {background-position: 0px -40px} span.ic_file.ic_mpg, span.ic_file.ic_mpeg {background-position: -40px -40px} span.ic_file.ic_xml {background-position: -80px -40px} span.ic_file.ic_exe {background-position: -120px -40px} span.ic_file.ic_csv {background-position: -160px -40px} span.ic_file.ic_log {background-position: 0px -80px} span.ic_file.ic_lzh {background-position: -40px -80px} span.ic_file.ic_tif, span.ic_file.ic_tiff {background-position: -80px -80px} span.ic_file.ic_zip {background-position: -120px -80px} span.ic_file.ic_doc, span.ic_file.ic_docx {background-position: -160px -80px} span.ic_file.ic_ppt, span.ic_file.ic_pptx {background-position: 0px -120px} span.ic_file.ic_xls , span.ic_file.ic_xlsx {background-position: -40px -120px} span.ic_file.ic_hwp {background-position: -80px -120px} span.ic_file.ic_txt {background-position: -120px -120px} span.ic_file.ic_htm, span.ic_file.ic_html {background-position: -160px -120px} span.ic_file.ic_jpg, span.ic_file.ic_jpeg {background-position: 0px -160px} span.ic_file.ic_png {background-position: -40px -160px} span.ic_file.ic_gif {background-position: -80px -160px} span.ic_file.ic_folder {background-position: -160px -160px} span.ic_file {background-position: -120px -160px} /* icon file */ .list_file span.ic_file {display:inline-block; background:url(../images/mobile/ic_file.png) no-repeat; background-size: 300px 300px; width:34px; height:34px} .list_file span.ic_file.ic_pdf {background-position: 0 0} .list_file span.ic_file.ic_avi {background-position: -60px 0px} .list_file span.ic_file.ic_bmp {background-position: -120px 0px} .list_file span.ic_file.ic_eml {background-position: -180px 0px} .list_file span.ic_file.ic_mp3 {background-position: -240px 0px} .list_file span.ic_file.ic_mp4 {background-position: 0px -60px} .list_file span.ic_file.ic_mpg, .list_file span.ic_file.ic_mpeg {background-position: -60px -60px} .list_file span.ic_file.ic_xml {background-position: -120px -60px} .list_file span.ic_file.ic_exe {background-position: -180px -60px} .list_file span.ic_file.ic_csv {background-position: -240px -60px} .list_file span.ic_file.ic_log {background-position: 0px -120px} .list_file span.ic_file.ic_lzh {background-position: -60px -120px} .list_file span.ic_file.ic_tif, .list_file span.ic_file.ic_tiff {background-position: -120px -120px} .list_file span.ic_file.ic_zip {background-position: -180px -120px} .list_file span.ic_file.ic_doc, .list_file span.ic_file.ic_docx {background-position: -240px -120px} .list_file span.ic_file.ic_ppt, .list_file span.ic_file.ic_pptx {background-position: 0px -180px} .list_file span.ic_file.ic_xls , .list_file span.ic_file.ic_xlsx {background-position: -60px -180px} .list_file span.ic_file.ic_hwp {background-position: -120px -180px} .list_file span.ic_file.ic_txt {background-position: -180px -180px} .list_file span.ic_file.ic_htm, .list_file span.ic_file.ic_html {background-position: -240px -180px} .list_file span.ic_file.ic_jpg, .list_file span.ic_file.ic_jpeg {background-position: 0px -240px} .list_file span.ic_file.ic_png {background-position: -60px -240px} .list_file span.ic_file.ic_gif {background-position: -120px -240px} .list_file span.ic_file.ic_folder {background-position: -240px -240px} .list_file span.ic_file {background-position: -180px -240px} /* icon notice */ span.ic_notice {display:block; background:url(../images/mobile/ic_noticex2.png) no-repeat; background-size:300px 300px} span.ic_notice_mail {background-position:0 0; width:72px; height:50px} span.ic_notice_error {background-position:0 -100px; width:64px; height:74px} span.ic_network_error {background-position:0 -100px; width:64px; height:74px} span.ic_network_push {background-position:0 -200px; width:64px; height:74px} span.ic_error {background-position:-100px -100px; width:40px; height:40px} /* ic home */ span.ic_home {display:block; background:url(../images/mobile/ic_home.png) no-repeat; background-size:150px 250px; width:50px; height:50px} span.ic_home2 {display:block; background:url(../images/mobile/ic2_home2.png) no-repeat; background-size:150px 150px; width:50px; height:50px} span.ic_home_mail {background-position:4px 9px} span.ic_home_calander {background-position:-45px 6px} span.ic_home_board {background-position:-93px 0} span.ic_home_address {background-position:4px -46px} span.ic_home_community {background-position:-50px -42px} span.ic_home_data {background-position:-98px -50px} span.ic_home_blog {background-position:3px -90px} span.ic_home_work {background-position:-50px -100px} span.ic_home_account {background-position:-46px -92px} span.ic_home_reserv {background-position:-96px -94px} span.ic_home_survey {background-position:6px -146px} span.ic_home_report {background-position:-46px -147px} span.ic_home_task {background-position:-95px -146px} span.ic_home_docubox {background-position: 5px -95px} span.ic_home_todoplus {background-position: 6px -194px} /* ic side*/ span.ic_side {display:inline-block; background:url(../images/mobile/sidex2.png) no-repeat; background-size: 300px 600px; width:26px; height:24px} span.ic_mail_receive {background-position:0px 0px} span.ic_mail_send {background-position:0px -50px; width:24px; height:24px} span.ic_mail_temp {background-position:0px -100px} span.ic_mail_reserve {background-position:0px -150px} span.ic_mail_spam {background-position:-50px 0} span.ic_mail_share {background-position:0px -200px} span.ic_mail_basket {background-position:-50px -151px} span.ic_mail_empty {background-position:-50px -200px} span.ic_mail_over {background-position:-100px -100px} span.ic_mail_normal {background-position:-50px -50px} span.ic_side.ic_mail_read {background-position:0px -400px} span.ic_mail_noread {background-position:-150px -300px} span.ic_mail_important {background-position:-200px -300px} span.ic_mail_today {background-position:0px -350px} span.ic_mail_yesterday {background-position:-50px -350px} span.ic_mail_file {background-position:-100px -350px} span.ic_mail_reply {background-position:-150px -350px} span.ic_mail_me {background-position:-200px -350px} span.ic_mail_ad {background-position:0px -450px} span.ic_mail_sns {background-position:-50px -450px} span.ic_mail_bill {background-position:-100px -450px} span.ic_docs_resent {background-position:0px -500px} span.ic_docs_update {background-position:-50px -500px} span.ic_docs_approve {background-position:-100px -500px} span.ic_docs_upload {background-position:-150px -500px} span.ic_folder {background-position:-100px -1px} span.ic_folder_share {background-position:-100px -50px} span.ic_classic {background-position:-150px 0px} span.ic_classic_share {background-position:-150px -50px} span.ic_feed {background-position:-150px -100px} span.ic_feed_share {background-position:-150px -150px} span.ic_classic_anonym {background-position:-250px -50px} span.ic_classic_share_anonym {background-position:-250px -100px} span.ic_feed_anonym {background-position:-250px -150px} span.ic_feed_share_anonym {background-position:-250px -200px} span.ic_comm {background-position:-100px -150px} span.ic_add_tag {background-position:-100px -201px} span.ic_board_secret {background-position:-150px -200px; width:16px} span.ic_survay {background-position:-50px -100px} span.ic_favori {background-position:-50px -400px} span.ic_side.ic_work {background-position: -250px 0px} span.ic_classic + span.ic_board_secret, span.ic_classic_share + span.ic_board_secret, span.ic_feed + span.ic_board_secret, span.ic_feed_share + span.ic_board_secret, span.ic_add_tag + span.ic_board_secret {margin-left:-4px} span.ic_report {background-position:-200px 0} span.ic_report_share {background-position:-200px -50px} span.ic_share {background-position:-200px -200px; width:18px; margin-top:12px!important} span.ic_part {background-position:-200px -150px} span.ic_appr {background-position: 0 -250px} span.ic_appr_expected {background-position: -200px -400px} span.ic_appr_standby {background-position: -100px -250px} span.ic_appr_draft {background-position: -50px -300px} span.ic_appr_send {background-position: -250px -300px} span.ic_appr_temporarily {background-position: -250px -350px} span.ic_appr_inbox {background-position: 0 -300px} span.ic_appr_sign {background-position: -200px -250px} span.ic_appr_reception {background-position: -100px -300px} span.ic_appr_compl {background-position: -100px -400px} /* 기안완료함 */ span.ic_docubox {background-position: -200px -100px} span.ic_board {background-position: -152px -401px} span.ic_side.ic_appr_cc {background-position: -250px -250px} /* 2.1.0 board folder open close icon add */ .ic.open {background-position: -250px 0px; width: 10px; height: 10px; vertical-align:top; margin-top:16px; position:absolute; top:0; right:9px;} .ic.close {background-position: -250px -50px; width: 10px; height: 10px; vertical-align:top; margin-top:16px; position:absolute; top:0; right:9px;} /* ratio1.5 */ @media screen and (-webkit-device-pixel-ratio:1.5){ /* login logo */ section.login_wrap header h1 img {width:220px; height:auto} div.nav span.ic_nav_refresh {background:url(../images/mobile/ic_nav15_type2.png) no-repeat -299px 0; background-size:400px 50px} div.nav span.ic_nav_close {background:url(../images/mobile/ic_navx15_type2.png) no-repeat -100px 0; background-size:400px 50px} div.nav span.ic_nav_down {background:url(../images/mobile/ic_navx15_type2.png) no-repeat -150px 0; background-size:400px 50px} div.nav span.ic_nav_back {background:url(../images/mobile/ic_nav15_type2.png) no-repeat -350px 0; background-size:400px 50px} /* icon */ .ic_otp {display:inline-block; background:url(../images/mobile/mobile_login15.png) no-repeat 0 0; background-size:110px 42px; width:110px; height:42px} span.ic_app {background:url(../images/mobile/ic_app15.png) no-repeat; background-size:84px 108px} a.ic_more {background-position:-232px -190px; width:38px; height:40px} a.ic_del {background-position:-186px -86px; width:38px; height:40px} /* ic home */ span.ic_home {background:url(../images/mobile/ic_home15.png) no-repeat; background-size:150px 250px} span.ic_home_mail {background-position:3px 9px} span.ic_home_calander {background-position:-46px 6px} span.ic_home_board {background-position:-93px 0} span.ic_home_address {background-position:4px -46px} span.ic_home_community {background-position:-50px -42px} span.ic_home_data {background-position:-98px -50px} span.ic_home_blog {background-position:3px -90px} span.ic_home_work {background-position:-50px -100px} span.ic_home_account {background-position:-46px -92px} span.ic_home_reserv {background-position:-96px -94px} span.ic_home_survey {background-position:6px -146px} span.ic_home_report {background-position:-46px -147px} span.ic_home_task {background-position:-95px -146px} span.ic_home_docubox {background-position: 4px -95px} span.ic_home_todoplus {background-position: 5px -194px} /* todo board */ a.ic_classic {display:inline-block; background:url(../images/icon_classic.png) no-repeat;} a.ic_classic.ic_del{width:16px; height:16px; background-position: -176px -38px; } a.ic_classic.ic_basket {position:absolute; top:-13px; right:-10px; width:40px; height:40px; background-position: -170px 0px} } /* ratio2 */ @media screen and (-webkit-device-pixel-ratio:2){ div.nav span.ic_nav_refresh {background:url(../images/mobile/ic_navx2_type2.png) no-repeat -299px 0; background-size: 400px 50px} div.nav span.ic_nav_close {background:url(../images/mobile/ic_navx2_type2.png) no-repeat -100px 0; background-size: 400px 50px} div.nav span.ic_nav_down {background:url(../images/mobile/ic_navx2_type2.png) no-repeat -150px 0; background-size: 400px 50px} div.nav span.ic_nav_back {background:url(../images/mobile/ic_navx2_type2.png) no-repeat -350px 0; background-size:400px 50px} span.btn_del_type1 {background-position:0 0} span.btn_search {background-position:-50px 0} span.btn_garbage {background-position:0 -50px} span.btn_preview {background-position:0 -100px} span.btn_filedown {background-position:-50px -100px} span.btn_attach_photo {background-position:-100px 0} span.btn_attach_link {background-position:-150px 0} span.btn_prev_type1 {background-position:-50px -50px} span.btn_next_type1 {background-position:-100px -50px} span.btn_alarm_del {background-position:0 -150px} a.btn_user_phone {background-position:-100px -100px} a.btn_user_sms {background-position:-150px -100px} a.btn_user_mail {background-position:-200px -100px} span.btn_user_phone_off {background-position: -100px -150px} span.btn_user_sms_off {background-position: -150px -150px} span.btn_user_mail_off {background-position: -200px -150px} a.btn_user_phone_b {background-position:0 -200px} a.btn_user_sms_b {background-position:-100px -200px} a.btn_user_mail_b {background-position:-200px -200px} a.btn_user_phone_b_off {background-position:0 -300px} a.btn_user_sms_b_off {background-position:-100px -300px} a.btn_user_mail_b_off {background-position:-200px -300px} a.btn_report_write {background-position:-200px 0} a.btn_report_write_s {background-position:-250px 0; width:32px; height:32px} span.btn_report_write {background-position:-200px 0; width:40px; height:40px} span.btn.btn_attach_photo {background-position: -100px 0px} span.btn.btn_attach_file {background-position: -250px -50px} span.btn.btn_attach_camera {background-position: -300px -50px} span.btn.btn_attach {background-position: -200px -50px} .ic_otp {display:inline-block; background:url(../images/mobile/mobile_loginx2.png) no-repeat 0 0; background-size:110px 42px; width:110px; height:42px} span.ic_app {background:url(../images/mobile/ic_appx2.png) no-repeat; background-size:84px 108px} /* ic home */ span.ic_home {display:block; background:url(../images/mobile/ic_homex2.png) no-repeat; background-size:150px 250px} span.ic_home2 {display:block; background:url(../images/mobile/ic_home2x2.png) no-repeat; background-size:150px 200px} span.ic_home_mail {background-position:4px 9px} span.ic_home_calander {background-position:-45px 6px} span.ic_home_board {background-position:-93px 0} span.ic_home_address {background-position:5px -46px} span.ic_home_community {background-position:-50px -42px} span.ic_home_data {background-position:-98px -50px} span.ic_home_blog {background-position:3px -90px} span.ic_home_work {background-position:-50px -100px} span.ic_home_account {background-position:-46px -92px} span.ic_home_reserv {background-position:-95px -94px} span.ic_home_survey {background-position:6px -146px} span.ic_home_report {background-position:-46px -147px} span.ic_home_task {background-position:-95px -146px} span.ic_home_docubox {background-position: 4px -95px} span.ic_home_todoplus {background-position: 6px -194px} } /*address*/ /* ----------- personal info ----------- */ span.img_profile {display:inline-block; position:relative; border-radius:3px; background:#f9f9f9; width:70px; height:70px; overflow:hidden; vertical-align:bottom} span.img_profile img {border-radius:3px; width:100%} span.img_profile span.btn_edit_photo {position:absolute; left:0; bottom:0; width:100%; cursor:pointer; display: block; background:#222; color:#fff; text-align:center; padding:3px 0; border-radius:0 0 3px 3px; filter: Alpha(Opacity=40); opacity:0.4; line-height:1.0} span.img_profile:hover span.btn_edit_photo {filter: Alpha(Opacity=70); opacity:0.7} table.tb_addr_write_header td.photo {width:100%; height:100px; padding:0; text-align:center; vertical-align:top; border-radius:0;} table.tb_addr_write_header td.photo span.img_profile {border-radius:100%; width:80px!important; height:80px!important;} table.tb_addr_write_header td.name {vertical-align: top;} div.addr_detail table.tb_addr_write_header td.name { position:relative; top:-6px; max-width:100%} table.tb_addr_write_header td.name span.txt_form {display:block; line-height:1.5} table.tb_addr_write_header td.name span.txt_name {display:inline-block; font-size:24px; line-height:38px; vertical-align:baseline; font-weight:bold} table.tb_addr_write_header td.name span.txt_com_title {display:inline; font-size:15px; vertical-align:baseline; font-weight:bold} table.tb_addr_write_header td.info {padding:0;} table.tb_addr_write tbody tr th, table.tb_addr_write tbody tr td {height:34px} table.tb_addr_write tbody tr th {width:90px; vertical-align:top} table.tb_addr_write tbody tr td {position:relative; min-height:30px} table.tb_addr_write tbody tr th .title {margin-top:14px!important;} table.tb_addr_write tbody tr td div.div_ipt_wrap {position:relative} table.tb_addr_write tbody tr td span.optional_bottom {bottom:2px} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt {border: 1px solid #CFCFCF; border-radius: 5px; min-height: 32px; padding: 2px 5px; line-height: 30px; /* box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.2) */} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag {margin-top:3px; overflow:hidden} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li {border-radius:2px} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li span. {border-radius:2px; padding:3px} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat {background:none; border:0; padding:0; margin:0} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat span.btn_wrap {margin:6px 0 0 6px} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat_block {background:none; border:0; padding:0; margin:0; width:100%} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat textarea {border:0; box-shadow:none} table.tb_addr_write tbody tr td div.div_ipt_wrap div.div_ipt ul.name_tag li.creat div.addr_input textarea {height:18px} ul.name_tag li.creat {background:none; border:0; padding:0; margin:0} ul.name_tag li.creat .txt {font-size: 15px} ul.name_tag li span.name {font-size: 13px} span.ic_form {display: inline-block; background: url(../images/icon_form.png) no-repeat 0 0; vertical-align: middle} span.ic_addlist {background-position: -51px -2px; padding:3px 0 2px!important; width: 13px; height: 13px} table.tb_addr_view tbody tr th, table.tb_addr_view tbody tr td {height:34px} table.tb_addr_view tbody tr th {width:80px; vertical-align:top} table.tb_addr_view tbody tr td {position:relative; vertical-align:top; padding:0} table.tb_addr_view tbody tr td span.txt_form {display:inline-block; margin-top:13px} /* ----------- personal info new ----------- */ .go_body.address_detail form {margin:0;} .addr_detail .info_basic, .addr_detail .info_extend {padding:24px 16px; background:#fff;} .addr_detail .info_basic {padding:24px 16px; text-align:center; background:#fff;} .addr_detail .info_basic .img_profile {display:inline-block; width:70px; height:70px;} .addr_detail .info_basic .img_profile img {display:inline-block; width:100%; height:100%; border-radius:100%;} .addr_detail .info_basic p.txt_name {margin-top:12px; font-size:20px; font-weight:bold;} .addr_detail .info_basic p.txt_company {margin:6px 0 4px;} .addr_detail .info_basic .profile_sub {margin-top:4px; color:#949494;} .addr_detail .info_basic .part {font-size:15px;} .addr_detail .info_basic .profile_contact {margin-top:40px;} .addr_detail .info_basic .profile_contact a {margin-left:40px;} .addr_detail .info_basic .profile_contact a:first-child {margin-left:0;} .addr_detail .info_extend {border-top:8px solid #f1f4f6;} .addr_detail .info_extend li {position:relative; margin-top:18px;} .addr_detail .txt_con .name_tag li {margin:0;} .addr_detail .info_extend li:first-child {margin-top:0;} .addr_detail .info_extend li .txt_tit, .addr_detail .info_extend li .txt_con {line-height:26px;} .addr_detail .info_extend li .txt_tit {position:absolute; color:#949494; font-size:15px;} .addr_detail .info_extend li .txt_con {display:inline-block; margin-left:100px; font-size:15px;} /*file*/ ul.list_file li span.item_file {display:block; position:relative; margin-left:0; padding:12px 16px 12px 46px;} ul.list_file li span.item_file span.ic_file {position:absolute; top:25px; left:0; margin-top:-10px} ul.list_file li span.item_file span.size {color:#999; vertical-align:top;} ul.list_file li {position:relative;} ul.list_file li a {display:block; margin:0 52px 0 16px;} ul.list_file li a .subject {display:inline-block; width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align:top;} ul.list_file li a .info {display:inline-block; margin-top:2px;} ul.list_file li input {position:absolute; top:20px; right:16px;} .list_file span.ic_file.ic_folder+.subject {line-height:37px;} .go_body .content > select {margin-top:8px; margin-left:16px;} div.add_ipt_wrap span.btn_major_type2 {position:absolute; top:0; right:0} div.add_ipt_wrap div.div_ipt {position: relative; min-height: 33px; padding-right: 60px} div.add_ipt_wrap div.div_ipt .btn_del_type2 {position: absolute; top: 8px; right: 8px} div.addr_detail form, div.addr_write form {margin:10px 16px 20px} div.addr_detail {padding-bottom:20px} div.user_action {position:relative; /* float:left; */; margin-top:20px; margin-left:50%; left:-109px; width:218px; margin-bottom:20px} div.user_action a.btn_user_sms_b, div.user_action a.btn_user_mail_b {margin-left:25px} div.user_action a.btn_user_sms_b_off, div.user_action a.btn_user_mail_b_off {margin-left:25px} div.user_action a {display:inline-block} a.btn_user_phone_b {width:32px; height:32px;} a.btn_user_sms_b {width:32px; height:32px;} a.btn_user_mail_b {width:32px; height:32px;} a.btn_user_phone_b_off {width:32px; height:32px;} a.btn_user_sms_b_off {width:32px; height:32px;} a.btn_user_mail_b_off {width:32px; height:32px;} @media screen and (max-width:320px) { section.attach ul.file_wrap li span.item_file span.name {max-width:36%} } /*--------------------------------- jqueryui datepicker js css ---------------------------------*/ /* calendar UI modified @GO-42570, 22-10-17 */ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat} /* workarounds */ .ui-datepicker button.ui-button::-moz-focus-inner { border: 0; padding: 0} /* reset extra padding in Firefox */ .ui-datepicker { position:relative; display: none; width: calc(100% - 110px) !important; min-width: 220px !important; max-width: 260px !important; border: 1px solid #c1c1c1 !important; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important; border-radius: 8px; background-color: #fff; box-sizing: border-box; padding-bottom: 8px; } /* .ui-datepicker header */ .ui-datepicker .ui-datepicker-header { position:relative; padding: 16px 12px 8px 12px; border:none; background:#FBFBFB; height:50px; box-sizing: border-box; border-radius: 8px 8px 0 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 13px; width: 32px; height: 32px;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 13px;} .ui-datepicker .ui-datepicker-prev { right: 42px; } .ui-datepicker .ui-datepicker-next { right: 8px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { width:32px; height: 32px; display: block; background: url(../images/mobile/icx2.png) no-repeat 0 0; background-size: 400px 400px;} .ui-datepicker .ui-datepicker-prev span { background-position: -237px -341px; transform: rotate(180deg);} .ui-datepicker .ui-datepicker-next span { background-position: -240px -340px;} .ui-datepicker .ui-datepicker-title { margin: 0; } .ui-datepicker .ui-datepicker-title > span.ui-datepicker-year, .ui-datepicker .ui-datepicker-title > span.ui-datepicker-month { font-size:14px; font-weight: bold; font-weight: 500; vertical-align: middle; } .ui-datepicker .ui-datepicker-title select { font-size:14px; color: #333; font-weight: bold; margin:0; height: 26px; line-height: 26px; padding: 0px 4px; border:1px solid #fbfbfb; background-color: transparent; background-position: 100% 10px;} .ui-datepicker .ui-datepicker-title select:hover, .ui-datepicker .ui-datepicker-title select:active { border: 1px solid #dadada; background-color: #fff; padding: 0px 4px;} .ui-datepicker select.ui-datepicker-month-year {width: 100%} .ui-datepicker select.ui-datepicker-year { width: 64px; margin-right: 4px;} .ui-datepicker select.ui-datepicker-month { width: 50px; } .go_todo .ui-datepicker select.ui-datepicker-month { width: 64px; } .go_todo .ui-datepicker select.ui-datepicker-year { margin-right: 6px;} /* .ui-datepicker body : table */ .ui-datepicker table {position: relative; box-sizing: border-box; width: 100%;} /* thead */ .ui-datepicker table thead {border-bottom:1px solid #E3E3E3;} .ui-datepicker th { width: 14.2857%; text-align: center; font-weight:400; font-size:11px; border: 0; box-sizing: border-box;} .ui-datepicker th:first-child { padding-left: 8px; width: calc(14.2857% + 8px);} .ui-datepicker th:last-child { padding-right: 8px; width: calc(14.2857% + 8px);} /* tbody */ .ui-datepicker td { border: 0; width: 14.2857%; height: 32px; box-sizing: border-box; text-align: center;} .ui-datepicker td:first-child { padding-left: 10px; width: calc(14.2857% + 10px);} .ui-datepicker td:last-child { padding-right: 10px; width: calc(14.2857% + 10px);} /* date */ .ui-datepicker td span, .ui-datepicker td a { display: block; box-sizing: border-box; text-decoration: none; font-size: 12px; width: 28px; height: 28px; line-height: 26px; text-align: center; border-radius: 16px; margin: 0 auto;} .ui-datepicker td .ui-state-default { color: #333;} .ui-datepicker td:hover span, .ui-datepicker td:hover a { background-color: rgba(32, 32, 32, 0.06);} /* holiday */ .ui-datepicker td.ui-datepicker-week-end:first-child a, .ui-datepicker .ui-datepicker-week-end:first-child span {color:#FF5956} /* today */ .ui-datepicker td.ui-datepicker-today a.ui-state-highlight, .ui-datepicker td.ui-datepicker-today span.ui-state-highlight { background: rgba(32,32,32,0.16); border: 0 none;} /* selected */ .ui-datepicker td.ui-datepicker-current-day a.ui-state-active, .ui-datepicker td.ui-datepicker-current-day span.ui-state-active { background: rgba(32,32,32,1); border: 0 none; color: #fff;} /* disabled & past */ .ui-datepicker .ui-state-disabled, .ui-datepicker .ui-datepicker-unselectable {opacity: .35; filter:Alpha(Opacity=35); background-image: none} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0} .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left} .result_survey_info {margin-bottom:5px} /*--------------------------------- jqueryui datepicker js css ---------------------------------*/ .layer_transition.layer_calendar_mini .content { padding: 0; } .layer_transition.layer_calendar_mini .form_static { font-size: 0; margin: 0; padding: 8px 6px 8px 12px; background-color: #F7F7F8; border-bottom: 1px solid #EFEFEF; box-sizing: border-box;} .layer_transition.layer_calendar_mini .form_static .form_static_wrap { float: none; display: inline-block; vertical-align: middle; width: 50%; padding-right: 6px; margin: 0;} .layer_transition.layer_calendar_mini .form_static .form_static_wrap .wrap_date {display: block; padding: 0; margin: 0; width: 100%} .layer_transition.layer_calendar_mini .form_static .form_static_wrap .wrap_date input.txt.wfix_small {border: 1px solid #dadada; background-color: #fff; padding: 4px 4px 4px 22px !important; height: 30px; width: 100%;} .layer_transition.layer_calendar_mini .ui-datepicker { width:100% !important; border: 0 none !important; box-shadow: none !important; border-radius: 0 !important; padding-bottom: 0;} .layer_transition.layer_calendar_mini .ui-datepicker table{ width:100% !important;} /* states and images */ .go_todo .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat} /* workarounds */ .go_todo .ui-datepicker button.ui-button::-moz-focus-inner { border: 0; padding: 0} .go_todo .ui-datepicker {background:#fff; border: 0} .go_todo .ui-datepicker .ui-datepicker-header {position: relative; overflow:hidden} .go_todo .ui-datepicker select.ui-datepicker-month-year {width: 100%} .go_todo .ui-datepicker table {width: 100%;} .go_todo .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0} .go_todo .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible} .go_todo .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left} .result_survey_info {margin-bottom:5px} /* gage */ .gage {position: absolute; display: inline-block; top: -1px; left: -1px; height: 10px; text-align: center; vertical-align: middle; font-weight: bold; background-color: #7ad0d5; border: 1px solid #d5d5d5; border-right: 0; overflow: hidden;} span.gage_wrap {position: relative; border-radius:3px; display: inline-block; border: 1px solid #d5d5d5; height: 10px; width:70%; background: #fff; overflow:hidden} .survey .gage_wrap .gage {background: #94dada; height: 12px; border: 0; margin-right: 5px} .survey .gage_wrap .gage {background: #94dada; height: 12px; border: 0; margin-right: 5px} .result_survey_info span {vertical-align: middle; color: #666} .result_survey_info .gage_wrap {border-radius: 3px; height:10px; margin: 0 5px} .result_survey_info dl {margin-bottom:5px; background:red} .result_survey_info dt {float:left; margin-right:6px} ol {list-style:none} ol.result_survey_list {list-style-type: decimal; list-style-position: inside;} ol.result_survey_list li {margin-bottom:5px} ol.result_survey_list li:list-child {margin-bottom:0} div.answer_wrap span.gage_wrap {margin:0 4px} article.article_view ol {list-style-position: inside;} /* task */ .list_box_task li span.subject, .list_task li span.subject {margin-top:5px;} .list_box_task li span.info span.activity span.num, .list_task li span.info span.activity span.num {margin-left:3px; color:#2EACB3!important; font-weight:bold} .list_box_task li span.info>span, .list_task li span.info>span {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list_box_task li a span.info, .list_task li a span.info {display:block!important; max-width:100%;} .list_box_task li a span.info span.reporter, .list_box_task li a span.info span.category, .list_task li a span.info span.reporter, .list_task li a span.info span.category {display:inline-block!important; max-width:30%;} .list_box_task li a span.info span.category {color:#37adb3!important} .list_box_task li a span.info span.date.delay, .list_task li a span.info span.date.delay {color:#ff616b!important} .list_task li a span.info {margin-top:7px} ul.list_task li a span.subject span.title {color:#aaa;} .list_task li span.subject>span, .list_box_task li span.subject>span {vertical-align:top} .list_task li span.subject>span.ic_lock, .list_box_task li span.subject>span.ic_lock {margin-top:1px} .list_task li span.subject>span.title, .list_box_task li span.subject>span.title {margin-top:px} dl.view_report_default dd.person {padding-right: 80px} dl.view_report_detail {border-top: 1px solid #eee} dl.view_report_default+dl.view_report_detail {border-top:0} .view_report_default .person .btn_detail_hide { padding:10px 0; box-sizing:border-box; clear: both; } .view_report_default .person .btn_detail_hide span { float: left; display: inline-block; *display: block; *zoom: 1; } .view_report_default .person .btn_detail_hide span.ic { margin: 6px 2px 0px 0px; } div.preview {background: #f6f6f6!important} div.preview article.article_view {background: #f6f6f6!important} /* wrapper */ div.wrap_btn {padding: 20px 8px; text-align: center} div.wrap_btn a {margin:0 4px} div.wrap_file {margin: 8px 0} div.wrap_list_box1 {margin: 10px 0 0 0} /* editor_view */ .editor_view {margin:16px;} .approval_view .article_view_area {margin:6px 0 0; line-height: 1.5; background:#fff;} .editor_write .wrap_editor {margin:6px 0 0; padding:16px 16px; line-height: 1.5; background:#fff;} .editor_view ol, .editor_view ul {padding-left: 20px; line-height: 1.5} .editor_view ol {list-style: decimal} .editor_view ul {list-style: disc} .editor_view table {border-collapse: separate} .editor_view ol li, .editor_view ul li {font-size: 12px} .editor_view .name_tag {padding-left: 0} table.sign_member tbody tr td span img {width: 60px; height: 36px} .reply_create { position: relative; margin: 0; padding: 10px 10px 10px 20px; border-top: 1px solid #ddd; border: 0; } .reply_create div.msg_wrap { position: relative; margin-left: 40px; min-height: 28px!important; } span.photo img { width: 100%; height: 100%; border-radius: 2px; } /* todo */ .layer_todo_card .content_reply .reply_create {padding:0} .layer_todo_card .content_critical .create_item {height: 30px; line-height: 32px} .layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item span.btn_wrap {vertical-align: top; margin-top: 0} .layer_todo_card .member_data .member img {width: 30px; height: 30px} .layer_todo_card .content_critical .create {width: 30px; height: 30px} .layer_todo_card .content_critical .content_check:hover {background: none} .board_card .meta_data .ic_wrap .ic_board {margin-right: -3px} .board_card_wrap .create_form footer {padding:0; border:0} div.row_wrap div.row_tit a.row {padding: 15px 10px} .layer_transition hr {border-bottom:1px solid #eee} .board_column_wrap header.board_column a.btn_board_more {right: -7px; top: -10px; padding: 12px 8px 12px} .board_card_wrap .board_card a.btn_board_more {padding: 10px} .board_card_wrap .board_card:hover a.btn_board_more {display:block} .layer_todo_card .content_critical .content_info ul.list_label li .card_label {min-height: 30px; line-height: 0} .layer_todo_card .content_critical .content_info .due_date {height: 30px; line-height: 29px} .layer_type_detail>header .title {} .layer_type_detail>header .title h1 {line-height:0.5} .activity_item .action_wrap {display: block; position:static; margin: 6px 0 0 40px} .activity_item .action_wrap a {margin: 0 6px 0 0} .activity_item .action_wrap a span.btn_fn4 {padding: 5px} ul.list_todo_board li a.todo_board span.tit {margin-right: 100px} .layer_todo_card .content_activity .activity_item {padding-right:0} .content_check .action_wrap{display:block} header.content_top div.critical a.btn_menu span.txt {display: none} .wrap_todo .wrap_todo_board h1.s_title {font-size: 16px} ul.list_todo_board > li {float: none; width: 100%} ul.list_todo_board > li a.btn_baord {line-height: 1.5 !important} ul.list_todo_board > li a.todo_board {margin: 0 0 10px 0} ul.list_todo_board > li a.btn_baord, ul.list_todo_board li .todo_board {margin-right: 0!important} ul.list_todo_board > li a.btn_baord div.column_create {margin-top: 32px} ul.list_todo_board li span.action {top: 0; right: 0} ul.list_todo_board li span.action span.btn_board_private , ul.list_todo_board li span.action a {padding: 12px 10px} ul.list_todo_board li a.todo_board span.tit {font-size: 16px} .form_static_option .ic_public, .form_static_option .ic_private {vertical-align: middle;margin-top: -6px!important} .go_todo header.conent_header .btn_setting {display: none} header.board_column footer {border-top: 0; padding: 5px 0} .layer_type_detail {left: 0; top: 0; margin: 0} header.go_header {background:#fff;} body, .go_wrap, body.go_full_screen .go_content, header.go_header {min-width: 0} .wrap_todo {padding: 10px 16px} .my_board {margin-top: 20px} .go_todo header.conent_header h1.board_name {margin-right:0; width:100%;} .go_todo header.conent_header h1.board_name span.txt_ellipsis {max-width: 85%; font-size: 20px} .form_static_wrap .title {margin-bottom: 4px} .go_todo header.conent_header div.optional {top: 10px; right: 0} header.conent_header a.btn_statistic {display: none} header.conent_header a.btn_flat {border: 0; background: none} header.conent_header a.btn_flat span.txt {display: none; border: 1px solid red} a.btn_statistic:hover {background: none} .go_todo header.conent_header h1.board_name span.action {display: inline-block; vertical-align: top; margin: 0} .go_todo header.conent_header {padding-bottom: 6px} .board_column_wrap header.board_column .num {vertical-align: top; font-size: 16px; top: 10px; } .board_column_wrap header.board_column .title {font-size: 16px} .go_todo header.conent_header h1.board_name span.action a {display: none} .content_check .action_wrap, .activity_item .action_wrap {display: block} .go_todo footer.btn_layer_wrap a {margin:0 4px} .go_todo .content_top {height: 50px; box-shadow:none; border-bottom:1px solid #d5d7e1;} .go_todo .content_top .critical a.btn_menu {display:inline-block; padding:13px 10px} header.content_top .critical {top:0; left:0} .board_column_wrap {width:300px} .aside_timeline {top: 50px} .layer_type_detail section.detail_content div.add_file ul.file_wrap li {margin-right:; background: #f7f7f7} .board_card .title {padding-right: 28px} .board_card a.btn_board_more {display: block} .board_card_wrap .card_create .create_box {padding: 4px 0} .board_card_wrap .card_create .ic_plus_w {top: 14px} .layer_type_detail>header .title .ic_board, .layer_type_detail .content_title>.ic_board {top: 2px} .layer_type_detail .content_title .ic_list_b {top: 3px} .layer_type_detail .content_title .ic_attach_bb {top: 4px} .layer_type_detail .content_title .ic_timeline_b {top: 5px} .layer_todo_card .create_form .wrap_txtarea, .layer_todo_card .create_form .wrap_txtarea textarea {line-height: 1.4} .content_check .action_wrap a {padding: 5px; margin: 0} .layer_todo_card .content_critical .content_attach .attach_wrap .item_file a.btn_ic_del {margin-left: 2px} span.item_file a.btn_ic_del {padding: 2px 4px} .ment {margin: 30px 0} .ment .tit {font-size: 18px; margin: 4px 0} .ment .txt {margin: 4px 0} .form_static_wrap {margin: 10px 0} a.btn_style1 span.ic_board {margin-top:-5px} ul.list_member li a .info .name {font-size: 15px; color: #333} ul.list_label li a.card_label {padding: 10px 5px} .layer_label div.container div.content form.form_static div.form_static_wrap .card_label {height: 32px} div.array_option input[type='checkbox'] {vertical-align: top; margin-right: 2px} ins.ic_star_off {display: inline-block; cursor: pointer; width: 16px; height: 16px; background: url(../images/icon_star.png) no-repeat 0 -40px; vertical-align: middle} .layer_todo_card .content_critical .content_attach .attach_wrap .item_file .name {line-height: 1.3} .layer_todo_card .content_optional a.btn_flat_normal .ic_board {vertical-align: top; margin: 6px -1px 0 0} .layer_todo_card .content_optional a.btn_flat_normal .ic_attach_img {margin-top:8px} .layer_todo_card .content_critical .create_item span.ic_plus {vertical-align: top; margin-top: 8px} .layer_todo_card .content_critical .create_item span.ic_plus + .txt { line-height: 1; vertical-align: top; display: inline-block; margin-top: 7px; } .layer_type_detail>header .btn_layer_x:hover, .go_todo .card_desc.editable:hover, .go_todo .layer_todo_card header .title.editable:hover {background: none} .layer_todo_card .content_critical .content_info ul.list_label li .card_label {max-width: 200px} .layer_todo_card .detail_content_wrap .content_optional a.btn_flat_normal {width: auto} .layer_todo_card .content_optional a.btn_flat_normal {margin-bottom: 8px} a.btn_attach_photo {background-position: -150px -50px;width: 36px;height: 32px;} div.layer_sel_scr div.content {position: relative; height: 200px; padding: 10px; text-align: center} div.layer_sel_scr div.content div.wrap_sel_scr {position: relative; display: inline-block; width: 60px; height: 120px; overflow: hidden} div.layer_sel_scr div.content div.wrap_sel_scr:last-child {margin-left: 20px} div.sel_scr {position: absolute; top: 0; left: 0; z-index:100} div.sel_scr ul.list_sel_scr li button {width: 60px; height: 40px; font-size: 16px; background: none; border: none; color: #adadad; cursor: pointer} div.sel_scr ul.list_sel_scr li button.on {color: 000; font-weight: bold} div.wrap_sel_scr div.mark_sel_scr {position: absolute; top: 40px; height: 40px; border: 1px solid red; border-width: 1px 0; width: 100%} /* media */ /* 가로 모드 */ @media only screen and (min-width:400px) { div.home_wrap h1.logo {max-width: 60%} } /* iOS3~4, galaxyS2 */ @media only screen and (max-width:320px) { .home_wrap {width:320px} div.home_wrap h1.logo {max-width: 45%} } /* ipad 3-4 */ @media only screen and (min-width:720px) { div.home_wrap h1.logo {max-width: 70%} /* .home_wrap {width:720px} */ div.home_wrap ul.home li a {height: 150px} ul.home li a span.wrap_ic {margin-top:30px} } /* 캘린더 외부참석자 추가 */ table.tb_calendar_write div.add_ipt_wrap div.ipt_space_t {margin-top:5px;} /* otp_confirm */ section.login_wrap.otp_confirm div.div_ipt {position:relative; min-height:0; line-height:0; border:0; border-bottom:1px solid #919191; box-shadow:none; border-radius:0; background:none; padding:2px 30px 2px 1px; margin-bottom:50px;} .otp_confirm div.div_ipt input.input {padding:0; height:30px; border-radius:0; background:none; border:0; font-size:18px;} .otp_confirm div.div_ipt input.input:focus {outline:none;} section.login_wrap.otp_confirm header {padding:60px 0 50px; text-align:center;} section.login_wrap.otp_confirm header img {width:70px; height:70px;} section.login_wrap.otp_confirm .div_ipt button {position:absolute; background: url(../images/mobile/otp_close.png) no-repeat; background-size:14px; width:14px; height:14px; border:0; top:10px; right:-1px; cursor:pointer;} .otp_confirm div.otp_status {margin-bottom:40px; text-align:center; font-size:22px; color:#424242; letter-spacing:-2px;} .otp_confirm dl.login_info {margin-bottom:80px;} section.otp_confirm div.div_ipt div.otp_close {position:absolute; top:10px; right:0; display:inline-block; width:20px; height:20px;} section.otp_confirm div.div_ipt div.otp_close img {width:100%; height:100%;} .otp_confirm .login_form {margin:20px 30px; margin-bottom:65px;} .otp_confirm div.des {margin-bottom:20px; padding:0 5px; text-align:center;} .otp_confirm span.txt {font-size:12px; color:#a8a8a8; letter-spacing:-1px;} .login_wrap input.btn_major_otp {display: block; width:100%; border:1px solid #02a1c0; border-radius:50px; margin:110px auto 50px; padding:12px 0; background:#02a1c0; background:-webkit-gradient(linear, left top, left bottom, from(#02a1c0), to(#02a1c0)); text-align: center; font-size:18px; color:#fff; cursor:pointer;} .login_wrap a.app_download_enter {display: block; border:1px solid #bbb; border-radius:50px; margin:-30px auto 50px; padding:12px 0; background:#02a1c0; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); text-align: center; font-size:17px; color:#a2a2a2; cursor:pointer;} .login_wrap a.app_download_enter .ic_app_download {vertical-align:top; margin:0 5px 0 0} .btn_major_otp:active{border:1px solid #0096a4; background:#0096a4; background:-webkit-gradient(linear, left top, left bottom, from(#0096a4), to(#0096a4));} /* otp_regist */ .otp_regist div.ic_otp_lock {margin:40px auto;} .otp_regist div.otp_status {margin:0 20px 10px; text-align:center; font-size: 22px; color:#424242; line-height:30px; letter-spacing: -2px} .otp_regist div.txt {margin:0 20px 50px; text-align:center; font-size:16px; color:#a0a0a0; line-height: 25px} .otp_regist div.des {margin-bottom:20px; text-align:center; font-size:12px; color:#a8a8a8;} .otp_regist a.btn_major_otp {display: block; border:1px solid #02a1c0; border-radius:50px; margin:0 40px 50px; padding:12px 0; background:#02a1c0; background:-webkit-gradient(linear, left top, left bottom, from(#02a1c0), to(#02a1c0)); text-align: center; font-size:18px; box-shadow:0 5px #dddddd; color:#fff; box-sizing: border-box; cursor:pointer;} /* 2.0 로그인 */ .login_wrap .div_ipt a {position:absolute; width:14px; height:14px; top:-2px; right:-9px; padding:10px;} .login_wrap div.div_ipt {position:relative; min-height:0; line-height:0; border:0; border-bottom:1px solid #919191; box-shadow:none; border-radius:0; background:none; padding:2px 30px 2px 1px; margin-bottom:20px;} .login_wrap div.div_ipt input.input {padding:0; height:30px; border-radius:0; background:none; border:0; font-size:18px;} .login_wrap div.div_ipt input.input:focus {outline:none;} section.login_wrap header {padding:80px 20px 60px; text-align:center;} section.login_wrap header .do_logo {margin-top: 16px; font-size: 26px; color: #02A1C0; font-weight: 900;} section.login_wrap header .service_tit {font-size: 26px; color: #02A1C0; font-weight: 100;} .login_wrap header img {width:70px; height:70px;} .login_wrap .div_ipt button {position:absolute; background: url(../images/mobile/otp_close.png) no-repeat; background-size:14px; width:14px; height:14px; border:0; top:10px; right:-1px; cursor:pointer;} .login_wrap div.otp_status {margin-bottom:40px; text-align:center; font-size:22px; color:#424242; letter-spacing:-2px;} .login_wrap dl.login_info {margin-bottom:80px;} .login_wrap .login_form {margin:0 20px 30px; margin-bottom:65px;} .login_wrap span.option_wrap {float:right;} .login_wrap span.option_wrap div {display:inline-block; margin-left:20px;} .login_wrap span.option_wrap div a {position:relative;} .login_wrap span.option_wrap div a span.ic_search {position:absolute; background: url(../images/mobile/ic_search.png) no-repeat; background-size:13px; width:13px; height:13px; top:3px; left:0;} .login_wrap span.option_wrap div a span.ic_check_n {position:absolute; background: url(../images/mobile/ic_check_n.png) no-repeat; background-size:14px; width:14px; height:13px; top:3px; left:0;} .login_wrap span.option_wrap div a span.ic_check_p {position:absolute; background: url(../images/mobile/ic_check_p.png) no-repeat; background-size:14px; width:14px; height:13px; top:3px; left:0;} .login_wrap span.option_wrap span.txt {padding-left:20px; vertical-align:top; color:#919191;} .login_wrap input.btn_major_otp {display: block; width:100%; border:1px solid #02a1c0; border-radius:50px; margin:100px auto 50px; padding:12px 0; background:#02a1c0; background:-webkit-gradient(linear, left top, left bottom, from(#02a1c0), to(#02a1c0)); text-align: center; font-size:18px; color:#fff; cursor:pointer;} .login_wrap a.app_download_enter {display: block; border:1px solid #bbb; border-radius:50px; margin:-30px auto 10px; padding:12px 0; background:#02a1c0; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); text-align: center; font-size:17px; color:#a2a2a2; cursor:pointer;} .login_wrap a.app_download_enter .ic_app_download {vertical-align:top; margin:0 5px 0 0} .btn_major_otp:active{border:1px solid #0096a4; background:#0096a4; background:-webkit-gradient(linear, left top, left bottom, from(#0096a4), to(#0096a4));} /* 2.0 works_regist */ .build_box_data .txt {color: #999} .build_content_inner {padding:0 10px 10px 10px;} .wrap_build_data {margin:20px 0;} .line { display: inline-block; *display: block; zoom: 1; width: 100%; border-top:solid 1px #ddd;} .wrap_build_data span.box_label_wrap {display:inline-block; font-size: 15px; color:#333; font-weight:bold; margin-bottom: 4px} .wrap_build_data .wrap_btn_attach span.wrap_btn {display:inline-block; position:relative; height:40px; margin:0 5px 0 0;} .build_box_data, .build_box_data span.wrap_txt { /*width:100%;*/ } .build_box_data span.wrap_txt {padding:0;} .build_box_data span.wrap_option {padding:0;} .build_box_data p.desc {font-size:12px; margin-top: 5px;} .build_box_data p.txt_error {font-size:12px; margin-top: 5px; color:red;} .build_box_data span.txt_unit {color:#666666; line-height:36px; height:36px; } .build_box_data textarea.w_max {height:140px;} .build_box_data div.txt_list_box {padding:4px 0;} .build_box_data span.btn_item_add {margin-top:4px;} .build_box_data div.txt_list_box {padding:0;} .build_box_data div.txt_list_box span.option_wrap {margin-top:10px;} .build_box_data div.div_ipt {box-shadow:none;} .build_box_data div.div_ipt ul.name_tag {margin-top:4px; overflow:hidden;} .build_box_data div.div_ipt ul.name_tag li {border-radius:2px;} .build_box_data textarea {box-shadow:none; overflow-y:auto;} .build_box_data.blank { } .build_box_data.blank span { display:none; } .build_box_data span.wrap_option {display:list-item; padding-top:8px; list-style:none;} .build_box_data .list_comp li {padding-right: 0} .build_box_data .file_wrap li {padding-right: 80px!important} /*.wrap_build_data span.simple_label,*/ .build_prev_wrap div.wrap_btn, .wrap_build_data .box_label_wrap span.help { display:none; } .wrap_build_data .column_side span.simple_label { display: block; } .build_prev_wrap .build_box div.build_box_inner input.txt.w_large {width:115px;} .build_prev_wrap .build_box div.build_box_inner span.wrap_date input.txt.wfix_small {width:80px!important;} .build_prev_wrap .build_box div.build_box_inner span.wrap_select_list input.txt.wfix_small {width:120px!important;} .build_prev_wrap .build_box div.build_box_inner span.wrap_date input.txt {padding:0 4px!important;} .build_prev_wrap + .list_type6.list_subTask header {display: inline-block; clear: both; width: 100%;} .build_prev_wrap + .list_type6.list_subTask header .tit { margin-right: 5px; } .build_prev_wrap + .list_type6.list_subTask header .num { margin-top: 1px; } .list_subTask .article_view {padding:0;} .list_subTask .article > .article {padding:0;} span.btn_select {width:22px; height:26px; background: url(../images/select_Style.png) no-repeat right 0 } span.wrap_select_list {position:relative;} span.wrap_select_list span.btn {position:absolute; top:6px; left:93px; cursor:pointer;} span.wrap_select_list ul.select_list {position:absolute; max-height: 188px; overflow: auto; overflow-x: hidden; border: 1px solid #cacaca; margin-top:-1px} ul.select_list {position:absolute; left:0; top:36px; background-color:#fff; width:118px;} ul.select_list li {padding:6px 7px 5px; border-bottom: 1px solid #ececec} ul.select_list li:hover {cursor:pointer;background-color:#f3f3f3} ul.select_list li:last-child, ul.select_list li.last {border-bottom: 0} ul.select_list li span.txt {padding:0 !important} /* 2.0 works_detail */ .build_content_inner {padding:0 16px 16px; border-bottom:1px solid #eee;} .build_prev_header {border-bottom:2px solid #666;} .build_prev_header .build_box_data {margin-top: 0} .build_prev_header .critical {position:static; padding:15px 0px;} .build_content_inner .critical .box_label_wrap label {font-size:20px; font-weight:bold; line-height:150%;} span.ic_works { display:none; } .build_content_inner .optional { display: none; } .build_content_inner .item_file .optional { display: block; } span.item_file span.ic_file {vertical-align:middle;} .ic_works {background: url("../images/mobile/ic_works.png") !important; background-repeat: no-repeat; display: inline-block; *display: block; *zoom: 1; background-size: 600px 100px !important; } .ic_works.ic_list { background-position: -100px 0px !important; width: 20px; height: 20px; line-height: 9999px; overflow: hidden; } .ic_works.ic_card { background-position: 0px 0px !important; width: 20px; height: 20px; line-height: 9999px; overflow: hidden; } .ic_works.ic_new { background-position: -400px 0px !important; width: 40px; height: 40px; line-height: 9999px; overflow: hidden; } .ic_works.ic_star { background: url("../images/mobile/ic_works.png"); background-position: -200px 0px !important; width: 40px; height: 40px; line-height: 9999px; overflow: hidden; } .ic_works.ic_star.on { background: url("../images/mobile/ic_works.png"); background-position: -300px 0px !important; width: 40px; height: 40px; line-height: 9999px; overflow: hidden; } .ic_works.ic_body_folder {background: url("../images/mobile/ic_works.png")!important; background-size:300px 50px!important; background-position: -250px 0px !important; width:30px; height:25px!important} .hidden_data {display:inline-block;} .hidden_data span.help {display:inline-block; background: url("../images/mobile/ic_hidden_data.png") no-repeat; background-size:200px 20px; width:200px; height:20px!important; border-radius:2px;} .hidden_data span.help .tool_tip {display:none;} .item_file .hidden_data {vertical-align:middle;} .wrap_works { box-sizing:border-box; overflow:hidden; padding:20px 0;} .nav_s .cont_top_tab { clear: both; display: inline-block; *display: block; *zoom: 1; box-sizing:border-box; width: 100%; padding-right: 56px; height: 100%; text-align: center; overflow: hidden; } .nav_s .cont_top_tab h1 { height: 100%; } .nav_s .cont_top_tab li { float:left; width: 33%; box-sizing:border-box; position: relative; height:100%; cursor: pointer; background:#fff;} .nav_s .cont_top_tab li .b_border { position: absolute; bottom:0px; height: 2px; background: #00a1b9; display: inline-block; *display: block; *zoom: 1; width: 100%; left:0px; display: none; } .nav_s .cont_top_tab li h1 {/* position: relative;*/ } .nav_s .cont_top_tab li .txt { display: inline-block; *display: block; *zoom: 1; color: #aaa; font-weight: normal; height: 100%; line-height:50px; } .nav_s .cont_top_tab li.on .b_border { display: block; } .nav_s .cont_top_tab li.on .txt { color: #00a1b9; font-weight:600;} .works_nav { position: relative; border-bottom:1px solid #eee;} .works_nav .wrap_btn { overflow: hidden; position: absolute; right: 6px; top:2px; padding: 12px; height:20px; z-index: 1; display: block; cursor:pointer;} .works_nav .wrap_btn .ic_works.ic_card {background-size: 300px auto !important; box-sizing:border-box; background-position: 0 0 !important;} .works_nav .wrap_btn .ic_works.ic_list {background-size: 300px auto !important; box-sizing:border-box; background-position: -50px 0 !important; } .works_nav h1 {font-size: 16px} .works_nav > div {height:51px;} .wrap_works {} .wrap_works ul {} .wrap_works .app_item { height:56px; line-height: 56px; box-sizing:border-box; position: relative; cursor: pointer; } .wrap_works .app_item:first-child {border-top:none;} .go_works_home.card_type .app_list { width: 100%; clear:both;} .go_works_home.card_type .app_list:after {display:block;clear:both;overflow:hidden;height:0;content:'';} .go_works_home.card_type .app_item {display: inline-block; *display: block; zoom: 1; float:left; padding-top: 0px; border:none; cursor: default; } .go_works_home.card_type .app_item .btn_star { position: absolute; z-index: 1; right:15px; top:7px; } .go_works_home.card_type .app_item .wrap_img_ic img { width: 100%; height: 100%; } .go_works_home.card_type .app_item .wrap_works_info { display: inline-block; *display: block; zoom: 1; box-sizing:border-box; position: relative; width: 100%; height:200px;padding: 10px; background:#fff; box-shadow: 0 1px 1px #ccc;} .go_works_home.card_type .app_item .inner_works_info { max-height: 57px; width: 100%; overflow: hidden; text-overflow:ellipsis; display: inline-block; *display: block; *zoom: 1; display: inline-block; *display: block; *zoom: 1; box-sizing:border-box; margin-top: 20px; position: relative; text-align: center; } .go_works_home.card_type .app_item .inner_works_info .tit { display: inline-block; *display: block; *zoom: 1; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: bold; } .go_works_home.card_type .app_item .inner_works_info .card_info { font-size: 12px; color:#999999; text-align: center; line-height: 19px; display: block; } .go_works_home i.dot_bg{display:inline-block;*display:block;*zoom:1;width:45px;height:20px;position:absolute;right:0px;bottom:0px;zoom:1;background:rgba(255,255,255,0);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(51%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColor=0,endColorStr=#FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColor=0,endColorStr=#FFFFFF)";background:url('../images/dot_bg.png') \0/IE8+9;filter:none \0/IE8+9;} .go_works_home i.dot_bg { } .ic_works2 { background: url("../images/mobile/ic_menu.png"); background-repeat: no-repeat; background-size: 250px 250px; display: inline-block; *display: block; *zoom: 1; } .home_wrap.type2 .ic_works2 { background-size: 250px auto; } .home_wrap.type2 .ic_works2.ic_multiCompany { background-position: -145px -92px; width: 20px; height:20px; margin:0px; } .home_wrap.type2 .ic_works2.ic_home_mail { background-position: 0px 0px; width: 26px; height: 23px; } .home_wrap.type2 .ic_works2.ic_home_contact { background-position: -50px 0px; width: 23px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_board { background-position: -100px 0px; width: 23px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_calander { background-position: -150px 0px; width: 24px; height: 23px; } .home_wrap.type2 .ic_works2.ic_home_calendar { background-position: -150px 0px; width: 26px; height: 24px; } .home_wrap.type2 .ic_works2.ic_home_community { background-position: -200px 0px; width: 26px; height: 24px; } .home_wrap.type2 .ic_works2.ic_home_asset { background-position: -0px -50px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_approval { background-position: -50px -50px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_report { background-position: -100px -50px; width: 22px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_task { background-position: -150px -50px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_survey { background-position: -200px -50px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_todo { background-position: -0px -100px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_works { background-position: -50px -100px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_ehr { background-position: -100px -100px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_docfolder { background-position: -0px -149px; width: 26px; height: 27px; } .home_wrap.type2 .ic_works2.ic_home_webfolder { background-position: -50px -149px; width: 26px; height: 24px; } .home_wrap.type2 .ic_works2.ic_home_docs { background-position: -100px -150px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_link { background-position: -150px -150px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_browser { background-position: -0px -200px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_calculator { background-position: -50px -200px; width: 20px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_electric_bulb { background-position: -100px -200px; width: 15px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_notebook { background-position: -150px -200px; width: 26px; height: 20px; } .home_wrap.type2 .ic_works2.ic_home_hr { background-position: -200px -200px; width: 26px; height: 26px; } .home_wrap.type2 .ic_works2.ic_home_vacation { background-position: -200px -150px; width: 26px; height: 26px; } .ic_works2.ic_appDown { background-size: 250px auto; background-position: -200px -98px; width: 17px; height: 16px; } html.home_menu, html.home_menu body { height: 100%; box-sizing:border-box; position: relative; } html.home_menu footer { position: relative; width: 100%; border-top:none;} html.home_menu footer .btn_footer {margin:0 20px 30px; padding:16px 0; background:#f3f3f3; border-radius:4px;} html.home_menu footer .btn_footer .btn_type2 {font-size: 13px; } .home_wrap.type2 {position: relative; overflow: hidden; } .home_wrap.type2 .home_header {position: relative; margin:24px 20px 16px; box-sizing:border-box; height: auto; background: #02A1C0; border-radius:16px; z-index:3; box-shadow:0px 12px 20px rgba(2, 161, 192, 0.3);} .home_wrap.type2 div.logo_wrap h1.logo {line-height: 20px; font-weight: bold; } .home_wrap.type2 .logo_wrap { display: ; } .home_wrap.type2 .info_wrap { display:inline-block; left:0px; top:0px; right:auto; width: 100%; box-sizing:border-box; padding: 24px 75px 26px 82px; position:relative; } .home_wrap.type2 div.info_wrap .info_pic {position: absolute; left: 21px; top:21px; float: none;} .home_wrap.type2 div.info_wrap .info_pic img { border:0; width: 48px; height: 48px; } .home_wrap.type2 div.info_wrap .name {color: #fff; width: 100%; max-width: 100%; margin:0px; font-size:16px; font-weight:600; line-height:26px; } .home_wrap.type2 div.info_wrap p { height: 20px; line-height: 20px; } .home_wrap.type2 div.info_wrap .logo_wrap { height: 20px; } .home_wrap.type2 div.info_wrap .logo_wrap .logo { font-size: 14px; color: #fff; margin:0px; padding: 0px; opacity:0.6; font-weight:normal;} .home_wrap.type2 .layer_m_multiCompany { top:21px; left:0px; margin:0px; display: inline-block; *display: block; *zoom: 1; box-sizing:border-box; } .home_wrap.type2 .row_wrap .row_tit .row { padding: 15px 10px; } .home_wrap.type2 .row_wrap .row_tit .row .txt { display: inline; } .home_wrap.type2 .wrap_home_menu { } .home_wrap.type2 .wrap_home_menu > div ul { clear: both; position: relative; width: 100%; padding:16px; box-sizing:border-box;} .home_wrap.type2 .wrap_home_menu > div ul:after {display:block;clear:both;overflow:hidden;height:0;content:'';} .home_wrap.type2 .wrap_home_menu > div ul li { width: 25%; height: 100px; float: left; box-sizing:border-box; position: relative; } .home_wrap.type2 .wrap_home_menu > div ul li .badge { position: absolute; top: 10px; left:50%; margin-left:2px; min-width:8px; z-index: 2; background: #fd1e1e; font-weight: normal; } .home_wrap.type2 .wrap_home_menu a.m_img_wrap {width: 100%; height: 100%; display: inline-block; *display: block; *zoom: 1; border-radius: 40px; position: relative; text-align:center;} .home_wrap.type2 .wrap_home_menu a.m_img_wrap i { } .home_wrap.type2 .wrap_home_menu a.m_img_wrap p.m_tit { position: absolute; margin: 0 auto ; left: 0px; right: 0px; top:60px } .home_wrap.type2 .wrap_home_menu a.m_img_wrap:focus, /*.home_wrap.type2 .wrap_home_menu a.m_img_wrap:hover,*/ .home_wrap.type2 .wrap_home_menu .m_tit { color: #333; font-size: 14px; text-align: center; } .home_wrap.type2 .wrap_home_menu .badge {padding:3px 7px; font-size:14px;} .home_wrap.type2 .wrap_home_menu .ic_works2 { position: absolute; left:3px; top:0px; right: 0px; bottom: 0px; margin: 24px auto 50px;} .home_wrap.type2+footer .btn_footer a:first-child, .home_wrap.type2+footer .btn_footer a:first-child .btn_type2:first-child {margin:0; padding:0; border-left:0;} .home_wrap.type2+footer .btn_footer a { margin:0 0 0 10px; } .home_wrap.type2+footer .btn_footer .btn_type2 { padding:0 0 0 10px; height:16px; line-height:14px; border-width:0 0 0 1px; border-radius:0; background:none; font-size:14px; border-color:#ddd; } .home_wrap.type2+footer .btn_footer .btn_type2 .ic_appDown {display:none;} .mail_view .wrap_attach { margin-top: 0px; clear: both; } .mail_view .wrap_attach:after {display:block;clear:both;overflow:hidden;height:0;content:'';} .mail_view .wrap_attach div.add_file div.add_file_header { padding-right: 8px; position: relative; border-top:none; } .mail_view .wrap_attach .add_file_header a {position: absolute; top:2px; right:0; padding:10px; box-sizing:border-box; display: inline-block;} .mail_view .wrap_attach .add_file_header .btn_more.open .ic_dropdown {background-position:-75px -25px;} .mail_view .wrap_attach .btn_more {*display: block; *zoom: 1; } .mail_view .wrap_attach .btn_more .ic_arrow2_down { position: absolute; top: 17px; right: 10px; } .mail_view .list_report_wrap { position: relative; } .mail_view .wrap_attach .file_wrap .item_file > a {display:inline!important; width:auto!important; vertical-align:middle!important;} /*.build_box type table*/ .build_box.table { overflow: visible; } .build_box.table .wrap_build_data.table_box{border:none;box-shadow:none;box-sizing:border-box;/*padding:5px 30px;*/color:#000!important;margin:10px 0px;} .build_box.table .build_box_inner .ic_works.ic_drag { left:-12px; } .build_box.table .table_box:hover{background:transparent;} .build_box.table .table_box .build_box_inner{padding:0px;display:inline-block;*display:block;*zoom:1;width:100%;height:100%;} .build_box.table .table_box .build_box_inner .ic_works.ic_drag{ top:0px; left:5px; display: none; } .build_box.table .table_box .build_box_inner.on {background:#e9f5f6;} .build_box.table .table_box .simple_label { padding: 10px 0px; font-weight: bold; color: #003333; cursor: move; width: 100%; } .build_box.table .table_box .table_inner { border: dashed 1px #aaa; } .build_box.table .table_box .table_inner .table_drag_info { font-style:normal; font-weight: bold; color: #bbbbbb; padding: 20px 0px; } .build_box.table .table_box .table_inner .table_drag_info.on { height:0px; overflow: hidden; padding: 0px; } .build_box.table .table_box .table_inner .table_drag_info p { text-align: center; } .build_box.table .table_box .wrap_btn{ top:5px;right:0px; } .build_box.table .table_box table.type_normal tbody tr th { } .build_box.table .table_box table.type_normal tbody tr td:first-child { padding:0px; padding-left:0px !important; } .build_box.table .table_box table.type_normal tbody tr td { padding:0px; white-space: nowrap; background: #fff; border-bottom: none; font-size: 14px; } .build_box.table .table_box .build_box { border: solid 1px #dddddd; } .build_box.table .table_box .build_box.on label { background: #f9f9f9; } .build_box.table .table_box .build_box .wrap_build_data { padding:0px; margin:0px; } .build_box.table .table_box .build_box .wrap_build_data .box_label_wrap { box-sizing:border-box; text-align:center; margin-bottom: 0px; width: 100%; padding: 10px 8px 5px 8px; border-bottom: solid 1px #dddddd; background: #f9f9f9; cursor: move; } .build_box.table .table_box .build_box .wrap_build_data .build_box_data { padding: 4px ; border:none; box-sizing:border-box; } .build_box.table .table_box table.type_normal select { padding: 2px 4px; } .build_box.table .table_box table.type_normal .wrap_select { padding: 0px; } .build_box.table .table_box table.type_normal .wrap_date { padding: 0px; } .build_box.table .table_box table.type_normal .ic_worksic_drag { display: none; } .build_box.table > .build_box_inner > .wrap_btn { right: -19px; top: 5px; } .build_box.table .table_box .wrap_btn .ic_copy { display: none; } .build_box.table .wrap_build_data.table_box { margin:0px !important; } .build_box.table .build_box.select , .build_box.table .placeholder{ min-width: 150px; min-height: 70px; box-sizing:border-box; } .build_box.table .table_inner_list { min-height: 60px} .build_box.table .table_inner_list .placeholder, .build_box.table .table_inner_list .build_box { min-height: 75px; } .build_box.table .table_inner_list .build_box.on .build_box_data { min-height: 28px;} .build_box.table .ic.ic_calendar {top: 2px; } .build_box.table .box_label_wrap {margin-bottom: 0px !important; } .build_box.table .table_box table.type_normal select { } .build_box.table .type_normal .asterisk { margin-left: 0px !important; font-style: normal; } .build_prev_wrap .build_box.table .build_box_data{ white-space: normal; } .build_prev_wrap .build_box.table .build_box_data .build_box {border:none;} .build_prev_wrap .build_box.table table.type_normal {border-collapse: collapse; border:solid 1px #ddd;} .build_prev_wrap .build_box.table table.type_normal tr td {border:solid 1px #dddddd; vertical-align: top; } .build_prev_wrap .build_box.table table.type_normal tr td.build_table_option {display: none; } .build_prev_wrap .build_box.table .ic_works.ic_drag { display: none; } .build_prev_wrap .build_box.table .box_label_wrap {cursor: default !important; min-height: 37px !important; } .build_prev_wrap .build_box.table .wrap_build_data span.simple_label { display: block; } .build_prev_wrap .build_box.table span.box_label_wrap.simple_label { min-height: 0px !important; } .build_prev_wrap .build_box.table { position: relative; } .build_prev_wrap .build_box.table .table_action_wrap { display: inline-block; margin-top: 4px; min-width: 50px; } .build_prev_wrap .build_box.table .table_action_wrap .ic_works { margin-right: 3px; } .build_prev_wrap .build_box.table .build_table_option .box_label_wrap { height: 34px; } .build_prev_wrap .build_box.table .build_table_option .box_label_wrap label { display: none; } .build_prev_wrap .build_box.table .table_inner_list tr td .wrap_build_data .box_label_wrap { display: none; } .build_prev_wrap .build_box.table .table_inner_list tr td .build_box { min-height: 37px !important ; } .build_prev_wrap .build_box.table .table_inner_list tr:first-child td .wrap_build_data .box_label_wrap { display: block; } .build_prev_wrap .build_box.table .table_inner_list tr:first-child td .build_box { min-height: 71px !important; } .build_prev_wrap .build_box.table .box_label_wrap {margin-bottom: 0px !important; } .build_prev_wrap .build_box.table .table_box .build_box .wrap_build_data .build_box_data { white-space: normal; } .build_prev_wrap .build_box.table .table_box table.type_normal select {padding: 0 4px; } .build_prev_wrap .wrap_select select { min-width: 80px; } .build_prev_wrap.build_write_wrap .build_box.table .build_box_data{ white-space: nowrap; } .build_prev_wrap.build_write_wrap .build_box.table .build_box_data .build_box {border:none ;} .build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr td {border:solid 1px #dddddd ;} .build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr td.build_table_option {display: block; border:none; border-top:solid 1px #ddd; } .build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr:first-child td.build_table_option { border-top: none; } .build_prev_wrap .build_box.table .table_box .table_inner {border: 0; overflow-x:auto} .build_prev_wrap .name_tag { } .build_prev_wrap .name_tag .btn_wrap { } .build_prev_wrap .name_tag .btn_wrap .ic_form.ic_addlist + .txt { margin-top: 0px; } .build_write_wrap .opt_privacy { padding: 6px 0px; border-bottom: 1px solid #ddd; } .build_prev_wrap.build_write_wrap .build_box_data .wrap_txt { vertical-align: top; } .build_prev_wrap.build_write_wrap .build_box_data .txt_unit {display: inline-block; *display: block; *zoom: 1; height:36px; line-height: 36px; } .build_prev_wrap .ic_classic.ic_del {display:inline-block; background:url(../images/icon_classic.png) no-repeat; display: inline-block; *display: block; *zoom: 1; width:16px; height:16px; background-position: -176px -38px; cursor: pointer; margin-top:0} .ic_works.ic_item_add { background:url(../images/ic_works.png) !important; background-position: -250px -150px !important; width: 20px; height: 20px; overflow: hidden; line-height: 9999px; } .ic_works.ic_item_remove { background:url(../images/ic_works.png) !important; background-position: -250px -200px !important; width: 20px; height: 20px; overflow: hidden; line-height: 9999px; } .overlay .processing {position:absolute; left:50%; top:50%; width:60px; height:60px; line-height:50px; text-align:center; background:#161616 url(../images/img_loader_w.gif) no-repeat center center ; color:#fff; font-family:arial; font-size:14px; border-radius:5px; margin:-30px 0 0 -30px} /*파일 이름 터치영역 넓이 조정*/ .wrap_attach .file_wrap li {min-height:32px;} .wrap_attach .file_wrap .item_file .optional a {display:inline-block;} .wrap_attach .file_wrap .item_file > a, .wrap_attach .file_wrap .item_file .ic_file + a { display: inline-block; *display:block; *zoom:1; width: 85%; text-overflow:ellipsis; overflow: hidden; width: nowrap; vertical-align: top; padding: 6px 0} /* error_data */ .error_data {letter-spacing: -1px; text-align: center; padding: 60px 20px} .error_data .tit {font-size: 20px; margin: 10px 0} .error_data .desc {font-size: 15px; letter-spacing: 0} .error_data .ic_app_info { margin: 0 auto; padding: 0px 0px !important; height: 51px !important; } /*mobile infomation vertical-align css*/ .info .option { display: inline-block; padding-top: 3px; } .info .option .txt, .info .option .writer, .info .option .date, .info .option .part { vertical-align: top; } .info .txt, .info .writer, .info .date, .info .part { vertical-align: top;} /*calendar write*/ table.form_type.tb_calendar_write {} table.form_type.tb_calendar_write th {width: 84px} table.form_type.tb_calendar_write .btn_wrap {} table.form_type.tb_calendar_write .btn_item_add .txt, table.form_type.tb_calendar_write .btn_wrap .txt { vertical-align: top !important; } table.form_type.tb_calendar_write #startDate, table.form_type.tb_calendar_write #endDate {min-width:75px} table.form_type.tb_calendar_write #startTime, table.form_type.tb_calendar_write #endTime {border: 1px solid #cacaca; background-color:#fff; height: 36px;padding: 0 4px;vertical-align: top;box-sizing: border-box;border-radius: 4px;min-width:65px; width: 100%; } /* table.form_type.tb_calendar_write input[type='time']{width:100%} */ /* common */ #info_mode .subject span.txt { vertical-align: inherit !important; } .build_write_wrap .option_display ul.img_wrap { margin-top: 0px; } .dashboard_box {position: relative; background: #f3f3f3; padding: 10px; border-bottom: 1px solid #E1E1E1} .dashboard_box .card_item_wrapper .card_item {height: 340px; background: #fff; box-shadow: 0px 1px 1px #bbb; padding: 10px} .dashboard_box .paging_type1 {margin: 8px 0 0 0} .dashboard_box .btn_paging_prev {position: absolute; top: 120px; left: 20px; opacity: 0.4; box-shadow: 0 3px 5px #666} .dashboard_box .btn_paging_next {position: absolute; top: 120px; right: 20px; opacity: 0.4; box-shadow: 0 3px 5px #666} .wrap_appInterlock { padding:0; border:0;} .wrap_appInterlock .appInterlock_header {position: relative; background-color: #fff; padding: 15px 16px; border-top: 1px solid #eee; cursor: pointer} .wrap_appInterlock .appInterlock_header .btn_ic_arrow {position: absolute; top: 10px; right: 10px} .wrap_appInterlock .appInterlock_header+.appInterlock_body {display: } .wrap_appInterlock .appInterlock_header.on+.appInterlock_body {display: block} .wrap_appInterlock .appInterlock_header.on .btn_ic_arrow .ic_arrow_open {display: none} .wrap_appInterlock .appInterlock_header.on .btn_ic_arrow .ic_arrow_close {display: block} .wrap_appInterlock .appInterlock_body {border-bottom: 1px solid #d2d2d2; background:#fff} .wrap_appInterlock .appInterlock_body .list_appInterlock {padding: 0 16px} .wrap_appInterlock .appInterlock_body .list_appInterlock li {background: #f7f7f7; border: 1px solid #e6e6e6; margin: 0 0 -1px 0} .wrap_appInterlock .appInterlock_body .list_appInterlock li a {display: block; padding: 16px 8px} .wrap_appInterlock .appInterlock_body .list_appInterlock li a .subject {display: block; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis} .wrap_appInterlock .appInterlock_body .list_appInterlock li a .info {margin: 5px 0 0 0} .wrap_appInterlock .appInterlock_body .list_appInterlock li a .info li {border: 0; padding: 4px 0; font-size: 13px; color: #888} .wrap_appInterlock .appInterlock_body .list_appInterlock li a .info li span.com_gage,span.com_rate {line-height:16px !important;} .wrap_appInterlock .appInterlock_body:last-child {border-bottom: 0} .wrap_appInterlock hr {display: none} .wrap_appInterlock .appInterlock {background: #fff; overflow: hidden} .wrap_appInterlock .appInterlock .btn_more {display: block; background: #f5f5f5; border: 1px solid #ddd; background-color: #fff; padding: 10px; text-align: center; margin: 10px} .wrap_appInterlock .appInterlock .appInterlock_header .txt {font-size: 18px; font-weight: bold} .wrap_appInterlock .appInterlock .appInterlock_header .desc {font-size: 13px; line-height: 1.4; margin: 4px 0 0 0} /* common */ .paging_type1 {position: relative; height: 24px; line-height: 24px} .paging_type1 .wrap_btn_prev_type1 {display: inline-block; position: absolute; top: 0; left: 0} .paging_type1 .wrap_btn_next_type1 {display: inline-block; position: absolute; top: 0; right: 0} .paging_type1 .num {text-align: center; height: 24px; line-height: 24px} .paging_type1 .num .current {color: #1da3aa} .paging_type1 .num .part {color: #bbb!important} /* asset_search */ table.form_type .assetList .add_tag span.btn_wrap {margin-top:0;} /* list_asset */ ul.list_asset li div.optional {top:12px; right:8px; text-align:right} ul.list_asset li span.optional {top:18px; right:8px; text-align:right} ul.list_asset li a.tit {margin-right:60px;} /*editor overriding*/ span.editor_span {display: block; width:auto!important; margin:5px} .editor_span td {padding:0!important} .editor_span ul, .editor_span ol {list-style-position:inside; margin:12px 0;} .editor_span ul ul, .editor_span ol ol {margin:0} .editor_span ol {list-style-type: decimal} .editor_span ul {list-style-type: disc} /*mail_popup */ a.btn_write {display: block; position: fixed; bottom: 24px; right: 16px; background:#00a1b9; opacity:0.9; padding: 16px; z-index: 1000; border-radius:30px; box-shadow:0 4px 10px rgba(0,0,0,0.1);} a.btn_write span.ic_write {vertical-align:top;} a.btn_pageTop {display: block; position: fixed; bottom: 94px; right: 24px; background:#fff; opacity:0.9; padding: 12px 13px 8px; z-index: 1000; border:1px solid #bbb; border-radius:30px; box-shadow:0 4px 10px rgba(0,0,0,0.1);} a.btn_pageTop .ic_top {vertical-align:top;} .wrap_zoom .content{padding:14px;} /* multi company share */ .multi_user {color:#4693a3!important;} .multi_user_schedule {background:#AB90E8!important;} ul.list_normal li span.ic.ic_share {margin:4px 6px 0 0!important; width:17px; height:15px; background-position:-150px -350px; vertical-align:top;} /* works similar_data */ .similar_data {width:230px; margin-top:-1px; padding:12px; background:#fff; border:1px solid #cccccc; border-radius:4px;} .similar_data i.ic_tail {top:-9px; left:12px;} .similar_data span.data_title {font-size:13px; font-family:나눔바른고딕,Nanum Barun Gothic;} .similar_data ul.similar_list {padding-top:7px;} .similar_data ul.similar_list li {position:relative; margin-top:4px; padding:4px 12px; background:#f4f4f4; border:1px solid #e1e1e1; border-radius:20px; color:#9e9e9e;} .similar_data ul.similar_list li:first-child {margin-top:0px;} .similar_data ul.similar_list li strong {color:#20bec6; font-weight:normal;} .similar_data ul.similar_list li span.ic_v2.ic_blank {position:absolute; top:6px; right:12px;} /* ic_v2 icon */ .ic_v2_form {display: inline-block; background: url(../images/mobile/ic_v2_form.png) no-repeat; *zoom: 1; background-size: 200px 200px;} .ic_v2_form.ic_toggle {background-position: 0 0; width: 41px; height: 25px} .ic_v2_form.ic_toggle.on {background-position: -100px 0} .btn_toggle.on .ic_v2_form.ic_toggle {background-position: -100px 0} .ic_v2 {display: inline-block; background: url(../images/mobile/ic_v2.png) no-repeat; *zoom: 1; background-size: 250px 50px;} .ic_v2.ic_blank {background-position:0 0; width:16px; height:16px} .ic_v2.ic_app_download {background-position: -200px 0; width: 17px; height: 20px;} p.txt_error span.ic_v2.ic_blank {vertical-align:top;} .ic_v2.ic_share {background-position:0 -25px; width:16px; height:16px; margin:4px 5px 0 0!important; vertical-align:top;} .ic_v2.ic_del {background-position: -25px -25px; width: 20px; height: 22px} .ic_v2.ic_drag {background-position: -50px -25px; width: 21px; height: 25px} .ic_v2.ic_drag_none {background-position: -75px -25px; width: 21px; height: 25px} .ic_v2.ic_close {background-position: -100px -25px; width: 18px; height: 18px} .ic_v2.ic_zoom {background-position: -200px -25px; width: 25px; height: 25px} /* captcha */ .login_wrap .captchaContents {margin:-10px 0 10px} .captchaContents {position:relative; border:1px solid #02a1c0; background:#f2f9f9; padding:20px} .captchaContents .txt {display:block; color:#888; line-height:1.5; margin-right:50px} .captchaContents img {display:block; margin:15px 0 0 -23px} .captchaContents input {border:1px solid #ddd; height:44px; width:100%; padding:0 10px; box-sizing: border-box; box-shadow:none; font-size:18px} .captchaContents .btn_refresh {position:absolute; top:0; right:0; padding:20px; display:inlne-block} .notice .desc {margin:5px 16px 10px; line-height:1.5; text-align:center} /*works 2.0*/ .wrap_works {padding:16px} .wrap_works .app_group, .wrap_works .app_list {box-sizing: border-box; } /* works_group_body */ .wrap_works .app_group .group {position:relative; width:100%; box-sizing: border-box; padding-right: 5px} .wrap_works .app_group .group>a {float:left; display:inline-block; width:100%; /* margin-right:24px; */box-sizing: border-box;margin-bottom:10px; border:1px solid #d9d9d9; transition: 0.2s; background:#fff; border-radius:8px;} .wrap_works .app_group .group a .app_image {position:relative; float:left; width:30px; height:25px; padding:12px 12px 13px 18px;} .wrap_works .app_group .group a .app_image span {display:inline-block!important;height:25px!important; padding:0!important; line-height:initial!important; } .wrap_works .app_group .group a .works_app_tit {width:auto; height:50px; margin-left:65px;padding:12px 30px 0px 0; box-sizing:border-box; font-size:16px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;} .wrap_works .app_group .group a .works_app_tit span.tit {width:264px; padding:0; line-height:25px; font-weight:normal; color:#374e60; letter-spacing:0;} .wrap_works .app_group .group a:active, .wrap_works .app_group .group a:hover {outline:none; border:1px solid #00a1b9; box-sizing: border-box; box-shadow:inset 0 0 0 1px #00a1b9;} /* works_list_body */ .go_works_home.card_type .app_list .app_item {position:relative; padding:0 5px; box-sizing: border-box; display:inline-block; float:left; width:50%; height:180px; margin-bottom:10px} .go_works_home.card_type .app_list .app_item a.btn_star {position:absolute; right:12px; top:12px} .go_works_home.card_type .app_list .app_item a.btn_set {z-index:1; position:absolute; right:12px; top:12px} .go_works_home.card_type .app_list .app_item .wrap_works_info {display:inline-block; width:100%; height:180px; background:#fff; border:1px solid #d9d9d9; box-shadow:none; box-sizing:border-box; transition: 0.2s; border-radius:8px;}/*box*/ .go_works_home.card_type .wrap_works .app_list .app_item .wrap_works_info:active, .go_works_home.card_type .wrap_works .app_list .app_item .wrap_works_info:hover {outline:none; border:1px solid #00a1b9; box-shadow:inset 0 0 0 1px #00a1b9; box-sizing: border-box; } .go_works_home.card_type .app_list .wrap_works_info .wrap_img_ic {position:relative; width: 60px;height: 60px;vertical-align: top; margin:30px auto 0 auto} .go_works_home.card_type .app_list .wrap_works_info .wrap_img_ic img {width:60px; height:60px;} .go_works_home.card_type .app_list .app_item .wrap_works_tit {float: none; display: block; width: 100%; height: 70px; top:0; overflow:hidden; } .go_works_home.card_type .app_list .app_item .inner_works_info {float:none; display:block!important; position:relative; display:table-cell; vertical-align:middle; width:100%; height:45px!important;overflow:hidden; text-align:center; margin-top:25px} .go_works_home.card_type .app_list .app_item .inner_works_info .tit {position:relative; display:inline-block; width:100%; font-weight:normal; overflow:hidden; white-space:normal; text-overflow:initial; height:initial;line-height: 22px; } .go_works_home.card_type .app_list .column_create {padding-right:10px} .go_works_home.card_type .app_list .column_create .wrap_works_info {float:left; display:inline-block; width:50%; height:198px; box-sizing:border-box; border:dashed 2px #74848b; background:#fff; transition: 0.2s; text-align: center; overflow: hidden; } .go_works_home.card_type .app_list .column_create .wrap_works_info:active, .go_works_home.card_type .app_list .column_create .wrap_works_info:hover {border:dashed 2px #74848b; background:#c2f0f3; } .go_works_home.card_type .app_list .column_create .wrap_works_info .card_info {position: relative; display: block; padding: 0px 10px; height: 38px; color:#7b8c94;} .go_works_home.card_type .wrap_works .app_list .column_create div.inner_works_info{float:left; margin-top: 20px; width:100%; text-align:center; overflow:hidden} .go_works_home.card_type .wrap_works .wrap_img_ic i.ic_app_add_1 {width:68px; height:58px; background-position:-250px -250px !important;} .card_type.go_works_home .wrap_works .app_group .group {padding:0;} @media all and (min-width:1024px) { .card_type.go_works_home .wrap_works .app_group .group {float:left; width: 50%!important; padding:0 5px;} .card_type.go_works_home .wrap_works .app_group .group:nth-child(even) {float:right!important; padding-right:0} .card_type .wrap_works .app_item { width: 16.66%!important} .card_type .wrap_works .app_item:nth-child(6n) {padding-right:0!important;} } @media all and (min-width:768px) and (max-width:1023px){ .card_type.go_works_home .wrap_works .app_group .group {float:left; width: 50%!important; padding:0 5px;} .card_type.go_works_home .wrap_works .app_group .group:nth-child(odd) {padding-left:0;} .card_type.go_works_home .wrap_works .app_group .group:nth-child(even) {padding-right:0;} .card_type .wrap_works .app_item { width: 25%!important; } .card_type .wrap_works .app_item:nth-child(4n+1) { padding-left:0!important; } .card_type .wrap_works .app_item:nth-child(4n) { padding-right:0!important; } } @media all and (min-width:481px) and (max-width:767px){ .card_type .wrap_works .app_item { width: 33.3333%!important; } .card_type .wrap_works .app_item:nth-child(3n+1) { padding-left:0!important; } .card_type .wrap_works .app_item:nth-child(3n) { padding-right:0!important; } } @media all and (max-width:480px) { .card_type .wrap_works .app_item { width: 50%!important; } .go_works_home.card_type .app_list .app_item:nth-child(odd) {padding-left:0px;} .go_works_home.card_type .app_list .app_item:nth-child(even) {padding-right:0px;} } /* works_list_body : list_type*/ .list_type.go_works_home .wrap_works .app_group {margin-bottom:0; overflow:hidden; } .list_type.go_works_home .wrap_works .app_group .group {display:block;} .list_type.go_works_home .wrap_works .app_group .group:last-child> a {border-bottom:1px solid #d9d9d9} .list_type.go_works_home .wrap_works .app_group i.dot_bg {display:none/* right:10px */} .list_type.go_works_home .wrap_works .app_group .group>a {position:relative; width:100%;background:#fff} .list_type.go_works_home .wrap_works .app_group .group a:hover{ } .list_type.go_works_home .wrap_works .app_group .group a .works_app_tit, .list_type.go_works_home .wrap_works .app_group .group a .works_app_tit span.tit {width:auto; padding-left:0px; box-sizing:border-box} .list_type.go_works_home .app_list .app_item, .list_type.go_works_home .app_list .app_item .wrap_works_info {display:inline-block; width:100%!important; height:50px; background:#fff; box-shadow: none; box-sizing: border-box; transition: 0.2s;} .list_type.go_works_home .app_list .app_item .wrap_works_info {position:relative; border: 1px solid #d9d9d9; border-radius:8px; vertical-align:top;} .list_type.go_works_home .app_list .app_item a.btn_set {position:absolute; right:45px; left:auto} .list_type.go_works_home .app_list .app_item .wrap_works_tit, .list_type.go_works_home .app_list .app_item .inner_works_info .tit {display:inline-block; padding:0; width:100%; text-align:left; margin-right:20px; white-space: normal; text-overflow: initial;height: initial; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;box-sizing: border-box;} .list_type.go_works_home .app_list .app_item .inner_works_info {float: none; /* display: block; */position: relative;/* display: table-cell; */box-sizing: border-box; vertical-align: middle;width: 100%;/* height: 52px!important; */ top: 0;overflow: hidden} .list_type.go_works_home .app_list .app_item .wrap_works_tit {display: block; width:100%; padding: 15px 35px 0 65px; box-sizing:border-box} .list_type.go_works_home .app_list .wrap_works_info .wrap_img_ic {position: absolute; left: 13px; top: 4px; width: 40px; height: 40px; margin: 0;} .list_type.go_works_home .app_list .wrap_works_info:active, .list_type.go_works_home .app_list .wrap_works_info:hover {outline: none;border: 1px solid #02a1c0;box-shadow: inset 0 0 0 1px #02a1c0;box-sizing: border-box;} .list_type.go_works_home .app_list .wrap_works_info .wrap_img_ic img {width:inherit; height:inherit} .list_type.go_works_home .app_list .app_item a.btn_set, .list_type.go_works_home .app_list .app_item a.btn_star {position:absolute; top:22px; margin-top:-6px;} .list_type.go_works_home .app_list .app_item a.btn_star {right:10px; z-index:10;} .list_type.go_works_home .app_list .app_item { position: relative; display: inline-block; margin-bottom:10px;} .list_type.go_works_home .wrap_works .app_list .column_create div.inner_works_info {margin-top:0; text-align:left; display:inintial} .list_type.go_content.go_works_home .wrap_works div.column_create .wrap_works_info {float:none; display:block; margin:0 auto; top:0; overflow:hidden; width:100%; height:61px; } .list_type i.dot_bg {display:none} .list_type .wrap_works .app_group .group {padding-right:0} /* works_icon */ .go_works_home .wrap_works .app_group .ic_works.ic_new, .go_works_home .app_list .app_item .ic_works.ic_new {z-index:1; position: absolute; background-position: -200px 0px !important; background-size: 300px auto !important; width: 20px; height: 20px; line-height: 25px; overflow: hidden; } .card_type.go_works_home .wrap_works .app_group .ic_works.ic_new, .list_type.go_works_home .wrap_works .app_group .ic_works.ic_new {left: 40px; top: 2px} .card_type.go_works_home .app_list .app_item .ic_works.ic_new {right: -8px; top: -8px; bottom: 0px; z-index: 1;margin: 0 auto;} .list_type.go_works_home .app_list .app_item .ic_works.ic_new {left: 26px; top:-2px} .go_works_home .app_list .app_item a.btn_set .ic_set_1 {display:none} ul.side_depth li.folder > p ins.ic_side_folder {width:20px; height:20px; background-position:0 -700px; } ul.side_depth li.folder > p ins.ic_side_clock {width:20px; height:22px; background-position:-200px -948px; } span.ic_body_folder {width:30px; height:25px; background-position:0 -750px;} .ic_works.ic_star_1 {width:18px; height:18px; background-size: 300px auto !important; background-position: -100px 0px !important;} .ic_works.ic_star_1.on {width:18px; height:18px; background-position:-150px 0!important;} /* mail attach_file check layer */ .layer_prevent_receiveError ul.list_box1 li div.container ul.file_wrap_normal li, .layer_attach_check ul.list_box1 li div.container ul.file_wrap_normal li {display:inline;} .layer_prevent_receiveError ul.file_wrap_normal li, .layer_attach_check ul.file_wrap_normal li {overflow:initial;} .layer_prevent_receiveError ul.file_wrap_normal li span.file_name, .layer_attach_check ul.file_wrap_normal li span.file_name {white-space:normal;} .layer_prevent_receiveError span.wrap_option {position:relative;} .layer_prevent_receiveError span.wrap_option input[type=checkbox] {position:absolute; top:6px; left:0;} .layer_prevent_receiveError span.wrap_option label {margin-left:25px;} /* 문서관리 상셰 */ .ic_v2.ic_ver {background-position:-25px 0; width:16px; height:16px} .ic_v2.ic_arrow_close {background-position:-50px 0; width:18px; height:12px} .ic_v2.ic_arrow_open {background-position:-75px 0; width:18px; height:12px} .ic_v2.ic_m_more {background-position:-100px 0; width:4px; height:16px} .tool_bar .ic_v2.ic_m_more {background-position:-130px 0} .ic_v2.ic_pageTop {background-position:-150px 0; width:17px; height:20px} .bar_ver {border:1px solid #14892c; padding:1px 4px; color:#14892c; font-size:11px; font-weight:bold; border-radius:2px} .bar_ver.current {border:1px solid #14892c; background:#14892c;color:#fff;} .box.flat.docs_return div.bar_current {position:absolute;top:0; left:0;width:4px; height:100%; background:#1c99a0;} .box { background:#fff;} .box.detail_docs h2, .box.detail_docs .module_drop {padding-left:16px; padding-right:16px;} .box.detail_docs .article_view {padding:0!important; box-sizing:border-box;} .box.flat.docs_return{margin-bottom:5px; padding:0 16px 10px; box-shadow: 0px 1px 2px #bbb;} .box .subject {display:inline;line-height: 1.5;} .docs_return .info {margin: 7px 0 0 0;} .box .module_drop {padding:10px 0} .box h2 {font-family: 나눔고딕, "Nanum Gothic"!important; color:#000; font-weight:normal; margin:5px 0 5px 0; font-size:20px} .module_drop .module_drop_head {position:relative} .module_drop .module_drop_head .tit { font-size:14px; color:#000; font-weight:bold; background:#fff; cursor:pointer;padding-right:10px} .module_drop .module_drop_head .tit .num {font-size:14px; margin:0; vertical-align: top; color:#02a1c0} .module_drop .module_drop_head .tit .ic_arrow_close, .module_drop .module_drop_head .tit .ic_arrow_open {display:inline-block; float:right;} .module_drop .module_drop_head>a{display:block; padding:5px 0} .module_drop .module_drop_body {position:relative; font-size:14px;} .module_drop .module_drop_body:last-child{margin-bottom:0;} .module_drop .module_drop_body p {line-height:1.5;} .module_drop .module_drop_body .list_property { margin:-5px 0 0 0} .module_drop .module_drop_body .list_property .item {padding:6px 0 3px 0} .module_drop .module_drop_body .list_property .item .wrap {padding-left:80px} .module_drop .module_drop_body .list_property .item .wrap .tit {float:left; margin-left:-80px; font-size:14px; color:#888; max-width:100px} .module_drop .module_drop_body .list_property .item .wrap .data { font-size:14px;} .module_drop .module_drop_body .member img {display:inline-block; width:20px; height:20px; border-radius:50px; margin-top: -2px; vertical-align:top;} .detail_docs .module_drop .module_drop_body .editor_view > div {margin:16px!important;} .list_version li {position:relative; padding:7px 0px 2px 30px;} .list_version li .bar {display:inline-block; position:absolute; top:24px; left:7px; height:100%; width:1px; background:#ccc} .list_version li .ic_ver {position:absolute; top:9px; left:0} .list_version li .sub_info {padding:5px 0 13px 0; font-size:12px;} .list_version li:last-child .sub_info {padding-bottom:0} .list_version li .sub_info .txt {padding-right:5px;color:#999;} .list_version li .ver_tit{display:block; padding-top:8px; line-height:1.5; color: #3b73af; text-decoration: none;} .btn_submenu select{margin-right:3px;} .list_tree .title {position: relative} .list_tree li p.title .btn_close {display:inline-block; position: absolute; top: 0; left: 0; height:41px; width:28px} .list_tree li ul li ul li ul li ul li p.title {padding-left: 160px} .list_tree .btn_wrap {padding: 0!important} .list_tree .subject {display: inline-block; height: 41px; line-height: 45px; color: #333; white-space: nowrap; padding-right: 10px} .list_tree li a {background: none!important; border: 0!important} .list_tree li p.title .btn_close {left: 0} .list_tree li ul li p.title .btn_close {left: 20px} .list_tree li ul li ul li p.title .btn_close {left: 40px} .list_tree li ul li ul li ul li p.title .btn_close {left: 60px} .list_tree li ul li ul li ul li ul li p.title .btn_close {left: 80px} .list_tree li ul li ul li ul li ul li ul li p.title .btn_close {left: 100px} .list_tree li ul li ul li ul li ul li ul li ul li p.title .btn_close {left: 120px} .list_tree li ul li ul li ul li ul li ul li ul li ul li p.title .btn_close {left: 140px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li p.title .btn_close {left: 160px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title .btn_close {left: 180px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title .btn_close {left: 200px} .list_tree li p.title {padding-left: 24px} .list_tree li ul li p.title {padding-left: 44px} .list_tree li ul li ul li p.title {padding-left: 64px} .list_tree li ul li ul li ul li p.title {padding-left: 84px} .list_tree li ul li ul li ul li ul li p.title {padding-left: 104px} .list_tree li ul li ul li ul li ul li ul li p.title {padding-left: 124px} .list_tree li ul li ul li ul li ul li ul li ul li p.title {padding-left: 144px} .list_tree li ul li ul li ul li ul li ul li ul li ul li p.title {padding-left: 164px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li p.title {padding-left: 184px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title {padding-left: 204px} .list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title {padding-left: 224px} ul.list_tree li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title a {padding-left: 0} ul.list_tree p.title a.subject span.txt {display:inline-block; overflow: hidden; text-overflow: ellipsis} ul.list_tree li p.title a.subject span.txt {max-width: 230px} ul.list_tree li ul li p.title a.subject span.txt {max-width: 210px} ul.list_tree li ul li ul li p.title a.subject span.txt {max-width: 190px} ul.list_tree li ul li ul li ul li p.title a.subject span.txt {max-width: 170px} ul.list_tree li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 150px} ul.list_tree li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 130px} ul.list_tree li ul li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 110px} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 90px} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 70px} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 50px} ul.list_tree li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li p.title a.subject span.txt {max-width: 30px} .tool_depth {position:fixed; padding:4px 14px; width:100%; background:#fff; z-index:20;} .tool_depth .btn_tool {margin:2px} .tool_depth .btn_slt .txt {width:70px; max-width:auto} .tool_depth .depth {display:inline-block; height:32px; line-height:32px; width:6px; text-align: center; color:#888} .app_download {text-align:center;} .app_download .ios_download_description {font-size:14px; color:#afafaf;} /* list */ .list li {border-bottom: 1px solid #ddd; padding: 10px 0} .list.nude li {border-bottom: 0} /* drag */ .drag {position: relative; min-height: 30px; padding: 6px 10px} .drag .btn_drag, .drag .btn_drag_none {display: inline-block; padding: 5px 10px; vertical-align: middle; margin: 0} .drag .btn_del {display: inline-block; position: absolute; top: 6px; right: 0; padding: 10px} .drag>span, .drag>a {vertical-align: middle; margin: 0 0 0 4px} .drag.off .btn_drag {cursor: default} .drag.off .btn_drag .ic_v2.ic_drag {background-position: -75px -25px; width: 21px; height: 25px} .drag.off .btn_del {display: none} .drag.off {opacity: 0.5; background-images-opacity: 1} .drag.draging {position: absolute; width: 90%; left: 5%; box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.3); box-sizing:border-box} .drag.draging .btn_del {display: none} /* list_approvalLine */ .list_approvalLine .drag {padding-left: 0; padding-right: 0} .list_approvalLine .btn_slt, .list_approvalLine .photo, .list_approvalLine .name, .list_approvalLine .team {vertical-align: middle; margin: 0 0 0 4px} .list_approvalLine .team {color: #bbb} .list_approvalLine .kind {display: inline-block; width: 60px; margin: 0} .list_approvalLine .depart {color: #333; max-width: 100%; height: 30px; line-height: 30px} .list_approvalLine .kind + .depart {max-width: 70%} .list_approvalLine .item select {width: 60px; vertical-align: middle; margin: -1px 0 0 0} .list_approvalLine .name {max-width: 25%} .list_approvalLine .team {max-width: 35%} .list_approvalLine .item .kind .txt {overflow: hidden; width: 24px; text-overflow: initial} /* wrap_list_myApproval */ .wrap_list_myApproval {display: none; background: #f5f5f5; overflow-y: auto; max-height: 145px; margin: 20px -20px 0} .wrap_list_myApproval .null {padding: 20px; color: #999; text-align: center} .wrap_list_myApproval .list_myApproval li {padding: 0} .wrap_list_myApproval .list_myApproval li:last-child {border: 0} .wrap_list_myApproval .list_myApproval li a {display: block; padding: 15px 20px} .layer {z-index: 1000; position: fixed; top: 0; left: 0; background: #fff; display: none} .layer.full {right: 0; bottom: 0; padding: 20px} .layer.full header {padding: 0 0 15px 0} .layer.full header h2 {display: inline-block; font-weight: normal} .layer_approvalLine {background: #f5f5f5} .layer_approvalLine .drag {background: #fff; margin: 1px 0} .layer_approvalLine .list_approvalLine .drag {padding: 5px 10px} .layer_approvalLine .drag .btn_del {top: 2px; right: 10px} .layer_approvalLine header {position: relative} .layer_approvalLine header .btn_close_v2 {display: inline-block; position: absolute; top: -10px; right: 0; padding: 10px} .layer_approvalLine .drag .photo {width: 30px; height: 30px} .layer_approvalLine .photo {margin: 0} .layer_approvalLine header .wrap_btn {position: absolute; top: 0; right: 0; padding: 0} .layer_approvalLine .depart {width: 35%} /* form */ .form_table {display: table; width: 100%} .form_table .form_th, .form_table .form_td {display: table-cell} .form_table.form_v .form_th {position: relative} .form_table.form_v .form_th .btn_modify {position: absolute; top: 0; right: 0} .form_table.form_v .desc {margin: 2px 0 0 0; font-size: 12px; line-height: 1.4; color: #ccc} .form_table.form_v .form_th .btn_toggle {display: inline-block; position: absolute; top: 10px; right: 0} .form_table.form_v .form_th, .form_table.form_v .form_td {display: block; padding: 5px 0 0} .form_table.form_v .form_th .label {margin: 40px 0 0 0} .form_table.form_v .form_tr:first-child .form_th .label {margin: 0} .form_table.form_v .form_th .label .txt {font-size: 17px; font-weight: bold} .form_table .space {display: inline-block; width: 20px} .approval_linkage {} .approval_linkage .article_view {margin: 0} .approval_linkage .form_table.form_v .my {background: #fff;} .approval_linkage .form_table.form_v .my .label .txt {font-size: 15px; color: #888} .approval_linkage .form_table.form_v .btn_add .txt {color: #999} .approval_linkage .go_body {background: #f5f5f5!important} .approval_linkage .go_body .go_content {background: #f5f5f5!important} .approval_linkage .box {padding: 0; border-bottom: 10px solid #f4f4f4} .approval_linkage .box .box_body {padding: 16px} .approval_linkage .box .box_footer .btn.node {border-color: #eee; border-bottom: 0; border-left: 0} .approval_linkage .box.my {margin: 0} .approval_linkage .box.my .box_body {padding: 20px 16px 0} .approval_linkage .box.my .desc {margin-bottom: 20px} .approval_linkage .article_view {padding:0;} .approval_linkage ul.tab.tab_line li {width:initial;} /* common */ .omit {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;} .photo {display: inline-block; width: 36px; height: 36px; border-radius: 100%; overflow: hidden} .photo img {display: inline-block; width: 100%; height: 100%; border-radius: 0!important} .photo.s {width: 30px; height: 30px} /* works document num add */ .build_prev_header .critical .box_label_wrap .state {margin: 5px 4px 0 0; vertical-align:top;} /*atttend*/ .go_skin_attend, .ehr_attend, .go_skin_attend div.go_wrap div.go_body {background: #fff;} table.form_type.tb_attend_write tbody tr th { font-weight: normal; color:#888;} table.form_type.tb_attend_write tbody tr td textarea {height: 60px; box-shadow: none} table.form_type.tb_attend_write tbody tr td {color:#424140;} section.calendar_tool_bar2 {position:relative; background: #fff;} section.calendar_tool_bar2 .current_date {height: 36px; padding:18px 0 4px;} section.calendar_tool_bar2 .current_date a {display: inline-block;} section.calendar_tool_bar2 div.critical {top:14px; left:8px;} section.calendar_tool_bar2 div.critical select {background-position: 100% 14px} section.calendar_tool_bar2 div.optional {top:14px; right:8px;} section.calendar_tool_bar2 div.current_date span.date {display: inline-block; vertical-align: top; font-weight:bold; font-size: 20px; letter-spacing: -2px} section.calendar_tool_bar2 div.current_date .btn_prev_type1 { width: 25px; height: 25px; background: url(../images/mobile/ic_arrow_left_1@2x.png) no-repeat; background-size: 100%} section.calendar_tool_bar2 div.current_date .btn_next_type1 { width: 25px; height: 25px; background: url(../images/mobile/ic_arrow_right_1@2x.png) 0 0 no-repeat; background-size: 100%} .tool_bar_search {position: relative; padding: 15px 10px 15px 90px; } .tool_bar_search select.btn_tool {position: absolute; top:15px; left:10px; height: 34px; box-shadow: none; width:72px; line-height: 34px; box-sizing: border-box; background-position: right 14px} .tool_bar_search input[type="text"] {width:100%; padding:8px 40px 8px 10px; font-size:14px; background: #f5f5f5; border:1px solid #e1e1e1; box-sizing: border-box; border-radius: 4px; white-space:nowrap; -webkit-appearance: none; height: 34px} .tool_bar_search .search_keyword {display: block; position: relative;} .tool_bar_search .search_keyword a.btn_search {position: absolute; right:4px; border:none; width:34px; height: 34px; display: inline-block; background: url(../images/mobile/ic_search_dark_1@2x.png) center no-repeat; background-size: 50%; cursor: pointer} .tool_bar_search .btn_tool {border-color:#e1e1e1;} .list_attend li {position:relative; min-height:49px; overflow: hidden; border-bottom:1px solid #E1E1E1 !important; } .list_attend li .tit_wrap {display:block; position:relative; padding: 20px 10px; cursor: pointer} .list_attend li.last{border-bottom: none!important;} .list_attend > li.active {background: #f5f5f5} .ehr_data .caution, .list_attend .late, .list_attend .caution {color:#f07f7f!important} .list_attend .modify {color:#319df3;} .list_attend .weekly {width:94%; margin: 0 auto; background: #fff; border:1px solid #e1e1e1; box-sizing: border-box; border-radius: 4px } .list_attend .weekly .daily {width: 100%; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;} .list_attend .weekly .tb_content {display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:left;} .list_attend .weekly .daily {color:#333;} .list_attend .weekly .daily > .tb_content {padding:16px 8px 16px;} .list_attend .weekly .daily .tb_content.date_l {width:10%; padding-right: 0px; text-align: right;} .list_attend .weekly .daily .date_l span {display: inline-block; padding-top:3px; width: 24px; height: 24px; text-align: center; box-sizing: border-box;} .list_attend .weekly .daily .tb_content.date_r {width:9%; padding-left:2px } .list_attend .weekly .daily .tb_content.attend {width:44%; text-align: center;} .list_attend .weekly .daily .tb_content.total_time {width:31%;text-align: right;} .list_attend .weekly .daily .date_l span {background: #fff; border-radius: 12px; } .list_attend .weekly .daily .date_l.today {background: #fff;} .list_attend .weekly .daily .date_l.today span {background: #02a1c0; border-radius: 12px; color:#fff; } .list_attend .weekly .daily.active {margin-top:-1px; border-width:1px 1px 0 1px; border-style:solid; border-color:#02a1c0; border-bottom:1px solid #e1e1e1;} .list_attend .weekly .daily.sat .date_l, .list_attend .weekly .daily.sat .date_r{color:#888;} .list_attend .weekly .daily.sun {border-bottom: none} .list_attend .weekly .daily.holiday .date_l, .list_attend .weekly .daily.holiday .date_r, .list_attend .weekly .daily.sun .date_l, .list_attend .weekly .daily.sun .date_r {color:#f07f7f;} .list_attend .daily_status {border-width:0 1px 1px 1px; border-color:#02a1c0; border-style:solid; overflow: hidden;} .list_photo2 > li {min-height:52px; position:relative; padding: 18px 10px; box-sizing: border-box;} .list_photo2 > li .photo {position:absolute; top:18px; left:10px; width:40px; height: 40px} .list_photo2 > li .photo img {width:40px; height: 40px; border-radius:8px} .list_photo2 > li .info {margin-left: 48px; max-width: 60%; overflow: hidden;} .list_photo2 > li .info > span {color:#888; font-size: 12px; } .list_photo2 > li .info span, .list_photo2 > li .info span.name, .list_photo2 > li .info span.department {display: inline-block; vertical-align: baseline; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .list_photo2 > li .info span.name {max-width: 110px; font-size:16px; color:#222; font-weight: bold; } .list_photo2 > li .info span.position {max-width: 90px;} .list_photo2 > li .info span.department {display: block; margin-top: 1px} .list_photo2 > li .tit .info_time {margin: 0; top:20px; right:12px; width:100px; text-align: right;} .list_photo2 > li .info_time span {margin: 0; text-align: right;} .list_photo2 > li .info_time span.time_total {font-size:14px; color:#424140;} .list_photo2 .weekly {margin-top:12px; width: 100%} .list_photo2 .data_null {padding:100px 20px} .list_photo2 .list_attend_personal {width:100%;} .wrap_summary {width:96%; margin:0 auto;padding:0 10px; background:#fff; box-sizing: border-box; border:1px solid #e1e1e1; border-radius: 4px} .wrap_summary .ehr_data {display:inline-block; padding:20px 10px 10px; width:31%; vertical-align:middle; box-sizing: border-box;} .wrap_summary .ehr_data:nth-child(6), .wrap_summary .ehr_data:nth-child(8), .wrap_summary .ehr_data:nth-child(10) {padding:10px 10px 20px;} .wrap_summary .ehr_data p.tit {font-size:16px; text-align:center; color:#02a1c0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .wrap_summary .ehr_data p.txt {margin-top:4px; font-size:13px; text-align:center; white-space:nowrap; color:#888; text-overflow: ellipsis; overflow: hidden;} .wrap_summary .ehr_data.monthly p.tit {color:#888; font-weight: normal;} .wrap_summary .ehr_data.group {padding-right: 5px; padding-left: 5px} .wrap_summary .ehr_data.group p.tit {color:#888; font-size: 15px; } .wrap_summary .ehr_data.group p.txt {margin-top: 5px; font-size:13px;} .wrap_summary .line {display:inline-block; margin:24px 0 0 ; width:1px; height:40px; background:#eaeaea; vertical-align:top;} .wrap_summary .ehr_data.monthly + .line {margin-top: 12px} .list_attend_personal {width:96%; margin:10px auto 0;} .list_attend_personal > li .tit_wrap {padding: 20px 0 12px;} .list_attend_personal > li .tit {padding-left: 8px; color:#333;} .list_attend_personal .tit_wrap .tit span {margin-left: -8px; font-weight: bold; font-size: 16px} .list_attend_personal .ic_arrow_up1 {display: inline-block; width: 30px; height: 12px; background: url(../images/mobile/ic_arrow_up1@3x.png) 0 2px no-repeat; background-size: 18px 12px} .list_attend_personal .ic_arrow_down1 {display: inline-block; width: 30px; vertical-align: middle; height: 12px; background: url(../images/mobile/ic_arrow_down1@3x.png) 0 0 no-repeat; background-size: 18px 12px} .list_attend_personal .optional {top:22px; right: 5px; max-width:240px; text-align: right; } .list_attend_personal .optional .total {color:#333;} .list_attend_personal .optional .total span, .list_attend_personal .optional .over span {color:#02a1c0;} .list_attend_personal .optional .over {color:#888;} .list_attend.list_attend_personal .cont_box {width: 100%} .list_attend_personal li.active {border-bottom: none!important} .list_attend_personal .weekly {margin-bottom: 10px} .list_timeline {background: #f5fafb; font-size: 14px} .list_timeline .timeline_de {position:relative; padding:12px 0 8px 40px; cursor: pointer; min-height: 24px; border:none!important} .list_timeline .timeline_de .btn_ip, .list_timeline .timeline_de .btn_gps, .list_timeline .timeline_de .btn_beacon {display: inline-block; position: absolute; top: 2px; right: 0; padding: 8px} .list_timeline .text_wrap span {display:inline-block; max-width:36%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;} .list_timeline .text_wrap span.tit_status {color:#000;} .list_timeline .text_wrap span.txt {margin-left:6px; color:#888;} .list_timeline .bar {display:inline-block; position: absolute; top:24px; left:19px; height: 100%; background: #02a1c0; width:1px;} .list_timeline .ic_dot {position: absolute; top:18px; left:16px; width: 6px; height: 6px; border-radius: 5px; border: 1px solid #02a1c0; background: #f6f6f6;} .list_timeline .first {padding:20px 0 8px 40px;} .list_timeline .first .optional {top:20px;} .list_timeline .first .btn_ip, .list_timeline .first .btn_gps, .list_timeline .first .btn_beacon {top: 8px;} .list_timeline .first .ic_dot, .list_timeline .last .ic_dot{background: #02a1c0} .list_timeline .first .ic_dot {top: 24px} .list_timeline .last {padding-bottom: 20px;} .list_timeline .last .bar {display: none} .list_timeline .optional {top:13px; right: 40px;} .list_timeline .time_start span{letter-spacing: 0; font-size: 14px } .list_timeline .data_null_s {padding:16px 0;} .list_timeline .time_add {display:block; padding:16px 0; text-align:center; text-decoration:underline;} .list_timeline .timeline_de .time_add {display:initial;} .list_timeline .approval_attend {padding:0 0 15px;} .list_timeline .approval_attend .cont_box {width: 95%; margin: 0 auto; background: #ddebef; padding: 10px 15px; box-sizing: border-box;} .list_timeline .approval_attend .cont_box .tit_status {float:left; display:inline-block; width:56px;box-sizing: border-box; color:#02a1c0; font-weight: bold; vertical-align: top; line-height: 1.6} .list_timeline .approval_attend .cont_box .txt {display:block; margin-left:64px; box-sizing: border-box; vertical-align: top;} .list_timeline .approval_attend .cont_box .txt p {vertical-align: top; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .list_timeline .approval_attend .cont_box:after {clear: both;} .board_reply .article_header a.view_con {margin-top:15px;} /*type_flexible*/ .wrap_statistics {margin:0 16px;} .wrap_statistics .wrap_ehr_data {padding: 0 20px; background: #fff; margin-bottom: 10px; box-sizing: border-box;} /*.wrap_ehr_data {width: 96%; margin: 0 auto; padding: 0 20px; background: #fff; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);border: 1px solid #e1e1e1; border-radius: 4px; margin-bottom: 40px;}*/ .ehr_stat_data .type_flexible_detail {display: table; table-layout: fixed; width: 100%} .wrap_statistics .tool_bar {border: none; height: 20px} .wrap_statistics .wrap_ehr_data.type_flexible {padding: 0} .type_flexible .divide_bar {display: none} .type_flexible>p.stat_tit {position:relative; padding: 15px 0 15px 0} .type_flexible>p.stat_tit, .type_flexible>p.stat_txt {text-align: left} .type_flexible>p.stat_tit .tit {font-weight: 500; font-size: 16px} .type_flexible>p.stat_tit .info {font-weight: normal; font-size: 12px; letter-spacing:-1.5px;} .type_flexible>p.stat_tit .ic.ic_info {margin-top:0px} .type_flexible>p.stat_tit a {position:absolute; top:10px; right:-8px; padding:10px;} .type_flexible .ehr_stat_data {width: 100%; max-width:100%; box-sizing: border-box; padding: 30px 0 30px 0} .ehr_stat_data.summary {padding-top:0} .ehr_stat_data.summary .stat_tit {position: relative; top: -5px; font-size: 32px!important; font-weight: 400; color: #000; line-height: 40px; text-align:left!important; letter-spacing: -2.5px; } .ehr_stat_data.summary .stat_tit b {margin-left:2px; font-size: 20px!important; font-weight: normal; letter-spacing: 0} .ehr_stat_data.summary .type_flexible_summary .wrap_progress {position: relative;} .ehr_stat_data.summary .type_flexible_summary .wrap_progress .time {position: absolute; top: -25px; right: 0; font-size:13px; color: #5B5B5B; cursor: help; letter-spacing:-2px} .ehr_stat_data.summary .type_flexible_summary .wrap_progress .bar {width: 1px; height: 40px; margin-top: -10px; border-left: 1px dashed red} .ehr_stat_data.summary .type_flexible_summary .wrap_progress .time.min {margin-left: -50px} .ehr_stat_data.summary .type_flexible_summary .wrap_progress .bar {position: absolute } .ehr_stat_data.summary .type_flexible_summary .progress {width: 100%; height: 20px; background: #e9e9e9; border-radius: 10px; overflow: hidden;} .ehr_stat_data.summary .type_flexible_summary .progress>div {display: inline-block;} .ehr_stat_data.summary .type_flexible_summary .progress div:first-child {border-radius: 10px 0 0 10px} .ehr_stat_data.summary .type_flexible_summary .progress div:after{border-radius: 0 10px 0 0} .ehr_stat_data .part_default {height: inherit; background: #44D1A5;} .ehr_stat_data .part_overtime {height: inherit; background: #F89190;} .ehr_stat_data .part_approval {height: inherit; background: #FBD171;} .ehr_stat_data.summary .type_flexible_summary .wrap_meta {margin-top: 20px} .ehr_stat_data.summary .type_flexible_summary .wrap_meta li {padding-top:7px; font-size: 13px} .ehr_stat_data.summary .type_flexible_summary .wrap_meta span.info {padding-top: 10px; font-size: 13px; color:#4E4E4E; } .ehr_stat_data.detail {padding: 0 0 10px 0} .ehr_stat_data.detail .type_flexible_detail li {display: table-row; min-width: 300px; height: 40px} .ehr_stat_data.detail .type_flexible_detail .wrap_title, .ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail {} .ehr_stat_data.detail .type_flexible_detail .wrap_title {display: table-cell; width: 160px; vertical-align: top;} .ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail {display: table-cell; width: 100%;} .ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail .wrap_progress {display: block; width: 100%; height: 10px; background: #D2D2D2; border-radius: 10px} .ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail .txt {color:#888; font-size: 12px} .ehr_stat_data.detail .type_flexible_detail .chip {display: inline-block; width: 10px; height:10px; border-radius: 50%} .ehr_stat_data.detail .type_flexible_detail .ic_info {margin-top:0px} .ic_arrow_down1 {display:inline-block; width:18px; height:12px; background:url(../images/mobile/ic_arrow_down1@3x.png); background-size:18px 12px;} .ic_arrow_up1 {display:inline-block; width:18px; height:12px; background:url(../images/mobile/ic_arrow_up1@3x.png); background-size:18px 12px;} table.tb_ehr_flexible .name {min-width:200px; max-width:300px } table.tb_ehr_flexible .total_time {min-width:90px!important; max-width:120px!important} table.tb_ehr_flexible .days {min-width:90px!important; max-width:90px!important} table.tb_ehr_flexible div.member2 .info .txt {max-width: 200px!important} .label_set {display: inline-block; max-width: 100%; margin: 0; padding: 3px 2px; border: 1px solid #C1C7D0; border-radius: 3px; background: #FFF; color: #42526E; font-size: 13px; line-height: 99%!important; text-align: left; font-size: 12px; vertical-align: middle;box-sizing: border-box; white-space: nowrap; } .label_set+span {display: inline-block;} .label_total {border-color: #44D1A5!important; color: #44D1A5!important} .label_rest {border-color: #; color: #} .list_attend.list_department li {} .list_attend.list_department li .info{max-width: auto!important;} .list_attend.list_department li .tit .info_time {width: auto} .list_attend.list_department li .tit .info_time span {text-align: left} .list_attend.list_department li .tit .info_time .wrap_time {display: block;} .list_attend.list_department .label_set, .list_attend.list_department .time_total {display: inline-block;} .list_attend.list_department .time_total {font-weight: normal} .list_attend.list_department div.info span.part {display: none} .list_attend.list_department div.info span.name, .list_attend.list_department div.info span.position, .list_attend.list_department div.info span.department {display: block; max-width: 57%} .list_attend.list_department div.info span.position, .list_attend.list_department div.info span.department, .list_attend.list_department div.info.info_time {margin-top:1px} .wrap_attend_check {padding-bottom:20px; border-bottom:8px solid #f3f3f3;} .wrap_attend_check .sub_info {height:36px;} .wrap_attend_check .sub_info .critical {top:10px; left:16px;} .wrap_attend_check .sub_info .optional {right:16px;} .wrap_attend_check .sub_info .slt_move {border:0; background:url(../images/mobile/ic_arrow_down1@2x.png) no-repeat 100% 14px; background-size:12px 8px;} .wrap_attend_check .attend_check {margin:2px 16px 0; border:1px solid #ededed; border-radius:8px; overflow:hidden;} .wrap_attend_check .attend_check .attend_start, .wrap_attend_check .attend_check .attend_end {float:left; display:inline-block; padding:16px 10px; width:50%; box-sizing:border-box; text-align:center;} .wrap_attend_check .attend_check p.tit {color:#aaa; font-size:12px;} .wrap_attend_check .attend_check p.time {margin-top:4px; font-size:26px;} .wrap_attend_check .btn_attend {margin:12px 16px 0; overflow:hidden;} .wrap_attend_check .btn_attend a {display:inline-block; float:left; margin-left:8px; padding:10px; width:calc(50% - 4px); border:1px solid #00a1b9; box-sizing:border-box; text-align:center; border-radius:8px; color:#00a1b9;} .wrap_attend_check .btn_attend a:first-child {margin-left:0;} .wrap_attend_check .btn_attend a.off {border-color:#aaa; color:#aaa;} /* 3.0 Icon Common */ .btn_more_item::after, .ic_cmm {display:inline-block; background:url(../images/mobile/ic_common.png) no-repeat; background-size:200px 200px; vertical-align: middle; margin: 0 0 0 0} .wrap_ic .num {color: #888} span.btn_attach {background-position: -25px 0; width: 18px; height: 18px} span.ic_cmm_search {background-position: -100px 0; width: 20px; height: 20px} span.ic_cmm_opinion {background-position: 0 -10px; width: 15px; height: 15px} span.ic_cmm_reply {background-position: 0 -30px; width: 15px; height: 15px} span.ic_cmm_calendar {background-position: -75px -50px; width: 14px; height: 15px} span.ic_del {background-position: -25px -25px; width: 11px; height: 11px} span.ic_nav_down {background-position: -50px 0; width: 18px; height: 18px} span.ic_cmm.ic_file_preview {background-position: -75px 0; width: 20px; height: 12px;} button.btn_more_item::after {content:""; margin:0 0 2px 6px; width:9px; height:5px; background-position:0 0;} span.ic_dropdown {background-position: -50px -25px; width: 14px; height: 8px} span.ic_connect_doc {background-position: -150px 0; width: 15px; height: 19px} span.ic_dropdown_large_down {background-position: -100px -25px; width: 19px; height: 11px} span.ic_dropdown_large_up {background-position: -125px -25px; width: 19px; height: 11px} span.ic_dropdown_small {background-position:0 -50px; width: 12px; height: 7px} span.ic_top {background-position: -25px -50px; width: 13px; height: 15px;} span.ic_write {background-position: -50px -50px; width: 24px; height: 24px;} button.btn_more_item.collapse::after {transform:rotate(180deg); -webkit-transform:rotate(180deg)} strong {font-weight:600} .wrap_attach .add_file {background:#fff;} .wrap_info {position:absolute; top:10px; right:12px;} .wrap_info .btn_info {padding:5px 8px;} .wrap_info .btn_info .ic_cmm_opinion, .wrap_info .btn_info .ic_cmm_reply, .wrap_info .btn_info .txt {vertical-align: middle; color:#aaa;} .list_box_approval .part {font-weight:600;} .list_box_approval .opt .wrap_ic span.ic_cmm_reply, .list_box_approval .opt .wrap_ic span.ic_cmm_opinion, .list_box_approval .opt .wrap_ic span.ic_attach, .list_box_approval .opt .wrap_ic span.num {margin:0!important; vertical-align:middle;} .wrap_docubox {padding:16px;} .wrap_docubox .docu_name {padding:2px 4px; font-size:11px; color:#fff; background:#888; border-radius:2px;} .wrap_docubox select {display:block; margin-top:4px;} article.article_body {background:#fff;} article.article_body > .docu_search {position:initial;} .docu_search {position:fixed; display:inline-block; margin-top:0; padding:10px 16px 20px; background:#fff; width:100%; box-sizing:border-box; z-index:20; border-bottom:1px solid #f4f4f4;} .docu_search .wrap_search {position:relative; padding:4px 80px 4px 10px; background:#f7f7f7; border-radius:4px;} .docu_search.type2 .wrap_search {padding-left:90px;} .docu_search input {width:100%; background:transparent; border:0;} .docu_search select {position:absolute; left:10px; width:80px; border:0;} .docu_search .ic_cmm_search {position:absolute; top:12px; right:12px; vertical-align:middle;} .docu_search .txt {margin-top: 8px; font-size: 12px;} .docu_search .result_search {float:left; color:#aaa;} .docu_search .result_check {display:block; text-align:right;} .docu_search span.btn.btn_del_type1 {position:absolute; top:13px; right:46px; background-position:-250px -100px; width:18px; height:18px;} span.btn.btn_del_type2 {background-position:-275px -100px; width:16px; height:16px;} .docu_list {background:#fff} .docu_list .list_box input {top:12px;} .docu_list .list_box li .tit {margin-left:52px;} .docu_list .list_box .docu_category {margin-right:4px; padding:2px 12px; border-radius:30px; background:#c5c5c5; color:#fff; font-size:12px; vertical-align:middle;} .docu_list .list_box .txt {font-size:17px; vertical-align:middle;} .docu_list .list_box .info {margin-top:8px; display:block;} .docu_list .list_box li input {display:inline-block;} .con_nav .toolbar_list li {float:left;} .con_nav .toolbar_list li .num {margin-left:2px;} .con_nav .btn_submenu {display:inline-block; position:relative;} .nav .toolbar_list > li > a {padding:15px 14px; font-size:16px; color:#333;} .nav .toolbar_list li:last-child a {padding-right:16px;} .nav.con_nav .toolbar_list li a {color:#333;} .nav.con_nav .toolbar_list li .btn_submenu a {padding:9px 8px; background:none; border:0;} .nav.con_nav .toolbar_list li .btn_submenu a span.txt {font-size:16px;} .nav.con_nav .toolbar_list li a span.ic_dropdown_small {margin-top:13px; margin-left:3px; vertical-align:top;} .nav.con_nav .toolbar_list li .btn_submenu .array_option {position:absolute; top:48px; right:0;} .nav.con_nav .toolbar_list li a.btn_slt {padding:9px 8px 8px; background:none; border:0;} .nav.con_nav .toolbar_list li a.btn_slt .txt {font-size:16px;} .nav.con_nav .toolbar_list li a.btn_slt select option {font-size:16px;} .toolbar_list li a.btn_m_more {padding:17px 12px; height:16px;} ul.list_box.list_check li input {display:block;} /* DO 3.0 new Style */ ul.list_normal, p.list_title {background:#fff;} .info_sub {display:block; line-height:20px;} .tab_wrap {position: fixed!important; top: 51px; width: 100%; z-index: 100; background:#fff;} .tab_wrap+.content, .tab_wrap+.tab_content {padding-top:52px;} .wrap_num_header {text-align:center;} .wrap_num_header a {vertical-align:top;} .wrap_num_header h1 {display:inline-block; margin:0 20px!important;} .wrap_num_header .btn_disable {opacity:0.2;} /* btn font size */ .wrap_fontsize {position:absolute; top:4px; right:60px;} .mail_view .wrap_fontsize {top:-4px; right:-90px;} .mail_view .wrap_fontsize .wrap_range {right:0;} .detail_docs .wrap_fontsize {top:initial; right:44px; bottom:0;} .detail_docs .editor_view {margin:0;} .wrap_fontsize .btn_fontsize {display:inline-block; padding:12px 10px; height:11px; border:1px solid #ddd; border-radius:4px;} .wrap_fontsize .btn_fontsize .ic_text_range {vertical-align:top;} .wrap_range.wrap_range_fs {position:absolute; top:40px; right:-44px; padding:20px 14px; width:280px; background:#fff; border:1px solid #dadada; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); z-index:100;} .wrap_range.wrap_range_fs span.fs:first-child {margin-left:0; margin-right:8px; font-size:13px;} .wrap_range.wrap_range_fs span.fs {display:inline-block; margin-left:8px; width:18px; font-size:21px; color:#333!important; vertical-align:middle; text-align:center;} .list_fs {display:inline-block; position:relative; width:210px; height:20px; margin:0 4px 0; vertical-align:middle;} .list_fs:before {position:absolute; top:9px; left:0; width: 100%; height: 2px; background-color: #e3e5e5; content: '';} .list_fs .inp_fs {position: absolute; top: 4px; left: 0; width: 100%; height: 100%; opacity: 0;} .list_fs .inp_fs:checked+.lab_fs {background-color: #fff; box-shadow: 2px 2px 6px rgba(0,0,0,0.1); border:2px solid #333;} .list_fs .lab_fs {display: block; margin-top:-2px; overflow: hidden; position: relative; width: 100%; height: 20px; border-radius: 50%; font-size: 1px; line-height: 0; color: transparent;} .list_fs li {position: absolute; top: 0; width: 20px; padding: 0 10px;} .list_fs li:before {position: absolute; top: 4px; left: 50%; width: 1px; height: 12px; background-color: #e1e4e5; content: '';} .list_fs li:nth-child(1) {left:-20px;} .list_fs li:nth-child(2) {left:10px;} .list_fs li:nth-child(3) {left:40px;} .list_fs li:nth-child(4) {left:70px;} .list_fs li:nth-child(5) {left:100px;} .list_fs li:nth-child(6) {left:130px;} .list_fs li:nth-child(7) {left:160px;} .list_fs li:nth-child(8) {left:190px;} /* bottom Layer */ .layer_type_bottom {position:absolute; left:0; right:0; bottom:0; width:100%; min-height:300px; background:#fff; border-top-left-radius:20px; border-top-right-radius:20px;} .layer_type_bottom header {padding:24px 24px 8px;} .layer_type_bottom header a.btn_layer_close {position:absolute; top:12px; right:16px;} .layer_type_bottom .content {padding:0 24px; max-height:360px; margin-bottom:80px; overflow-x:auto;} .layer_type_bottom .content p.desc {margin-bottom:24px; line-height:24px;} .layer_type_bottom .content p.txt {margin-bottom:16px;} .layer_type_bottom footer {position:absolute; width:100%; bottom:0; padding:8px 24px; border-top:0; box-sizing:border-box;} .layer_type_bottom footer a.btn_major_s {margin:0; width:100%; height:44px; box-sizing:border-box; border:0; border-radius:8px;} .layer_type_bottom footer a.btn_major_s span.txt {margin-top:12px; text-shadow:none; font-size:16px;} .layer_type_bottom .content > .article_wrap {margin-top:12px;} .layer_type_bottom .content > p.desc+.article_wrap {margin-top:0;} .layer_type_bottom .article_wrap dl dt, .layer_type_bottom .article_wrap dl dd {font-size:16px;} .layer_type_bottom .option .option_wrap {margin-bottom:6px;} .layer_type_bottom .option .option_wrap.vertical_wrap {display:block;} .layer_type_bottom.layer_add_manager ul.name_tag {display:inline-block;} .layer_read_authority .list li {border: 0} /* approval */ ul.list_check li .tit {margin:0 16px 0 52px;} ul.list_mail.list_check li .tit {margin:0 50px 0 52px;} ul.list_mail.list_check input {display:inline-block;} p.list_title {padding-top: 16px; padding-left:16px; color:#333; font-weight:600; border-top: 1px solid #eee} .list_normal li .depart+.info .ic_arrow4 {margin:13px 0 0 10px;} .list_normal li a.btn.btn_plus {margin:0; display:inline-block; position:absolute; top:12px; right:12px; border:8px solid transparent;} ul.list_mail li span.ic_mail, ul.list_mail li span.ic_mail_read, ul.list_mail span.ic_read_reply, ul.list_mail span.ic_noread_reply, ul.list_mail span.ic_read_fw, ul.list_mail span.ic_noread_fw {display:none;} .subject .title {font-size:16px; color:#101010;} .subject span.ic.ic_attach, .subject span.ic.ic_exclamation {opacity:0.4;} .read_no .subject span.ic.ic_attach, .read_no .subject span.ic.ic_exclamation {opacity:1;} .wrap_approval_line {position:relative; padding:22px 16px; border-top:1px solid #eee;} .wrap_approval_line dl.approval_line {position:relative; margin-left:18px; padding:18px 0 0 30px;} .wrap_approval_line dl.approval_line dd {position:absolute; top:19px; left:-18px;} .wrap_approval_line dl.approval_line:first-child {padding-top:0;} .wrap_approval_line dl.approval_line:first-child dd {top:0;} .wrap_approval_line dl.approval_line:first-child dt span.state {top:7px;} .wrap_approval_line dl.approval_line dd img {width:36px; height:36px; border-radius:100%;} .wrap_approval_line dl.approval_line dt div.person_info p.name {margin-top:2px; font-weight:600;} .wrap_approval_line dl.approval_line dt div.person_info span.info {display:block; margin-top:10px; margin-right:60px;} .wrap_approval_line dl.approval_line dt div.person_info p.name + span.info {margin-top:0px;} .wrap_approval_line dl.approval_line dt span.state {position:absolute; top:26px; right:0; padding:4px; line-height:13px; font-size:12px;} .wrap_approval_line dl.approval_line dt span.info span {vertical-align:baseline; font-weight:500;} .wrap_approval_line dl.approval_line dt span.info span.part {margin:0 2px!important;} .wrap_approval_line dl.approval_line .msg_wrap {margin-top:6px; padding:10px 14px; background:#eee;} .wrap_approval_line dl.approval_line .msg_wrap span.txt {font-size:14px; color:#999;} .wrap_approval_line dl.approval_line.apr_finish dt p.name {color:#999;} .go_approval section.classic_detail header.article_header {padding:0; border-bottom:8px solid #eee; background:#fff;} .go_approval section.classic_detail header.article_header h2 {padding-top:10px; margin-right:124px;} .go_approval section.classic_detail header.article_header h2 a {position: absolute; top: 2px; right: 12px; display: inline-block; padding: 10px; box-sizing: border-box;} .go_approval ul.list_box li a.tit {margin:0; padding:12px 16px;} .go_approval ul.list_apprChk li input + a.tit {margin-left:36px; margin-right:18px;} .go_approval form {margin:0; padding:10px;} .go_approval .write form {margin:0; padding:0;} .go_approval form.editor_view {padding:0;} .go_approval .content_page .content {display:inline-block; width:100%;} .board section.classic_detail header.article_header, .board_reply section.classic_detail header.article_header {padding:0;} /* Mail */ table.tb_mail_write th.default_info a.btn_dropdown_s, table.list_report th.default_info a.btn_dropdown_s {position:absolute; padding:0 6px;} table.tb_mail_write th.default_info a.btn_dropdown_s{top:11px;} table.list_report th.default_info a.btn_dropdown_s {top:1px;} table.tb_mail_write th.default_info a.btn_dropdown_s span.ic_arrow3_d, table.tb_mail_write th.default_info a.btn_dropdown_s span.ic_arrow3_t, table.list_report th.default_info a.btn_dropdown_s span.ic_arrow3_d, table.list_report th.default_info a.btn_dropdown_s span.ic_arrow3_t {opacity:0.6;} table.tb_mail_write td .div_ipt .addr_input {width:200px;} table.tb_mail_write th.default_info+td a.btn_tool {position:absolute; top:7px; right:16px; border-radius:30px; height:26px; line-height:24px; background:none; border:1px solid #e1e1e1;} .wrap_nation {display:inline-block; padding-bottom:8px;} span.checkboxSelect{display: inline-block; left:0px; position:absolute; bottom:0px; height:100%; width:46px!important;} a.btn_share {position:absolute; top:4px; right:16px; padding:8px 11px 8px 10px; border-radius:4px; border:1px solid #ddd;} .mail_view a.btn_share {top:-5px; right:-120px;} .detail_docs a.btn_share {top:initial; right:0; bottom:0;} /* board */ .board_name {display:inline-block; padding:4px 0; color:#333; font-size:13px;} .article_header .board_name {margin:12px 0 6px 16px;} .alert_wrap2 {position:fixed; top: 8px; left: 0; width: 100%; text-align: center; z-index: 999} .alert_wrap2 .content {display: inline-block; width: auto; background-color: #333; padding: 16px; border-radius: 4px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2)} .alert_wrap2 strong {margin-right:10px} .alert_wrap2 span.txt, div.alert_wrap span.txt_caution {display:inline-block; color: #fff} /* Calendar */ .tb_calendar+.wrap_updown+.list_today dt {border:0; background:none;} .tb_calendar+.wrap_updown+.list_today dd {border:0;} .tb_calendar+.wrap_updown+.list_today dt span.txt {font-size:16px; font-weight:600; color:#333;} .tb_calendar+.wrap_updown+.list_today dd span.subject {font-size:16px; margin-top:2px;} .tb_calendar+.wrap_updown+.list_today dd div.info {position:relative; margin:0 0 0 50px;} .wrap_updown {display:inline-block; padding:14px 0; width:100%; text-align:center; font-size:0; border-top:1px solid #eee;} .week_schedule .tb_fix {table-layout:fixed!important;} /* Search */ .scroll_fix {overflow:hidden;} .go_search {position:absolute; top:0; z-index:1000; width:100%; height:100%;} .go_search div.search {margin:0; padding:0 50px 0 0; height:34px; border:0; background:none;} .go_search a.btn_search_wrap {display:inline-block; padding:16px 0 15px; width:100%; height:100%;} .go_search div.search input {margin:0; height:34px; border:0; background:none; outline:none;} .go_search div.search a {position:absolute; top:0; right:0; padding:6px 10px 7px;} .go_search div.search .ic_cmm_search {display:none; position:absolute; top:7px; left:8px; opacity:0.4;} .go_search div.search .btn_del_type1 {position:relative; top:2px; right:inherit;} .go_search .search_detail {position:fixed; top:50px; left:0; right:0; bottom:0; background:#fff; overflow-y:auto;} .go_search .search_detail a.btn_wrap, .go_search .search_detail ul.search_result li {width:100%; box-sizing:border-box; position:relative;} .go_search .search_detail ul.search_result li {border-bottom:1px solid #f2f2f2;} .go_search .search_detail ul.search_result li:first-child {border-top:1px solid #f2f2f2;} .go_search .search_detail ul.search_result li select {border:0;} .go_search .search_detail p {padding:10px 16px; color:#aaa; font-size:13px;} .go_search .search_detail ul.search_result li label.tit, .go_search .search_detail ul.search_result li a label.tit {display:inline-block; position:absolute; top:12px; left:16px; color:#aaa;} .go_search .search_detail ul.search_result li a {display:block;} .go_search .search_detail ul.search_result li textarea {border:0; padding:13px 10px; height:80px; box-shadow:none;} .go_search .search_detail ul.search_recent li {position:relative;} .go_search .search_detail ul.search_recent li > a {display:block; margin-right:40px;} .go_search .search_detail ul.search_recent li > a p {font-size:15px; color:#333;} .go_search .search_detail ul.search_recent li > a.btn_wrap {position:absolute; top:0; right:0; margin:0; width:initial; vertical-align:top;} .go_search .search_detail div.txt {padding:4px 10px 4px 120px; min-height:36px; line-height:36px;} .go_search .search_detail .txt > input {border:0; padding:0;} .go_search .search_detail .txt span.option_wrap {margin-right:10px;} .go_search .search_detail a.btn_wrap {display:inline-block; margin-top:16px; padding:10px; text-align:center;} .go_search .search_detail a.btn_wrap span.btn_refresh, .go_search .search_detail a.btn_wrap span.txt {display:inline-block; vertical-align:middle; color:#aaa} .go_search .search_detail .option_wrap input[type='radio'] {margin-top:0;} .go_search .search_detail ul.list_mail li span.name {width:auto;} .go_search .search_detail .file_wrap_normal li span.ic_file {margin:0; width:15px; height:15px; background:none;} .go_search .search_detail ul.list_normal li .info .wrap_img_ic {display:inline-block; margin-right:4px; width:24px; height:24px; vertical-align: middle;} .go_search .search_detail ul.list_normal li .info .wrap_img_ic img {width:24px; height:24px;} .go_search a.check_detail {padding:10px 10px 10px 8px!important;} .go_search a.check_detail.on {background:none;} .go_search a.check_detail.on span.txt {background:#aaa; color:#fff; border:1px solid #aaa;} .go_search a.check_detail .txt {display:inline-block; padding:6px 10px; border:1px solid #ddd; border-radius:100px; font-size:14px; color:#aaa;} .go_search .search_info {position:relative; padding:12px 16px; border-bottom:1px solid #f2f2f2;} .go_search .search_info .num {margin-left:4px; font-weight:bold;} .go_search .search_info select {position:absolute; top:6px; right:16px; height:30px; opacity:0.5; border:0; line-height:30px; font-size:12px; background:url(../images/mobile/ic_arrow_down1.png) no-repeat 100%;} .go_search .info_sub {margin-top:4px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 3.0 홈 메뉴 디자인 추가 */ div.home_wrap.type3 div.info_wrap {position:relative; top:0; right:0; margin:20px 16px 16px; padding:20px 20px 20px 70px; background:#02a1c0; border-radius:16px; box-sizing:border-box;} div.home_wrap.type3 div.info_wrap .info_pic {position:absolute; top:20px; left:20px;} div.home_wrap.type3 div.logo_wrap h1.logo {margin: 0px; padding: 0px; font-size: 15px; color: #fff; line-height:normal;} div.home_wrap span.txt {display:inline-block; margin-top:20px; padding:6px 10px; border-radius:30px; background:#cdcdcd; text-align:center; color:#fff;} /* 웹조직도 관련 코드 */ .content .bcr + .list_title {border-top: 0; padding-top: 8px} .content .docu_body {display:inline-block; margin-top:75px; width:100%; border-top: 8px solid #f4f4f4} .go_content.go_addr_list .docu_body {margin-top:121px;} .go_content.go_addr_list .docu_search {margin-top:46px;} .go_content.go_addr_list .list_employee_new {margin-top:46px;} .go_content.go_addr_list .list_employee_new + .docu_search {margin-top:138px;} .go_content.go_addr_list .list_employee_new + .docu_search + .docu_body {margin-top:205px;} div.list_employee {background-color:#383838; box-shadow:inset 0 1px 5px 0 rgba(0, 0, 0, 0.8); padding:8px 16px} div.list_employee_new {display:inline-block; position:fixed; z-index: 20; left: 0; right: 0; width:100%; background: #fff; height:92px; overflow-y:auto; background:#fff;} div.list_employee_new+.docu_search {margin-top:92px; padding-top:2px; background: #fff; z-index: 10;} div.list_employee_new+.docu_search+.docu_body {margin-top:158px;} div.list_employee_new ul.name_tag {width:100%; height:92px; overflow-x:auto; overflow-y:hidden; white-space:nowrap;} div.list_employee_new ul.name_tag a {margin:0 5px; padding:10px 0 0; display:inline-block; vertical-align:top;} div.list_employee_new ul.name_tag a:first-child {margin-left:16px;} div.list_employee_new ul.name_tag a li {position:relative; text-align:center; width:60px;} div.list_employee_new ul.name_tag a li .btn_wrap {position:absolute; top:-10px; left:30px; padding:0 6px;} /* side 메뉴 수정 */ .go_side h3 {font-size:13px; color:#929aa1;} .go_side .search_wrap {margin-top:16px;} .go_side .search_wrap div.search {padding-left:0; background:#fff; border-bottom:1px solid #eee;} .go_side .search_wrap div.search a.btn_search {right:0;} .go_side .search_wrap div.search a.btn_cancel {right:38px;} .go_side .wrap_works_btn {margin:20px 24px 0;} .go_side .wrap_works_btn li {margin-top:8px;} .go_side .wrap_works_btn li:first-child {margin-top:0;} .go_side .wrap_works_btn li a {display:inline-block; padding:8px; width:100%; box-sizing: border-box; border-radius: 4px; background:#F9FAFB;} /* 공통 푸터 제거 */ .go_wrap > footer {display:none;} /* 좋아요 버튼 */ .wrap_btn_heart {padding:30px; box-sizing:border-box; text-align:center;} .wrap_btn_heart .btn_heartNum {display:block; margin-top:12px; font-size:13px;} .btn_heart {display:inline-block; position: relative;} .btn_heart .wrap_heart {display:inline-block; padding:10px 0 25px; width:70px; text-align:center; border:1px solid #ddd; border-radius:4px;} .btn_heart .wrap_heart img {display:inline-block; vertical-align:top;} .btn_heart .wrap_heart span.txt {position:absolute; top:45px; display: block; margin-top: 3px; width: 70px; text-align: center;} .btn_heart .wrap_heart.on {background:none;} .btn_heart .wrap_heart.on span.txt {color:#fc3214;} .feed_contents_wrap div.tool_bar_bottom .btn_heart {vertical-align:middle;} .feed_contents_wrap div.tool_bar_bottom .btn_heart .wrap_heart {padding:1px 8px 1px 4px; width:auto;} .feed_contents_wrap div.tool_bar_bottom .btn_heart .wrap_heart span.txt {position:relative; top:2px; left:-4px; display:inline-block; width:auto;} .feed_contents_wrap div.tool_bar_bottom .btn_heartList {display:inline-block; padding:8px 2px; letter-spacing:-2px; vertical-align:top;} .feed_contents_wrap div.tool_bar_bottom .btn_heartList .txt {margin-left:4px; color:#333;} /* Works 리포트 뷰 */ .wrap_report {display:inline-block; padding:16px; width:100%; box-sizing:border-box;} .wrap_report.devide_bar {border-top:8px solid #eee;} .wrap_report p.tit {margin-bottom:12px; font-size:16px; font-weight:500;} .wrap_report .report_list > li {position:relative; float:left; display:inline-block; margin:16px 16px 0 0; width:100%; background:#f5f6f7; border-radius:8px; transition: 0.3s;} .wrap_report .report_list > li:first-child {margin-top:0;} .wrap_report .report_list li > a {display:block; padding:20px;} .wrap_report .report_list li .report_tit {display:-webkit-box; margin-right:80px; font-size:18px; font-weight:600; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em;} .wrap_report .report_list li .action_btn {position:absolute; top:20px; right:14px;} .wrap_report .report_list li .action_btn a {display:inline-block; vertical-align: middle;} .wrap_report .report_list li .action_btn a:hover {background:#e7e7e7; border-radius:4px;} .wrap_report .report_list li .action_btn a.btn_star {margin-right:2px; padding:1px;} .wrap_report .report_list li .action_btn a.btn_more {position:relative; margin-left:-2px; padding:4px 12px 4px;} .wrap_report .report_list li .action_btn a div.array_option.array_works {z-index:100; position:absolute; top:32px; right:0; width:120px;} .wrap_report .report_list li .wrap_creator {margin-top:20px;} .wrap_report .report_list li .wrap_creator img {display:inline-block; margin-top:-2px; margin-right:2px; width:24px; height:24px; border-radius:24px; vertical-align: middle;} .wrap_report .report_list li .wrap_creator span {vertical-align: middle; font-size:14px; color:#333;} .wrap_report .report_list li .wrap_creator span.name {margin-right:4px;} .wrap_report .report_list li .wrap_creator span.date::before {display:inline-block; margin-right:6px; content:"·"; clear: both;} .wrap_report .report_list li .wrap_share {position:absolute; right:20px; bottom:23px;} .wrap_report .report_list li .wrap_share span {vertical-align: middle;} .wrap_report .report_list li .wrap_share span.txt {margin:-1px 0 0 4px;} .wrap_report .report_list li .array_type li {padding:8px 16px; width:100%; box-sizing: border-box;} span.icx2.ic_box_nulldata {display:inline-block; background:url(../images/mobile/icx2.png) no-repeat -300px -250px; background-size:400px 400px; width: 48px; height: 48px} /*--------works상세 / 등록 내 멀티폼 탭---------*/ /*images*/ .ic_set {display: inline-block; background: url(../images/ic_set.svg) no-repeat; vertical-align: text-bottom;} /*1st line*/ .ic_set.ic_arrow_open {width:16px; height: 16px; background-position: 0 0;} .ic_set.ic_arrow_close {width:16px; height: 16px; background-position: -50px 0;} .ic_set.ic_create {width:16px; height: 16px; background-position: -100px 0;} .ic_set.ic_arrow_prev {width:16px; height: 16px; background-position: -150px 0;} .ic_set.ic_arrow_next {width:16px; height: 16px; background-position: -200px 0;} /*--------tab_multi_form--------*/ /*scrollable tab*/ .go_content.go_works_situation .content_tab .tab_menu_wrap {margin-top: -5px;} .content_tab {position: relative; padding: 0 24px;} .content_tab .tab_menu_wrap { overflow-x: auto; /* Make this scrollable when needed */ overflow-y: hidden; /* We don't want vertical scrolling */ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; /* For WebKit implementations, provide inertia scrolling */ white-space: nowrap; /* We don't want internal inline elements to wrap */ } .content_tab .tab_menu_wrap::-webkit-scrollbar {display: none;} /* Remove the default scrollbar for WebKit implementations */ .content_tab .tab_menu_wrap .tab_arrow { cursor: pointer; z-index: 2; position: absolute; top:1px; width: 80px; height: 44px; } .content_tab .tab_menu_wrap .tab_arrow.left {left:0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); } .content_tab .tab_menu_wrap .tab_arrow.right {right:0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); } .content_tab .tab_menu_wrap .tab_arrow .ic_set {position: absolute; top: 11px;} .content_tab .tab_menu_wrap .tab_arrow .ic_set.ic_arrow_prev {left: 20px;} .content_tab .tab_menu_wrap .tab_arrow .ic_set.ic_arrow_next {right: 20px;} .content_tab .tab_menu_wrap ul.tab_menu {display: flex; height: 48px; -webkit-padding-start: 0px; overflow: visible;} .content_tab .tab_menu_wrap ul.tab_menu li { display: inline-table; float: none; height: 47px; margin: 0 4px; padding: 12px; box-sizing: border-box; white-space: nowrap; line-height: 1; /*mobile override*/ border: none; background: none; border-radius: none;; } .content_tab .tab_menu_wrap ul.tab_menu li.active, .content_tab .tab_menu_wrap ul.tab_menu li.ui-state-active { border-bottom: 2px solid #000; } .content_tab .tab_menu_wrap ul.tab_menu li .label_state {position: relative; top: -2px;} .content_tab .tab_menu_wrap ul.tab_menu li:first-child {margin-left: 0;} .content_tab .tab_menu_wrap ul.tab_menu li .txt { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 170px; display: inline-block; } .label_state { display:inline-block; padding: 0 4px; font-weight: normal; border-radius: 4px; background:#fff; border: 1px solid; white-space: nowrap; font-size: 11px; letter-spacing: 0px; line-height: 16px; } .txt + .label_state {margin-left: 4px;} .label_state.normal { background-color: #efefef; border-color: #efefef; color: #999; } .content_tab {padding:0; } /*side effect 확인*/ /*등록*/ .build_prev_wrap.build_write_wrap{margin-top: 64px;} .build_prev_wrap .build_box_data .docu_form_name .label_state {position: relative; top: -1px;} .build_prev_wrap .build_box_data .docu_form_name + .docu_num {margin-left: 4px;} .build_prev_wrap .build_box_data .docu_form_name + .docu_num:before { display: inline-block; color: #999; content:"·"; font-weight: 500; margin: 0px 8px; } /* 앱 명 검색 UI */ .go_works_home .wrap_works .search_wrap {margin-bottom:16px; border-bottom:1px solid #E1E1E1;} .go_works_home .wrap_works .search_wrap div.search {margin:0; padding:0 74px 0 0; background:#fff;} .go_works_home .wrap_works .search_wrap div.search a.btn_search {right:0;} .go_works_home .wrap_works .search_wrap div.search a.btn_cancel {right:36px;} .go_works_home .wrap_works .search_info {margin-bottom:16px;} .go_works_home .wrap_works .search_info .num {font-weight:bold;} /*--------Wrorks new component-------- */ span.com_gage .wrap_gage { position: relative; display: inline-block; border: none; height: 8px; width: 100px; background: #efefef; border-radius: 8px; overflow: hidden; } span.com_gage span.wrap_gage .gage { position: absolute; display: inline-block; top: 0; left: 0; height: 8px; border: none; border-radius: 8px; text-align: center; vertical-align: middle; font-weight: bold; font-weight: 500; background-color: #64DDD9; overflow: hidden; } /*mobile override*/ span.com_gage, span.com_rate {line-height: 30px;} span.com_rate .ic_star {background: url("../images/mobile/ic_works.png") !important; background-repeat: no-repeat; display: inline-block; *display: block; *zoom: 1; width:18px; height:18px; background-size: 300px auto !important; background-position:450px 0px!important;} span.com_rate .ic_star_off {background: url("../images/mobile/ic_works.png") !important; background-repeat: no-repeat; display: inline-block; *display: block; *zoom: 1; width:18px; height:18px; background-size: 300px auto !important; background-position: -100px 0px !important;} span.com_rate .wrap_rate .ic_star {margin-right: 2px;} table tr:hover span.com_gage .wrap_gage {background: #dbdde3; color: #888;} table tr:hover .component-body span.com_gage .wrap_gage {background: #efefef; color: #888;} /*works 상세 영역*/ .com_rate + .wrap_txt, .com_gage + .wrap_txt {margin-left: 8px;} .com_rate .wrap_rate + .txt, .com_gage .wrap_gage + .txt {font-size: 13px; white-space: nowrap; vertical-align: middle;} .com_rate + .wrap_txt + .txt_unit, .com_gage + .wrap_txt + .txt_unit {margin-left: 4px;} .build_box_inner .box_label_wrap label ins {margin-left: 8px;} /*레이블 + 아이콘 여백지정*/ .build_box_data .wfix_micro {width: 40px!important; margin-left: 8px;} /* 타이틀+정보 목록 : tool tip 내 사용중 */ .com_list_data {display: table;} .com_list_data .row {display: table-row;} .com_list_data .row .tit, .com_list_data .row .data {display: table-cell; padding: 4px 0;} .com_list_data .row .tit {min-width: 40px;} /* 목록형 컴포넌트 래퍼 : 2개이상의 컴포넌트 목록에서 개행이 필요한 경우 사용) */ .list_comp li.comp {min-height: 24px;} .list_normal.list_app .list_comp {padding-left: 8px;} /* 목록 */ .list_normal.list_app .com_rate, .list_normal.list_app .com_gage {line-height: 1;} .ic_works.ic_app_link_s { display: inline-block; width: 20px; height: 13px; background: url(../images/ic_works.png) !important; background-position: -300px -100px!important; background-repeat: no-repeat; vertical-align: middle; } .linkage {color:#0c43b7;} .linkage:active {text-decoration:underline} /* Works report 스타일 추가 */ .report_card {padding:16px 20px;} .report_card.type_num {box-sizing: border-box;} .report_card.type_num p.tit {margin:0; text-align:center;} .report_card.type_num p.date {margin-top:2px; color:#999; text-align: center;} .report_card.type_num p.price {margin:12px 0; font-size:40px; color:#FA573C; font-weight:600; text-align: center;} .report_card.type_text {box-sizing: border-box;} .report_card .widget_nulldata {display:table; width:100%; height:100%; box-sizing: border-box;} .report_card .widget_nulldata .nulldata {display:table-cell; padding:20px; vertical-align: middle; text-align: center; box-sizing: border-box;} .report_card .widget_nulldata p.nulldata_tit {margin-top:16px; color:#999; font-weight:500; font-size:14px; } .report_card .widget_nulldata p.nulldata_txt {display: none;} .report_card.widget_text .widget_nulldata {border:1px solid #ddd;} .wrap_report .grid-stack > .grid-stack-item:hover {background:none!important;} .wrap_report .grid-stack > .grid-stack-item > .grid-stack-item-content {border:1px solid #ddd;} .wrap_report .grid-stack > .grid-stack-item > .grid-stack-item-content {left:0!important; right:0!important;} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content {width: 100%; height: 100%; box-sizing: border-box;} .wrap_report .grid-stack-item.widget_data .grid-stack-item-content {overflow-x: auto;} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info {text-align: center;} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .txt {vertical-align: middle;} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info {position:relative; margin-left:4px; vertical-align: middle;} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info .txt_info {display:none; position:absolute; top:20px; right:0; padding:2px 8px; border-radius:4px; color:#fff; background:#333; white-space: nowrap; box-shadow:0 4px 12px rgb(0 0 0 / 20%);} .wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info:hover .txt_info {display:block; position:absolute; top:20px; right:0; padding:2px 8px; border-radius:4px; color:#fff; background:#333; white-space: nowrap; box-shadow:0 4px 12px rgb(0 0 0 / 20%);} .wrap_report .grid-stack-item.widget_data .grid-stack-item-content .wrap_works_info {padding: 16px; box-sizing: border-box;} .wrap_report .grid-stack-item.widget_data .grid-stack-item-content .wrap_works_info > .txt {margin-bottom:8px; font-size:16px;} .wrap_report .grid-stack-item.widget_text .grid-stack-item-content {border:1px solid #fff;} .wrap_report table.type_list_box { width: 100%; } .wrap_report table.type_list_box td, .wrap_report table.type_list_box th { height: 20px; padding: 6px 10px; font-size: 12px; color: #333; border: 1px solid #dcdcdc; vertical-align: middle; white-space: nowrap; } .wrap_report table.type_list_box th { background-color: #f9f9f9; font-weight: bold; font-weight:500; } .wrap_report table.type_list_box .last { margin-bottom: 0; } .wrap_report table.type_list_box td.profile_image { width: 13%; margin: 0; text-align: center !important; } .wrap_report table.type_list_box td span.wrap_txt input, .wrap_report table.type_list_box td span.wrap_date input { border: 1px solid #cacaca; box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1); border-radius: 2px; box-sizing: border-box; font-size: 12px; white-space: normal; padding: 5px; word-break: break-all; } .wrap_report table.type_list_box td span.wrap_txt input:hover, .wrap_report table.type_list_box td span.wrap_date input:hover { border: 1px solid #1c99a0; } .wrap_report table.type_list_box td span.wrap_txt input:focus, .wrap_report table.type_list_box td span.wrap_date input:focus { border: 1px solid #1c99a0;} .wrap_report table.type_list_box td span select { box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1); } .wrap_report table.type_list_box td span.ic_add { cursor: pointer; margin-left: 5px; } .wrap_report table.type_list_box td span.ic_remove { cursor: pointer; } .wrap_report table.type_list_box th span.title_txt, .wrap_report table.type_list_box td span.txt { padding: 6px 0 } .wrap_report table.type_list_box td .wrap_txt, .wrap_report table.type_list_box td .wrap_select, .wrap_report table.type_list_box td .wrap_date { padding: 0 } .wrap_report table.type_list_box td .wrap_date .ic_calendar { top: 3px } .wrap_report table.type_list_box td span.txt.hide:hover { background: none; cursor: default; } .list_reply .cmt {border: 1px solid #ddd; border-radius: 4px; padding: 16px} .list_reply .cmt textarea {border: 0} .list_reply > li .msg_wrap .info {margin: 0 0 4px 0} .list_reply .msg_wrap .wrap_attach {margin: 16px 0 0 0;} .list_reply .msg_wrap .img_wrap {margin: 16px 0 0 0} .list_reply .img_wrap li .item_image a {position:absolute; bottom:24px; right:0} .list_reply .msg_wrap .thumb_append {margin: 16px 0 0 0} .thumb_append {display: inline-block; position: relative} .thumb_append .emoticon {display: inline-block; width: auto; height: 96px;} .thumb_append .btn_del_type2 {position: absolute; top: 0; right: -8px} ul.list_reply li.depth2 div.msg_wrap