/* Skip Navigation */ #u_skip{position:relative;z-index:2147483647} #u_skip a{position:absolute;left:0;top:-30px;width:99.8%;background: #000; border:1px solid #4e26bf;text-align:center;outline:none; color:#fff; height: 24px; line-height: 24px;} #u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;color:#fff;zoom:1} .patmap_wrap { width:1100px; /* height:100%; */ margin:0 auto; /* background: url(../img/background/left_bg.gif) repeat-y left 0; */ } /* button */ .gray_bt { background: #f3f3f3; border:1px solid #c2b9b9; text-align: center; padding: 0 16px; line-height: 30px; display: inline-block; } .gray_bt:hover { background:#fff; } .navy_bt { background: #282b38; text-align: center; padding: 0 14px; line-height: 26px;display: inline-block;color: #fff;} .navy_bt:hover { background: #191c27;} .add_icon span { display: inline-block; padding: 0 0 0 20px; } .add_icon .search_icon { background: url(../img/background/search_icon.png) no-repeat 0 8px;} .tbl_gray_bt { background: #f3f3f3; border:1px solid #d7d7d7;color: #3386bb; text-align: center; padding: 0 10px; line-height: 22px;display: inline-block; } .tbl_gray_bt:hover { background: #fff; } .top_search_wrap { float: left; margin: 18px 0 0 54px;} .top_search_box { border:1px solid #aeaeae; position: relative; height: 26px; width:500px; background: #fff;padding: 5px 50px 0 4px;margin-bottom: 4px; } .gnav_box { float: right; margin: 19px 0 0 0;} .gnav_box ul li { float: left; position: relative; background: url(../img/background/gnav_line.gif) no-repeat left 8px; margin-left: 12px; padding-left: 12px;} .gnav_box a { display: inline-block; line-height: 22px; height: 24px;} .gnav_box a:hover, .gnav_box a:hover em { text-decoration: underline; } { text-decoration: underline; } .gnav_box .line_none { background: none;} .gnav_box .first_text { background: none; margin-left: 0; padding-left: 0;} .gnav_box .top_view_bt { background: url(../img/background/solution_bt.gif) no-repeat 0 4px; display: inline-block;text-indent:-9999px !important; width:16px; height: 22px;} .gnav_box .top_view_bt:hover { background: url(../img/background/solution_bt.gif) no-repeat 0 -30px; } .gnav_box .top_login_bt { background: #3359ca; display: block; color: #fff;padding: 0 14px; border-radius: 2px; } .gnav_box .login_member { background: url(../img/background/login_down_bt.png) no-repeat 0 6px;padding: 0 0 0 20px; } .member_view_box { background: url(../img/background/round_member.png) no-repeat 0 0; padding: 4px 0 0 50px; margin-bottom: 20px; height: 40px} .member_view_box p{font-size: 14px;font-weight: bold; } .member_view_box span { font-size: 12px;font-weight: normal; display: block} .main_contents { width: 788px; margin: 0 auto; padding: 8% 0 0 0;} .main_contents h1 {text-align: center; background: url(../img/background/logo_bottom_line.png) no-repeat 50% bottom; padding: 0 0 30px 0; margin-bottom: 70px; } .m_link_box { border:1px solid #d6d6d6; border-top:2px solid #3c61cf; position: relative; overflow: hidden; padding: 20px; margin-top: -10px; opacity: 0; filter: alpha(opacity:'0'); } .m_link_box:after{ content: ''; display: block; clear: both; } .m_link_box .link_bt { display: block; position: absolute; right:10px; top:10px; width:33px; height: 33px;background: url(../img/background/link_arrow.png) no-repeat 0 0; text-indent: -9999px;} .m_link_box .link_bt:hover { background: url(../img/background/link_arrow.png) no-repeat 0 -40px; } .m_link_box .img_span { display: block; float: left; border:1px solid #ccc;} .m_link_box dl { margin: 0 0 0 260px; } .m_link_box dl dt { background: url(../img/background/link_title_line.gif) no-repeat 0 0px; padding: 6px 0 0 0; font-size: 20px; margin-bottom: 14px; } .m_link_box dl dd { line-height: 20px;} .contents_wrap {overflow: hidden; width:1100px;padding: 0 0 50px 0; margin:0 auto; background: url(../img/background/left_bg.gif) repeat-y left 0; } .left_wrap { float: left; width:183px; } .side_bt { border-bottom: 1px solid #000;display: block; background:#161616 url(../img/background/side_open_bt.gif) no-repeat 160px 50%; height: 30px; text-indent: -99999px; } .side_bt:hover { background:#000 url(../img/background/side_open_bt.gif) no-repeat 160px 50%; } .left_top_title { color: #fff; background: url(../img/background/login_box_bg.png) repeat 0 0; border-top: 1px solid #292828; padding: 20px 0; margin-bottom: 30px; border-bottom: 1px solid #000} .left_top_title h2 { font-size: 20px; padding: 5px 0 0 14px;background: url(../img/background/left_tiop_line.png) no-repeat 14px 0;} .left_menu h2 { font-weight: normal; font-size: 22px; color: #fff; padding: 0 0 0 14px; margin-bottom: 10px;} .left_menu ul li a {display: block; color: #c4c4c4; line-height: 30px; padding: 0 0 0 14px;font-size: 14px; } .left_menu ul li a:hover { color: #fff; background: #d02a2a; } .left_menu ul li .on { color: #fff;background:#d02a2a url(../img/background/left_over.gif) no-repeat right 0 !important; } .left_menu .sub_li ul li a { background:#222 url(../img/background/left_sub_bullet.gif) no-repeat 24px -15px; font-size: 12px; line-height: 24px;padding: 0 0 0 33px; } .left_menu .sub_li ul li a:hover, .left_menu .sub_li ul li .on{background:#000 url(../img/background/left_sub_bullet.gif) no-repeat 24px 11px !important; } .contents_box { margin: 20px 0 0 220px; min-height: 500px;} .title_box { overflow: hidden; margin-bottom: 20px; } .title_box:after {content: ''; display: block; clear: both; } .title_box h3 { font-size: 22px; float: left; } .creat_bt_box { float: right; } .creat_bt_box dl dt{ float: left; line-height: 28px;margin-right: 10px; } .creat_bt_box dl dd{ float: left; margin-right: 4px;} .creat_bt_box dl dd a { display: block; color: #fff; width:98px;padding: 0 0 0 18px; height: 28px; line-height: 28px; } .creat_bt_box dl dd .import_bt { background:#de5454 url(../img/background/create_icon.png) no-repeat 88px 7px; } .creat_bt_box dl dd .import_bt:hover { background:#d54444 url(../img/background/create_icon.png) no-repeat 88px 7px; } .creat_bt_box dl dd .bysearch_bt { background:#de5454 url(../img/background/create_icon.png) no-repeat 88px -16px; } .creat_bt_box dl dd .bysearch_bt:hover { background:#d54444 url(../img/background/create_icon.png) no-repeat 88px -16px; } .bysearch_bt2 { background:#de5454 url(../img/background/create_icon.png) no-repeat 10px -14px; display: block; color: #fff; width:118px; padding: 0 0 0 33px; height: 28px; line-height: 28px; float: left; margin-right: 4px;} .bysearch_bt2:hover { background:#d54444 url(../img/background/create_icon.png) no-repeat 10px -16px; } .round_span {vertical-align: middle; background: url(../img/background/red_round.png) no-repeat right 0; display: inline-block;padding: 0 10px 0 0; } .round_span em {background: url(../img/background/red_round.png) no-repeat left 0; display: inline-block; padding: 0 0 0 10px; color: #fff; line-height: 20px; height: 20px; } .black_round {vertical-align: middle; background: url(../img/background/black_round.png) no-repeat right 0; display: inline-block;padding: 0 10px 0 0; } .black_round em {background: url(../img/background/black_round.png) no-repeat left 0; display: inline-block; padding: 0 0 0 10px; color: #fff; line-height: 20px; height: 20px; font-size: 12px; } .title_box .round_span { margin: 6px 0 0 6px } .view_title h3 {/* background: url(../img/background/view_h3.png ) no-repeat 0 50%; */font-size: 16px; color: #434dad; padding: 0 0 0 20px;font-weight: normal; } .view_title .round_span { margin: 2px 0 0 6px;} .title_right_box { float: right; } .title_right_box .return_bt { display: inline-block; font-size: 12px; background:#e0e0e0 url(../img/background/left_arrow.gif ) no-repeat 10px 50%; color: #707070;border:1px solid #a6a3a3; padding: 0 10px 0 20px; line-height: 20px; } .title_right_box .return_bt:hover { background:#C6C6C6 url(../img/background/left_arrow.gif ) no-repeat 10px 50%; } .title_right_box .return_bt2 { display: inline-block; font-size: 12px; background:#e0e0e0; color: #707070;border:1px solid #a6a3a3; padding: 0 10px 0 10px; line-height: 20px; } .title_right_box .return_bt2:hover { background:#C6C6C6; } .worklist_box ul li { float: left; width:393px; height:67px; padding: 20px 20px 8px 20px; border:1px solid #d0d0d0;border-bottom:2px solid #d0d0d0; background: #fff; position: relative; margin-bottom: 16px; } .worklist_box ul li .link_title {position: relative; padding: 0 42px 0 24px; display: block; background: url(../img/background/worklist_close.png) no-repeat 0 2px; height: 36px;transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease;} .worklist_box ul li .link_title .black_round {position: absolute; right: 0px; top:0px;} .worklist_box ul li .link_title:hover { background: url(../img/background/worklist_open.png) no-repeat 0 2px; } .worklist_box .worklist_info { border-top:1px solid #d8d8d8; padding: 5px 0 0 0;} .worklist_info { overflow: hidden;} .worklist_info:after { content: ''; display: block; clear: both; } .worklist_info p { float: left; } .worklist_info .gear_bt { display: block; float: right; background: url(../img/background/gear_icon.png) no-repeat 50% 50%;border:1px solid #d5d5d5; text-indent: -99999px; width:30px; height: 22px; } .worklist_info .gear_bt.on { background: url(../img/background/gear_icon_over.png) no-repeat 50% 50%;border:1px solid #d7d7d7; } .worklist_info span {font-size: 12px; display: inline-block; line-height: 22px; overflow: hidden; } .worklist_info .worklist_import { width:170px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; background: url(../img/background/work_type_icon.png) no-repeat 0 -21px; padding: 0 0 0 14px; } .worklist_info .worklist_search { width:196px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; background: url(../img/background/work_type_icon.png) no-repeat 0 5px; padding: 0 0 0 14px; } .worklist_info .date_span { background: url(../img/background/gnav_line.gif) no-repeat right 50%;padding-right:8px; color: #888;} .worklist_info .state_text { width:50px; background: url(../img/background/gnav_line.gif) no-repeat right 50%;margin-right: 8px; padding-right:6px; } .worklist_info .state_text a {color: #ff6600; display: inline-block; font-size: 11px; font-weight: bold; } .worklist_box { overflow: hidden; } .worklist_box:after { content:''; display: block; clear: both; } .worklist_box ul li .plus_icon { display: block; position: absolute; width:18px; height: 18px; right:0;top:0; background: url(../img/background/worklist_plus.gif) no-repeat 50% 50%; text-indent: -99999px; } .worklist_box ul li .plus_icon:hover { background:#eee url(../img/background/worklist_plus.gif) no-repeat 50% 50%; } .worklist_box ul .right_li { float: right; } .gear_sub { border:1px solid #cacaca; position: absolute; right:76px; display: none; } .gear_sub a{display: inline-block; font-size: 12px; background: #eee; padding: 0 10px; line-height: 22px; } .gear_sub a:hover{ background: #e45911;color: #fff; } .footer_wrap { border-top:1px solid #999; background: #fff; width:100%; bottom:0;} .footer_wrap .footer_inner {margin: 0 auto; width: 1100px; text-align: center; overflow: hidden; position: relative; height: 40px; } .footer_wrap .footer_inner:after { content: ''; display: block; clear: both; } .footer_wrap .footer_inner .address_text { text-align: right; font-size: 12px; color: #6d6a6a; display: block; line-height: 36px; width: 500px; margin: 0 auto; } .footer_inner .top_gnav { position: absolute; right:10px; top:10px; } .footer_inner .top_gnav a{ display:inline-block; padding: 0 10px 0 0; text-align: center; font-size: 12px; color: #999; } .footer_inner .top_gnav a:hover { color: #333; text-decoration: underline; } .footer_inner .top_gnav .add_line { background: url(../img/background/gnav_line.gif) no-repeat right 50%; margin-right: 10px} /* 페이지 스타일 */ .paging_nav { text-align: center; position: relative; } .paging_nav span a, .paging_nav span strong { display: inline-block; width:22px;text-align: center; line-height: 20px; height: 21px; font-size: 12px; } .paging_nav span a:hover { text-decoration: underline; } .paging_nav span strong { border:1px solid #ccc; background: #fff; } .paging_nav .page_select {vertical-align: top; display: inline-block; background: url(../img/background/pagenav_bg.png) no-repeat 0 0; text-indent: -9999px; height: 23px; width:24px; } .paging_nav .first_page { width:24px; } .paging_nav .prev_page { background-position: -24px 0; } .paging_nav .next_page { background-position: -52px 0; } .paging_nav .last_page { background-position: -76px 0; } .page_go { position: absolute; right:0; top:2px; } .page_go dl dt { float: left; font-size: 12px; } .page_go dl dd { float: left; } .page_go dl .go_bt a{display: block; background: #555; color: #fff; line-height: 20px; width:40px;text-align: center; font-size: 12px; } .page_go dl .go_bt a:hover { background: #000; } .page_go dl .page_int { width:40px; margin:0 5px 0 10px; } .page_go dl .page_int input {border:1px solid #ccc; height: 19px; background: #fff; width:99.8%; } .list_wrap { border:1px solid #c4c4c4;background: #fff; overflow: hidden; margin-bottom: 20px;} .list_wrap:after { content: ''; display: block; clear: both; } .list_set_box { border-bottom: 1px solid #c4c4c4; float: left; width:100%; } .search_p { background: #ececec; float: left;padding: 2px 0 2px 2px;margin: 3px 0 0 10px; } .search_p a{ display: inline-block; background: url(../img/background/list_search_icon.png) no-repeat 50% 2px; width:21px; height: 19px; text-indent: -99999px; } .search_p input { background: none; border: none; height: 17px; width:170px;} .list_bt_set { float: right; } .list_bt_set ul li { float: left; } .list_bt_set ul li a{border-left:1px solid #c4c4c4; padding: 0 30px 0 22px; line-height: 30px; display: block; background: url(../img/background/down_arrow.gif) no-repeat right 50%; } .list_bt_set ul li ul { position: absolute; display: none; } .list_bt_set ul li ul li{ border-right:1px solid #c4c4c4; border-top:1px solid #c4c4c4; float:none; text-align: left;} .last_li { border-bottom:1px solid #c4c4c4;} .list_bt_set ul .none_menu a{ text-align: center; background: #fff; padding: 0 22px; } .list_bt_set ul .none_menu a:hover {color: #fff; background: #de5454; } .list_info_box { clear: both; padding: 12px 10px; overflow: hidden;} .list_info_box:after { content: ''; display: block; clear: both; } .pageinfo_view .page_num {font-size: 12px; display: inline-block; background: url(../img/background/round_arrow.png) no-repeat 0 50%; padding: 0 0 0 14px; } .list_info_box .pageinfo_view { float: left; } .page_seltext { background: url(../img/background/gnav_line.gif) no-repeat left 50%; margin-left: 10px; padding-left: 10px; } .orange_text { display: inline-block; color:#f1551f; font-weight: bold; } .page_rightset { float: right; } .page_rightset dl dt { float: left; line-height: 20px; margin-right: 6px; } .page_rightset dl dd { float: left; } .br_box { border:1px solid #cfcfcf; background: #fff; padding: 10px 20px; } /* 팝업 */ .state_popup {padding:16px; border:1px solid #ddd; width:380px; height: 214px; background: #fff; } .state_popup h2 {background:url(../img/background/popup_search_icon.png) no-repeat 0 50%; padding: 0 0 0 16px; font-size: 14px; font-weight: normal; margin-bottom: 30px; } .state_info { padding: 0 0 0 100px; position: relative; height: 82px; margin-bottom: 20px; } .state_info .state_text {font-size: 16px; font-weight: bold; color: #2072c4; margin-bottom: 5px; } .state_info .progress_text { font-size: 16px; font-weight: bold; color: #fff; background:url(../img/background/state_cycle.png) no-repeat 0 50%; display: block; position: absolute; left:0; top:0; width:80px; height: 80px; line-height: 80px; text-align: center; } .graph_box .graph_bar {height: 20px; border:1px solid #b0b0b0; position: relative; } .graph_box .graph_bar span { height: 20px; background:#d02a2a url(../img/background/graph_line.png) repeat 0 0;display: block; } .state_popup .state_bottom { border-top:1px dashed #ccc; padding: 16px 0 0 14px; background: url(../img/background/cycle_arrow.png) no-repeat 0 18px;font-size: 11px; } .state_popup .state_bottom .close_btn{float: right; font-size: 12px; display: block; background: #9d9c9c; color: #fff; padding: 0 15px; line-height: 22px; } .state_popup .state_bottom .close_btn:hover{ background: #696969} /* 리스트 table */ .list_tbl { width:100%; border-top: 2px solid #de5454;} .list_tbl thead th {padding:9px 0; color:#555;border-bottom: 1px solid #ddd; background:#eee6e6; font-size: 12px; } .list_tbl tbody th {color: #05758d;font-size:14px; font-weight: normal; } .list_tbl tbody td {text-align: center; padding:10px 8px; border-bottom:1px solid #c1c1c1; vertical-align: top} .list_tbl tbody .left_td { text-align: left; } .list_tbl .border_n { border-right:0px !important; } .write_tbl { width:100%; } .write_tbl tbody th { text-align: left; } .write_tbl tbody td { padding: 6px 0; } .td_bt_box { position: relative; padding: 0 38px 0 0; } .td_bt_box .td_search_bt { position: absolute; right:0;top:0; display: block; width:32px; height: 24px; text-indent: -99999px; background: #de5454 url(../img/background/create_icon.png) no-repeat 10px -18px; } .td_bt_box .td_search_bt:hover { background: #d54444 url(../img/background/create_icon.png) no-repeat 10px -18px; } .sample_box .sample_down { float: right;background:#de5454 url(../img/background/white_down.png) no-repeat 10px 50%; padding: 0 10px 0 30px; color: #fff; line-height: 22px; } .sample_box .sample_down:hover {background:#d03c3c url(../img/background/white_down.png) no-repeat 10px 50%; } .red_bt { display: inline-block; background: #de5454; color: #fff; padding: 0 20px; line-height: 28px; height: 28px; } .red_bt:hover{ background: #d03c3c; color: #fff;} .black_bt_none_pointer { display: inline-block; background: #6a6565;color: #fff; padding: 0 20px; line-height: 28px; height: 28px; pointer-events: none;} .left_wrap h1 { text-align: center; padding: 22px 0;} .analyze_wrap { background:#fff url(../img/background/popup_left_bg.png) repeat-y 0 0; margin: 0 auto; margin-bottom:20px; padding: 0 0 40px 0; width:1100px; height:600px; border:1px solid #13161e; overflow: hidden; } .analyze_wrap:after {content: ""; display: block; clear: both; } .analyze_nav { float: left; width:216px; } /* .analyze_nav h2 {border-bottom: 1px solid #141720; text-align: center; padding: 20px 0; } */ .analyze_nav h2 {border-bottom: 1px solid #141720; text-align: center; padding: 20px; background: #242424;text-align: left; } .analyze_nav .none_line { border-bottom: 0px } .analyze_nav ul {margin:10px 10px 10px 0px;} .analyze_nav ul li a {display: block; color: #fff; background: url(../img/background/down_arrow02.gif) no-repeat 180px 16px;line-height: 32px;padding: 0 0 0 20px } .analyze_nav ul ul { background: #212634; } .analyze_nav ul ul li a {background:#212634;line-height: 26px; color: #dfdfdf } .analyze_nav ul ul li a:hover {background: #323232; color: #fff } .analyze_nav ul ul li .on {color: #fff !important; background: #d02a2a url(../img/background/left_over.gif) no-repeat right 50% !important; } .analyze_con { background: #fff; margin: 0 20px 20px 246px; min-height: 650px; padding: 24px 0 0 0;} .analyze_con h3 { font-size: 16px; color: #141414; font-weight: normal;background: url(../img/background/right_arrow.png) no-repeat 0 50%; padding: 0 0 0 20px; margin-bottom: 20px } .graph_tab { border-bottom: 1px solid #0fb9a9;margin-bottom: 20px; } .graph_tab a { display: inline-block; width:200px; padding: 0 0 0 46px; line-height: 28px; height: 28px; color: #eee; } .graph_tab a:hover { color: #adc6ea; } .graph_tab .chart_tab {background:#272b35 url(../img/background/graph_tab01.png) no-repeat 24px -17px; } .graph_tab .chart_tab.on { background:#e63333 url(../img/background/graph_tab01.png) no-repeat 24px 9px; color: #fff !important; } .graph_tab .data_tab {background:#272b35 url(../img/background/graph_tab02.png) no-repeat 24px -18px; } .graph_tab .data_tab.on { background:#0fb9a9 url(../img/background/graph_tab02.png) no-repeat 24px 10px; color: #fff !important; } .graph_line { display: block; height: 10px;background: url(../img/background/graph_line.gif) repeat 0 0; width:100%; } .graph_view { text-align: center; margin-bottom: 30px;} .graph_bt_box { position: relative;height: 30px; } .graph_bt_box .graph_bt { display: inline-block; text-indent: -99999px; border:1px solid #ccc; width:39px; height: 23px; background: url(../img/background/graph_bt_icon.png) no-repeat 50% 4px; float: right;} .graph_bt_box .graph_bt.on { border:1px solid #aeaeae;background: url(../img/background/graph_bt_icon.png) no-repeat 50% -27px; } .graph_bt_box .left_menu {display: none; position: absolute; right:40px; top:0;border:1px solid #ccc;width:231px } .graph_bt_box .left_menu a{background: #f3f3f3; display: inline-block; width:115px; line-height: 23px;height: 23px; text-align: center; color: #777; border-right:1px solid #aeaeae;} .graph_bt_box .left_menu a:hover {background: #d3d3d3;color: #565656; } .graph_bt_box .left_menu .data_down_bt { border-right:0px; } .graph_bt_box .left_menu2 {display: none; position: absolute; right:40px; top:0;border:1px solid #ccc;width:115px } .graph_bt_box .left_menu2 a{background: #f3f3f3; display: inline-block; width:115px; line-height: 23px;height: 23px; text-align: center; color: #777; border-right:1px solid #aeaeae;} .graph_bt_box .left_menu2 a:hover {background: #d3d3d3;color: #565656; } .graph_bt_box .left_menu2 .data_down_bt { border-right:0px; } .country_view { overflow: hidden; padding: 18px 0 0 0; border-top:1px solid #ddd; } .country_view:after { content: ''; display: block; clear: both; } .country_view ul { margin-left: 50px;} .country_view ul li { float: left; width:180px; margin-right: 88px; margin-bottom: 10px } .country_view dl dt{margin: 5px 0 0 0; float: left;background: url(../img/background/country_title.png) no-repeat 0 0; padding: 0 0 0 5px; width:50px; height: 24px; line-height: 23px; color: #fff; } .country_view dl dt input[type="checkbox"]{ position: relative; top: -1px; margin-right: 3px; } .country_view dl dd{ margin: 0 0 0 0px; position: relative; line-height: 29px; } .country_view dl dd input { vertical-align: middle; } .country_view dl dd label { margin: 0 0 0 4px; } .country_view dl dd span { position: absolute; right: 0; } .country_view dl dd span em {font-weight: bold; color: #3366cc; } .country_view dl dd .refine_bt { display: inline-block; width:23px;height: 15px;background: url(../img/background/refine_icon.png) no-repeat 6px -20px; text-indent: -99999px; border:1px solid #fff; vertical-align: middle; } .country_view dl dd .refine_bt:hover { background: url(../img/background/refine_icon.png) no-repeat 5px 2px; border:1px solid #b7b4b4; } .list_tab ul li { float: left; width: 16.66%; border-bottom: 1px solid #ddd } .list_tab ul li a{ text-align: center; display: block; background: #eee; color: #555; height: 30px; line-height: 30px; } .list_tab ul li a:hover, .list_tab ul li a.on {background: #d02a2a; color: #fff; } .scroll_box {border-top:3px solid #000; overflow: auto;background: #f3f3f3;margin: 0 6px; height: 500px; background: url(../img/background/land_left_bg.png) repeat } .scroll_box ul li.map-all {padding:0px 0px 4px 12px; color:white; } .scroll_box ul li.map-year {padding:4px 0px 4px 12px; color:white; list-style-type: circle} .scroll_box ul li { position: relative; } .scroll_box ul li a{ display: block; color: #fff; background: none; line-height: 22px; padding: 0 10px 4px 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } .scroll_box ul li a:hover{ background: #4f4f4f;} .scroll_box ul li a.on{ background: #8A8A87;} .scroll_box ul li em { position: absolute; right:6px; top:4px; color: #fff; } .scroll_box ul li.map-year a { padding: 0 10px 4px 16px; } .landimg_view { border:none; } .contextmenu{ border: 1px solid #C9C9C8; background-color: #fff; width: 100px; font-size: 16px; color: #000; height: 25px; text-align: center; cursor: pointer; } .contextmenu:hover{ background: #EDEDEB; } @charset "utf-8"; @font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 400; src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular'); src: url(./NanumBarunGothic.eot); src: url(./NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(./NanumBarunGothic.woff) format('woff'), url(./NanumBarunGothic.ttf) format('truetype'); } @font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 700; src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold'); src: url(./NanumBarunGothicBold.eot); src: url(./NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), url(./NanumBarunGothicBold.woff) format('woff'), url(./NanumBarunGothicBold.ttf) format('truetype'); } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} @charset "UTF-8"; * {padding:0; margin:0;} html { width:100%;height: 100%; -webki.top_search_box .int_typet-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { width:100%; height: 100%;line-height:normal; background:#fff;font-size: 14px; color:#555; } body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; } table { border-collapse: collapse; border-spacing: 0px;} fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; } address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; } ol,ul,menu { list-style: none; } legend { position: absolute;visibility: hidden;height: 0;line-height: 0;font-size: 1px; } q:before, q:after { content:''; } a { color: #555; text-decoration: none; } a:hover { text-decoration: none; } hr { display: none; } em { color: inherit; font-weight: normal; font-style: normal; } table caption {display: none;} input[type="checkbox"],input[type="radio"] { vertical-align: middle; } :focus{outline: none;} /*공통클래스*/ .mgb_0 { margin-bottom:0px !important;} .mgt_0 { margin-top:0px !important;} .mgb_5 { margin-bottom:5px !important;} .mgb_10 { margin-bottom:10px !important;} .mgb_20 { margin-bottom:20px !important;} .mgb_30 { margin-bottom:30px !important;} .mgb_35 { margin-bottom:35px !important;} .mgb_40 { margin-bottom:40px !important;} .mgb_50 { margin-bottom:50px !important;} .mgb_60 { margin-bottom:60px !important;} .mgr_0 { margin-right:0px !important;} .mgr_5 { margin-right:5px !important;} .mgr_10 { margin-right:10px !important;} .mgr_20 { margin-right:20px !important;} .mgt_5 { margin-top:5px !important;} .mgt_10 { margin-top:10px !important;} .mgl_5 { margin-left:5px !important;} .mgl_10 { margin-left:10px !important;} .mgl_20 { margin-left:20px !important;} .dp_none { display: none; } .dp_inline { display: inline !important;} .clear { clear:both !important;} .fl_none { float: none !important;} .fl_left{ float:left !important;} .fl_right{ float:right !important;} .al_right { text-align: right !important;} .al_left { text-align: left !important;} .al_center { text-align: center !important;} .bold_t { font-weight: bold !important;} .int_type01 { height: 26px;border:1px solid #b7b7b7; width:99.8%; vertical-align: middle; font-size: 14px;} .inputtype_a { border: 1px solid #c9c9c9;height: 26px; width: 100%; background: #fff;} .int_br_none { border:0px !important;} .select_type01 { border:1px solid #ccc; background: #fff;height:24px; font-size:14px; vertical-align: middle; } .select_type02 { border:1px solid #b7b7b7; background: #fff;height:24px; width:99.8%; font-size:12px; vertical-align: middle; } .textarea_type {width:99.8%; border:1px solid #c9c9c9; } .seltype_a { border: 1px solid #b2b2b2;height: 26px;width: 100%;background: #fff; vertical-align: top;font-size: 12px; } .h_fix:after {clear: both; } .h_fix:after, .h_fix:before { display: table;content: " "; } .ani_ef { -webkit-transition: all 0.3s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; /* Firefox */ -ms-transition: all 0.3s ease; /* IE 9 */ -o-transition: all 0.3s ease; /* Opera */ transition: all 0.3s ease; } .header_wrap {margin-bottom: 0px; } .header_inner { margin: 0 auto; width:1100px; overflow: hidden; height: 80px;} .header_inner h1{ float: left; margin: 16px 0 20px 0;} .header_inner h1 a{ display:block; } .header_inner .h_link { display: block; color: #070707;font-size: 16px;float: right; padding: 0 24px 0 0; background: url(../img/background/ca_link_sm.png) no-repeat right 0; line-height: 20px; margin: 30px 0 0 0;} .header_inner .h_link:hover { text-decoration: underline; } .main_visual_box { background:url(../img/background/main_visual_bg.jpg) no-repeat 50% 0;height: 474px; background-attachment: fixed; margin-bottom: 30px; } .mv_inner { margin: 0 auto; width:1100px; padding: 34px 0 0 0;} .mv_box01 { background:url(../img/background/main_visual_img01.jpg) no-repeat 50% 0; width:528px;height: 410px; text-indent: -9999px;float: left; } .mlist_row{ margin: 0 -23px;} .col_6 { width: 50%;float: left; padding: 0 23px; } .mlist_wrap { margin: 0 auto 40px auto; width:1100px; overflow: hidden;} .mlist_box{ background: url(../img/background/list_top_dot.png) repeat-x 0 0; } .ml_title {width:164px; float: left; text-align: center;border-top:2px solid #ddd; } .ml_title h3 {margin-bottom: 5px; font-size: 18px;font-weight: normal; padding: 68px 0 0 0;} .ml_title .more_bt { line-height: 20px; display:inline-block; color: #fff; background:#4c4c4c url(../img/background/list_more_arrow.png) no-repeat right 5px; border-radius: 10px; padding: 0 22px 0 12px;} .ml_title .more_bt:hover { background:#000 url(../img/background/list_more_arrow.png) no-repeat right 5px; } .mlist_type01 { border-color: #1669a8; } .mlist_type01 h3 { color: #1669a8; background: url(../img/background/m_list_icon01.png) no-repeat 50% 22px; } .mlist_type02 { border-color: #4a9b2e; } .mlist_type02 h3 { color: #4a9b2e; background: url(../img/background/m_list_icon02.png) no-repeat 50% 22px; } .mlist_type03 { border-color: #5996dc; } .mlist_type03 h3 { color: #5996dc; background: url(../img/background/m_list_icon03.png) no-repeat 50% 22px; } .mlist_type04 { border-color: #de6f38; } .mlist_type04 h3 { color: #de6f38; background: url(../img/background/m_list_icon04.png) no-repeat 50% 22px; } .ml_text { margin: 0 0 0 168px; padding: 20px 0 0 0; height:154px;} .ml_text ul li { padding: 0 88px 0 10px;font-size: 14px;background: url(../img/background/list_bullet.png) no-repeat 0 7px;margin-bottom: 12px; position: relative; } .ml_text ul li a { display: block;color: #333;margin-bottom: 3px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;width: auto; } .ml_text ul li a:hover { text-decoration: underline;} .ml_text ul li em { display: block; position: absolute; right:0;top:2px; font-size: 13px;color: #777;} .mq_right_box{ float: right; width:552px;} .mq_box {position: relative; float: left; background: url(../img/background/mg_bg01.png) no-repeat 0 0px; } .mq_box a{ padding: 38px 0 0 0; width:266px;height: 195px; transition: all 0.3s ease; box-shadow: 0 0 0 #000; display: block; } .mq_box span {text-align: center; font-size: 20px;color: #fff; display: block; padding: 92px 0 0 0; background: url(../img/background/mq_icon01.png) no-repeat 50% 0px;font-weight: normal; } .mq_box em { display: block; position: absolute; right:16px;top:16px; width:23px;height: 23px; background: url(../img/background/ca_link.png) no-repeat 0 0;text-align: left;text-indent: -99999px; } .mq_box a:hover { box-shadow: 0 3px 16px #111; } .mq_box a:hover em { background: url(../img/background/ca_link_over.png) no-repeat 0 0; } .mq_type01 { margin: 0 20px 20px 0;} .mq_type02 {background: url(../img/background/mg_bg02.png) no-repeat 0 0px;margin-bottom: 20px; } .mq_type02 span { background: url(../img/background/mq_icon02.png) no-repeat 50% 0px; } .mq_type03 {background: url(../img/background/mg_bg03.png) no-repeat 0 0px; margin: 0 20px 0 0} .mq_type03 span { background: url(../img/background/mq_icon03.png) no-repeat 50% 8px; } .mq_type04 {background: url(../img/background/mg_bg04.png) no-repeat 0 0px; } .mq_type04 span { background: url(../img/background/mq_icon04.png) no-repeat 50% 0px; } /*sub*/ .sub_contents {margin: 0 auto; padding: 0 0 40px 0; width:1100px;} .sub_visual_wrap { background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 0; background-attachment: fixed; margin-bottom: 30px; } .sub_nav_box { background: url(../img/background/header_line.png) repeat-y 50% 0; } .sub_nav_inner { width:1100px;margin: 0 auto;} .sub_nav_inner ul li { background: url(../img/background/nav_line.png) no-repeat right 50%;margin-right: 30px;padding-right: 28px; } .sub_nav_inner ul li:last-child {background: none; margin-right: 0px;} .sub_nav_inner ul li a {padding: 0 2px;display: block; line-height: 64px; font-weight: normal;color: #fff;font-size: 18px; transition: all 0.3s ease; background: url(../img/background/nav_over.png) repeat-x 0 68px; } .sub_nav_inner ul li span {padding: 0 2px;display: block; line-height: 64px; font-weight: normal;color: #fff;font-size: 18px; transition: all 0.3s ease; background: url(../img/background/nav_over.png) repeat-x 0 68px; } /* .sub_nav_inner ul li a:hover, .sub_nav_inner ul li .on { background: url(../img/background/nav_over.png) repeat-x 0 bottom; } */ .sub_nav_inner ul li span select {height:30px; color: #222; font-size: 12px; min-width:150px;} .sub_nav_inner ul li span input[type=button] {height:30px; color: #fff; font-size: 14px;} .search_option_box { padding: 34px 0; text-align: center;} .search_option_box h3{ text-align: center;padding-bottom: 10px; background: url(../img/background/h3t_line.png) no-repeat 50% bottom; color: #fff; margin-bottom: 14px; } .select_label_t { display: inline-block; padding: 0 0 0 20px;background: url(../img/background/circle_bullet.png) no-repeat 0 0;color: #fff; vertical-align: middle; margin-right: 6px; font-size: 16px;} .select_line {vertical-align: middle; background: #fff; display: inline-block; min-width: 180px;height: 30px; padding: 4px 4px 0 4px} .select_line select { border:0px; width:100%; height: 22px; } .label_col { margin-left: 60px} .list_box { border:1px solid #b6b2b2; transition: all 0.3s ease; box-shadow: 0 0 0 #b6b2b2; margin-bottom: 20px;} .list_box:hover {box-shadow: 0 1px 7px #c0c0c0; } .link_title_box { padding: 20px 100px 20px 20px; position: relative; } .link_title_box a { display: block; height: 37px; } .link_title_box .black_round { position: absolute; right: 18px;top: 18px; } .list_box .link_title{ position: relative; display: block; } .list_box .link_title em {position: relative; padding: 0 42px 0 24px; display: block; background: url(../img/background/worklist_icon.png) no-repeat 0 2px; font-size: 16px; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; overflow: hidden; width:500px; } .list_box .link_title .black_round {position: absolute; right: 0px; top:-4px;} .list_box .worklist_info {background: #f9f9f9; padding: 10px 20px 10px 20px; overflow: hidden; position: relative; } .set_bt_box { float: right; } .list_box .gear_bt { display: block; background: url(../img/background/gear_icon.png) no-repeat 50% 50%;border:1px solid #d1d0d0; text-indent: -99999px; width:42px; height: 28px; } .list_box .gear_bt.on { background: url(../img/background/gear_icon_on.png) no-repeat 50% 50%;border:1px solid #366cb6; position: relative; } .wi_text { float: left; margin: 4px 0 0 0;} .wi_text span {line-height: 20px; vertical-align: middle; display: inline-block; color: #555; font-size: 13px; } .wi_text .date_span {width:102px; background: url(../img/background/worklist_icon02.png) no-repeat 0 2px; padding: 0 0 0 18px; } .wi_text .state_text { text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; overflow: hidden; width:316px; background: url(../img/background/worklist_icon03.png) no-repeat 0 1px;padding: 0 0 0 24px; } .gear_sub { border:1px solid #999; border-right:1px solid #366cb6; position: absolute; right:61px; top:10px; display: none; } .gear_sub a{display: inline-block; font-size: 13px; background: #eee; padding: 0 10px; line-height: 26px; } .gear_sub a:hover{ background: #2b404c;color: #fff; } .black_round {background: #aa4c4c; color: #fff; display: inline-block; line-height: 24px; padding: 0 10px;border-radius: 12px;} /* paginate */ .paginate_complex{line-height:normal;text-align:center} .paginate_complex a, /*.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -2px;padding:0px 8px;line-height: 22px; background-color:#fff;font-size: 13px;color:#333;text-decoration:none;vertical-align:middle}*/ .paginate_complex strong{display:inline-block;position:relative;z-index:2;padding:0px 8px;line-height: 22px; background-color:#fff;font-size: 13px;color:#333;text-decoration:none;vertical-align:middle} .paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus{background-color:#f8f8f8} .paginate_complex strong{color:#fff; background:#787878;border-radius: 3px;} .paginate_complex .direction{text-indent: -9999px; width:28px; margin: 0; height: 28px; text-decoration:none !important;z-index:1} .paginate_complex .first_prev { background:#fff url(../img/background/pagenav_bg.png) no-repeat 7px 50%; margin: 0;} .paginate_complex .prev { background:#fff url(../img/background/pagenav_bg.png) no-repeat -19px 50%;margin-left: -5px; } .paginate_complex .last_next { background:#fff url(../img/background/pagenav_bg.png) no-repeat -75px 50%; margin: 0;} .paginate_complex .next { background:#fff url(../img/background/pagenav_bg.png) no-repeat -51px 50%;margin-right: -5px; } .paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus{border: 1px solid #ccc; position: relative; z-index: 999; } .popup_top_box { margin-bottom: 20px;} .pt_title { overflow: hidden; border-bottom: 1px solid #ccc; padding: 0 0 16px 0;margin-bottom: 14px;} .pt_title p { float: left; font-size: 16px; color: #222;} .pt_title span {float: right; font-size: 14px;background: url(../img/background/worklist_icon02.png) no-repeat 0 1px;padding: 0 0 0 20px; display: inline-block; line-height: 20px; } .pt_info { font-size: 14px; background: url(../img/background/worklist_icon03.png) no-repeat 0 1px; padding: 0 0 0 24px; display: inline-block;line-height: 20px;} /* footer */ .footer_wrap{border-top:2px solid #d0d0d0; } .footer_box {width:1100px;margin: 0 auto; overflow: hidden; position: relative; padding: 20px 0; } .footer_box h2 { float: left; } .footer_box span { display: inline-block; margin: 10px 0 0 20px; color: #656565; font-size: 13px;} .footer_box p {position: absolute; right:0; top:26px;color: #656565; font-size: 13px; } /*2018-05-01 로그인 화면 전용*/ .login_header_wrap {margin-bottom: 0px; } .login_header_inner { width: 1100px; margin: 0 auto; overflow: visible; height: 80px; } .login_header_inner:after { content: ''; display: block; clear: both; } .login_header_inner h1 { float: left; padding: 0 0 0 26px;} .login_popup {display: none; padding: 20px 14px 14px 14px; width:180px; height: 161px; background: url(../img/background/login_popup_bg.png) no-repeat 0 0; position: absolute; left: -103px; top: 28px;z-index: 9999;} .login_popup p {margin-bottom: 5px; border:1px solid #ccc; padding: 0 4px;} .login_popup .pw_int { margin-bottom: 10px; } .login_popup p input { width: 99.8%; height: 21px; border:0; font-size: 12px; } .login_popup .popup_login_bt {display: block; background: #3359ca; color: #fff;padding: 0 14px; border-radius: 2px;text-align: center;border: 0px;height: 26px; line-height: 24px; margin: 0;padding: 0px;} .my_bt_box a { background: none; text-align: center; border:1px solid #c8c8c8; height: 22px; line-height: 22px; display: block; margin: 0px 0 0 -1px; padding-left: 0px; } .login_popup .logout_box { text-align: right;border-top: 1px solid #c2c0c0; width: 177px;margin: 0 0 0 -13px; padding: 6px 0 0 0; } .login_popup .logout_box a{ display: inline-block; color: #526ac1; background: url(../img/background/icon_logout.png) no-repeat 46px 6px; padding: 0 30px 0 0; margin: 0; line-height: 22px;height: 22px; } .login_popup .login_top_icon {display: block;background: url(../img/background/login_top_icon.png) no-repeat 50% 0; height: 18px; margin-bottom: 10px; } .solution_popup { display: none; padding: 20px 14px 14px 14px; width:156px; height: 161px; background: url(../img/background/login_popup_bg02.png) no-repeat 0 0; position: absolute; left: -67px;top: 28px; z-index: 9999; } .solution_popup ul li { background: none; margin: 0; padding: 0;} .logout_popup {display: none; padding: 40px 14px 14px 22px; width:230px; height: 135px; background: url(../img/background/login_popup_bg03.png) no-repeat 0 0; position: absolute; left: -118px;top: 28px; z-index: 9999; } .logout_box { text-align: right; border-top: 1px solid #c2c0c0; margin: 0 -11px 0 -19px; padding: 6px 0 0 0; } .logout_box a{ display: inline-block; color: #526ac1; background: url(../img/background/icon_logout.png) no-repeat 46px 6px; padding: 0 30px 0 0; margin: 0; line-height: 22px;height: 22px; } /* 로그인 */ .login_type { width: 482px; padding: 0 0 76px 0; margin: 140px auto 0px auto; } .login_type h1 { text-align: center; margin-bottom: 30px;} .input_type { border:1px solid #aaa; height: 21px;width:99.8%;color: #90a1b0; } .input_type:focus {color: #333;} .radio_01 {position: relative; top: -2px;} .login_box {color: #fff; background:url(../img/background/login_box_bg.png) repeat 0 0;border-top:1px solid #292828;margin-bottom: 30px; } .login_box .logout_bt {display: block; border:1px solid #615f5f; background:#232323 url(../img/background/login_bt_icon.png) no-repeat 80px 4px; color: #a5a0a0; font-size: 11px; width:90px; padding: 0 0 0 10px; line-height: 20px; } .login_box .logout_bt:hover {background:#555 url(../img/background/login_bt_icon.png) no-repeat 80px 4px; color: #fff } .g_nav { float: right; margin: 35px 0 0 0;} .g_nav a.first_link {background: none; padding: 0; margin: 0;} .g_nav a { display: inline-block; font-size: 14px; color: #555; background: url(../img/background/gnav_line.gif) no-repeat left 7px; padding-left: 10px; margin-left: 10px; line-height: 22px; } /* 0510 */ .select_line input{ border:0px; width:100%; height: 22px;} .s_btn { display: inline-block; background: #478bd0; color: #fff; line-height: 30px; padding: 0 10px; vertical-align: middle} .s_btn:hover { background:#399bff; } .list_tbl { width:100%; border-top:1px solid #888; } .list_tbl thead th {text-align: center; background: #f9f9f9; border-bottom: 1px solid #d2d2d2; padding: 10px; } .list_tbl tbody td { border-bottom: 1px solid #e3e3e3; padding: 10px; text-align: center; font-size: 14px} .list_tbl tbody .link_td a { display: block; text-align: left; font-size: 15px; } .page_num_box {margin-bottom: 20px; padding: 0 0 0 20px;background: url(../img/background/page_num_icon.png) no-repeat 0 0;color: #777; } .list_top_box{ margin-bottom: 10px;} .list_top_box:after {clear: both; } .list_top_box:after, .list_top_box:before { display: table;content: " "; } .list_top_box .page_num_box { float: left; margin: 5px 0 0 0;} .list_top_box .list_bt { float:right; } .black_bt { display: inline-block; color: #fff; background: #4c4c4c; padding: 0 15px; line-height: 28px; } /* 0511 */ .admin_search_box { float: right; position: relative; padding: 2px 30px 2px 5px; background: #fff; width:190px; margin: 19px 0 0 0; } .admin_search_box input { width:100%; height: 21px; background: #fff; outline: none; border:0px; } .admin_search_box .search_bt { display: block; position: absolute; right:0; top:0; width:24px; height: 24px; background: url(../img/background/admin_searh_icon.png) no-repeat 50% 50%;text-indent: -9999px } .tab_wrap { overflow: hidden; padding: 0 0 0 1px; background: url(../img/background/tab_line_bg.png) repeat-x 0 bottom; margin-bottom: 20px; background: #f9f9f9;} .tab_wrap:after { content: ""; clear:both; display:block;} .tab_wrap ul li { float:left; } .w_25 ul li { width:25%; } .w_33 ul li { width:33.3%; } .w_20 ul li { width:20%; } .tab_wrap ul li a{display: block; height: 40px; line-height: 40px; color:#777; text-align: center; font-size: 15px; border:1px solid #ddd; margin-left:-1px } .tab_wrap ul li a:hover { background: #f3f3f3;} .tab_wrap ul li .on { color:#222; position: relative; border-bottom: 0px; background:#fff url(../img/background/tab_on.png) repeat-x 0 0 !important; border-top:1px solid #366cb6; font-weight: bold; } .progress_box { display: inline-block; width:250px; vertical-align: top; padding: 7px 0 0 0; margin-right: 20px; } .progress_box .progress_text { float: left; font-weight: bold; font-size: 13px; color: #777;} .progress_box .progress { height: 16px;margin: 0 0 0 70px; } .disabled_bt {color: #7e7e7e !important; background: #cfcfcf !important;} /* popup */ .popup_wrap { } .popup_h { font-size: 18px; background: url(../img/background/popup_header_bg.png) repeat-y 0 0; color: #fff; line-height: 58px; padding: 0 0 0 20px; margin: -1px -1px 0 -1px} .popup_inner { padding: 20px; } .ph_box { padding: 0 0 0 50px; background: url(../img/background/popup_help_icon.png) no-repeat 0 6px; margin-bottom: 20px;} .ph_box strong { color:#e24e3a; } .ph_box ul li { line-height: 20px; } .tbl_type01 { width:100%; border-top:1px solid #3074d2; } .tbl_type01 tbody th { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; text-align: left; padding: 9px 0 9px 10px; font-size: 14px; font-weight: normal;} .tbl_type01 tbody td { background: #fff; border-bottom: 1px solid #e4e4e4; padding: 9px;} h3.article-head { font-size: 16px; color: #141414; font-weight: normal;background: url(../img/background/right_arrow.png) no-repeat 0 50%; padding: 0 0 0 20px; margin-bottom: 5px } div.keywords { position: absolute; text-align: center; width: 60px; height: 28px; padding: 2px; font: 12px sans-serif; background: lightsteelblue; border: 0px; border-radius: 8px; pointer-events: none; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { padding: 1px 10px; font-size: 12px; } .tbl_kwd_list { font-size: 12px; margin-top: 4px; } .tbl_kwd_list button { padding: 1px 5px; } .tbl_kwd_list tr:hover td { background-color:#cfc } .tbl_kwd_list tr td { padding:3px 3px; } button.article-header { padding: 2px 10px; font-size: 12px; } .wi_state_box { float: left; margin-top: 4px;} .round_t { background:#145591; color: #fff; display: inline-block; line-height: 20px; padding: 0 10px; border-radius: 12px; vertical-align: middle; } .normal_bt { background: #125494; color: #fff; border:0px; display: inline-block; padding: 0 12px; line-height: 22px; border-radius: 2px; font-size: 12px;} .normal_bt:hover { background: #326ba3; } .notice_title {text-align: center;margin: 30px;} .notice_msg {text-align: center; margin: 0px 100px 0px 100px; line-height: 25px;} #progress_view .ui-widget-header { border: 1px solid #ddd; background: #5265d2; color: #333; font-weight:bold; }