@CHARSET "UTF-8"; /* Local System font Load */ @font-face { font-family: Noto-Sans-UI; src: url(/font/NotoSansUI-Regular.ttf); } @font-face { font-family: Noto-Sans-Bold-UI; src: url(/font/NotoSansUI-Bold.ttf); } /* Cross Browsing을 위해 Browser별로 상이한 기본 Style을 일치 시킴 */ html {overflow: scroll; overflow-x: auto; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: white; scrollbar-arrow-color: white;} /* 마진과 패딩의 초기화 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, select { margin : 0; padding : 0; } /* 헤더 폰트 사이즈 초기화 */ h1, h2, h3, h4, h5, h6 { font-size : 100%; } /* 리스트의 스타일 제거 */ ol, ul { list-style : none; } /* 폰트 강조 특성 초기화 */ address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; } /* 테이블 스타일 초기화 */ table { border-collapse : collapse; border-spacing : 0; } /* 이미지 및 필드셋에서 보더 표시 초기화 */ fieldset, img { border : 0; } /* 캡션과 테이블헤더 텍스트 정렬 초기화 */ caption, th { text-align : left; } /* 인용구 표시 초기화 */ q:before, q:after { content : ''; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 사이트 전체에서 사용되는 공통 Style 정의 */ body, th, td, p, select, input, textarea, h1, h2, h3, h4 { font-family: Noto-Sans-UI, Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:9.5pt; line-height:160%; color:#000000;} th.floor { font-family: Noto-Sans-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:9.5pt; line-height:160%; color:#181b2a; } td.floor { font-family: Noto-Sans-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:9.5pt; line-height:160%; color:#ffffff; } td.td_small { font-family: Noto-Sans-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:8pt; line-height:160%; color:#000000; } td.td_small2 { font-family: Noto-Sans-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:8pt; line-height:160%; color:#ffffff; } html, body { height:100%; margin:0; padding:0; } body { background: url(/img/loading.gif) center center;} a { color: #181b2a; } a:hover { color: #a0a0a4; } img { border:0; vertical-align:middle } table { width:100%; } th, td { vertical-align:top; } input, select, button { vertical-align:middle; border:none;} button ,input[type=button]{ font-family:Noto-Sans-Bold-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:8pt; line-height:160%; /*width:75px;*/width: auto;padding: 0px 10px !important; height:30px; background:#181b2a; border:0; color:#d0d0d0; cursor:pointer; } button ,input[type=button]:hover { font-family:Noto-Sans-Bold-UI,Arial,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; font-size:8pt; line-height:160%; /*width:75px;*/width: auto;padding: 0px 10px !important; height:30px; background:#464958; border:0; color:#ffffff; cursor:pointer; } label { cursor:pointer; } /*style="width: 80px; display: inline-block; text-align: right; color:#181b2a;"*/ input[type=button].btn_tiny, button.btn_tiny { width:25px; height:19px; background:url(/img/menu/button_black_small.jpg) repeat-x; } input[type=button].btn_small, button.btn_small { width:50px; height:19px; background:url(/img/menu/button_black_small.jpg) repeat-x; } button.btn_clear { width:94px; height:19px; background:url(/img/clearaction_btn.jpg) repeat-x; } button.btn_login { width:245px; height:44px; background:url(/img/login_window_button_n.jpg) no-repeat; } button.btn_login:hover { width:245px; height:44px; background:url(/img/login_window_button_c.jpg) no-repeat; } button.btn_large { width:160px; height:22px; background:black; } button.btn_large3 { width:110px; height:19px; background:url(/img/menu/button_black_large4.jpg) repeat-x; } button.btn_large4 { /*width:150px;*/ height:30px; background:#464958 repeat-x; margin-bottom: 10px;} button.btn_large4:hover { /*width:150px;*/ height:30px; background:#181b29 repeat-x;} button.btn_large5 { width:150px; height:30px; background:#464a58 repeat-x; color:#ffffff; margin:10px 0;} button.btn_large5:hover { width:150px; height:30px; background:#181b29 repeat-x; color:#d0d0d0;} button.btn_char { width:15px; height:15px; background-color:#2f2f2f repeat-x; color:white; text-align:center; } button.btn_help { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right;} button.btn_help:hover { width:75px; height:31px; background:#020204; color:#d0d0d0;} /* OLD button.btn_close { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right;} button.btn_close:hover { width:75px; height:31px; background:#020204; color:#d0d0d0;} */ button.btn_close { width:75px; height:31px; background:#ff2300; color:#ff2300; margin:2px;float: right;} button.btn_close:hover { width:75px; height:31px; background:#f2b632; color:#f2b632;} /*h2 { color:#c4c4c4; padding:4px 7px; font-weight:bold; background:url('/img/detailarea_bg.png'); }*/ h2 { display:none; } h3 { background-color:#464958; color:#fff; padding:4px 10px; margin:0; } font_3 { background-color:#b5b5b7; color:#181b29;#181b29; border-top: 2px solid #464a58; box-sizing: border-box; padding:4px 10px; margin:0; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align: middle;} h4 { background-color:#a8a8a8; color:#fff; padding:4px 7px; } /* CJMOON 2017.08.16 #wrap { min-height:100%; background:url("/img/menu/bg.jpg"); } */ #wrap { min-height:100%; background:#d0d0d0;} #wrap2 { min-height:100%; background:#252839;} #wrap3 { min-height:100%; background:#ffffff;} #wrap_contents { width:1250px; height:100%; margin:0 auto; background:#d0d0d0;} #lnb { width:147px; height:100%; border:0; background:#7a8388; vertical-align:top;} /* CJMOON 2017.08.16 #contents { border:0; margin:5px 9px 16px 5px; border:1px solid #a8a8a8; background-color:#525252; } */ #contents { border:0; margin:0px; /*border:0px solid #a8a8a8;*/ background-color:#d0d0d0; } #bottom { clear:both; width:1101px; height:42px; margin:0 auto; } #copyright { margin:0 auto; width:980px; text-align:right; font:9pt 'Tahoma'; padding-top:10px; padding-bottom:6px; color:#fff } #location { color:#d0d0d0; margin:0 auto; font-weight:bold; background:#181b2a; line-height:35px; padding-left:20px;} /* 자주 사용하는 Style 정의 */ .space { clear:both; } .left { float:left; } .right { float:right; } .text_left { text-align:left; } .text_right { text-align:right; } .text_center { text-align:center; } .show { display:inline; } .hide { display:none; } .bold { font-family: Noto-Sans-Bold-UI; /*font-weight: bold;*/ } .progressbar-outline { display:block; height:15px; border:1px solid gray; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .progressbar-fill { display:block; height:15px; background:orange; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .progressbar-fill-left { display:block; height:15px; background:orange; -moz-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .progressbar-fill-center { display:block; height:15px; background:orange; } .progressbar-fill-right { display:block; height:15px; background:orange; -moz-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } /*.box01 { border:1px solid #a8a8a8; padding:5px; margin-bottom:10px; background-color:#525252; }*/ .box02 { border:0px; padding:0; margin:0; } .tbl_list3 th { padding:0px; text-align:center; background:#181b29; color:#d0d0d0; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} .tbl_list3 td { border-bottom:1px solid #e3e3e3; box-sizing:border-box; text-align:center; height:30px; vertical-align:middle;} .box01 { /*padding:20px; background:#d0d0d0;*/} .box01 h3 { padding-left:10px; background-color:#b5b5b7; color:#181b29; border-top: 2px solid #464a58; box-sizing: border-box; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} .box01 select { /*padding-left:10px;*/} .box03 { /*border:1px solid #a8a8a8; background-color:#525252;*/ } #list_section { padding:20px; } #list_section h3 { padding-left:10px; background-color:#b5b5b7; color:#181b29; border-top: 2px solid #464a58; box-sizing: border-box; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} #view_section { padding:20px;} #view_section_code { padding:20px;} #new_section { padding:20px;} #new_section2 {padding:20px; background-color:#ffffff;} #edit_section { padding:20px; } #form_edit { padding:0px; } #form_edit select { height:28px; margin:0;} #form_msg { padding:20px; } #form_search input { height:30px;} #card_format_default { height:30px;} #search_section { padding:20px; } #search_section h3 { padding-left:10px; background-color:#b5b5b7; color:#181b29; border-top: 2px solid #464a58; box-sizing: border-box; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} #search_element { margin: 1px 0;} #decoder_section { padding:0 0px; } #form_request { padding:20px; background-color:#d0d0d0;} .unsystem_set { border:none; background:#ffffff; } .unsystem_set td { box-sizing:border-box; text-align:center; height:30px; vertical-align:middle;} .unsystem_set th { border-bottom:1px solid #d4d4d4; box-sizing:border-box; height:30px; vertical-align:middle; padding-left: 10px;} .unsystem_set tr { padding:0px; height:30px; vertical-align:middle; box-sizing:border-box;} .unsystem_set input { padding-left:5px; box-sizing: border-box; background-color:#f2f2f2;} .unsystem_set select { box-sizing:border-box; background:#f2f2f2; margin: 2px 0;} .tbl_view { margin:0; width:100%; background-color:#fff; padding:20px;} .tbl_view th { height:30px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle; padding-left: 10px;} .tbl_view h3 { padding-left:10px; background-color:#b5b5b7; color:#181b29; border-top: 2px solid #464a58; box-sizing: border-box; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} .tbl_view td { padding-left:10px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle;} .tbl_view tr { padding:0px; height:30px; vertical-align:middle; box-sizing:border-box;} .tbl_view input { padding-left:5px; box-sizing: border-box; background-color:#f2f2f2;height:28px;} .tbl_view select { box-sizing:border-box; background:#f2f2f2;height:28px;} .tbl_view option { padding-left:5px; } .tbl_view p {border-bottom: 1px solid #e3e3e3;box-sizing: border-box;text-align: center;height: 30px; vertical-align: middle;} .tbl_view button { height:30px; background:#7d818d repeat-x; color:#ffffff;} .tbl_view button:hover { height:30px; background:#464a58 repeat-x; color:#d0d0d0;} .tbl_view card_btn { height:30px; background:#7d818d repeat-x; color:#181b29;} .tbl_view hover { height:30px; background:#464a58 repeat-x; color:#181b29;} .tb3_confirm_view { margin:0; width:98%; background-color:#fff; } .tb3_confirm_view th { height:30px; width: 150px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle; padding-left: 5px;} .tb3_confirm_view td { padding-left:1px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle;} .tb3_confirm_view tr { padding:0px; height:30px; vertical-align:middle; box-sizing:border-box;} .tb3_confirm_view input { padding-left:5px; box-sizing: border-box; background-color:#f2f2f2;height:28px;} .tb3_confirm_view select { box-sizing:border-box; background:#f2f2f2;height:28px;} .tb3_confirm_view option { padding-left:5px; } .tb2_view { margin:0; width:98%; background-color:#fff; } .tb2_view th { height:30px; width: 150px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle; padding-left: 5px;} .tb2_view td { padding-left:1px; border-bottom:1px solid #d4d4d4; box-sizing:border-box; vertical-align:middle;} .tb2_view tr { padding:0px; height:30px; vertical-align:middle; box-sizing:border-box;} .tb2_view input { padding-left:5px; box-sizing: border-box; background-color:#f2f2f2;height:28px;} .tb2_view select { box-sizing:border-box; background:#f2f2f2;height:28px;} .tb2_view option { padding-left:5px; } .tbl_list th { padding:0px; text-align:center; background-color:#b5b5b7; color:#181b29; border-top: 2px solid #464a58; box-sizing: border-box; font-family: Noto-Sans-Bold-UI; height:30px; vertical-align:middle;} /* .tbl_list td { padding:2px; border-bottom:1px solid #e3e3e3; text-align:center; } */ .tbl_list td { border-bottom:1px solid #e3e3e3; box-sizing:border-box; text-align:center; height:30px; vertical-align:middle;} .tbl_list button { height:28px; background:#d0d0d0 repeat-x; color:#181b29;} .tbl_list button:hover { height:28px; background:#464a58 repeat-x; color:#d0d0d0;} /* .tbl_list2 th { padding:5px; text-align:center; background-color:#000000; color:#fff; } .tbl_list2 td { padding:2px; border-bottom:1px solid #e3e3e3; text-align:center; } */ .tbl_list2 th { padding:0px; text-align:center; background-color:#ffffff; color:#ffff; height:30px;} .tbl_list2 td { padding:0px; border-bottom:1px solid #e3e3e3; box-sizing:border-box; text-align:center; } .user_picture { height:150px; } .button_set { padding:5px; text-align:center; height:30px; color:#d0d0d0;} .button_set button { padding:0px; text-align:center; height:30px; background:#464a58; color:#d0d0d0;} .button_set button:hover { padding:0px; text-align:center; height:30px; background:#181b29; color:#d0d0d0;} .button_set2 { padding:0px; text-align:center; height:30px; background:#7d818e;} .top_text { text-align:right; vertical-align:middle; font:bold 8pt 'Verdana'; color:#fff; } .top_text1 { text-align:right; vertical-align:middle; font:9pt 'Tahoma'; color:#fff; } .sitemap_main { height:11px; text-align:left; vertical-align:middle; font:bold 11pt 'Arial'; color:#181b2a; } .sitemap_sub { /*width:200px; height:14px;*/ display:inline-block; padding-left:28px;padding-bottom: 5px; text-align:left; vertical-align:middle; font: 9pt 'Arial'; } .list_button_set { background:#d0d0d0; margin-top:8px;} .list_button_set button { background:#464a58; color:#d0d0d0;} .list_button_set button:hover { background:#181b29; color:#d0d0d0;} .list_button_set td { padding:0;} .list_button_set input { /*width:210px;border:1px solid #d0d0d0; box-sizing:border-box;*/ } .list_button_set select { /*border:1px solid #d0d0d0; box-sizing:border-box;*/ height:30px;} /*.list_button_set td:hover { padding-top:0px; background:#181b29; }*/ .pagination { text-align:center; height:30px; background:#d0d0d0;} .ov { padding-left:0px; cursor:pointer; background-color:#ffffff; } .ov:hover { background-color:#dddddd;} /*.on { background-color:#ffeeee; }*/ .on { background-color:#ededed; } .on:hover { background-color:#dddddd; } /*.on:hover { background-color:#ffffee; }*/ .time_h, .time_m { width:25px; padding-right:5px;} input[type=text]{ height:28px;} input[type=password]{ height:28px; box-sizing: border-box;} input[type=checkbox] { vertical-align: middle; border-width: initial; border-style: none; border-color: initial; border-image: initial; } input[type=button].btn_find, button.btn_find { width:18px; height:18px; background:url(/img/menu/button_open.png) no-repeat; } button.btn_find:hover { width:18px; height:18px; background:url(/img/menu/button_open2.png) no-repeat; } input[type=button].btn_push, button.btn_push { width:23px; height:23px; background:url(/img/menu/button_add.png) repeat-x; margin:5px;} button.btn_push:hover { width:23px; height:23px; background:url(/img/menu/button_add2.png) repeat-x; margin:5px;} input[type=button].btn_pop, button.btn_pop { width:23px; height:23px; background:url(/img/menu/button_remove.png) repeat-x; margin:0px 5px;} button.btn_pop:hover { width:23px; height:23px; background:url(/img/menu/button_remove2.png) repeat-x; margin:0px 5px;} /* GNB */ #gnb { clear:both; width:100%; height:64px; background:#464958; repeat-x; } .topmenu { display:block; cursor:pointer; } .topmenubg { width:1250px; height:64px; margin:0 auto; background:#464958} .topmenuline { display:block; width:3px; height:68px; background:url(/img/menu/topmenu_line.png) no-repeat; } /* .topmenulogo { display:block; width:147px; height:64px; background:url(/img/menu/topmenu_logo.png) no-repeat; } */ .topmenu:hover .topmenubg {display:block;} .topmenu.menu01 { width:137px; height:64px; background:url(/img/menu/topmenu_01_n.png) no-repeat; } .topmenu.menu01:hover { width:137px; height:64px; background:url(/img/menu/topmenu_01_r.png) no-repeat; } .topmenu.menu01.hover { width:137px; height:64px; background:url(/img/menu/topmenu_01_s.png) no-repeat; } .topmenu.menu02 { width:137px; height:64px; background:url(/img/menu/topmenu_02_n.png) no-repeat; } .topmenu.menu02:hover { width:137px; height:64px; background:url(/img/menu/topmenu_02_r.png) no-repeat; } .topmenu.menu02.hover { width:137px; height:64px; background:url(/img/menu/topmenu_02_s.png) no-repeat; } .topmenu.menu03 { width:137px; height:64px; background:url(/img/menu/topmenu_03_n.png) no-repeat; } .topmenu.menu03:hover { width:137px; height:64px; background:url(/img/menu/topmenu_03_r.png) no-repeat; } .topmenu.menu03.hover { width:137px; height:64px; background:url(/img/menu/topmenu_03_s.png) no-repeat; } .topmenu.menu04 { width:137px; height:64px; background:url(/img/menu/topmenu_04_n.png) no-repeat; } .topmenu.menu04:hover { width:137px; height:64px; background:url(/img/menu/topmenu_04_r.png) no-repeat; } .topmenu.menu04.hover { width:137px; height:64px; background:url(/img/menu/topmenu_04_s.png) no-repeat; } .topmenu.menu05 { width:137px; height:64px; background:url(/img/menu/topmenu_05_n.png) no-repeat; } .topmenu.menu05:hover { width:137px; height:64px; background:url(/img/menu/topmenu_05_r.png) no-repeat; } .topmenu.menu05.hover { width:137px; height:64px; background:url(/img/menu/topmenu_05_s.png) no-repeat; } .topmenu.menu06 { width:137px; height:64px; background:url(/img/menu/topmenu_06_n.png) no-repeat; } .topmenu.menu06:hover { width:137px; height:64px; background:url(/img/menu/topmenu_06_r.png) no-repeat; } .topmenu.menu06.hover { width:137px; height:64px; background:url(/img/menu/topmenu_06_s.png) no-repeat; } .topmenu.menu07 { width:137px; height:64px; background:url(/img/menu/topmenu_07_n.png) no-repeat; } .topmenu.menu07:hover { width:137px; height:64px; background:url(/img/menu/topmenu_07_r.png) no-repeat; } .topmenu.menu07.hover { width:137px; height:64px; background:url(/img/menu/topmenu_07_s.png) no-repeat; } .topmenu.menu08 { width:137px; height:64px; background:url(/img/menu/topmenu_08_n.png) no-repeat; } .topmenu.menu08:hover { width:137px; height:64px; background:url(/img/menu/topmenu_08_r.png) no-repeat; } .topmenu.menu08.hover { width:137px; height:64px; background:url(/img/menu/topmenu_08_s.png) no-repeat; } .topmenu.menu09 { width:137px; height:64px; background:url(/img/menu/topmenu_09_n.png) no-repeat; } .topmenu.menu09:hover { width:137px; height:64px; background:url(/img/menu/topmenu_09_r.png) no-repeat; } .topmenu.menu09.hover { width:137px; height:64px; background:url(/img/menu/topmenu_09_s.png) no-repeat; } .topmenu.menu10 { width:137px; height:64px; background:url(/img/menu/topmenu_10_n.png) no-repeat; } .topmenu.menu10:hover { width:137px; height:64px; background:url(/img/menu/topmenu_10_r.png) no-repeat; } .topmenu.menu10.hover { width:137px; height:64px; background:url(/img/menu/topmenu_10_s.png) no-repeat; } .topmenu.menu11 { width:137px; height:64px; background:url(/img/menu/topmenu_11_n.png) no-repeat; } .topmenu.menu11:hover { width:137px; height:64px; background:url(/img/menu/topmenu_11_r.png) no-repeat; } .topmenu.menu11.hover { width:137px; height:64px; background:url(/img/menu/topmenu_11_s.png) no-repeat; } .topmenu.menu12 { width:137px; height:64px; background:url(/img/menu/topmenu_12_n.png) no-repeat; } .topmenu.menu12:hover { width:137px; height:64px; background:url(/img/menu/topmenu_12_r.png) no-repeat; } .topmenu.menu12.hover { width:137px; height:64px; background:url(/img/menu/topmenu_12_s.png) no-repeat; } .topmenu.menu13 { width:137px; height:64px; background:url(/img/menu/topmenu_13_n.png) no-repeat; } .topmenu.menu13:hover { width:137px; height:64px; background:url(/img/menu/topmenu_13_r.png) no-repeat; } .topmenu.menu13.hover { width:137px; height:64px; background:url(/img/menu/topmenu_13_s.png) no-repeat; } .topmenu.menu14 { width:137px; height:64px; background:url(/img/menu/topmenu_14_n.png) no-repeat; } .topmenu.menu14:hover { width:137px; height:64px; background:url(/img/menu/topmenu_14_r.png) no-repeat; } .topmenu.menu14.hover { width:137px; height:64px; background:url(/img/menu/topmenu_14_s.png) no-repeat; } .topmenu.menu15 { width:137px; height:64px; background:url(/img/menu/topmenu_15_n.png) no-repeat; } .topmenu.menu15:hover { width:137px; height:64px; background:url(/img/menu/topmenu_15_r.png) no-repeat; } .topmenu.menu15.hover { width:137px; height:64px; background:url(/img/menu/topmenu_15_s.png) no-repeat; } .topmenu.menu16 { width:137px; height:64px; background:url(/img/menu/topmenu_16_n.png) no-repeat; } .topmenu.menu16:hover { width:137px; height:64px; background:url(/img/menu/topmenu_16_r.png) no-repeat; } .topmenu.menu16.hover { width:137px; height:64px; background:url(/img/menu/topmenu_16_s.png) no-repeat; } .topmenu.menu17 { width:144px; height:64px; background:url(/img/menu/topmenu_17_n.png) no-repeat; } .topmenu.menu17:hover { width:144px; height:64px; background:url(/img/menu/topmenu_17_r.png) no-repeat; } .topmenu.menu17.hover { width:144px; height:64px; background:url(/img/menu/topmenu_17_s.png) no-repeat; } .submenu { display:inline-block; cursor:pointer; } .submenuwrap { position:absolute; top:64px; margin: auto; } .submenubg { position:relative; display:none; width:1103px; height:35px; top:64px; background:#f2b632; /*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5);*/} .submenuwrap:hover .submenubg {display:block;} .submenu.menu01 { width:141px; height:35px; background:url(/img/menu/submenu_01.png) no-repeat; } .submenu.menu01:hover { width:141px; height:35px; background:url(/img/menu/submenu_01_r.png) no-repeat; } .submenu.menu01:active { width:141px; height:35px; background:url(/img/menu/submenu_01_s.png) no-repeat; } .submenu.menu02 { width:185px; height:35px; background:url(/img/menu/submenu_02.png) no-repeat; } .submenu.menu02:hover { width:185px; height:35px; background:url(/img/menu/submenu_02_r.png) no-repeat; } .submenu.menu02:active { width:185px; height:35px; background:url(/img/menu/submenu_02_s.png) no-repeat; } .submenu.menu03 { width:151px; height:35px; background:url(/img/menu/submenu_03.png) no-repeat; margin-left:64px;} .submenu.menu03:hover { width:151px; height:35px; background:url(/img/menu/submenu_03_s.png) no-repeat; } .submenu.menu03:active { width:151px; height:35px; background:url(/img/menu/submenu_03_s.png) no-repeat; } .submenu.menu04 { width:169px; height:35px; background:url(/img/menu/submenu_04.png) no-repeat; } .submenu.menu04:hover { width:169px; height:35px; background:url(/img/menu/submenu_04_s.png) no-repeat; } .submenu.menu04:active { width:169px; height:35px; background:url(/img/menu/submenu_04_s.png) no-repeat; } .submenu.menu05 { width:148px; height:35px; background:url(/img/menu/submenu_05.png) no-repeat; margin-left:128px;} .submenu.menu05:hover { width:148px; height:35px; background:url(/img/menu/submenu_05_r.png) no-repeat; } .submenu.menu05:active { width:148px; height:35px; background:url(/img/menu/submenu_05_s.png) no-repeat; } .submenu.menu06 { width:151px; height:35px; background:url(/img/menu/submenu_06.png) no-repeat; } .submenu.menu06:hover { width:151px; height:35px; background:url(/img/menu/submenu_06_r.png) no-repeat; } .submenu.menu06:active { width:151px; height:35px; background:url(/img/menu/submenu_06_s.png) no-repeat; } .submenu.menu07 { width:147px; height:35px; background:url(/img/menu/submenu_07.png) no-repeat; } .submenu.menu07:hover { width:147px; height:35px; background:url(/img/menu/submenu_07_r.png) no-repeat; } .submenu.menu07:active { width:147px; height:35px; background:url(/img/menu/submenu_07_s.png) no-repeat; } .submenu.menu08 { width:130px; height:35px; background:url(/img/menu/submenu_08.png) no-repeat; margin-left:193px;} .submenu.menu08:hover { width:130px; height:35px; background:url(/img/menu/submenu_08_r.png) no-repeat; } .submenu.menu08:active { width:130px; height:35px; background:url(/img/menu/submenu_08_s.png) no-repeat; } .submenu.menu09 { width:125px; height:35px; background:url(/img/menu/submenu_09.png) no-repeat; } .submenu.menu09:hover { width:125px; height:35px; background:url(/img/menu/submenu_09_r.png) no-repeat; } .submenu.menu09:active { width:125px; height:35px; background:url(/img/menu/submenu_09_s.png) no-repeat; } .submenu.menu10 { width:175px; height:35px; background:url(/img/menu/submenu_10.png) no-repeat; } .submenu.menu10:hover { width:175px; height:35px; background:url(/img/menu/submenu_10_r.png) no-repeat; } .submenu.menu10:active { width:175px; height:35px; background:url(/img/menu/submenu_10_s.png) no-repeat; } .submenu.menu12 { width:141px; height:35px; background:url(/img/menu/submenu_12.png) no-repeat; margin-left:540px;} .submenu.menu12:hover { width:141px; height:35px; background:url(/img/menu/submenu_12_r.png) no-repeat; } .submenu.menu12:active { width:141px; height:35px; background:url(/img/menu/submenu_12_s.png) no-repeat; } .submenu.menu13 { width:192px; height:35px; background:url(/img/menu/submenu_13.png) no-repeat; } .submenu.menu13:hover { width:192px; height:35px; background:url(/img/menu/submenu_13_r.png) no-repeat; } .submenu.menu13:active { width:192px; height:35px; background:url(/img/menu/submenu_13_s.png) no-repeat; } .submenu.menu14 { width:110px; height:35px; background:url(/img/menu/submenu_14.png) no-repeat; margin-left:65px;} .submenu.menu14:hover { width:110px; height:35px; background:url(/img/menu/submenu_14_r.png) no-repeat; } .submenu.menu14:active { width:110px; height:35px; background:url(/img/menu/submenu_14_s.png) no-repeat; } .submenu.menu15 { width:129px; height:35px; background:url(/img/menu/submenu_15.png) no-repeat; } .submenu.menu15:hover { width:129px; height:35px; background:url(/img/menu/submenu_15_r.png) no-repeat; } .submenu.menu15:active { width:129px; height:35px; background:url(/img/menu/submenu_15_s.png) no-repeat; } .submenu.menu16 { width:161px; height:35px; background:url(/img/menu/submenu_16.png) no-repeat; } .submenu.menu16:hover { width:161px; height:35px; background:url(/img/menu/submenu_16_r.png) no-repeat; } .submenu.menu16:active { width:161px; height:35px; background:url(/img/menu/submenu_16_s.png) no-repeat; } .submenu.menu17 { width:176px; height:35px; background:url(/img/menu/submenu_17.png) no-repeat; } .submenu.menu17:hover { width:176px; height:35px; background:url(/img/menu/submenu_17_r.png) no-repeat; } .submenu.menu17:active { width:176px; height:35px; background:url(/img/menu/submenu_17_s.png) no-repeat; } .submenu.menu18 { width:144px; height:35px; background:url(/img/menu/submenu_18.png) no-repeat; } .submenu.menu18:hover { width:144px; height:35px; background:url(/img/menu/submenu_18_r.png) no-repeat; } .submenu.menu18:active { width:144px; height:35px; background:url(/img/menu/submenu_18_s.png) no-repeat; } .submenu.menu20 { width:157px; height:35px; background:url(/img/menu/submenu_20.png) no-repeat; margin-left:454px;} .submenu.menu20:hover { width:157px; height:35px; background:url(/img/menu/submenu_20_r.png) no-repeat; } .submenu.menu20:active { width:157px; height:35px; background:url(/img/menu/submenu_20_s.png) no-repeat; } .submenu.menu21 { width:132px; height:35px; background:url(/img/menu/submenu_21.png) no-repeat; } .submenu.menu21:hover { width:132px; height:35px; background:url(/img/menu/submenu_21_r.png) no-repeat; } .submenu.menu21:active { width:132px; height:35px; background:url(/img/menu/submenu_21_s.png) no-repeat; } .submenu.menu22 { width:195px; height:35px; background:url(/img/menu/submenu_22.jpg) no-repeat; } .submenu.menu22:hover { width:195px; height:35px; background:url(/img/menu/submenu_22_r.png) no-repeat; } .submenu.menu22:active { width:195px; height:35px; background:url(/img/menu/submenu_22_s.png) no-repeat; } .submenu.menu23 { width:129px; height:35px; background:url(/img/menu/submenu_23.png) no-repeat; margin-left:252px;} .submenu.menu23:hover { width:129px; height:35px; background:url(/img/menu/submenu_23_r.png) no-repeat; } .submenu.menu23:active { width:129px; height:35px; background:url(/img/menu/submenu_23_s.png) no-repeat; } .submenu.menu24 { width:129px; height:35px; background:url(/img/menu/submenu_24.png) no-repeat; } .submenu.menu24:hover { width:129px; height:35px; background:url(/img/menu/submenu_24_r.png) no-repeat; } .submenu.menu24:active { width:129px; height:35px; background:url(/img/menu/submenu_24_s.png) no-repeat; } .submenu.menu25 { width:127px; height:35px; background:url(/img/menu/submenu_25.png) no-repeat; } .submenu.menu25:hover { width:127px; height:35px; background:url(/img/menu/submenu_25_r.png) no-repeat; } .submenu.menu25:active { width:127px; height:35px; background:url(/img/menu/submenu_25_s.png) no-repeat; } .submenu.menu26 { width:173px; height:35px; background:url(/img/menu/submenu_26.png) no-repeat; } .submenu.menu26:hover { width:173px; height:35px; background:url(/img/menu/submenu_26_r.png) no-repeat; } .submenu.menu26:active { width:173px; height:35px; background:url(/img/menu/submenu_26_s.png) no-repeat; } .submenu.menu27 { width:172px; height:35px; background:url(/img/menu/submenu_27.png) no-repeat; } .submenu.menu27:hover { width:172px; height:35px; background:url(/img/menu/submenu_27_r.png) no-repeat; } .submenu.menu27:active { width:172px; height:35px; background:url(/img/menu/submenu_27_s.png) no-repeat; } .submenu.menu28 { width:147px; height:35px; background:url(/img/menu/submenu_28.png) no-repeat; margin-left:226px;} .submenu.menu28:hover { width:147px; height:35px; background:url(/img/menu/submenu_28_r.png) no-repeat; } .submenu.menu28:active { width:147px; height:35px; background:url(/img/menu/submenu_28_s.png) no-repeat; } .submenu.menu29 { width:106px; height:35px; background:url(/img/menu/submenu_29.png) no-repeat; } .submenu.menu29:hover { width:106px; height:35px; background:url(/img/menu/submenu_29_r.png) no-repeat; } .submenu.menu29:active { width:106px; height:35px; background:url(/img/menu/submenu_29_s.png) no-repeat; } .submenu.menu32 { width:113px; height:35px; background:url(/img/menu/submenu_32.png) no-repeat; } .submenu.menu32:hover { width:113px; height:35px; background:url(/img/menu/submenu_32_r.png) no-repeat; } .submenu.menu32:active { width:113px; height:35px; background:url(/img/menu/submenu_32_s.png) no-repeat; } .submenu.menu33 { width:153px; height:35px; background:url(/img/menu/submenu_33.png) no-repeat; } .submenu.menu33:hover { width:153px; height:35px; background:url(/img/menu/submenu_33_r.png) no-repeat; } .submenu.menu33:active { width:153px; height:35px; background:url(/img/menu/submenu_33_s.png) no-repeat; } .submenu.menu34 { width:142px; height:35px; background:url(/img/menu/submenu_34.png) no-repeat; margin-left:649px;} .submenu.menu34:hover { width:142px; height:35px; background:url(/img/menu/submenu_34_r.png) no-repeat; } .submenu.menu34:active { width:142px; height:35px; background:url(/img/menu/submenu_34_s.png) no-repeat; } .submenu.menu35 { width:208px; height:35px; background:url(/img/menu/submenu_35.png) no-repeat; } .submenu.menu35:hover { width:208px; height:35px; background:url(/img/menu/submenu_35_r.png) no-repeat; } .submenu.menu35:active { width:208px; height:35px; background:url(/img/menu/submenu_35_s.png) no-repeat; } /*.submenu.menu36 { width:181px; height:35px; background:url(/img/menu/submenu_36.png) no-repeat; margin-left:710px;}*/ .submenu.menu36 { width:181px; height:35px; background:url(/img/menu/submenu_36.png) no-repeat;} .submenu.menu36:hover { width:181px; height:35px; background:url(/img/menu/submenu_36_r.png) no-repeat; } .submenu.menu36:active { width:181px; height:35px; background:url(/img/menu/submenu_36_s.png) no-repeat; } .submenu.menu37 { width:105px; height:35px; background:url(/img/menu/submenu_37.png) no-repeat; margin-left:200px;} .submenu.menu37:hover { width:105px; height:35px; background:url(/img/menu/submenu_37_r.png) no-repeat; } .submenu.menu37:active { width:105px; height:35px; background:url(/img/menu/submenu_37_s.png) no-repeat; } .submenu.menu38 { width:184px; height:35px; background:url(/img/menu/submenu_38.png) no-repeat; } .submenu.menu38:hover { width:184px; height:35px; background:url(/img/menu/submenu_38_r.png) no-repeat; } .submenu.menu38:active { width:184px; height:35px; background:url(/img/menu/submenu_38_s.png) no-repeat; } .submenu.menu39 { width:127px; height:35px; background:url(/img/menu/submenu_39.png) no-repeat; } .submenu.menu39:hover { width:127px; height:35px; background:url(/img/menu/submenu_39_r.png) no-repeat; } .submenu.menu39:active { width:127px; height:35px; background:url(/img/menu/submenu_39_s.png) no-repeat; } .submenu.menu40 { width:161px; height:35px; background:url(/img/menu/submenu_40.png) no-repeat; } .submenu.menu40:hover { width:161px; height:35px; background:url(/img/menu/submenu_40_r.png) no-repeat; } .submenu.menu40:active { width:161px; height:35px; background:url(/img/menu/submenu_40_s.png) no-repeat; } .submenu.menu41 { width:186px; height:35px; background:url(/img/menu/submenu_41.png) no-repeat; margin-left:395px;} .submenu.menu41:hover { width:186px; height:35px; background:url(/img/menu/submenu_41_r.png) no-repeat; } .submenu.menu41:active { width:186px; height:35px; background:url(/img/menu/submenu_41_s.png) no-repeat; } .submenu.menu42 { width:146px; height:35px; background:url(/img/menu/submenu_42.png) no-repeat; } .submenu.menu42:hover { width:146px; height:35px; background:url(/img/menu/submenu_42_r.png) no-repeat; } .submenu.menu42:active { width:146px; height:35px; background:url(/img/menu/submenu_42_s.png) no-repeat; } .submenu.menu45 { width:198px; height:35px; background:url(/img/menu/submenu_45.png) no-repeat; } .submenu.menu45:hover { width:198px; height:35px; background:url(/img/menu/submenu_45_r.png) no-repeat; } .submenu.menu45:active { width:198px; height:35px; background:url(/img/menu/submenu_45_s.png) no-repeat; } .submenu.menu48 { width:191px; height:35px; background:url(/img/menu/submenu_48.png) no-repeat; margin-left:393px;} .submenu.menu48:hover { width:191px; height:35px; background:url(/img/menu/submenu_48_r.png) no-repeat; } .submenu.menu48:active { width:191px; height:35px; background:url(/img/menu/submenu_48_s.png) no-repeat; } .submenu.menu49 { width:182px; height:35px; background:url(/img/menu/submenu_49.png) no-repeat; } .submenu.menu49:hover { width:182px; height:35px; background:url(/img/menu/submenu_49_r.png) no-repeat; } .submenu.menu49:active { width:182px; height:35px; background:url(/img/menu/submenu_49_s.png) no-repeat; } .submenu.menu50 { width:138px; height:35px; background:url(/img/menu/submenu_50.png) no-repeat; } .submenu.menu50:hover { width:138px; height:35px; background:url(/img/menu/submenu_50_r.png) no-repeat; } .submenu.menu50:active { width:138px; height:35px; background:url(/img/menu/submenu_50_s.png) no-repeat; } .submenu.menu54 { width:199px; height:35px; background:url(/img/menu/submenu_54.png) no-repeat; } .submenu.menu54:hover { width:199px; height:35px; background:url(/img/menu/submenu_54_r.png) no-repeat; } .submenu.menu54:active { width:199px; height:35px; background:url(/img/menu/submenu_54_s.png) no-repeat; } .submenu.menu55 { width:165px; height:35px; background:url(/img/menu/submenu_55.png) no-repeat; } .submenu.menu55:hover { width:165px; height:35px; background:url(/img/menu/submenu_55_r.png) no-repeat; } .submenu.menu55:active { width:165px; height:35px; background:url(/img/menu/submenu_55_s.png) no-repeat; } .submenu.menu56 { width:189px; height:35px; background:url(/img/menu/submenu_56.png) no-repeat; } .submenu.menu56:hover { width:189px; height:35px; background:url(/img/menu/submenu_56_r.png) no-repeat; } .submenu.menu56:active { width:189px; height:35px; background:url(/img/menu/submenu_56_s.png) no-repeat; } .submenu.menu62 { width:146px; height:35px; background:url(/img/menu/submenu_62.png) no-repeat; margin-left:259px;} .submenu.menu62:hover { width:146px; height:35px; background:url(/img/menu/submenu_62_r.png) no-repeat; } .submenu.menu62:active { width:146px; height:35px; background:url(/img/menu/submenu_62_s.png) no-repeat; } .submenu.menu66 { width:90px; height:35px; background:url(/img/menu/submenu_66.png) no-repeat; margin-left:1013px;} .submenu.menu66:hover { width:90px; height:35px; background:url(/img/menu/submenu_66_r.png) no-repeat; } .submenu.menu66:active { width:90px; height:35px; background:url(/img/menu/submenu_66_s.png) no-repeat; } .submenu.menu67 { width:148px; height:35px; background:url(/img/menu/submenu_67.png) } .submenu.menu67:hover { width:148px; height:35px; background:url(/img/menu/submenu_67_r.png) no-repeat; } .submenu.menu67:active { width:148px; height:35px; background:url(/img/menu/submenu_67_s.png) no-repeat; } .submenu.menu70 { width:143px; height:35px; background:url(/img/menu/submenu_70.png) no-repeat; } .submenu.menu70:hover { width:143px; height:35px; background:url(/img/menu/submenu_70_r.png) no-repeat; } .submenu.menu70:active { width:143px; height:35px; background:url(/img/menu/submenu_70_s.png) no-repeat; } .submenu.menu71 { width:172px; height:35px; background:url(/img/menu/submenu_71.png) no-repeat; } .submenu.menu71:hover { width:172px; height:35px; background:url(/img/menu/submenu_71_r.png) no-repeat; } .submenu.menu71:active { width:172px; height:35px; background:url(/img/menu/submenu_71_s.png) no-repeat; } .submenu.menu100 { width:107px; height:35px; background:url(/img/menu/submenu_100.png) no-repeat; } .submenu.menu100:hover { width:107px; height:35px; background:url(/img/menu/submenu_100_r.png) no-repeat; } .submenu.menu100:active { width:107px; height:35px; background:url(/img/menu/submenu_100_s.png) no-repeat; } .submenu.menu107 { width:107px; height:35px; background:url(/img/menu/submenu_107.png) no-repeat; } .submenu.menu107:hover { width:107px; height:35px; background:url(/img/menu/submenu_107_r.png) no-repeat; } .submenu.menu107:active { width:107px; height:35px; background:url(/img/menu/submenu_107_s.png) no-repeat; } .submenu.menu108 { width:107px; height:35px; background:url(/img/menu/submenu_108.png) no-repeat; } .submenu.menu108:hover { width:107px; height:35px; background:url(/img/menu/submenu_108_r.png) no-repeat; } .submenu.menu108:active { width:107px; height:35px; background:url(/img/menu/submenu_108_s.png) no-repeat; } .submenu.menu101 { width:168px; height:35px; background:url(/img/menu/submenu_101.png) no-repeat; } .submenu.menu101:hover { width:168px; height:35px; background:url(/img/menu/submenu_101_r.png) no-repeat; } .submenu.menu101:active { width:168px; height:35px; background:url(/img/menu/submenu_101_s.png) no-repeat; } .submenu.menu102 { width:168px; height:35px; background:url(/img/menu/submenu_102.png) no-repeat; } .submenu.menu102:hover { width:168px; height:35px; background:url(/img/menu/submenu_102_r.png) no-repeat; } .submenu.menu102:active { width:168px; height:35px; background:url(/img/menu/submenu_102_s.png) no-repeat; } .submenu.menu103 { width:131px; height:35px; background:url(/img/menu/submenu_103.png) no-repeat; } .submenu.menu103:hover { width:131px; height:35px; background:url(/img/menu/submenu_103_r.png) no-repeat; } .submenu.menu103:active { width:131px; height:35px; background:url(/img/menu/submenu_103_s.png) no-repeat; } .submenu.menu104 { width:198px; height:35px; background:url(/img/menu/submenu_104.png) no-repeat; } .submenu.menu104:hover { width:198px; height:35px; background:url(/img/menu/submenu_104_r.png) no-repeat; } .submenu.menu104:active { width:198px; height:35px; background:url(/img/menu/submenu_104_s.png) no-repeat; } .submenu.menu73 { width:140px; height:23px; background:url(/img/menu/submenu_73.png) no-repeat; margin-left:148px; margin-top:10px;} .submenu.menu73:hover { width:140px; height:23px; background:url(/img/menu/submenu_73_r.png) no-repeat; } .submenu.menu73:active { width:140px; height:23px; background:url(/img/menu/submenu_73_s.png) no-repeat; } .submenu.menu74 { width:110px; height:29px; background:url(/img/menu/submenu_74.png) no-repeat; margin-top:10px} .submenu.menu74:hover { width:110px; height:29px; background:url(/img/menu/submenu_74_r.png) no-repeat; } .submenu.menu74:active { width:110px; height:29px; background:url(/img/menu/submenu_74_s.png) no-repeat; } /* #submenu01 { position:relative; padding-left:163; } #submenu02 { position:relative; padding-left:227px; } #submenu03 { position:relative; padding-left:292px; } #submenu04 { position:relative; padding-left:357px; } #submenu05 { position:relative; padding-left:422px; } #submenu06 { position:relative; padding-left:487px; } #submenu07 { position:relative; padding-left:552px; } #submenu08 { position:relative; padding-left:617px; } #submenu09 { position:relative; padding-left:682px; } #submenu10 { position:relative; padding-left:747px; } #submenu11 { position:relative; padding-left:812px; } #submenu12 { position:relative; padding-left:877px; } #submenu13 { position:relative; padding-left:942px; } #submenu14 { position:relative; padding-left:1007px; } #submenu15 { position:relative; padding-left:1072px; } #submenu16 { position:relative; padding-left:1137px; } #submenu17 { position:relative; padding-left:1202px; } /* /* #submenu01 { padding-left:0; } #submenu02 { padding-left:0px; } #submenu03 { padding-left:0px; } #submenu04 { padding-left:80px; } #submenu05 { padding-left:340px; } #submenu06 { padding-left:287px; } #submenu07 { padding-left:175px; } #submenu08 { padding-left:372px; } #submenu09 { padding-left:359px; } #submenu10 { padding-left:400px; } #submenu11 { padding-left:870px; } #submenu12 { padding-left:860px; } #submenu13 { padding-left:970px; } #submenu14 { padding-left:990px; } #submenu15 { padding-left:620px; } #submenu16 { padding-left:950px; } #submenu17 { padding-left:820px; } 문제가 있는듯하여 방식을 바꾸었습시니다. 각 서브메뉴의 첫번째 버튼에 아래처럼 하시면 됩니다. (.submenu.menu08, .submenu.menu11에 예시로 적용해 놓았습니다.) */ /* .submenu.menu43 { width:112px; height:33px; background:url(/img/menu/submenu_43.jpg) no-repeat; } .submenu.menu43:hover { width:112px; height:33px; background:url(/img/menu/submenu_43_r.jpg) no-repeat; } .submenu.menu44 { width:139px; height:33px; background:url(/img/menu/submenu_44.jpg) no-repeat; } .submenu.menu44:hover { width:139px; height:33px; background:url(/img/menu/submenu_44_r.jpg) no-repeat; } .submenu.menu46 { width:146px; height:33px; background:url(/img/menu/submenu_46.jpg) no-repeat; } .submenu.menu46:hover { width:146px; height:33px; background:url(/img/menu/submenu_46_r.jpg) no-repeat; } .submenu.menu47 { width:155px; height:33px; background:url(/img/menu/submenu_47.jpg) no-repeat; } .submenu.menu47:hover { width:155px; height:33px; background:url(/img/menu/submenu_47_r.jpg) no-repeat; } .submenu.menu69 { width:84px; height:33px; background:url(/img/menu/submenu_39.jpg) no-repeat; } .submenu.menu69:hover { width:84px; height:33px; background:url(/img/menu/submenu_39_r.jpg) no-repeat; } .submenu.menu63 { width:84px; height:33px; background:url(/img/menu/submenu_39.jpg) no-repeat; } .submenu.menu63:hover { width:84px; height:33px; background:url(/img/menu/submenu_39_r.jpg) no-repeat; } .submenu.menu64 { width:84px; height:33px; background:url(/img/menu/submenu_39.jpg) no-repeat; } .submenu.menu64:hover { width:84px; height:33px; background:url(/img/menu/submenu_39_r.jpg) no-repeat; } .submenu.menu60 { width:159px; height:33px; background:url(/img/menu/submenu_48.jpg) no-repeat; } .submenu.menu60:hover { width:159px; height:33px; background:url(/img/menu/submenu_48_r.jpg) no-repeat; } .submenu.menu61 { width:148px; height:33px; background:url(/img/menu/submenu_56.jpg) no-repeat; } .submenu.menu61:hover { width:148px; height:33px; background:url(/img/menu/submenu_56_r.jpg) no-repeat; } .submenu.menu68 { width:116px; height:33px; background:url(/img/menu/submenu_34.jpg) no-repeat; } .submenu.menu68:hover { width:116px; height:33px; background:url(/img/menu/submenu_34_r.jpg) no-repeat; } .submenu.menu73 { width:105px; height:33px; background:url(/img/menu/submenu_73.jpg) no-repeat; } .submenu.menu73:hover { width:105px; height:33px; background:url(/img/menu/submenu_73_r.jpg) no-repeat; } .submenu.menu74 { width:109px; height:33px; background:url(/img/menu/submenu_74.jpg) no-repeat; } .submenu.menu74:hover { width:109px; height:33px; background:url(/img/menu/submenu_74_r.jpg) no-repeat; } .submenu.menu65 { width:148px; height:33px; background:url(/img/menu/submenu_49.jpg) no-repeat; } .submenu.menu65:hover { width:148px; height:33px; background:url(/img/menu/submenu_49_r.jpg) no-repeat; } .submenu.menu30 { width:130px; height:33px; background:url(/img/menu/submenu_30.jpg) no-repeat; } .submenu.menu30:hover { width:130px; height:33px; background:url(/img/menu/submenu_30_r.jpg) no-repeat; } .submenu.menu31 { width:74px; height:33px; background:url(/img/menu/submenu_31.jpg) no-repeat; } .submenu.menu31:hover { width:74px; height:33px; background:url(/img/menu/submenu_31_r.jpg) no-repeat; } .submenu.menu11 { width:161px; height:45px; background:url(/img/menu/submenu_11.jpg) no-repeat; } .submenu.menu11:hover { width:161px; height:45px; background:url(/img/menu/submenu_11_r.jpg) no-repeat; } .submenu.menu52 { width:101px; height:33px; background:url(/img/menu/submenu_52.jpg) no-repeat;} .submenu.menu52:hover { width:101px; height:33px; background:url(/img/menu/submenu_52_r.jpg) no-repeat; } .submenu.menu53 { width:109px; height:33px; background:url(/img/menu/submenu_53.jpg) no-repeat; } .submenu.menu53:hover { width:109px; height:33px; background:url(/img/menu/submenu_53_r.jpg) no-repeat; } .submenu.menu19 { width:86px; height:33px; background:url(/img/menu/submenu_19.jpg) no-repeat; } .submenu.menu19:hover { width:86px; height:33px; background:url(/img/menu/submenu_19_r.jpg) no-repeat; } .submenu.menu105 { width:136px; height:33px; background:url(/img/menu/submenu_105.jpg) no-repeat; } .submenu.menu105:hover { width:136px; height:33px; background:url(/img/menu/submenu_105_r.jpg) no-repeat; } .submenu.menu106 { width:136px; height:33px; background:url(/img/menu/submenu_106.jpg) no-repeat; } .submenu.menu106:hover { width:136px; height:33px; background:url(/img/menu/submenu_106_r.jpg) no-repeat; } */ .m_unlock { background:url(/img/button/m_unlock_n.png) no-repeat; } .m_unlock:hover { background:url(/img/button/m_unlock_r.png) no-repeat; } .e_unlock { background:url(/img/button/e_unlock_n.png) no-repeat; } .e_unlock:hover { background:url(/img/button/e_unlock_r.png) no-repeat; } .lock { background:url(/img/button/lock_n.png) no-repeat; } .lock:hover { background:url(/img/button/lock_r.png) no-repeat; } .cctv { background:url(/img/button/cctv_n.png) no-repeat; } .cctv:focus { outline: none; } .cctv:hover { background:url(/img/button/cctv_r.png) no-repeat; } .trigger { background:url(/img/button/trigger_n.png) no-repeat; } .trigger:hover { background:url(/img/button/trigger_r.png) no-repeat; } .stop { background:url(/img/button/stop_n.png) no-repeat; } .stop:hover { background:url(/img/button/stop_r.png) no-repeat; } /* Quick Menu */ .bottommenu { display:block; cursor:pointer; width:63px; height:53px; } .bottommenuwrap { width:100%; display:block; background:#181b2a repeat-x; } .bottommenubg { width:1250px; margin:0 auto; } /* .bottommenulogo { display:block; width:186px; height:53px; background:url(/img/menu/bottombar_logo.png) no-repeat; } .bottommenulogo2 { display:block; width:147px; height:53px; background:url(/img/menu/bottombar_logo2.png) no-repeat; } */ .bottommenu.menu01 { background:url(/img/menu/bottombar_button_wizard_n.jpg) no-repeat; } .bottommenu.menu01:hover { background:url(/img/menu/bottombar_button_wizard_r.jpg) no-repeat; } .bottommenu.menu01-select { background:url(/img/menu/bottombar_button_wizard_s.jpg) no-repeat; } .bottommenu.menu02 { background:url(/img/menu/bottombar_button_lostcard_n.jpg) no-repeat; } .bottommenu.menu02:hover { background:url(/img/menu/bottombar_button_lostcard_r.jpg) no-repeat; } .bottommenu.menu02-select { background:url(/img/menu/bottombar_button_lostcard_s.jpg) no-repeat; } .bottommenu.menu03 { background:url(/img/menu/bottombar_button_sitemap_n.jpg) no-repeat; } .bottommenu.menu03:hover { background:url(/img/menu/bottombar_button_sitemap_r.jpg) no-repeat; } .bottommenu.menu03-select { background:url(/img/menu/bottombar_button_sitemap_s.jpg) no-repeat; } .bottommenu.menu04 { background:url(/img/menu/bottombar_button_license_n.jpg) no-repeat; } .bottommenu.menu04:hover { background:url(/img/menu/bottombar_button_license_r.jpg) no-repeat; } .bottommenu.menu04-select { background:url(/img/menu/bottombar_button_license_s.jpg) no-repeat; } .bottommenu.menu05 { background:url(/img/menu/bottombar_button_client_n.jpg) no-repeat; } .bottommenu.menu05:hover { background:url(/img/menu/bottombar_button_client_r.jpg) no-repeat; } .bottommenu.menu05-select { background:url(/img/menu/bottombar_button_client_s.jpg) no-repeat; } .bottommenu.menu06 { background:url(/img/menu/bottombar_button_updateclient_n.jpg) no-repeat; } .bottommenu.menu06:hover { background:url(/img/menu/bottombar_button_updateclient_r.jpg) no-repeat; } .bottommenu.menu06-select { background:url(/img/menu/bottombar_button_updateclient_s.jpg) no-repeat; } .bottommenu.xxxx01 { width:137px; height:64px; background:url(/img/menu/topmenu_01_n.png) no-repeat; } .bottommenu.xxxx01-select { width:137px; height:64px; background:url(/img/menu/topmenu_01_s.png) no-repeat; } .bottommenu.xxxx01:hover { width:137px; height:64px; background:url(/img/menu/topmenu_01_r.png) no-repeat; } .bottommenu.xxxx02 { width:137px; height:64px; background:url(/img/menu/topmenu_02_n.png) no-repeat; } .bottommenu.xxxx02-select { width:137px; height:64px; background:url(/img/menu/topmenu_02_s.png) no-repeat; } .bottommenu.xxxx02:hover { width:137px; height:64px; background:url(/img/menu/topmenu_02_r.png) no-repeat; } .bottommenu.xxxx06 { width:137px; height:64px; background:url(/img/menu/topmenu_06_n.png) no-repeat; } .bottommenu.xxxx06-select { width:137px; height:64px; background:url(/img/menu/topmenu_06_s.png) no-repeat; } .bottommenu.xxxx06:hover { width:137px; height:64px; background:url(/img/menu/topmenu_06_r.png) no-repeat; } .bottommenu.xxxx09 { width:137px; height:64px; background:url(/img/menu/topmenu_09_n.png) no-repeat; } .bottommenu.xxxx09-select { width:137px; height:64px; background:url(/img/menu/topmenu_09_s.png) no-repeat; } .bottommenu.xxxx09:hover { width:137px; height:64px; background:url(/img/menu/topmenu_09_r.png) no-repeat; } /* Wizard */ .lostcard-close { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right;} .lostcard-close:hover { width:75px; height:31px; background:#020204; color:#d0d0d0; } .lostcard-location { font-family:Arial, Helvetica, sans-serif; color:#252839; font-size:12px; padding:20px 0 10px 0; } .sitemap-close { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right;} .sitemap-close:hover { width:75px; height:31px; background:#020204; color:#d0d0d0; } .sitemap-location { font-family:Arial, Helvetica, sans-serif; color:#252839; font-size:12px; margin:20px 0 10px 0; } .license-close { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right;} .license-close:hover { width:75px; height:31px; background:#020204; color:#d0d0d0; } .license-location { font-family:Arial, Helvetica, sans-serif; color:#252839; font-size:12px; margin:20px 0 10px 0; } .client-close { width:75px; height:31px; background:#464958; color:#ffffff; margin:2px;float: right; } .client-close:hover { width:75px; height:31px; background:#020204; color:#d0d0d0; } .client-location { font-family:Arial, Helvetica, sans-serif; color:#252839; font-size:12px; margin:20px 0 10px 0; } /* Container */ #confirm-dialog {display:none;} #confirm-dialog2 {display:none;} #confirm-oem-neptune {display:none;} #confirm-oem-neptune-code {display:none;} #confirm-oem-e3 {display:none;} #confirm-customerInfo {display:none;} #confirm-swap {display:none;} #confirm-container {height:140px; width:420px; text-align:left; background:#fff; border:2px solid #336699;} #confirm-container .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-container .header span {padding-left:8px;} #confirm-container .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} #confirm-container .buttons div {float:right; margin-left:4px; width:1135px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-container .buttons2 { margin-left:124px; } #confirm-container .buttons2 div { width:160px; height : 150px; } #confirm-container a.modal-close, #confirm-container a.modal-close:link, #confirm-container a.modal-close:active, #confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-container a.modal-close:hover {color:#ccc;} #confirm-container-logout {height:140px; width:420px; text-align:left; background:#fff; border:2px solid #336699;} #confirm-container-logout .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-container-logout .header span {padding-left:8px;} #confirm-container-logout .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-container-logout .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} #confirm-container-logout .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-container-logout a.modal-close, #confirm-container-logout a.modal-close:link, #confirm-container-logout a.modal-close:active, #confirm-container-logout a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-container-logout a.modal-close:hover {color:#ccc;} #confirm-oem-neptune {height:200px; width:620px; text-align:left; background:rgb(219, 218, 218); border:2px solid #336699;} #confirm-oem-neptune .body::-webkit-scrollbar { display: none; } #confirm-oem-neptune .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-oem-neptune .header span {padding-left:8px;} #confirm-oem-neptune .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-oem-neptune .buttons {line-height:26px; width:430px; float:center; padding:10px 8px 0;} #confirm-oem-neptune .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-oem-neptune a.modal-close, #confirm-oem-neptune a.modal-close:link, #confirm-oem-neptune a.modal-close:active, #confirm-oem-neptune a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-oem-neptune a.modal-close:hover {color:#ccc;} #confirm-oem-neptune ::-webkit-scrollbar { display: none; } #confirm-oem-neptune element::-webkit-scrollbar { display: none; } #confirm-oem-neptune-code {height:260px; width:620px; text-align:left; background:rgb(219, 218, 218); border:2px solid #336699;} #confirm-oem-neptune-code .body::-webkit-scrollbar { display: none; } #confirm-oem-neptune-code .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-oem-neptune-code .header span {padding-left:8px;} #confirm-oem-neptune-code .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-oem-neptune-code .buttons {line-height:26px; width:430px; float:center; padding:10px 8px 0;} #confirm-oem-neptune-code .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-oem-neptune-code a.modal-close, #confirm-oem-neptune-code a.modal-close:link, #confirm-oem-neptune-code a.modal-close:active, #confirm-oem-neptune-code a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-oem-neptune-code a.modal-close:hover {color:#ccc;} #confirm-oem-neptune-code ::-webkit-scrollbar { display: none; } #confirm-oem-neptune-code element::-webkit-scrollbar { display: none; } #confirm-oem-e3 {height:280px; width:620px; text-align:left; background:rgb(219, 218, 218); border:2px solid #336699;} #confirm-oem-e3 .body::-webkit-scrollbar { display: none; } #confirm-oem-e3 .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-oem-e3 .header span {padding-left:8px;} #confirm-oem-e3 .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-oem-e3 .buttons {line-height:26px; width:430px; float:center; padding:10px 8px 0;} #confirm-oem-e3 .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-oem-e3 a.modal-close, #confirm-oem-e3 a.modal-close:link, #confirm-oem-e3 a.modal-close:active, #confirm-oem-e3 a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-oem-e3 a.modal-close:hover {color:#ccc;} #confirm-oem-e3 ::-webkit-scrollbar { display: none; } #confirm-oem-e3 element::-webkit-scrollbar { display: none; } #confirm-swap {height:210px; width:620px; text-align:left; background:rgb(219, 218, 218); border:2px solid #336699;} #confirm-swap .body::-webkit-scrollbar { display: none; } #confirm-swap .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-swap .header span {padding-left:8px;} #confirm-swap .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-swap .buttons {line-height:26px; width:430px; float:center; padding:10px 8px 0;} #confirm-swap .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-swap a.modal-close, #confirm-swap a.modal-close:link, #confirm-swap a.modal-close:active, #confirm-swap a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-swap a.modal-close:hover {color:#ccc;} #confirm-swap ::-webkit-scrollbar { display: none; } #confirm-swap element::-webkit-scrollbar { display: none; } #confirm-customerInfo {height:380px; width:620px; text-align:left; background:rgb(219, 218, 218); border:2px solid #336699;} #confirm-customerInfo .body::-webkit-scrollbar { display: none; } #confirm-customerInfo .header {height:29px; line-height:30px; width:100%; background:url(/img/menu/window_table_bg.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-customerInfo .header span {padding-left:8px;} #confirm-customerInfo .message {color:#333; font-size:13px; margin:0; padding:12px 4px 12px 8px;} #confirm-customerInfo .buttons {line-height:26px; width:430px; float:center; padding:10px 8px 0;} #confirm-customerInfo .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-customerInfo a.modal-close, #confirm-customerInfo a.modal-close:link, #confirm-customerInfo a.modal-close:active, #confirm-customerInfo a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-customerInfo a.modal-close:hover {color:#ccc;} #confirm-customerInfo ::-webkit-scrollbar { display: none; } #confirm-customerInfo element::-webkit-scrollbar { display: none; } /* Door Icon State */ .door-state { background-image: url(/img/icon/door_close.png); } .door-state.door-lock { background-image: url(/img/icon/door_lock.png); } .door-state.door-open { background-image: url(/img/icon/door_open.png); } .door-state.door-open.door-lock { background-image: url(/img/icon/door_open_lock.png); } .door-state.door-forced_open { background-image: url(/img/icon/door_open_blink.gif); } .door-state.door-forced_open.door-lock { background-image: url(/img/icon/door_open_blink_lock.gif); } .door-disconnect { background-image: url(/img/icon/door_disconnect.png) !important; } @media print { #lnb { display: none; } #contents { width: 595px; } }