@use 'base'; /* tab_cont */ /* animation */ @keyframes border_animate { 0% { width: 0; } 100% { width: 100%; } } #container { position: relative; height: calc(100% - 44px); } #container .contents .toolbar-area { /* controlbar */ } #container .contents .toolbar-area .btn_tool_open { position: absolute; left: 0; top: 50%; width: 20px; height: 35px; background: url("../images/ico_arrow_close5.png") no-repeat center #272729; box-shadow: 0 2px 5px rgba(107, 113, 137, 0.4); font-size: 0; transform: translate(0, -50%); z-index: 11; } #container .contents .toolbar-area .map_controlbar { position: absolute; left: 0; top: 0; bottom: 0; background: #272729; width: 50px; z-index: 202; } #container .contents .toolbar-area .map_controlbar .control_btn { height: 20px; } #container .contents .toolbar-area .map_controlbar .control_btn button { position: absolute; width: 16px; height: 20px; font-size: 0; background-color: #272729; background-position: center; background-repeat: no-repeat; } #container .contents .toolbar-area .map_controlbar .control_btn button.btn_ctr_linetwo { background-image: url("../images/ico_arrow_open4.png"); } #container .contents .toolbar-area .map_controlbar .control_btn button.btn_ctr_lineone { background-image: url("../images/ico_arrow_close4.png"); } #container .contents .toolbar-area .map_controlbar .control_btn button.btn_ctr_close { left: inherit; right: 0; height: 20px; background-image: url("../images/ico_close1.png"); } #container .contents .toolbar-area .map_controlbar .control_icons { display: flex; flex-direction: column; height: calc(100% - 20px); border-top: 1px solid #444444; } #container .contents .toolbar-area .map_controlbar .control_icons ul { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; } #container .contents .toolbar-area .map_controlbar .control_icons ul li { position: relative; width: 50px; height: 50px; /* tooltip */ } #container .contents .toolbar-area .map_controlbar .control_icons ul li.active, #container .contents .toolbar-area .map_controlbar .control_icons ul li:hover { background-color: #ad452b; transition: all .4s; } #container .contents .toolbar-area .map_controlbar .control_icons ul li.active i, #container .contents .toolbar-area .map_controlbar .control_icons ul li:hover i { color: white; } #container .contents .toolbar-area .map_controlbar .control_icons ul li a { display: flex; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; justify-content: center; align-items: center; font-size: 1.2em; } #container .contents .toolbar-area .map_controlbar .control_icons ul li a i { font-size: 1.3em; color: rgba(255, 255, 255, 0.65); } #container .contents .toolbar-area .map_controlbar .control_icons ul li a i.icon-areaNew, #container .contents .toolbar-area .map_controlbar .control_icons ul li a i.icon-areaList, #container .contents .toolbar-area .map_controlbar .control_icons ul li a i.icon-areaModify { font-size: 1.5em; } #container .contents .toolbar-area .map_controlbar .control_icons ul li a span { display: none; font-size: .75em; } #container .contents .toolbar-area .map_controlbar .control_icons ul li .tool_box { display: inline-block; position: absolute; top: 50%; left: 52px; padding: 4px 6px; width: auto; background: white; font-size: .8em; text-align: center; line-height: 20px; border: 1px solid #dddddd; white-space: nowrap; transform: translate(0, -50%); z-index: 201; } #container .contents .toolbar-area .map_controlbar .control_icons ul li .tool_box:after { content: ''; position: absolute; left: -5px; display: inline-block; margin-top: 5px; border-top: 4px solid transparent; border-right: 5px solid white; border-bottom: 4px solid transparent; } #container .contents .toolbar-area .map_controlbar .control_icons ul li .tool_box:before { content: ''; position: absolute; left: -6px; display: inline-block; margin-top: 4px; border-top: 5px solid transparent; border-right: 5px solid #ccc; border-bottom: 5px solid transparent; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_area { padding-bottom: 10px; margin: 10px 0; border-bottom: 2px solid #666666; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_area li.active { background: #ad452b; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_top { padding-bottom: 15px; margin: 10px 0 15px; border-bottom: 2px solid #666666; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_top li:hover, #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_top li.current { background: rgba(255, 255, 255, 0.2); } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_top li a.current, #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_top li a:hover { filter: opacity(0.5) drop-shadow(0 0 0 red); } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc { justify-content: flex-end; margin: auto 0 50px 0; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc li:hover { background: rgba(255, 255, 255, 0.2); } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc li a:hover { filter: opacity(0.5) drop-shadow(0 0 0 red); } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc li a.btn_etc_help i { color: #ad452b !important; text-shadow: 1px 1px 0 #de5b5b; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc li a.btn_etc_help span { color: rgba(255, 255, 255, 0.6) !important; } #container .contents .toolbar-area .map_controlbar .control_icons ul.ctr_etc li a.btn_etc_source_confirm span { color: rgba(255, 255, 255, 0.6) !important; } #container .contents .toolbar-area .map_controlbar.line_one .control_icons ul li { padding: 0; } #container .contents .toolbar-area .map_controlbar.line_one .control_icons ul.ctr_etc li a { text-indent: inherit; } #container .contents .toolbar-area .map_controlbar.line_one .control_icons ul.ctr_etc li a span { text-indent: -9999px; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul { align-items: inherit; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul li { padding: 0 10px; width: 100%; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul li a { display: flex; line-height: 50px; color: rgba(255, 255, 255, 0.6) !important; background-position: 20px center !important; text-indent: inherit; justify-content: flex-start; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul li a i { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul li a span { margin-left: 10px; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul li .tool_box { display: none; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul.ctr_etc a { padding-left: 0; justify-content: flex-start; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul.ctr_etc a i { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; } #container .contents .toolbar-area .map_controlbar.line_two .control_icons ul.ctr_etc a span { display: inline-block; text-indent: inherit; } #container .contents .toolbar-area .maptype_layer { display: none; position: absolute; left: 55px; top: 140px; background: white; border: 1px solid #dddddd; z-index: 11; } #container .contents .toolbar-area .maptype_layer li { display: inline-block; padding: 5px; line-height: 19px; font-size: .9em; } #container .contents .toolbar-area .maptype_layer li:hover, #container .contents .toolbar-area .maptype_layer li.current { background: #4c6199; color: white; font-weight: 600; cursor: pointer; } #container .contents #map_wrap { position: absolute; top: 0; right: 620px; bottom: 0; left: 50px; width: calc(100% - 50px); height: 100%; z-index: 10; } #container .contents #map_wrap .leaflet-container { font-size: 16px; } #container .contents #map_wrap #mapid { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; } #container .contents #map_wrap #mapid.map_panel .map_draw { position: absolute; left: 20px; top: 20px; font-size: 0; display: none; width: 170px; height: 30px; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); background: white; } #container .contents #map_wrap #mapid.map_panel .map_draw button { width: 30px; height: 30px; font-size: 0; } #container .contents #map_wrap #mapid.map_panel .map_draw button + button { border-left: 1px solid #dddddd; } #container .contents #map_wrap #mapid.map_panel .map_draw button:last-child { width: 20px; border-left: 0 none; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_close { background-image: url("../images/ico_draw_close.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_line { background-image: url("../images/ico_draw_line.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_line:focus { background-image: url("../images/ico_draw_line_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_polygon { background-image: url("../images/ico_draw_polygon.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_polygon:focus { background-image: url("../images/ico_draw_polygon_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_snap { background-image: url("../images/ico_draw_snap.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_snap:focus { background-image: url("../images/ico_draw_snap_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_save { background-image: url("../images/ico_draw_save.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_save:focus { background-image: url("../images/ico_draw_save_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_del { background-image: url("../images/ico_draw_del.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .map_draw button.draw_del:focus { background-image: url("../images/ico_draw_del_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw { display: flex; position: absolute; left: 20px; top: 20px; display: none; height: 30px; border-radius: 4px; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button { width: 45px; height: 45px; font-size: 0; background-color: white; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_newobj { background-image: url("../images/icon-tb-zoomrect-off.gif"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_newobj.active { background-image: url("../images/icon-tb-zoomrect.gif"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_select { background-image: url("../images/icons_ttbar_slt.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_select.active, #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_select:hover { background-image: url("../images/icons_ttbar_slt_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_clip { background-image: url("../images/icons_ttbar_crop.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_clip.disable { opacity: .7; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_join { background-image: url("../images/icons_ttbar_merge.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_join.disable { opacity: .7; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_intersection { background-image: url("../images/icons_ttbar_intersection.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_intersection.disable { opacity: .7; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex_remove { background-image: url("../images/icons_ttbar_eraser.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex_remove.active { background-image: url("../images/icons_ttbar_eraser_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex { background-image: url("../images/icons_ttbar_edit.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex:hover, #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex.active { background-image: url("../images/icons_ttbar_edit_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex_apply { background-image: url("../images/icons_ttbar_ok.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_vertex_apply.disable { opacity: .7; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button .workarea_edit_snap { background-image: url("../images/ico_draw_snap.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button .workarea_edit_snap.active, #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button .workarea_edit_snap:hover, #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button .workarea_edit_snap:focus { background-image: url("../images/ico_draw_snap_on.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button .workarea_edit_snap.disable { opacity: .7; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_cancel { background-image: url("../images/ico_refresh.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_cancel:focus, #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_cancel:hover { background-image: url("../images/ico_refresh.png"); background-repeat: no-repeat; background-position: center; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_apply { display: inline-block; background-color: white; width: 50px; height: 30px; border-radius: 4px; font-size: 12px; font-weight: 600; color: #888; box-shadow: 0 2px 5px rgba(85, 90, 109, 0.3); margin-left: 5px; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_apply:hover { color: #333; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_close { display: inline-block; background-color: #fff; width: 50px; height: 30px; border-radius: 4px; font-size: 12px; font-weight: 600; color: #888; box-shadow: 0 2px 5px rgba(85, 90, 109, 0.3); margin-left: 1px; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button.workarea_edit_close:hover { color: #333; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw button:hover { background-color: #f0f5fb; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw .workarea_btn_wrap { position: fixed; top: 21.5%; right: 627px; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw .workarea_btn_wrap input[type=button] { font-size: .9em; } #container .contents #map_wrap #mapid.map_panel .workarea_map_draw .workarea_btn_wrap input[type=button].workarea_edit_close { margin-left: -3px; } .map_btn { display: flex !important; z-index: 1000; } .map_btn [class*='map_'] { box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } .map_btn .map_zoom { display: flex; margin-right: 10px; } .map_btn .map_zoom button { position: relative; width: 30px; height: 30px; font-size: 0; background-color: white; background-repeat: no-repeat; background-position: center; } .map_btn .map_zoom button .icon_zoom { display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; } .map_btn .map_zoom button .icon_zoom:before, .map_btn .map_zoom button .icon_zoom:after { content: ''; position: absolute; background-color: #444444; } .map_btn .map_zoom button .icon_zoom:before { width: 2px; height: 50%; transform: rotate(90deg); } .map_btn .map_zoom button.zoom_in .icon_zoom:after { width: 2px; height: 50%; transform: rotate(180deg); } .map_btn .map_zoom button:hover { background: #4c6199; transition: .2s; } .map_btn .map_zoom button:hover .icon_zoom:before, .map_btn .map_zoom button:hover .icon_zoom:after { background: white; } .map_btn .map_scale_slt { position: relative; min-width: 120px; user-select: none; } .map_btn .map_scale_slt .selectbox_wrap { display: flex; min-width: 120px; } .map_btn .map_scale_slt .selectbox_wrap .selectbox { flex: 1; padding: 0 12px; cursor: pointer; font-size: .8em; line-height: 30px; background: white; } .map_btn .map_scale_slt .selectbox_wrap .selectbox:hover { color: #4c6199; } .map_btn .map_scale_slt .selectbox_wrap .selectbox:before { content: ''; position: absolute; } .map_btn .map_scale_slt .selectbox_wrap .selectbox_btn { width: 24px; background-color: #4c6199; text-align: center; } .map_btn .map_scale_slt .selectbox_wrap .selectbox_btn .selectbox_icon { position: relative; display: inline-block; width: 8px; height: 8px; } .map_btn .map_scale_slt .selectbox_wrap .selectbox_btn .selectbox_icon:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 8px; height: 8px; border-top: 1px solid white; border-right: 1px solid white; transform: rotate(135deg); } .map_btn .map_scale_slt.is-open ul { display: block; } .map_btn .map_scale_slt.is-open .selectbox_btn .selectbox_icon:after { content: ''; top: 5px; transform: rotate(-45deg); } .map_btn .map_scale_slt ul { display: none; position: absolute; overflow: hidden; width: 100%; top: 100%; left: 0; margin-top: 2px; padding: 8px 0; background: white; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } .map_btn .map_scale_slt ul li { cursor: pointer; font-size: 14px; line-height: 28px; padding: 0 14px; } .map_btn .map_scale_slt ul li:hover { color: white; background: rgba(76, 97, 153, 0.6); font-weight: 600; } .map_btn .map_rock { display: flex; padding: 0 7px; color: #444444; align-items: center; background: white; } .map_btn .map_rock:hover { background: #4c6199; color: white; transition: .2s; } .map_btn .map_rock:hover i { color: white; } .map_btn .map_rock.active { color: white; background: #4c6199; } .map_btn .map_rock.active i { color: white; } .map_btn .map_rock i { color: #4c6199; font-weight: bold; transform: rotate(25deg); } .map_btn .map_rock span { margin-left: 2px; } #container .contents #map_wrap .panel_btn_wrap { position: relative; } #container .contents #map_wrap .btn_type_slide, #container .contents #map_wrap .btn_type_slide_edit { position: absolute; top: 50%; right: 0; width: 20px; height: 35px; font-size: 0; transform: translate(0, -50%); background-image: url(../images/ico_arrow_close5.png); background-repeat: no-repeat; background-position: center; background-color: #272729; z-index: 1000; } #container .contents #map_wrap .btn_type_slide.open, #container .contents #map_wrap .btn_type_slide_edit.open { margin-top: -17px; width: 21px; background-image: url("../images/ico_arrow_open5.png"); } #container .contents .map_draw_line { position: absolute; right: 640px; top: 120px; display: none; width: auto; height: 40px; background: #272729; z-index: 11; } #container .contents .map_draw_line li { width: 40px; height: 40px; } #container .contents .map_draw_line li:hover, #container .contents .map_draw_line li.active { background: rgba(255, 255, 255, 0.2); } #container .contents .map_draw_line li:hover i, #container .contents .map_draw_line li.active i { color: white; } #container .contents .map_draw_line li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } #container .contents .map_draw_line li a:last-child { border-left: 0 none; } #container .contents .map_draw_line li a i { color: rgba(255, 255, 255, 0.4); } #container .contents .draw_options { position: absolute; right: 640px; top: 115px; display: none; width: 218px; padding: 10px; background: white; border-radius: 4px; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); z-index: 11; } #container .contents .draw_options div { padding: 3px; } #container .contents .draw_options div .option_group { position: relative; display: flex; padding: 10px; gap: 10px; align-items: center; } #container .contents .draw_options div .option_group h4 { font-size: .95em; } #container .contents .draw_options div .option_group .lColor { margin: 0 0 0 auto; width: 25px; height: 25px; border-radius: 50%; } #container .contents .draw_options div .option_group .dash { display: flex; flex-direction: row-reverse; flex: 1; height: 36px; } #container .contents .draw_options div .option_group .dash a .sub { font-size: .7em; } #container .contents .draw_options div .option_group .dash ul { position: absolute; display: none; right: 27px; width: 110px; background: white; z-index: 1; } #container .contents .draw_options div .option_group .dash ul li { height: 36px; border: 1px solid gray; } #container .contents .draw_options div .option_group .dash.active .selectDash { display: none; } #container .contents .draw_options div div { padding-left: 5px; } #container .contents .draw_options div .lColor { background-color: red; display: inline-block; width: 165px; height: 15px; } #container .contents .draw_options input { width: 100%; } #container .contents .draw_options .btn_wrap { margin-top: 5px; text-align: right; } #container .contents .side-panel #Slide_contents { position: absolute; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; width: 620px; height: 100%; background: #ededed; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); z-index: 11; } #container .contents .side-panel #Slide_contents .text_unit { font-size: .8em; } #container .contents .side-panel #Slide_contents .slide_menu { padding: 15px 0 0; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt { position: relative; display: flex; padding: 0 10px; margin-bottom: 10px; user-select: none; align-items: center; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .btn_type_confirm { margin: 0 0 0 auto; height: 30px; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list { display: flex; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li { position: relative; padding: 5px 12px; margin-left: 2px; color: #444444; font-size: .9em; line-height: 28px; cursor: pointer; background: white; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li.active { font-weight: 600; color: #4c6199; border: 1px solid #4c6199; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li.disabled { pointer-events: none; cursor: default; opacity: 0.8; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li.disabled:hover { pointer-events: none; cursor: default; opacity: 0.6; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li:first-child { margin-left: 0; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li:hover { color: white; background: transparent; border-radius: 0; font-weight: 500; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li:hover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #4c6199; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li span { position: relative; font-size: 1em; } #container .contents .side-panel #Slide_contents .slide_menu .slide_slt .slide_list li:nth-child(4):after { content: 'Beta'; position: absolute; top: -16px; left: 1px; color: #ad452b; font-weight: 500; text-shadow: 1px 1px 1px white; } #container .contents .side-panel #Slide_contents .slide_menu .tab_menu .tabs { display: flex; align-items: center; justify-content: space-around; background: white; } #container .contents .side-panel #Slide_contents .slide_menu .tab_menu .tabs li { width: 100%; height: 40px; font-size: .9em; line-height: 40px; text-align: center; cursor: pointer; box-sizing: border-box; } #container .contents .side-panel #Slide_contents .slide_menu .tab_menu .tabs li:hover { border-bottom: 2px solid #4c6199; font-weight: 500; } #container .contents .side-panel #Slide_contents .slide_menu .tab_menu .tabs li.active { border-bottom: 2px solid #4c6199; font-weight: 500; } #container .contents .side-panel #Slide_contents .slide_menu .tab_menu .tabs li.active:hover { background: white; } #container .contents .side-panel #Slide_contents .slide_cont { overflow-y: auto; padding: 0 20px; margin: 10px 0; background: white; display: flex; flex-direction: column; flex: 1 1 100%; } #container .contents .side-panel #Slide_contents .slide_cont .tab_cont_where_scr { overflow-y: auto; display: inline-block; width: 100%; padding: 10px 0; } #container .contents .side-panel #Slide_contents .slide_cont .tab_cont_where_scr .tab_stit h5 { display: inline-block; line-height: 30px; font-size: .9em; font-weight: 600; color: #444444; margin-right: 15px; } #container .contents .side-panel #Slide_contents .slide_cont .tab_cont_where_scr .slide_cont_box { padding: 0; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit { overflow: hidden; position: relative; display: flex; width: 100%; align-items: center; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit h5 { display: none; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit .stit_btn { margin: 0 0 0 auto; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit .tooltip.term_view { margin-left: 5px; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit .apply_area { margin: 0 0 0 auto; } #container .contents .side-panel #Slide_contents .slide_cont .tab_stit + .tab_cont { margin-top: 5px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont { position: relative; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap { margin-top: 5px; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .cont_box_50 { padding: 5px 10px; margin: 0; border: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .cont_box_50 input#txt_prpos_autoSearch, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .cont_box_50 input#txt_act_autoSearch { width: 100%; height: 31px; font-size: .9em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .text_box { padding: 5px; margin: -5px 15px 15px; background: rgba(255, 255, 255, 0.8); font-size: .85em; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .text_box h4 { font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .anal_cont_wrap .text_box p { margin-top: 3px; font-size: 12px; font-weight: 400; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .cont_box_law50 { height: auto; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .cont_box_law50 span { padding: 0; width: 320px !important; box-sizing: border-box; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .cont_search_wrap:after { content: ''; clear: both; display: block; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .cont_search_wrap .btn_wrap { float: right; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .cont_search_wrap .btn_wrap [class*="btn_type"] { padding: 0 8px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row thead th { font-size: 13px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr.divide th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr.divide td { border-top: 1px solid #ccc; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr.divide:nth-child(1) th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr.divide:nth-child(1) td { border-top: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr td { border-top: 1px solid #eaeef8; border-bottom: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr th { font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr td { border-top: 1px solid #eaeef8; border-bottom: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_row tbody tr td:last-child { position: relative; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical thead th { font-size: 13px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr.divide th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr.divide td { border-top: 1px solid #ccc; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr.divide:nth-child(1) th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr.divide:nth-child(1) td { border-top: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr th, #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr td { border-top: 1px solid #eaeef8; border-bottom: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr th { font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont.permit .tbl_vertical tbody tr td:last-child { position: relative; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont .stab_close { position: absolute; left: 50%; bottom: -13px; margin-left: -30px; width: 60px; height: 26px; line-height: 24px; text-align: center; font-size: 13px; color: #7a7f95; font-weight: 600; background: white; border: 1px solid #bfc7d6; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont .stab_close:hover { color: #5c8df6; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont .stab_open { position: relative; width: 100%; padding: 10px; margin-top: 10px; border-radius: 4px; border: 1px solid #eaeef8; box-shadow: 0 2px 5px rgba(122, 127, 149, 0.05); background: white; font-size: 13px; color: #7a7f95; font-weight: 600; display: none; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont .stab_open:hover { color: #5c8df6; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box { padding: 10px 15px 10px; margin-top: 10px; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box h3 { display: flex; position: relative; padding-left: 7px; font-size: .92em; font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box h3:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #4c6199; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .anal_cont_wrap .cont_box_50 { margin-top: 2px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .anal_cont_wrap .cont_box_50 .tooltip.term_view { margin-left: 5px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .anal_cont_wrap + .tbl_cont_wrap { margin-top: 20px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .anal_cont_wrap .btn_wrap { margin-top: 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 { position: relative; padding: 10px; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 span { margin-top: 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 span ul li { padding: 3px 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 span ul li span { font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 span ul li label { font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 span ul span { font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_130 button { position: absolute; top: 10px; right: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 { display: flex; padding: 10px; border: 1px solid #dddddd; align-items: center; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 .tab_cont { margin: 0 0 0 auto; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 ul li { display: flex; font-size: .9em; align-items: center; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 .select-buffer { margin-left: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 + .tbl_row { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_box_50 .cont_search_wrap { display: flex; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap { position: relative; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap label[id*=type] { display: block; margin-bottom: 5px; font-size: .9em; font-weight: 500; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap.cont_type1 p { display: inline-block; padding: 10px; margin: 10px 0 20px; width: 100%; font-size: .95em; text-align: center; color: #ad452b; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap.cont_type1 .text_info { padding: 0 0 5px; margin-top: 5px; color: #ad452b; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap.cont_type1 .info_wrap { margin-bottom: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap h3 + h4 { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap h3 + .tbl_row { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap h4 + table { margin-top: 5px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tbl_row + .tbl_row { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .toolbar_wrap { padding: 0; margin-bottom: 10px; min-height: 29px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .toolbar_wrap + .info_wrap { margin-top: -5px; margin-bottom: 5px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap + .tbl_cont_wrap { margin-top: 20px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box { position: relative; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list { padding: 10px; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list li { padding: 5px 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list li label span { font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list li label input { margin-left: 10px; width: 60px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list li span { margin-left: 5px; font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list span { flex: 1 auto; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .cont_box_list .stit_btn { position: absolute; top: 10px; right: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .btn_wrap { position: absolute; top: 10px; right: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .anal_list_section { padding: 10px; border: 1px solid #dddddd; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box .anal_list_section p { padding: 5px 0; font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box.anal_layer_wrap { display: block; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_wrap .cont_box.anal_layer_wrap .btn_wrap { margin-top: 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 { width: 100%; border: 1px solid #dddddd; padding: 5px 5px; padding-left: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 ul { display: flex; flex-wrap: wrap; align-items: center; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 ul li { width: 20%; padding: 5px 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 ul li span { margin-top: 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 .anal_info_wrap { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .tab_cont .label_check3 .anal_info_wrap span { display: block; padding: 5px 0; margin: 0; font-size: .8em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list { position: relative; padding: 10px; border: 1px solid #dddddd; justify-content: space-between; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list div { flex: 1 auto; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list div .sub_title { margin-bottom: 5px; font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list div ul li { padding: 5px 0; font-size: .85em; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list .stit_btn { position: absolute; top: 10px; right: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .cont_box .cont_box_list.row { display: flex; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .select_section { margin-left: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .tbl_cont_wrap .select_section input { padding-left: 5px; width: 100px; height: 25px; color: #444444; background: rgba(0, 0, 0, 0.055); } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_chart_wrap { position: relative; margin-top: 20px; width: 100%; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_chart_wrap h3 { display: flex; position: relative; padding-left: 7px; font-size: .92em; font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_chart_wrap h3:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #4c6199; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_chart_wrap h3 + div { margin-top: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_chart_wrap div[id*="chart_"] { height: 400px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area { overflow: hidden; position: relative; padding: 10px 0; margin-top: 20px; width: 100%; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area h3 { display: flex; position: relative; padding-left: 7px; font-size: .92em; font-weight: 600; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area h3:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #4c6199; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area canvas { margin: 20px 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area h3 { overflow: hidden; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area [class*="btn"] { position: absolute; top: 0; right: 0; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .cont_wrap_area [id*="map_plan"] { margin-top: 20px; } #container .contents .side-panel #Slide_contents .slide_cont .stab_cont_box .layer_husrepair { display: none; position: absolute; top: 10%; padding: 20px; width: 95%; background: white; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_wrap { padding-bottom: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box { width: 100%; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 { width: 100%; border: 1px solid #eaeef8; border-radius: 4px; padding: 5px 5px; padding-left: 10px; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 span { position: relative; height: 30px; display: inline-block; line-height: 30px; font-size: 13px; font-weight: 600; color: #888; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 span label { margin-left: 20px; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 span + span { margin-left: 15px; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 span:hover { color: #333; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 input[type=checkbox] { position: absolute; visibility: hidden; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 input[type=checkbox]:checked ~ .check { border: 1px solid #5c8df6; background: url("../images/ico_checkbox.png") no-repeat center #5c8df6; box-shadow: 0 2px 5px rgba(81, 128, 228, 0.4); } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box .label_check2 .check { display: inline-block; position: absolute; border: 1px solid #dbe3f4; border-radius: 4px; height: 16px; width: 16px; top: 7px; left: 0; transition: border .25s linear; -webkit-transition: border .25s linear; } #container .contents .side-panel #Slide_contents .slide_cont .slide_cont_box:nth-child(0) { margin-top: 0; } #container .contents .side-panel #Slide_contents .slide_cont .tab_cont_scr { overflow-y: auto; display: inline-block; width: 100%; padding: 0 0 20px 0; } #container .contents .side-panel #Slide_contents .note_wrap { padding: 10px 20px; margin: 0 0 10px 0; background: white; font-size: .95em; } #container .contents .side-panel #Slide_contents .note_wrap h4 { display: flex; margin-bottom: 7px; font-weight: 600; color: #4c6199; } #container .contents .side-panel #Slide_contents .note_wrap h4 span { margin-left: 5px; line-height: 1; } #container .contents .side-panel #Slide_contents .note_wrap ul li { position: relative; padding-left: 7px; font-size: .85em; line-height: 1.5; } #container .contents .side-panel #Slide_contents .note_wrap ul li:before { content: ''; display: block; width: 3px; height: 3px; background: #000; position: absolute; top: 50%; transform: translate(-50%, 0); left: 0; border-radius: 50%; } #container .contents .side-panel #Slide_contents .chart svg { height: 400px; } #container .contents .panel_wrap { display: none; z-index: 100; } #container .contents .area-panel { display: none; position: absolute; top: 0; right: 0; width: 620px; height: 100%; background: #fff; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); z-index: 11; } #container .contents .area-panel .map_controlbar { position: relative; background: white; } #container .contents .area-panel .map_controlbar .control_icons { border-top: 0; } #container .contents .area-panel .map_controlbar .control_icons ul { display: flex; padding: 10px 0; flex-direction: column; flex-wrap: wrap; border-bottom: 1px solid #aaaaaa; } #container .contents .area-panel .map_controlbar .control_icons ul li { display: flex; align-items: center; line-height: 50px; } #container .contents .area-panel .map_controlbar .control_icons ul li a { background-image: url("../images/ico_tool_layer_softAccent.png"); background-repeat: no-repeat; text-align: center; text-indent: -9999px; } #container .contents .area-panel .map_controlbar .control_icons ul li a:hover { background-image: url("../images/ico_tool_layer_white.png"); background-repeat: no-repeat; background-color: #4c6199; text-decoration: none; } #container .contents .area-panel .map_controlbar .control_icons ul li.current a { background-image: url("../images/ico_tool_layer_white.png"); background-repeat: no-repeat; background-color: #4c6199; } #container .contents .area-panel .area_contents { padding: 10px; overflow-y: auto; width: 100%; height: 100%; border-left: 1px solid #dddddd; background: rgba(0, 0, 0, 0.055); } #container .contents .area-panel .area_contents .pay_info { padding: 5px 15px; background: rgba(0, 0, 0, 0.055); font-size: .95em; } #container .contents .area-panel .area_contents .pay_info b { color: #4c6199; } #container .contents .area-panel .area_contents .pay_info + dl { margin-top: 10px; } #container .contents .area-panel .area_contents .area_info { display: flex; flex-direction: column; gap: 7px; } #container .contents .area-panel .area_contents .area_info button.area_confirm { height: 35px; } #container .contents .area-panel .window .btn_close:after { color: #272729; } #container .contents .layer-panel.layer { position: absolute; top: 20px; left: 65px; display: none; width: 270px; background: white; border: 1px solid #dddddd; z-index: 11; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } #container .contents .layer-panel.layer .layer_view_wrap { display: flex; flex-direction: column; height: 550px; } .layer_menu { width: 100%; background: rgba(0, 0, 0, 0.055); padding: 10px; } .layer_menu.area_import_tab .layer_tabs { width: 100%; } .layer_menu .layer_tabs { display: flex; width: 84%; border: 1px solid #dddddd; } .layer_menu .layer_tabs li { position: relative; width: 50%; height: 36px; font-size: .8em; line-height: 36px; color: #444444; text-align: center; cursor: pointer; background: white; } .layer_menu .layer_tabs li.active { color: #4c6199; font-weight: 600; border: 1px solid #4c6199; } .layer_menu .layer_tabs li + li:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 1px; height: 100%; background: #dddddd; } #container .contents .layer-panel.layer .layer_view_wrap .layer_item { position: absolute; top: 20px; right: 20px; } #container .contents .layer-panel.layer .layer_view_wrap .layer_cont { width: 100%; padding: 10px; overflow-y: auto; font-size: .8em; height: 100%; } #container .contents .layer-panel.layer .layer_view_wrap .select_btn { display: flex; padding: 10px 5px; margin: auto 0 0 0; background: rgba(0, 0, 0, 0.055); justify-content: end; } #container .contents .attribute-panel #Slide_contents_Bottom { position: absolute; top: 62%; left: 50px; right: 0; bottom: 0; height: 40%; background: white; border-top: 1px solid #dddddd; z-index: 100; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap { position: relative; height: 100%; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header { display: flex; padding: 7px 20px; width: 100%; background: rgba(0, 0, 0, 0.055); align-items: center; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .att_slt { display: flex; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .att_slt h5 { display: flex; color: #444444; align-items: center; font-size: .95em; font-weight: 500; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .att_slt h5 i { margin-top: 2px; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .att_slt h5 span { margin-left: 3px; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .att_slt .att_title { position: relative; display: inline-block; height: 30px; padding-right: 10px; cursor: pointer; color: #272729; font-size: .9em; font-weight: 500; line-height: 30px; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .stit_btn { margin: 0 50px 0 auto; height: 30px; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .toolbar-right { margin: 0 0 0 auto; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .toolbar-right .btn_flex_wrap button { font-size: .85em; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .toolbar-right .btn_flex_wrap button#att_export { background: #206F44; color: white; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_header .toolbar-right .btn_flex_wrap button#att_export:hover { background: #fff; color: #206F44; border: 1px solid #206F44; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_cont { position: relative; height: 228px; padding: 5px; margin-top: 0; overflow-x: auto; overflow-y: hidden; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_cont .att_cont_scr { position: relative; display: inline-block; padding-top: 51px; overflow-x: hidden; overflow-y: auto; height: 100%; min-width: 100%; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_cont .att_cont_scr .att_cont_section { height: 100%; overflow-y: auto; overflow-x: hidden; } #container .contents .attribute-panel #Slide_contents_Bottom .att_wrap .att_cont .att_cont_scr .att_cont_section table tbody tr td { padding: 8px 15px; min-width: 140px; } #container .contents .attribute-panel #Slide_contents_Bottom .ui-resizable-n { top: -11px; height: 10px; background: white; border-top: 1px solid #dddddd; } #container .contents .attribute-panel #Slide_contents_Bottom .ui-resizable-n:after { content: ''; display: block; margin: 2px auto 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #444444; } #container .contents .attribute-panel #Slide_contents_Bottom .ui-resizable-n:hover { background: #dddddd; } #container .contents.goods { margin: 0 auto; width: 1280px; } #container .contents.goods > .tit_wrap { margin-top: 100px; text-align: center; } #container .contents.goods .product_wrap { display: flex; margin-top: 50px; justify-content: space-between; gap: 20px; } #container .contents.goods .product_wrap li { flex: 1; border: 1px solid #dddddd; border-radius: 8px; } #container .contents.goods .product_wrap li .tit_wrap { padding: 10px; text-align: center; } .tit_wrap { display: flex; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #dddddd; } .tit_wrap h3 { font-size: 1.025em; color: #444444; font-weight: 500; } .tit_wrap button { margin: 0 0 0 auto; } .tit_wrap.setting { padding: 0; margin: 0; border: none; } .tit_wrap.accordion { position: relative; padding-bottom: 0; margin: 0; border: none; } .tit_wrap.accordion .acc_tit i { position: absolute; top: 50%; right: 20px; margin-top: -3px; transform: translate(0, -50%); font-size: 0; cursor: pointer; } .tit_wrap.accordion .acc_tit i:after { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #272729; border-left: 1px solid #272729; transform: rotate(-135deg); } .tit_wrap.accordion.active i { margin-top: 0; } .tit_wrap.accordion.active i:after { width: 10px; height: 10px; border-top: 1px solid #272729; border-left: 1px solid #272729; transform: rotate(45deg); } .hide { display: none !important; } .impossibility, .failure { color: #ad452b !important; } .possibility, .success { color: #6bab55 !important; } .progress { color: #4c6199 !important; } .list_wrap { padding: 5px; width: 1000px; border: 1px solid #dddddd; } .list_wrap.full { display: flex; flex-direction: column; gap: 13px; width: 100%; height: 100%; } .list_wrap.full .description_wrap { display: flex; flex-direction: column; gap: 7px; } .list_wrap.full .list_cont.tbl_section .list_group { max-height: initial; } .list_wrap.full .list_cont.progress-bar { height: initial; } .list_wrap.full .list_cont.progress-bar .list_group { text-align: center; } .list_wrap.full .list_cont.progress-bar .list_group p { font-size: 1.2em; } .list_wrap.full .list_cont.progress-bar .list_group em { display: block; font-size: 1.8em; line-height: 1; color: #4c6199; font-weight: 500; } .list_wrap.full .list_cont.progress-bar .list_group .text_info { font-size: .85em; } .list_wrap.full .list_cont .list_unit { display: flex; justify-content: center; gap: 20px; align-items: center; margin-bottom: 7px; } .list_wrap.full .list_cont .progress_wrap { margin-top: 5px; } .list_wrap.full .list_section { flex: 1; gap: 10px; } .list_wrap.full .list_section.multi { flex-direction: row !important; align-items: baseline; } .list_wrap.full .list_section table tbody th { font-size: .9em; font-weight: 500; border-bottom: 1px solid #dddddd; } .list_wrap.full .btn_type_confirm { width: 100%; height: 45px; font-size: .9em; } .list_wrap.select { padding: 80px 0 145px; height: 100%; background: #fafafa; } .list_wrap.select .select_group { display: flex; flex: 1; flex-direction: column; width: 70%; align-items: center; margin: 0 auto; } .list_wrap.select .select_group h2 { margin: 0 auto 35px; font-size: 2em; text-align: center; } .list_wrap.select .select_group h2 span { display: block; font-size: .8em; } .list_wrap.select .select_group .select_list { display: flex; flex-direction: row; flex: 1; gap: 30px; width: 100%; } .list_wrap.select .select_group .select_list > button { flex: 1; font-size: 1.8em; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 30px; color: #333; height: 330px; } .list_wrap.select .select_group .select_list > button i { display: block; font-size: 2.8em; margin-bottom: 10px; } .list_wrap.select .select_group .select_list > button:hover { border-width: 2px; color: #fff; background: rgba(76, 97, 153, 0.9); } .list_wrap.select .btn_wrap { display: flex; margin: 35px auto 0; width: 70%; } .list_wrap.select .btn_wrap .select_cancel { padding: 10px 0; width: 100px; font-size: 1.1em; border-radius: 20px; border: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); color: #333; } .list_wrap.select .btn_wrap .select_cancel:hover { color: white; background: rgba(39, 39, 41, 0.9); } .list_cont { display: flex; height: 100%; flex-direction: column; gap: 7px; } .list_cont .list_group { position: relative; overflow-y: auto; padding: 5px 15px; max-height: 430px; background: white; border: 1px solid #dddddd; border-radius: 3px; } .list_cont .list_group .tit_wrap.accordion + .list_section { display: none; padding-top: 10px; margin-top: 7px; border-top: 1px solid #dddddd; } .list_cont .list_group .tit_wrap.tooltip h3 { display: flex; } .list_cont .list_group .tit_wrap.tooltip h3 .term_view span { font-size: 0; } .list_cont .list_group h4 { font-size: 1em; } .list_cont .list_group .list_section { display: flex; justify-content: space-between; margin-top: 7px; flex-direction: column; padding: 0 10px; } .list_cont .list_group .list_section .list_item li { font-size: .9em; } .list_cont .list_group .list_section dl { display: flex; align-items: center; gap: 10px; } .list_cont .list_group .list_section dl dt { font-size: .9em; } .list_cont .list_group .list_section dl dd { display: flex; margin-left: 0; align-items: center; font-size: 1.1em; } .list_cont .list_group .list_section dl dd span { font-size: .7em; } .list_cont .list_group .list_section dl + .text_info { margin-top: 2px; } .list_cont .list_group .list_section.pRatePlan { padding-left: 0; padding-right: 0; } .list_cont .list_group .list_section.pRatePlan .pay_info { background: rgba(0, 0, 0, 0.025); border: 1px solid #dddddd; } .list_cont .list_group .list_section.pRatePlan .pay_info > li { position: relative; padding-left: 10px; line-height: 1.8; font-size: .85em; word-break: keep-all; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:last-child { padding-left: 0; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:last-child a { position: relative; padding-bottom: 3px; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:last-child a:before { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background: #444444; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:last-child a:hover:before { content: ''; background: #4c6199; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:last-child:before { content: ''; display: none; } .list_cont .list_group .list_section.pRatePlan .pay_info > li:before { content: ''; position: absolute; top: 13px; left: 0; width: 2px; height: 2px; background: #272729; transform: translate(0, -50%); } .list_cont .list_group .list_section.pRatePlan .pay_info > li ul { margin-left: 10px; } .list_cont .list_group dl { display: flex; padding: 3px 0; } .list_cont .list_group dl dd { margin-left: 10px; font-size: .95em; } .list_cont .list_group dl dd b { margin-right: 3px; color: #4c6199; } .list_cont .list_group dl dd em { margin-right: 3px; font-weight: 500; } .list_cont .list_group dl dd span { margin-left: 10px; } .list_cont .list_group dl dd a { margin-left: 10px; font-weight: 500; } .list_cont .list_group .txt_info_wrap .txt_info { margin-top: 0; font-weight: 500; } .list_cont .list_group .txt_info_wrap .txt_dialog { display: none; } .list_cont .list_group .txt_info { display: inline-block; margin-top: 5px; padding: 5px 0; font-size: .85em; color: #4c6199; } .list_cont .list_group .txt_info:after { content: ''; display: block; margin-top: 2px; width: 0; height: 1px; background: #4c6199; } .list_cont .list_group .txt_info:hover:after { width: 100%; animation: border_animate .3s ease-in; } .list_cont .list_group .list_whereabouts { display: flex; flex-wrap: wrap; } .list_cont .list_group .list_whereabouts li { position: relative; padding: 0 5px; margin: 2px 5px; font-size: .9em; color: rgba(68, 68, 68, 0.85); } .list_cont .list_group .list_whereabouts li:after { content: ''; position: absolute; top: 50%; left: -5px; display: inline-block; width: 1px; height: 10px; background: #4c6199; transform: translate(0, -50%); } .list_cont .list_group .list_whereabouts li:nth-child(1) { padding-left: 0; margin-left: 0; } .list_cont .list_group .list_whereabouts li:nth-child(1):after { display: none; } .list_cont .list_group .tbl_wrap { margin-top: 20px; } .list_cont .list_group .tbl_wrap .total_number { display: flex; font-size: .85em; margin-bottom: 10px; } .list_cont .list_group .tbl_wrap .total_number span { margin: 0 10px 0 auto; } .list_cont .list_group .tbl_wrap .total_number span em { font-weight: 500; font-size: 1.1em; color: #4c6199; } .list_cont .list_group .tbl_wrap table td { position: relative; } .list_cont .list_group .tbl_wrap table td .btn_delete { position: absolute; top: 52%; right: 10px; transform: translate(0, -50%); } .list_cont .list_group .tbl_wrap .paginate { margin-top: 15px; } .list_cont .list_group .dataTables_wrapper .tbl_row td { padding: 5px 0; } .list_cont.anal_cont .list_group .list_section { padding: 0; } .list_cont.anal_cont .list_group .list_section .tbl_wrap { margin-top: 0; } .list_cont.anal_cont .list_group .list_section .tbl_wrap table tbody tr td { padding-left: 20px; padding-right: 20px; } .list_cont.anal_cont .list_group .list_section .anal_info { font-size: .9em; } .list_cont.anal_cont .list_group .list_section .anal_info > li { position: relative; margin-top: 2px; } .list_cont.anal_cont .list_group .list_section .anal_info p { text-align: center; line-height: 20px; font-weight: 500; border-top: 1px solid #ccc; padding-top: 6px; } .list_cont.anal_cont .list_group .list_section .anal_info dl { overflow: hidden; display: inline-flex; gap: 0; flex-wrap: wrap; } .list_cont.anal_cont .list_group .list_section .anal_info dl dt, .list_cont.anal_cont .list_group .list_section .anal_info dl dd { float: left; line-height: 29px; } .list_cont.anal_cont .list_group .list_section .anal_info dl dt .info_group { display: flex; align-items: center; gap: 7px; } .list_cont.anal_cont .list_group .list_section .anal_info dl dt .info_group i { font-size: .95em; } .list_cont.anal_cont .list_group.anal_stan dl dt { position: relative; } .list_cont.anal_cont .list_group.anal_stan dl dt span { position: absolute; display: inline-block; right: 0; } .list_cont.anal_cont .list_group.anal_stan dl dt span img { width: 25px; } .list_cont.anal_cont .list_group.anal_stan dl dd { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_cont.anal_cont .list_group.anal_stan input { margin-left: 10px; width: 100px; } .list_cont.anal_cont .list_group.anal_stan span { font-size: 12px; } .list_cont.anal_cont .list_group.anal_result .anal_info { padding-top: 10px; } .list_cont.anal_cont .list_group.anal_result .anal_info li { margin-top: 6px; height: auto; line-height: 1.4; } .list_cont.anal_cont .list_group.anal_result .anal_info li:first-child { margin-top: 0; } .list_cont.anal_cont .list_group.anal_result dl dt span { display: inline-block; width: 50px; height: 23px; text-indent: -9999px; border: 1px solid #aaa; } .list_cont.anal_cont .list_group.anal_result dl dd { margin-left: 10px; } .list_cont.anal_cont .list_group.anal_result dl dd button { padding: 4px 5px; } .list_cont.anal_cont .list_group.anal_result .tbl_wrap tbody th { width: 50px; } .list_cont.anal_cont .list_group.anal_result .result_info + p { margin-bottom: 5px; color: #333; border: none; font-size: 12px; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap { display: flex; margin-bottom: 5px; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl { display: flex; width: 100%; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl dt, .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl dd { float: left; line-height: 26px; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl dt { display: flex; align-items: center; gap: 5px; font-size: .9em; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl dt span { vertical-align: middle; } .list_cont.anal_cont .list_group.anal_result .result_info .def_list_wrap dl dt button { margin-right: 10px; vertical-align: middle; } + .list_cont.anal_cont .list_group.anal_result .result_info.tbl_wrap { margin-top: 5px; } .list_cont.anal_cont .list_group.anal_tbl { flex: 1; } .list_cont.anal_cont .list_group.anal_tbl .tbl_tab .tab_tbl_area { height: auto; } .side_list_layer { position: absolute; left: 60px; top: 10px; width: 350px; height: calc(100% - 36px); background: white; border-bottom: 1px solid #dddddd; z-index: 100; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } .side_list_layer .side-result-tit { overflow: hidden; padding: 10px; width: 100%; height: auto; background: #4c6199; color: white; } .side_list_layer .side-result-tit h3 { font-size: .95em; } .side_list_layer .search-result-area { overflow-y: auto; position: absolute; display: block; top: 60px; left: 0; width: 100%; height: 740px; } .side_list_layer .search-result-area .search-result-list { overflow: auto; } .side_list_layer .search-result-area .search-result-list li { position: relative; margin: 0 3px; } .side_list_layer .search-result-area .search-result-list li + li { margin-top: 5px; } .side_list_layer .search-result-area .search-result-list li a { width: 100%; display: block; border: 1px solid #e6e7eb; padding: 10px 0 10px 15px; text-decoration: none; } .side_list_layer .search-result-area .search-result-list li a p { font-size: .9em; font-weight: 500; margin-bottom: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .side_list_layer .search-result-area .search-result-list li a span { font-size: 12px; color: #444444; } .side_list_layer .search-result-area .search-result-list li a:hover { color: #4c6199; border: 1px solid #4c6199; } .side_list_layer .search-result-area .search-result-list li.active a { border: 1px solid #4c6199; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } .side_list_layer .search-result-area .search-result-list li.active a:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #4c6199; } .side_list_layer .search-result-area .search-result-list li.active a p { font-size: 14px; color: #4c6199; } .side_list_layer .search-page-area { position: absolute; bottom: 0; padding: 10px 0; width: 100%; display: block; text-align: center; background: rgba(221, 221, 221, 0.3); z-index: 11; } .side_list_layer .search-page-area .search-pagination { display: inline-block; margin: 0 auto; } .side_list_layer .search-page-area .search-pagination li { float: left; font-size: 0; } .side_list_layer .search-page-area .search-pagination li.active a { color: #4c6199; font-weight: 600; } .side_list_layer .search-page-area .search-pagination li.active a span { color: #4c6199; } .side_list_layer .search-page-area .search-pagination li a { font-size: 12px; color: #9fa1b3; display: block; padding: 0 6px; height: 20px; line-height: 20px; } .side_list_layer .search-page-area .search-pagination li a:hover { color: #444444; font-weight: 500; } .side_list_layer .search-page-area .search-pagination li a[class*=btn-asPaging] { font-size: 0; width: 20px; height: 20px; margin: 0 6px; } .side_list_layer .search-page-area .search-pagination li a.btn-asPaging-prev { background: url("../images/btn-aspaging-prev.gif") no-repeat center; } .side_list_layer .search-page-area .search-pagination li a.btn-asPaging-next { background: url("../images/btn-aspaging-next.gif") no-repeat center; } .side_list_layer .btn_close { position: absolute; top: 13px; right: 10px; width: 15px; height: 15px; background: url(../../resources/images/ico_btn_close_w.png) 0 0 no-repeat; background-size: contain; text-indent: -9999px; } .side_list_layer.area_import .area_import_area { padding: 0 5px; } .side_list_layer.area_import .area_import_area .list_num { display: block; padding: 5px 0; margin: 5px 5px 2px; font-size: .85em; } .side_list_layer.area_import .area_import_area .list_num em { font-weight: 500; } .side_list_layer.area_import .area_import_area .area_import_list { font-size: .9em; } .side_list_layer.area_import .area_import_area .area_import_list li { position: relative; margin: 10px 5px; padding: 10px; border: 1px solid #dddddd; } .side_list_layer.area_import .area_import_area .area_import_list li.empty h4 { margin-bottom: 0; } .side_list_layer.area_import .area_import_area .area_import_list li h4 { display: flex; margin-bottom: 10px; align-items: center; gap: 10px; } .side_list_layer.area_import .area_import_area .area_import_list li h4 b { overflow: hidden; max-width: 75%; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; } .side_list_layer.area_import .area_import_area .area_import_list li h4 .area_title_input { display: none; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap { display: flex; padding: 5px 10px; justify-content: space-between; border: 1px solid #dddddd; gap: 15px; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap dl { display: flex; flex: 1; align-items: center; font-size: .9em; gap: 10px; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap dl dt { display: flex; flex-direction: column; flex: 3 1 0; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap dl dt span { font-weight: 500; font-size: .9em; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap dl dd { display: flex; flex: 3 1 0; gap: 20px; align-items: center; } .side_list_layer.area_import .area_import_area .area_import_list li .date_list_wrap dl dd button { margin: 0 0 0 auto; } .side_list_layer.area_import .area_import_area .area_import_list li .btn_wrap { position: absolute; top: 8px; right: 10px; margin-top: 0; display: flex; gap: 2px; } .side_list_layer.area_import .area_import_area .area_import_list li .btn_wrap button { display: flex; width: 30px; height: 30px; align-items: center; } .side_list_layer.area_import .area_import_area .area_import_list li:first-child { margin-top: 0; } .area_controlbar { position: absolute; top: 0; left: 50px; right: 0; bottom: 0; width: 50px; background: white; z-index: 11; } .area_controlbar .control_icons { border-top: 0; } .area_controlbar .control_icons ul { display: flex; padding: 10px 0; flex-direction: column; flex-wrap: wrap; border-bottom: 1px solid #aaaaaa; } .area_controlbar .control_icons ul li { display: flex; align-items: center; line-height: 50px; } .area_controlbar .control_icons ul li a { background-image: url("../images/ico_tool_layer_softAccent.png"); background-repeat: no-repeat; text-align: center; text-indent: -9999px; } .area_controlbar .control_icons ul li a:hover { background-image: url("../images/ico_tool_layer_white.png"); background-repeat: no-repeat; background-color: #4c6199; text-decoration: none; } .area_controlbar .control_icons ul li.current a { background-image: url("../images/ico_tool_layer_white.png"); background-repeat: no-repeat; background-color: #4c6199; } .mntnnc .cont_box_law50 { height: auto; } .mntnnc .cont_box_law50 span { padding: 0; width: 220px !important; box-sizing: border-box; } .mntnnc .cont_box_law50 .text_box { padding: 5px; margin-top: 5px; width: 100%; background: rgba(255, 255, 255, 0.8); border: 1px solid #ddd; } .mntnnc .cont_box_law50 .text_box h4 { font-weight: 600; } .mntnnc .cont_box_law50 .text_box p { margin-top: 3px; font-size: 12px; font-weight: 400; } .mntnnc .cont_search_wrap:after { content: ''; clear: both; display: block; } .mntnnc .cont_search_wrap .btn_wrap { float: right; } .mntnnc .cont_search_wrap .btn_wrap [class*="btn_type"] { padding: 0 8px; } .mntnnc .tbl_row thead th { font-size: 13px; } .mntnnc .tbl_row tbody input { width: 90%; text-align: center; background-color: #e2e2e2; font-family: 'Noto Sans KR'; } .mntnnc .tbl_row tbody tr.divide th, .mntnnc .tbl_row tbody tr.divide td { border-top: 1px solid #ccc; } .mntnnc .tbl_row tbody tr.divide:nth-child(1) th, .mntnnc .tbl_row tbody tr.divide:nth-child(1) td { border-top: none; } .mntnnc .tbl_row tbody tr th { border-top: 1px solid #eaeef8; border-bottom: none; font-weight: 600; } .mntnnc .tbl_row tbody tr td:last-child { position: relative; } .mntnnc #sMbAnalyResult label label { display: inline-block; width: 60px; text-align: center; } .mntnnc .mntnnc_result_tr { border-top: 3px solid #909090 !important; } .view_data button { background: transparent; } .vakata-context { z-index: 100; } .vakata-context li > a { padding: 0 1em !important; font-size: .85em; } .layer_search_wrap { padding: 10px; } .layer_search_wrap input[type="text"] { width: 100%; border-color: #888888; } .layer_search_wrap input[type="text"]::placeholder { font-size: 13px; color: rgba(136, 136, 136, 0.6); } #interval { overflow: hidden; } #interval .interval_wrap { font-size: .95em; } #interval .interval_wrap .interval_group { display: flex; padding: 10px; border: 1px solid #dddddd; justify-content: space-around; } #interval .interval_wrap .interval_group .interval_section .interval_set li { margin-top: 10px; line-height: 30px; } #interval .interval_wrap .interval_group .interval_section .interval_set li:first-child { margin-top: 0; } #interval .interval_wrap .interval_group .interval_section .interval_set li > span { display: inline-block; padding: 0 10px; } #interval .interval_wrap .interval_group .interval_section .interval_set li input { height: 25px; background: #eee; } #interval .interval_wrap .interval_group .range_wrap .interval_range .select-editable { width: 138px; height: 25px; vertical-align: middle; } #interval .interval_wrap .interval_group .range_wrap .interval_range .select-editable input { height: 23px; } #interval .interval_wrap .interval_group .range_wrap .interval_range .select-editable select { top: 2px; width: 130px; } #interval .interval_wrap .interval_group .range_wrap .interval_range > span { display: inline-block; padding: 0 10px; } #interval .interval_wrap .interval_group .range_wrap .ramp_section { position: relative; margin-top: 17px; width: 100%; height: 29px; cursor: pointer; border: 1px solid #ddd; } #interval .interval_wrap .interval_group .range_wrap .ramp_section ul { display: none; position: absolute; top: 24px; left: -1px; padding: 2px 10px; width: calc(100% + 2px); cursor: pointer; background: #fff; border: 1px solid #ddd; z-index: 1; } #interval .interval_wrap .interval_group .range_wrap .ramp_section ul li { margin-top: 2px; } #interval .interval_wrap .interval_group .range_wrap .ramp_section span { display: inline-block; padding-left: 10px; width: 100%; height: 23px; } #interval .interval_wrap .interval_group .range_wrap .ramp_section span svg { margin-top: 2px; } #interval .interval_wrap .interval_group .range_wrap .ramp_section:after { content: ''; position: absolute; top: 7px; right: 13px; display: block; width: 7px; height: 7px; border-top: 2px solid #666; border-left: 2px solid #666; transform: rotate(-135deg); } #interval .analysis_wrap { padding-top: 15px; margin-top: 20px; border-top: 1px solid #dddddd; } #interval .analysis_wrap .analysis_cont td input { width: 85%; } #interval .analysis_btn { margin-top: 10px; display: flex; justify-content: flex-end; } #interval .analysis_btn .btn { padding: 0 11px; height: 25px; } .dataTables_wrapper .top { display: flex; margin: 5px 0 10px; font-size: .8em; align-items: center; } .dataTables_wrapper .top select { width: 50px; } .dataTables_wrapper .top .dataTables_info { padding-top: 0; padding-right: 10px; } .dataTables_wrapper .top .dt-buttons { margin: 0 0 0 auto; height: 20px; order: 1; } .dataTables_wrapper .top .dt-buttons .excel_export { display: flex; cursor: pointer; height: 100%; width: 100%; font-size: 1.2em; align-items: center; background: transparent; } .dataTables_wrapper .top .dt-buttons .excel_export i { color: #217748; margin-top: 3px; font-size: 1.6em; } .dataTables_wrapper .top .dt-buttons .excel_export span { margin-left: 2px; font-size: .85em; } .dataTables_wrapper .bottom { display: flex; justify-content: center; } .dataTables_wrapper .bottom .dataTables_paginate { margin-top: 10px; display: flex; align-items: center; } .dataTables_wrapper .bottom .dataTables_paginate span { display: flex; align-items: center; } .dataTables_wrapper .bottom .dataTables_paginate .paginate_button { padding: 0; font-size: .9em; background: none; border: none; } .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.disabled.current, .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.disabled:hover { color: #666 !important; font-weight: bold; background: transparent !important; border: none; } .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.current, .dataTables_wrapper .bottom .dataTables_paginate .paginate_button:hover { color: white !important; font-weight: bold; background: #4c6199 !important; border: 1px solid #4c6199; } .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.current:hover { color: white !important; } .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.next, .dataTables_wrapper .bottom .dataTables_paginate .paginate_button.previous { width: 20px; } .draw_menu { position: absolute; top: 10px; left: 60px; font-size: 0; display: none; background: #272729; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); z-index: 100; } .draw_menu button { display: flex; width: 45px; height: 45px; font-size: initial; background: #272729; align-items: center; justify-content: center; } .draw_menu button.active, .draw_menu button:hover { background: rgba(255, 255, 255, 0.35); } .draw_menu button.active i, .draw_menu button:hover i { color: white; } .draw_menu button:disabled { background: rgba(0, 0, 0, 0.055); } .draw_menu button:disabled i { opacity: .5; } .draw_menu button:disabled:hover { background: rgba(0, 0, 0, 0.055); } .draw_menu button:disabled:hover i { color: #4c4c4d; } .draw_menu button.disable { background: rgba(255, 255, 255, 0.5); } .draw_menu button.draw_location_point i { font-size: 2em; } .draw_menu button.draw_location_txt i { font-size: 1.7em; } .draw_menu button:last-child { border-left: 0 none; } .draw_menu button i { margin-top: 2px; font-size: 1.5em; color: rgba(255, 255, 255, 0.65); } .draw_menu .line-box > span { left: 20%; width: 60%; background: rgba(255, 255, 255, 0.4); } .draw_menu.workarea_draw_reset button { width: 45px; height: 45px; font-size: 0; } .draw_menu.workarea_draw_reset button.type_font { font-size: initial; } .draw_menu.workarea_draw_reset button.workarea_edit_newobj { background-image: url("../images/icon-tb-zoomrect-off.gif"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_newobj.active { background-image: url("../images/icon-tb-zoomrect.gif"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_select { background-image: url("../images/icons_ttbar_slt.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_select.active, .draw_menu.workarea_draw_reset button.workarea_edit_select:hover { background-image: url("../images/icons_ttbar_slt_on.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_clip { background-image: url("../images/icons_ttbar_crop.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_clip.disable { opacity: .7; } .draw_menu.workarea_draw_reset button.workarea_edit_join { background-image: url("../images/icons_ttbar_merge.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_join.disable { opacity: .7; } .draw_menu.workarea_draw_reset button.workarea_edit_intersection { background-image: url("../images/icons_ttbar_intersection.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_intersection.disable { opacity: .7; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex_remove { background-image: url("../images/icons_ttbar_eraser.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex_remove.active { background-image: url("../images/icons_ttbar_eraser_on.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex { background-image: url("../images/icons_ttbar_edit.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex:hover, .draw_menu.workarea_draw_reset button.workarea_edit_vertex.active { background-image: url("../images/icons_ttbar_edit_on.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex_apply { background-image: url("../images/icons_ttbar_ok.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_vertex_apply.disable { opacity: .7; } .draw_menu.workarea_draw_reset button .workarea_edit_snap { background-image: url("../images/ico_draw_snap.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button .workarea_edit_snap.active, .draw_menu.workarea_draw_reset button .workarea_edit_snap:hover, .draw_menu.workarea_draw_reset button .workarea_edit_snap:focus { background-image: url("../images/ico_draw_snap_on.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button .workarea_edit_snap.disable { opacity: .7; } .draw_menu.workarea_draw_reset button.workarea_edit_cancel { background-image: url("../images/ico_refresh.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_cancel:focus, .draw_menu.workarea_draw_reset button.workarea_edit_cancel:hover { background-image: url("../images/ico_refresh.png"); background-repeat: no-repeat; background-position: center; } .draw_menu.workarea_draw_reset button.workarea_edit_apply { display: inline-block; background-color: white; width: 50px; height: 30px; border-radius: 4px; font-size: 12px; font-weight: 600; color: #888; box-shadow: 0 2px 5px rgba(85, 90, 109, 0.3); margin-left: 5px; } .draw_menu.workarea_draw_reset button.workarea_edit_apply:hover { color: #333; } .draw_menu.workarea_draw_reset button.workarea_edit_close { display: inline-block; background-color: #fff; width: 50px; height: 30px; border-radius: 4px; font-size: 12px; font-weight: 600; color: #888; box-shadow: 0 2px 5px rgba(85, 90, 109, 0.3); margin-left: 1px; } .draw_menu.workarea_draw_reset button.workarea_edit_close:hover { color: #333; } .bg_gray { background: rgba(0, 0, 0, 0.055); } .jstree { font-size: .9em; } .jstree.jstree-default .jstree-node { padding: 1px 0; } .jstree.jstree-default .jstree-wholerow-clicked { background: rgba(76, 97, 153, 0.4); } .jstree.jstree-default .jstree-clicked { color: #454545; font-weight: 600; } .jstree.jstree-default .jstree-clicked i { margin-right: 5px; filter: opacity(1) drop-shadow(0 0 0 #eee); } .jstree.jstree-default .jstree-clicked i.jstree-themeicon-custom { margin-right: 5px; } .jstree.jstree-default .jstree-search { font-style: normal; } .datepicker { width: 100px; border: 1px solid #dddddd; } #term_help { position: absolute; width: 470px; background: white; opacity: 0; font-size: .8em; color: black; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); z-index: 101; } #term_help .term_help_wrap { position: relative; padding: 10px; overflow: auto; max-height: 600px; } #term_help .term_help_wrap h3 { font-weight: 600; } #term_help .term_help_wrap h3 + h4 { margin-top: 10px; } #term_help .term_help_wrap dl { display: flex; margin-top: 6px; } #term_help .term_help_wrap dl:nth-child(1) { margin-top: 0; } #term_help .term_help_wrap dl dt { flex: 1 1 0; font-weight: 600; } #term_help .term_help_wrap dl dt + dd { padding-left: 7px; } #term_help .term_help_wrap dl dd { flex: 4 1 0; line-height: 1.5; } #term_help .term_help_wrap .btn_close { top: 0; right: 10px; } #term_help .term_help_wrap .btn_close:after { font-size: 2em; color: #272729; } #term_help.layer_tooltip { z-index: 10000; } .switch-button { position: relative; display: inline-block; width: 86px; height: 30px; } .switch-button input { opacity: 0; width: 0; height: 0; } .switch-button input:checked + .onoff-switch { background-color: #4c6199; box-shadow: inset 1px 5px 1px #334166; } .switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(56px); -ms-transform: translateX(56px); transform: translateX(56px); } .switch-button .onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; background-color: #ccc; box-shadow: inset 1px 5px 1px #999; -webkit-transition: .4s; transition: .4s; } .switch-button .onoff-switch:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius: 20px; } .switch-button em { position: absolute; top: 50%; transform: translate(0, -50%); font-size: .85em; } .switch-button em.off { right: 8px; } .switch-button em.on { left: 8px; color: white; } [id*="colorLamp"] { padding: 10px; box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); } [id*="colorLamp"] [id*="lampDefault"] { margin-top: 5px; } [id*="colorLamp"] [id*="lampDefault"] input { width: 160px; } [id*="colorLamp"] [id*="lampDefault"] .btn_wrap { margin-top: 3px; text-align: right; } [id*="colorLamp"] #lampDefault3 input { width: 180px; } .fill_toggle, .stroke_toggle { margin: 0 0 0 auto; } #ico_tool_style:after { content: ''; position: absolute; top: 0px; left: 7px; color: #ff3300; font-weight: 500; font-size: .55em; transform: rotate(-9deg); animation-name: newIcon; animation-duration: .5s; animation-iteration-count: infinite; } @keyframes newIcon { 0% { top: 0; } 50% { top: 2px; } 100% { top: 0; } } .ribbon_wrap { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; left: -3px; } .ribbon_wrap .ribbon { font: bold 15px sans-serif; color: #333; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 7px 0; top: 15px; left: -30px; width: 120px; background-color: #ebb134; color: #fff; } .mapType_menu { display: none; position: absolute; left: 60px; top: 320px; z-index: 202; } .mapType_menu ul { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); border-radius: 3px; } .mapType_menu ul li { position: relative; padding: 8px 20px !important; border-bottom: 1px solid #dddddd; background: white; font-size: .8em; cursor: pointer; } .mapType_menu ul li:last-child { border-bottom: none; } .mapType_menu ul li > ul { display: none; position: absolute; top: 0; right: -101px; flex-direction: column; border: 1px solid #dddddd; } .mapType_menu ul li > ul li { font-size: 1em; display: flex !important; justify-content: center; } .mapType_menu ul li > ul li:hover { background: #4c6199; } .mapType_menu ul li > ul li:hover > a { color: white; } .mapType_menu ul li .check_tooltip { display: none; position: absolute; top: 50%; right: -95px; background: white; padding: 6px; line-height: 20px; transform: translate(0, -50%); z-index: 201; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); border-radius: 3px; } .mapType_menu ul li .check_tooltip label { display: flex; align-items: center; font-size: .95em; } .mapType_menu ul li .check_tooltip label input[type="checkbox"] { margin-right: 3px; } .mapType_menu ul li .check_tooltip:after { content: ''; position: absolute; left: -5px; display: inline-block; margin-top: -11px; border-top: 4px solid transparent; border-right: 5px solid white; border-bottom: 4px solid transparent; } .mapType_menu ul li .check_tooltip:before { content: ''; position: absolute; left: -5px; display: inline-block; margin-top: 4px; border-top: 5px solid transparent; border-right: 5px solid #ccc; border-bottom: 5px solid transparent; } .mapType_menu > ul > li.selected, .mapType_menu > ul > li:hover { background: #4c6199; } .mapType_menu > ul > li.selected > a, .mapType_menu > ul > li:hover > a { color: white; } .mapType_menu > ul > li > ul > li.selected { background: #4c6199; } .mapType_menu > ul > li > ul > li.selected a { color: white; } .mapType_menu#divUploadExcel ul li { padding: 0 !important; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 1.3em; } .tooltip-wrap { position: relative; display: inline-block; } .tooltip-wrap.tooltip-left .tooltiptext { visibility: hidden; display: inline-block; width: max-content; background-color: white; color: #444444; text-align: center; border-radius: 3px; padding: 4px 6px; position: absolute; z-index: 1; top: 0; right: 125%; font-size: 1em; } .tooltip-wrap.tooltip-left .tooltiptext:after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent white; } .tooltip-wrap.tooltip-left:hover .tooltiptext { visibility: visible; } .slider-wrap { position: absolute; top: 90px; right: 28px; display: flex; gap: 7px; flex-direction: column; z-index: 1000; } .slider-wrap .map_btn { width: 31px; height: 30px; } .slider-wrap .map_btn, .slider-wrap .area-toolbar { opacity: .3; } .slider-wrap:hover .map_btn, .slider-wrap:hover .area-toolbar { opacity: 1; } .progressTag { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 30px; border-radius: 3px; color: #4c6199; } progress::-webkit-progress-bar { background-color: #eee; border-radius: 3px; } progress::-webkit-progress-value { background-color: #4c6199; border-radius: 3px; } progress::-moz-progress-bar { background-color: #eee; border-radius: 3px; } /** * ============================================== * Dot Falling * ============================================== */ .dot-falling { position: relative; left: -9999px; width: 7px; height: 7px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9999px 0 0 0 #9880ff; animation: dot-falling 1s infinite linear; animation-delay: 0.1s; text-align: initial; } .dot-falling::before, .dot-falling::after { content: ""; display: inline-block; position: absolute; top: 0; } .dot-falling::before { width: 7px; height: 7px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-falling-before 1s infinite linear; animation-delay: 0s; } .dot-falling::after { width: 7px; height: 7px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-falling-after 1s infinite linear; animation-delay: 0.2s; } .beta-icon { position: relative; } .beta-icon:after { content: 'Beta'; position: absolute; top: -15px; left: 1px; color: #ad452b; font-size: 14px; font-weight: 500; text-shadow: 1px 1px 2px white; } .las.la-star:before { color: #ffa500; } .lar.la-star:before { color: #ffa500; } .area_import_list .btn_wrap button:hover { background: #ddd; border: 1px solid #ddd; } .area_import_list .btn_wrap button.btn_type_modify .icon-drawing:before { color: #272729; } @keyframes dot-falling { 0% { box-shadow: 9999px -15px 0 0 rgba(76, 97, 153, 0.4); } 25%, 50%, 75% { box-shadow: 9999px 0 0 0 #4c6199; } 100% { box-shadow: 9999px 15px 0 0 rgba(76, 97, 153, 0.4); } } @keyframes dot-falling-before { 0% { box-shadow: 9989px -15px 0 0 rgba(76, 97, 153, 0.4); } 25%, 50%, 75% { box-shadow: 9989px 0 0 0 #4c6199; } 100% { box-shadow: 9989px 15px 0 0 rgba(76, 97, 153, 0.4); } } @keyframes dot-falling-after { 0% { box-shadow: 10009px -15px 0 0 rgba(76, 97, 153, 0.4); } 25%, 50%, 75% { box-shadow: 10009px 0 0 0 #4c6199; } 100% { box-shadow: 10009px 15px 0 0 rgba(76, 97, 153, 0.4); } } .lds-ring { display: inline-block; position: relative; margin-top: 30px; width: 50px; height: 50px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 50px; height: 50px; margin: 8px; border: 6px solid #aaa; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #aaa transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .text_effect_2 { background: 50% 100% no-repeat; -webkit-background-clip: text; background-clip: text; color: rgba(255, 255, 255, 0.8); font-size: 10vw; animation: glow 1000ms linear infinite 250ms; } @keyframes reveal { 40% { letter-spacing: 4px; } 100% { background-size: 200% 200%; } } @keyframes glow { 40% { text-shadow: 0 0 6px #fff; } } @media (max-width: 1580px) { .list_wrap.select .select_group .select_list > button { height: 300px; font-size: 1.6em; word-break: keep-all; } }