@charset 'UTF-8';
@import url(/assets/styles/etc/notosanskr.css);
@import url(/assets/styles/etc/montserrat.css);
@import url(/assets/styles/etc/nanumsquare.css);
@import url(/assets/styles/etc/magnific-popup.css);
@import url(/assets/styles/etc/tooltipster.bundle.min.css);
@import url(/assets/styles/etc/ag-grid.css);
@import url(/assets/styles/etc/bootstrap-slider.min.css);
@import url(/assets/styles/etc/nouislider.min.css);
@import url(/assets/styles/etc/go.css);
@import url(/assets/styles/etc/flexmonster/flexmonster.css);
@import url(/assets/styles/etc/flexmonster.css);
@import url(/assets/styles/etc/swiper-slider.min.css);
@import url(/assets/styles/etc/ui_pack.css);

body { background-color: #fff; }











@keyframes fadeIn { from { opacity: 0; }
	to { opacity: 1; } }

@keyframes fadeIn2 { from { opacity: 0; }
	to { opacity: 1; } }

@keyframes alarm { from { transform: scale(1); }
	to { transform: scale(2); } }

@keyframes rotate { 0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); } }

@keyframes loading { 0% { transform: rotate(0deg); }
	100% { transform: rotate(1turn); } }






[data-button=default] {color: #fff; border-color: #1c2024 !important;  background-color: #1c2024 !important; }
[data-button=default]:hover {border-color: #060707 !important;  background-color: #060707 !important; }

[data-background=default] { background-color: #1c2024 !important; }

[data-border-button=default] {color: #1c2024 !important;  border-color: #1c2024 !important; }
[data-border-button=default]:hover { background-color: rgba(28, 32, 36, .2) !important; }

[data-text=default] { color: #1c2024 !important; }

[data-text-hover=default]:hover { color: #1c2024 !important; }

[data-button=opsnow-green-1] {color: #fff; border-color: #0acd7f !important;  background-color: #0acd7f !important; }
[data-button=opsnow-green-1]:hover {border-color: #089c61 !important;  background-color: #089c61 !important; }

[data-background=opsnow-green-1] { background-color: #0acd7f !important; }

[data-border-button=opsnow-green-1] {color: #0acd7f !important;  border-color: #0acd7f !important; }
[data-border-button=opsnow-green-1]:hover { background-color: rgba(10, 205, 127, .2) !important; }

[data-text=opsnow-green-1] { color: #0acd7f !important; }

[data-text-hover=opsnow-green-1]:hover { color: #0acd7f !important; }

[data-button=lg] {color: #fff; border-color: #af1685 !important;  background-color: #af1685 !important; }
[data-button=lg]:hover {border-color: #821063 !important;  background-color: #821063 !important; }

[data-background=lg] { background-color: #af1685 !important; }

[data-border-button=lg] {color: #af1685 !important;  border-color: #af1685 !important; }
[data-border-button=lg]:hover { background-color: rgba(175, 22, 133, .2) !important; }

[data-text=lg] { color: #af1685 !important; }

[data-text-hover=lg]:hover { color: #af1685 !important; }

[data-button=samsung] {color: #fff; border-color: #004098 !important;  background-color: #004098 !important; }
[data-button=samsung]:hover {border-color: #002b65 !important;  background-color: #002b65 !important; }

[data-background=samsung] { background-color: #004098 !important; }

[data-border-button=samsung] {color: #004098 !important;  border-color: #004098 !important; }
[data-border-button=samsung]:hover { background-color: rgba(0, 64, 152, .2) !important; }

[data-text=samsung] { color: #004098 !important; }

[data-text-hover=samsung]:hover { color: #004098 !important; }

[data-button=orange-1] {color: #fff; border-color: #ff7b49 !important;  background-color: #ff7b49 !important; }
[data-button=orange-1]:hover {border-color: #ff5616 !important;  background-color: #ff5616 !important; }

[data-background=orange-1] { background-color: #ff7b49 !important; }

[data-border-button=orange-1] {color: #ff7b49 !important;  border-color: #ff7b49 !important; }
[data-border-button=orange-1]:hover { background-color: rgba(255, 123, 73, .2) !important; }

[data-text=orange-1] { color: #ff7b49 !important; }

[data-text-hover=orange-1]:hover { color: #ff7b49 !important; }

[data-button=violet-1] {color: #fff; border-color: #a156dd !important;  background-color: #a156dd !important; }
[data-button=violet-1]:hover {border-color: #892cd4 !important;  background-color: #892cd4 !important; }

[data-background=violet-1] { background-color: #a156dd !important; }

[data-border-button=violet-1] {color: #a156dd !important;  border-color: #a156dd !important; }
[data-border-button=violet-1]:hover { background-color: rgba(161, 86, 221, .2) !important; }

[data-text=violet-1] { color: #a156dd !important; }

[data-text-hover=violet-1]:hover { color: #a156dd !important; }

[data-button=black-1] {color: #fff; border-color: #000 !important;  background-color: #000 !important; }
[data-button=black-1]:hover {border-color: black !important;  background-color: black !important; }

[data-background=black-1] { background-color: #000 !important; }

[data-border-button=black-1] {color: #000 !important;  border-color: #000 !important; }
[data-border-button=black-1]:hover { background-color: rgba(0, 0, 0, .2) !important; }

[data-text=black-1] { color: #000 !important; }

[data-text-hover=black-1]:hover { color: #000 !important; }

[data-button=white-1] {color: #fff; border-color: #fff !important;  background-color: #fff !important; }
[data-button=white-1]:hover {border-color: #e6e6e6 !important;  background-color: #e6e6e6 !important; }

[data-background=white-1] { background-color: #fff !important; }

[data-border-button=white-1] {color: #fff !important;  border-color: #fff !important; }
[data-border-button=white-1]:hover { background-color: rgba(255, 255, 255, .2) !important; }

[data-text=white-1] { color: #fff !important; }

[data-text-hover=white-1]:hover { color: #fff !important; }

[data-button=darkgray-1] {color: #fff; border-color: #222 !important;  background-color: #222 !important; }
[data-button=darkgray-1]:hover {border-color: #090909 !important;  background-color: #090909 !important; }

[data-background=darkgray-1] { background-color: #222 !important; }

[data-border-button=darkgray-1] {color: #222 !important;  border-color: #222 !important; }
[data-border-button=darkgray-1]:hover { background-color: rgba(34, 34, 34, .2) !important; }

[data-text=darkgray-1] { color: #222 !important; }

[data-text-hover=darkgray-1]:hover { color: #222 !important; }

[data-button=darkgray-2] {color: #fff; border-color: #4a5059 !important;  background-color: #4a5059 !important; }
[data-button=darkgray-2]:hover {border-color: #33373d !important;  background-color: #33373d !important; }

[data-background=darkgray-2] { background-color: #4a5059 !important; }

[data-border-button=darkgray-2] {color: #4a5059 !important;  border-color: #4a5059 !important; }
[data-border-button=darkgray-2]:hover { background-color: rgba(74, 80, 89, .2) !important; }

[data-text=darkgray-2] { color: #4a5059 !important; }

[data-text-hover=darkgray-2]:hover { color: #4a5059 !important; }

[data-button=gray-1] {color: #fff; border-color: #7b8088 !important;  background-color: #7b8088 !important; }
[data-button=gray-1]:hover {border-color: #63676d !important;  background-color: #63676d !important; }

[data-background=gray-1] { background-color: #7b8088 !important; }

[data-border-button=gray-1] {color: #7b8088 !important;  border-color: #7b8088 !important; }
[data-border-button=gray-1]:hover { background-color: rgba(123, 128, 136, .2) !important; }

[data-text=gray-1] { color: #7b8088 !important; }

[data-text-hover=gray-1]:hover { color: #7b8088 !important; }

[data-button=gray-2] {color: #fff; border-color: #b0b7bf !important;  background-color: #b0b7bf !important; }
[data-button=gray-2]:hover {border-color: #949da8 !important;  background-color: #949da8 !important; }

[data-background=gray-2] { background-color: #b0b7bf !important; }

[data-border-button=gray-2] {color: #b0b7bf !important;  border-color: #b0b7bf !important; }
[data-border-button=gray-2]:hover { background-color: rgba(176, 183, 191, .2) !important; }

[data-text=gray-2] { color: #b0b7bf !important; }

[data-text-hover=gray-2]:hover { color: #b0b7bf !important; }

[data-button=lightgray-1] {color: #fff; border-color: #d5dae0 !important;  background-color: #d5dae0 !important; }
[data-button=lightgray-1]:hover {border-color: #b8c0ca !important;  background-color: #b8c0ca !important; }

[data-background=lightgray-1] { background-color: #d5dae0 !important; }

[data-border-button=lightgray-1] {color: #d5dae0 !important;  border-color: #d5dae0 !important; }
[data-border-button=lightgray-1]:hover { background-color: rgba(213, 218, 224, .2) !important; }

[data-text=lightgray-1] { color: #d5dae0 !important; }

[data-text-hover=lightgray-1]:hover { color: #d5dae0 !important; }

[data-button=lightgray-2] {color: #fff; border-color: #e8ebef !important;  background-color: #e8ebef !important; }
[data-button=lightgray-2]:hover {border-color: #cad1da !important;  background-color: #cad1da !important; }

[data-background=lightgray-2] { background-color: #e8ebef !important; }

[data-border-button=lightgray-2] {color: #e8ebef !important;  border-color: #e8ebef !important; }
[data-border-button=lightgray-2]:hover { background-color: rgba(232, 235, 239, .2) !important; }

[data-text=lightgray-2] { color: #e8ebef !important; }

[data-text-hover=lightgray-2]:hover { color: #e8ebef !important; }

[data-button=lightgray-3] {color: #fff; border-color: #f6f8fa !important;  background-color: #f6f8fa !important; }
[data-button=lightgray-3]:hover {border-color: #d5dfe8 !important;  background-color: #d5dfe8 !important; }

[data-background=lightgray-3] { background-color: #f6f8fa !important; }

[data-border-button=lightgray-3] {color: #f6f8fa !important;  border-color: #f6f8fa !important; }
[data-border-button=lightgray-3]:hover { background-color: rgba(246, 248, 250, .2) !important; }

[data-text=lightgray-3] { color: #f6f8fa !important; }

[data-text-hover=lightgray-3]:hover { color: #f6f8fa !important; }

[data-button=darkbluegray-1] {color: #fff; border-color: #333c66 !important;  background-color: #333c66 !important; }
[data-button=darkbluegray-1]:hover {border-color: #222844 !important;  background-color: #222844 !important; }

[data-background=darkbluegray-1] { background-color: #333c66 !important; }

[data-border-button=darkbluegray-1] {color: #333c66 !important;  border-color: #333c66 !important; }
[data-border-button=darkbluegray-1]:hover { background-color: rgba(51, 60, 102, .2) !important; }

[data-text=darkbluegray-1] { color: #333c66 !important; }

[data-text-hover=darkbluegray-1]:hover { color: #333c66 !important; }

[data-button=darkbluegray-2] {color: #fff; border-color: #535a80 !important;  background-color: #535a80 !important; }
[data-button=darkbluegray-2]:hover {border-color: #3f4461 !important;  background-color: #3f4461 !important; }

[data-background=darkbluegray-2] { background-color: #535a80 !important; }

[data-border-button=darkbluegray-2] {color: #535a80 !important;  border-color: #535a80 !important; }
[data-border-button=darkbluegray-2]:hover { background-color: rgba(83, 90, 128, .2) !important; }

[data-text=darkbluegray-2] { color: #535a80 !important; }

[data-text-hover=darkbluegray-2]:hover { color: #535a80 !important; }

[data-button=bluegray-1] {color: #fff; border-color: #6c7994 !important;  background-color: #6c7994 !important; }
[data-button=bluegray-1]:hover {border-color: #566177 !important;  background-color: #566177 !important; }

[data-background=bluegray-1] { background-color: #6c7994 !important; }

[data-border-button=bluegray-1] {color: #6c7994 !important;  border-color: #6c7994 !important; }
[data-border-button=bluegray-1]:hover { background-color: rgba(108, 121, 148, .2) !important; }

[data-text=bluegray-1] { color: #6c7994 !important; }

[data-text-hover=bluegray-1]:hover { color: #6c7994 !important; }

[data-button=bluegray-2] {color: #fff; border-color: #99a3bf !important;  background-color: #99a3bf !important; }
[data-button=bluegray-2]:hover {border-color: #7a87ab !important;  background-color: #7a87ab !important; }

[data-background=bluegray-2] { background-color: #99a3bf !important; }

[data-border-button=bluegray-2] {color: #99a3bf !important;  border-color: #99a3bf !important; }
[data-border-button=bluegray-2]:hover { background-color: rgba(153, 163, 191, .2) !important; }

[data-text=bluegray-2] { color: #99a3bf !important; }

[data-text-hover=bluegray-2]:hover { color: #99a3bf !important; }

[data-button=lightbluegray-1] {color: #fff; border-color: #d3d9eb !important;  background-color: #d3d9eb !important; }
[data-button=lightbluegray-1]:hover {border-color: #b0bbdb !important;  background-color: #b0bbdb !important; }

[data-background=lightbluegray-1] { background-color: #d3d9eb !important; }

[data-border-button=lightbluegray-1] {color: #d3d9eb !important;  border-color: #d3d9eb !important; }
[data-border-button=lightbluegray-1]:hover { background-color: rgba(211, 217, 235, .2) !important; }

[data-text=lightbluegray-1] { color: #d3d9eb !important; }

[data-text-hover=lightbluegray-1]:hover { color: #d3d9eb !important; }

[data-button=lightbluegray-2] {color: #fff; border-color: #e9ebf5 !important;  background-color: #e9ebf5 !important; }
[data-button=lightbluegray-2]:hover {border-color: #c6cbe5 !important;  background-color: #c6cbe5 !important; }

[data-background=lightbluegray-2] { background-color: #e9ebf5 !important; }

[data-border-button=lightbluegray-2] {color: #e9ebf5 !important;  border-color: #e9ebf5 !important; }
[data-border-button=lightbluegray-2]:hover { background-color: rgba(233, 235, 245, .2) !important; }

[data-text=lightbluegray-2] { color: #e9ebf5 !important; }

[data-text-hover=lightbluegray-2]:hover { color: #e9ebf5 !important; }

[data-button=lightbluegray-3] {color: #fff; border-color: #f5f6fa !important;  background-color: #f5f6fa !important; }
[data-button=lightbluegray-3]:hover {border-color: #d3d7e9 !important;  background-color: #d3d7e9 !important; }

[data-background=lightbluegray-3] { background-color: #f5f6fa !important; }

[data-border-button=lightbluegray-3] {color: #f5f6fa !important;  border-color: #f5f6fa !important; }
[data-border-button=lightbluegray-3]:hover { background-color: rgba(245, 246, 250, .2) !important; }

[data-text=lightbluegray-3] { color: #f5f6fa !important; }

[data-text-hover=lightbluegray-3]:hover { color: #f5f6fa !important; }

[data-button=darkblue-1] {color: #fff; border-color: #112e5f !important;  background-color: #112e5f !important; }
[data-button=darkblue-1]:hover {border-color: #091934 !important;  background-color: #091934 !important; }

[data-background=darkblue-1] { background-color: #112e5f !important; }

[data-border-button=darkblue-1] {color: #112e5f !important;  border-color: #112e5f !important; }
[data-border-button=darkblue-1]:hover { background-color: rgba(17, 46, 95, .2) !important; }

[data-text=darkblue-1] { color: #112e5f !important; }

[data-text-hover=darkblue-1]:hover { color: #112e5f !important; }

[data-button=darkblue-2] {color: #fff; border-color: #1155cb !important;  background-color: #1155cb !important; }
[data-button=darkblue-2]:hover {border-color: #0d419c !important;  background-color: #0d419c !important; }

[data-background=darkblue-2] { background-color: #1155cb !important; }

[data-border-button=darkblue-2] {color: #1155cb !important;  border-color: #1155cb !important; }
[data-border-button=darkblue-2]:hover { background-color: rgba(17, 85, 203, .2) !important; }

[data-text=darkblue-2] { color: #1155cb !important; }

[data-text-hover=darkblue-2]:hover { color: #1155cb !important; }

[data-button=blue-1] {color: #fff; border-color: #0672ff !important;  background-color: #0672ff !important; }
[data-button=blue-1]:hover {border-color: #005bd2 !important;  background-color: #005bd2 !important; }

[data-background=blue-1] { background-color: #0672ff !important; }

[data-border-button=blue-1] {color: #0672ff !important;  border-color: #0672ff !important; }
[data-border-button=blue-1]:hover { background-color: rgba(6, 114, 255, .2) !important; }

[data-text=blue-1] { color: #0672ff !important; }

[data-text-hover=blue-1]:hover { color: #0672ff !important; }

[data-button=blue-2] {color: #fff; border-color: #1ea4ff !important;  background-color: #1ea4ff !important; }
[data-button=blue-2]:hover {border-color: #008bea !important;  background-color: #008bea !important; }

[data-background=blue-2] { background-color: #1ea4ff !important; }

[data-border-button=blue-2] {color: #1ea4ff !important;  border-color: #1ea4ff !important; }
[data-border-button=blue-2]:hover { background-color: rgba(30, 164, 255, .2) !important; }

[data-text=blue-2] { color: #1ea4ff !important; }

[data-text-hover=blue-2]:hover { color: #1ea4ff !important; }

[data-button=lightblue-1] {color: #fff; border-color: #addeff !important;  background-color: #addeff !important; }
[data-button=lightblue-1]:hover {border-color: #7ac9ff !important;  background-color: #7ac9ff !important; }

[data-background=lightblue-1] { background-color: #addeff !important; }

[data-border-button=lightblue-1] {color: #addeff !important;  border-color: #addeff !important; }
[data-border-button=lightblue-1]:hover { background-color: rgba(173, 222, 255, .2) !important; }

[data-text=lightblue-1] { color: #addeff !important; }

[data-text-hover=lightblue-1]:hover { color: #addeff !important; }

[data-button=lightblue-2] {color: #fff; border-color: #e0f3ff !important;  background-color: #e0f3ff !important; }
[data-button=lightblue-2]:hover {border-color: #addfff !important;  background-color: #addfff !important; }

[data-background=lightblue-2] { background-color: #e0f3ff !important; }

[data-border-button=lightblue-2] {color: #e0f3ff !important;  border-color: #e0f3ff !important; }
[data-border-button=lightblue-2]:hover { background-color: rgba(224, 243, 255, .2) !important; }

[data-text=lightblue-2] { color: #e0f3ff !important; }

[data-text-hover=lightblue-2]:hover { color: #e0f3ff !important; }

[data-button=darkgreen-1] {color: #fff; border-color: #214a0c !important;  background-color: #214a0c !important; }
[data-button=darkgreen-1]:hover {border-color: #0d1e05 !important;  background-color: #0d1e05 !important; }

[data-background=darkgreen-1] { background-color: #214a0c !important; }

[data-border-button=darkgreen-1] {color: #214a0c !important;  border-color: #214a0c !important; }
[data-border-button=darkgreen-1]:hover { background-color: rgba(33, 74, 12, .2) !important; }

[data-text=darkgreen-1] { color: #214a0c !important; }

[data-text-hover=darkgreen-1]:hover { color: #214a0c !important; }

[data-button=darkgreen-2] {color: #fff; border-color: #428c17 !important;  background-color: #428c17 !important; }
[data-button=darkgreen-2]:hover {border-color: #2d6010 !important;  background-color: #2d6010 !important; }

[data-background=darkgreen-2] { background-color: #428c17 !important; }

[data-border-button=darkgreen-2] {color: #428c17 !important;  border-color: #428c17 !important; }
[data-border-button=darkgreen-2]:hover { background-color: rgba(66, 140, 23, .2) !important; }

[data-text=darkgreen-2] { color: #428c17 !important; }

[data-text-hover=darkgreen-2]:hover { color: #428c17 !important; }

[data-button=green-1] {color: #fff; border-color: #6cb41e !important;  background-color: #6cb41e !important; }
[data-button=green-1]:hover {border-color: #528817 !important;  background-color: #528817 !important; }

[data-background=green-1] { background-color: #6cb41e !important; }

[data-border-button=green-1] {color: #6cb41e !important;  border-color: #6cb41e !important; }
[data-border-button=green-1]:hover { background-color: rgba(108, 180, 30, .2) !important; }

[data-text=green-1] { color: #6cb41e !important; }

[data-text-hover=green-1]:hover { color: #6cb41e !important; }

[data-button=green-2] {color: #fff; border-color: #94d949 !important;  background-color: #94d949 !important; }
[data-button=green-2]:hover {border-color: #7bc629 !important;  background-color: #7bc629 !important; }

[data-background=green-2] { background-color: #94d949 !important; }

[data-border-button=green-2] {color: #94d949 !important;  border-color: #94d949 !important; }
[data-border-button=green-2]:hover { background-color: rgba(148, 217, 73, .2) !important; }

[data-text=green-2] { color: #94d949 !important; }

[data-text-hover=green-2]:hover { color: #94d949 !important; }

[data-button=lightgreen-1] {color: #fff; border-color: #c8ed7e !important;  background-color: #c8ed7e !important; }
[data-button=lightgreen-1]:hover {border-color: #b5e751 !important;  background-color: #b5e751 !important; }

[data-background=lightgreen-1] { background-color: #c8ed7e !important; }

[data-border-button=lightgreen-1] {color: #c8ed7e !important;  border-color: #c8ed7e !important; }
[data-border-button=lightgreen-1]:hover { background-color: rgba(200, 237, 126, .2) !important; }

[data-text=lightgreen-1] { color: #c8ed7e !important; }

[data-text-hover=lightgreen-1]:hover { color: #c8ed7e !important; }

[data-button=lightgreen-2] {color: #fff; border-color: #e8ffbb !important;  background-color: #e8ffbb !important; }
[data-button=lightgreen-2]:hover {border-color: #d7ff88 !important;  background-color: #d7ff88 !important; }

[data-background=lightgreen-2] { background-color: #e8ffbb !important; }

[data-border-button=lightgreen-2] {color: #e8ffbb !important;  border-color: #e8ffbb !important; }
[data-border-button=lightgreen-2]:hover { background-color: rgba(232, 255, 187, .2) !important; }

[data-text=lightgreen-2] { color: #e8ffbb !important; }

[data-text-hover=lightgreen-2]:hover { color: #e8ffbb !important; }

[data-button=darkyellow-1] {color: #fff; border-color: #62380e !important;  background-color: #62380e !important; }
[data-button=darkyellow-1]:hover {border-color: #351f08 !important;  background-color: #351f08 !important; }

[data-background=darkyellow-1] { background-color: #62380e !important; }

[data-border-button=darkyellow-1] {color: #62380e !important;  border-color: #62380e !important; }
[data-border-button=darkyellow-1]:hover { background-color: rgba(98, 56, 14, .2) !important; }

[data-text=darkyellow-1] { color: #62380e !important; }

[data-text-hover=darkyellow-1]:hover { color: #62380e !important; }

[data-button=darkyellow-2] {color: #fff; border-color: #ba7a15 !important;  background-color: #ba7a15 !important; }
[data-button=darkyellow-2]:hover {border-color: #8c5c10 !important;  background-color: #8c5c10 !important; }

[data-background=darkyellow-2] { background-color: #ba7a15 !important; }

[data-border-button=darkyellow-2] {color: #ba7a15 !important;  border-color: #ba7a15 !important; }
[data-border-button=darkyellow-2]:hover { background-color: rgba(186, 122, 21, .2) !important; }

[data-text=darkyellow-2] { color: #ba7a15 !important; }

[data-text-hover=darkyellow-2]:hover { color: #ba7a15 !important; }

[data-button=yellow-1] {color: #fff; border-color: #f5a323 !important;  background-color: #f5a323 !important; }
[data-button=yellow-1]:hover {border-color: #db890a !important;  background-color: #db890a !important; }

[data-background=yellow-1] { background-color: #f5a323 !important; }

[data-border-button=yellow-1] {color: #f5a323 !important;  border-color: #f5a323 !important; }
[data-border-button=yellow-1]:hover { background-color: rgba(245, 163, 35, .2) !important; }

[data-text=yellow-1] { color: #f5a323 !important; }

[data-text-hover=yellow-1]:hover { color: #f5a323 !important; }

[data-button=yellow-2] {color: #fff; border-color: #ffc34c !important;  background-color: #ffc34c !important; }
[data-button=yellow-2]:hover {border-color: #ffb219 !important;  background-color: #ffb219 !important; }

[data-background=yellow-2] { background-color: #ffc34c !important; }

[data-border-button=yellow-2] {color: #ffc34c !important;  border-color: #ffc34c !important; }
[data-border-button=yellow-2]:hover { background-color: rgba(255, 195, 76, .2) !important; }

[data-text=yellow-2] { color: #ffc34c !important; }

[data-text-hover=yellow-2]:hover { color: #ffc34c !important; }

[data-button=lightyellow-1] {color: #fff; border-color: #ffe17f !important;  background-color: #ffe17f !important; }
[data-button=lightyellow-1]:hover {border-color: #ffd54c !important;  background-color: #ffd54c !important; }

[data-background=lightyellow-1] { background-color: #ffe17f !important; }

[data-border-button=lightyellow-1] {color: #ffe17f !important;  border-color: #ffe17f !important; }
[data-border-button=lightyellow-1]:hover { background-color: rgba(255, 225, 127, .2) !important; }

[data-text=lightyellow-1] { color: #ffe17f !important; }

[data-text-hover=lightyellow-1]:hover { color: #ffe17f !important; }

[data-button=lightyellow-2] {color: #fff; border-color: #fff4c8 !important;  background-color: #fff4c8 !important; }
[data-button=lightyellow-2]:hover {border-color: #ffea95 !important;  background-color: #ffea95 !important; }

[data-background=lightyellow-2] { background-color: #fff4c8 !important; }

[data-border-button=lightyellow-2] {color: #fff4c8 !important;  border-color: #fff4c8 !important; }
[data-border-button=lightyellow-2]:hover { background-color: rgba(255, 244, 200, .2) !important; }

[data-text=lightyellow-2] { color: #fff4c8 !important; }

[data-text-hover=lightyellow-2]:hover { color: #fff4c8 !important; }

[data-button=darkred-1] {color: #fff; border-color: #66121d !important;  background-color: #66121d !important; }
[data-button=darkred-1]:hover {border-color: #3b0a11 !important;  background-color: #3b0a11 !important; }

[data-background=darkred-1] { background-color: #66121d !important; }

[data-border-button=darkred-1] {color: #66121d !important;  border-color: #66121d !important; }
[data-border-button=darkred-1]:hover { background-color: rgba(102, 18, 29, .2) !important; }

[data-text=darkred-1] { color: #66121d !important; }

[data-text-hover=darkred-1]:hover { color: #66121d !important; }

[data-button=darkred-2] {color: #fff; border-color: #bf2236 !important;  background-color: #bf2236 !important; }
[data-button=darkred-2]:hover {border-color: #941a2a !important;  background-color: #941a2a !important; }

[data-background=darkred-2] { background-color: #bf2236 !important; }

[data-border-button=darkred-2] {color: #bf2236 !important;  border-color: #bf2236 !important; }
[data-border-button=darkred-2]:hover { background-color: rgba(191, 34, 54, .2) !important; }

[data-text=darkred-2] { color: #bf2236 !important; }

[data-text-hover=darkred-2]:hover { color: #bf2236 !important; }

[data-button=red-1] {color: #fff; border-color: #ff2d47 !important;  background-color: #ff2d47 !important; }
[data-button=red-1]:hover {border-color: #f9001f !important;  background-color: #f9001f !important; }

[data-background=red-1] { background-color: #ff2d47 !important; }

[data-border-button=red-1] {color: #ff2d47 !important;  border-color: #ff2d47 !important; }
[data-border-button=red-1]:hover { background-color: rgba(255, 45, 71, .2) !important; }

[data-text=red-1] { color: #ff2d47 !important; }

[data-text-hover=red-1]:hover { color: #ff2d47 !important; }

[data-button=red-2] {color: #fff; border-color: #ff7384 !important;  background-color: #ff7384 !important; }
[data-button=red-2]:hover {border-color: #ff4057 !important;  background-color: #ff4057 !important; }

[data-background=red-2] { background-color: #ff7384 !important; }

[data-border-button=red-2] {color: #ff7384 !important;  border-color: #ff7384 !important; }
[data-border-button=red-2]:hover { background-color: rgba(255, 115, 132, .2) !important; }

[data-text=red-2] { color: #ff7384 !important; }

[data-text-hover=red-2]:hover { color: #ff7384 !important; }

[data-button=lightred-1] {color: #fff; border-color: #ffc9d3 !important;  background-color: #ffc9d3 !important; }
[data-button=lightred-1]:hover {border-color: #ff96a9 !important;  background-color: #ff96a9 !important; }

[data-background=lightred-1] { background-color: #ffc9d3 !important; }

[data-border-button=lightred-1] {color: #ffc9d3 !important;  border-color: #ffc9d3 !important; }
[data-border-button=lightred-1]:hover { background-color: rgba(255, 201, 211, .2) !important; }

[data-text=lightred-1] { color: #ffc9d3 !important; }

[data-text-hover=lightred-1]:hover { color: #ffc9d3 !important; }

[data-button=lightred-2] {color: #fff; border-color: #ffebf0 !important;  background-color: #ffebf0 !important; }
[data-button=lightred-2]:hover {border-color: #ffb8ca !important;  background-color: #ffb8ca !important; }

[data-background=lightred-2] { background-color: #ffebf0 !important; }

[data-border-button=lightred-2] {color: #ffebf0 !important;  border-color: #ffebf0 !important; }
[data-border-button=lightred-2]:hover { background-color: rgba(255, 235, 240, .2) !important; }

[data-text=lightred-2] { color: #ffebf0 !important; }

[data-text-hover=lightred-2]:hover { color: #ffebf0 !important; }

[data-button=vendorcolor-aws] {color: #fff; border-color: #f90 !important;  background-color: #f90 !important; }
[data-button=vendorcolor-aws]:hover {border-color: #cc7a00 !important;  background-color: #cc7a00 !important; }

[data-background=vendorcolor-aws] { background-color: #f90 !important; }

[data-border-button=vendorcolor-aws] {color: #f90 !important;  border-color: #f90 !important; }
[data-border-button=vendorcolor-aws]:hover { background-color: rgba(255, 153, 0, .2) !important; }

[data-text=vendorcolor-aws] { color: #f90 !important; }

[data-text-hover=vendorcolor-aws]:hover { color: #f90 !important; }

[data-button=vendorcolor-azure] {color: #fff; border-color: #0da9f0 !important;  background-color: #0da9f0 !important; }
[data-button=vendorcolor-azure]:hover {border-color: #0a87c0 !important;  background-color: #0a87c0 !important; }

[data-background=vendorcolor-azure] { background-color: #0da9f0 !important; }

[data-border-button=vendorcolor-azure] {color: #0da9f0 !important;  border-color: #0da9f0 !important; }
[data-border-button=vendorcolor-azure]:hover { background-color: rgba(13, 169, 240, .2) !important; }

[data-text=vendorcolor-azure] { color: #0da9f0 !important; }

[data-text-hover=vendorcolor-azure]:hover { color: #0da9f0 !important; }

[data-button=vendorcolor-google] {color: #fff; border-color: #50bc27 !important;  background-color: #50bc27 !important; }
[data-button=vendorcolor-google]:hover {border-color: #3e921e !important;  background-color: #3e921e !important; }

[data-background=vendorcolor-google] { background-color: #50bc27 !important; }

[data-border-button=vendorcolor-google] {color: #50bc27 !important;  border-color: #50bc27 !important; }
[data-border-button=vendorcolor-google]:hover { background-color: rgba(80, 188, 39, .2) !important; }

[data-text=vendorcolor-google] { color: #50bc27 !important; }

[data-text-hover=vendorcolor-google]:hover { color: #50bc27 !important; }

[data-button=vendorcolor-alibaba] {color: #fff; border-color: #b149eb !important;  background-color: #b149eb !important; }
[data-button=vendorcolor-alibaba]:hover {border-color: #9d1be6 !important;  background-color: #9d1be6 !important; }

[data-background=vendorcolor-alibaba] { background-color: #b149eb !important; }

[data-border-button=vendorcolor-alibaba] {color: #b149eb !important;  border-color: #b149eb !important; }
[data-border-button=vendorcolor-alibaba]:hover { background-color: rgba(177, 73, 235, .2) !important; }

[data-text=vendorcolor-alibaba] { color: #b149eb !important; }

[data-text-hover=vendorcolor-alibaba]:hover { color: #b149eb !important; }

[data-button=vendorcolor-idc] {color: #fff; border-color: #4470ad !important;  background-color: #4470ad !important; }
[data-button=vendorcolor-idc]:hover {border-color: #365888 !important;  background-color: #365888 !important; }

[data-background=vendorcolor-idc] { background-color: #4470ad !important; }

[data-border-button=vendorcolor-idc] {color: #4470ad !important;  border-color: #4470ad !important; }
[data-border-button=vendorcolor-idc]:hover { background-color: rgba(68, 112, 173, .2) !important; }

[data-text=vendorcolor-idc] { color: #4470ad !important; }

[data-text-hover=vendorcolor-idc]:hover { color: #4470ad !important; }

[data-button=opsnow-color] {color: #fff; border-color: #05bd73 !important;  background-color: #05bd73 !important; }
[data-button=opsnow-color]:hover {border-color: #048b55 !important;  background-color: #048b55 !important; }

[data-background=opsnow-color] { background-color: #05bd73 !important; }

[data-border-button=opsnow-color] {color: #05bd73 !important;  border-color: #05bd73 !important; }
[data-border-button=opsnow-color]:hover { background-color: rgba(5, 189, 115, .2) !important; }

[data-text=opsnow-color] { color: #05bd73 !important; }

[data-text-hover=opsnow-color]:hover { color: #05bd73 !important; }

[data-button=management-service-color] {color: #fff; border-color: #5d8bf8 !important;  background-color: #5d8bf8 !important; }
[data-button=management-service-color]:hover {border-color: #2c68f6 !important;  background-color: #2c68f6 !important; }

[data-background=management-service-color] { background-color: #5d8bf8 !important; }

[data-border-button=management-service-color] {color: #5d8bf8 !important;  border-color: #5d8bf8 !important; }
[data-border-button=management-service-color]:hover { background-color: rgba(93, 139, 248, .2) !important; }

[data-text=management-service-color] { color: #5d8bf8 !important; }

[data-text-hover=management-service-color]:hover { color: #5d8bf8 !important; }

[data-button=monitoring-service-color] {color: #fff; border-color: #ff7b49 !important;  background-color: #ff7b49 !important; }
[data-button=monitoring-service-color]:hover {border-color: #ff5616 !important;  background-color: #ff5616 !important; }

[data-background=monitoring-service-color] { background-color: #ff7b49 !important; }

[data-border-button=monitoring-service-color] {color: #ff7b49 !important;  border-color: #ff7b49 !important; }
[data-border-button=monitoring-service-color]:hover { background-color: rgba(255, 123, 73, .2) !important; }

[data-text=monitoring-service-color] { color: #ff7b49 !important; }

[data-text-hover=monitoring-service-color]:hover { color: #ff7b49 !important; }

[data-button=productivity-service-color] {color: #fff; border-color: #a156dd !important;  background-color: #a156dd !important; }
[data-button=productivity-service-color]:hover {border-color: #892cd4 !important;  background-color: #892cd4 !important; }

[data-background=productivity-service-color] { background-color: #a156dd !important; }

[data-border-button=productivity-service-color] {color: #a156dd !important;  border-color: #a156dd !important; }
[data-border-button=productivity-service-color]:hover { background-color: rgba(161, 86, 221, .2) !important; }

[data-text=productivity-service-color] { color: #a156dd !important; }

[data-text-hover=productivity-service-color]:hover { color: #a156dd !important; }

[data-button=admin-service-color] {color: #fff; border-color: #586a92 !important;  background-color: #586a92 !important; }
[data-button=admin-service-color]:hover {border-color: #455372 !important;  background-color: #455372 !important; }

[data-background=admin-service-color] { background-color: #586a92 !important; }

[data-border-button=admin-service-color] {color: #586a92 !important;  border-color: #586a92 !important; }
[data-border-button=admin-service-color]:hover { background-color: rgba(88, 106, 146, .2) !important; }

[data-text=admin-service-color] { color: #586a92 !important; }

[data-text-hover=admin-service-color]:hover { color: #586a92 !important; }

[data-button=transparent] {color: #fff; border-color: transparent !important;  background-color: transparent !important; }
[data-button=transparent]:hover {border-color: rgba(0, 0, 0, 0) !important;  background-color: rgba(0, 0, 0, 0) !important; }

[data-background=transparent] { background-color: transparent !important; }

[data-border-button=transparent] {color: transparent !important;  border-color: transparent !important; }
[data-border-button=transparent]:hover { background-color: rgba(0, 0, 0, .2) !important; }

[data-text=transparent] { color: transparent !important; }

[data-text-hover=transparent]:hover { color: transparent !important; }

*.ma-0 { margin: 0px 0px !important; }

*.mt-0 { margin-top: 0px !important; }

*.mr-0 { margin-right: 0px !important; }

*.mb-0 { margin-bottom: 0px !important; }

*.ml-0 { margin-left: 0px !important; }

*.mx-0 { margin-right: 0px !important; margin-left: 0px !important; }

*.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }

*.ma-1 { margin: 4px 4px !important; }

*.mt-1 { margin-top: 4px !important; }

*.mr-1 { margin-right: 4px !important; }

*.mb-1 { margin-bottom: 4px !important; }

*.ml-1 { margin-left: 4px !important; }

*.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }

*.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }

*.ma-2 { margin: 8px 8px !important; }

*.mt-2 { margin-top: 8px !important; }

*.mr-2 { margin-right: 8px !important; }

*.mb-2 { margin-bottom: 8px !important; }

*.ml-2 { margin-left: 8px !important; }

*.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }

*.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }

*.ma-3 { margin: 12px 12px !important; }

*.mt-3 { margin-top: 12px !important; }

*.mr-3 { margin-right: 12px !important; }

*.mb-3 { margin-bottom: 12px !important; }

*.ml-3 { margin-left: 12px !important; }

*.mx-3 { margin-right: 12px !important; margin-left: 12px !important; }

*.my-3 { margin-top: 12px !important; margin-bottom: 12px !important; }

*.ma-4 { margin: 16px 16px !important; }

*.mt-4 { margin-top: 16px !important; }

*.mr-4 { margin-right: 16px !important; }

*.mb-4 { margin-bottom: 16px !important; }

*.ml-4 { margin-left: 16px !important; }

*.mx-4 { margin-right: 16px !important; margin-left: 16px !important; }

*.my-4 { margin-top: 16px !important; margin-bottom: 16px !important; }

*.ma-5 { margin: 20px 20px !important; }

*.mt-5 { margin-top: 20px !important; }

*.mr-5 { margin-right: 20px !important; }

*.mb-5 { margin-bottom: 20px !important; }

*.ml-5 { margin-left: 20px !important; }

*.mx-5 { margin-right: 20px !important; margin-left: 20px !important; }

*.my-5 { margin-top: 20px !important; margin-bottom: 20px !important; }

*.ma-6 { margin: 24px 24px !important; }

*.mt-6 { margin-top: 24px !important; }

*.mr-6 { margin-right: 24px !important; }

*.mb-6 { margin-bottom: 24px !important; }

*.ml-6 { margin-left: 24px !important; }

*.mx-6 { margin-right: 24px !important; margin-left: 24px !important; }

*.my-6 { margin-top: 24px !important; margin-bottom: 24px !important; }

*.ma-7 { margin: 28px 28px !important; }

*.mt-7 { margin-top: 28px !important; }

*.mr-7 { margin-right: 28px !important; }

*.mb-7 { margin-bottom: 28px !important; }

*.ml-7 { margin-left: 28px !important; }

*.mx-7 { margin-right: 28px !important; margin-left: 28px !important; }

*.my-7 { margin-top: 28px !important; margin-bottom: 28px !important; }

*.ma-8 { margin: 32px 32px !important; }

*.mt-8 { margin-top: 32px !important; }

*.mr-8 { margin-right: 32px !important; }

*.mb-8 { margin-bottom: 32px !important; }

*.ml-8 { margin-left: 32px !important; }

*.mx-8 { margin-right: 32px !important; margin-left: 32px !important; }

*.my-8 { margin-top: 32px !important; margin-bottom: 32px !important; }

*.ma-9 { margin: 36px 36px !important; }

*.mt-9 { margin-top: 36px !important; }

*.mr-9 { margin-right: 36px !important; }

*.mb-9 { margin-bottom: 36px !important; }

*.ml-9 { margin-left: 36px !important; }

*.mx-9 { margin-right: 36px !important; margin-left: 36px !important; }

*.my-9 { margin-top: 36px !important; margin-bottom: 36px !important; }

*.ma-10 { margin: 40px 40px !important; }

*.mt-10 { margin-top: 40px !important; }

*.mr-10 { margin-right: 40px !important; }

*.mb-10 { margin-bottom: 40px !important; }

*.ml-10 { margin-left: 40px !important; }

*.mx-10 { margin-right: 40px !important; margin-left: 40px !important; }

*.my-10 { margin-top: 40px !important; margin-bottom: 40px !important; }

*.ma-11 { margin: 44px 44px !important; }

*.mt-11 { margin-top: 44px !important; }

*.mr-11 { margin-right: 44px !important; }

*.mb-11 { margin-bottom: 44px !important; }

*.ml-11 { margin-left: 44px !important; }

*.mx-11 { margin-right: 44px !important; margin-left: 44px !important; }

*.my-11 { margin-top: 44px !important; margin-bottom: 44px !important; }

*.ma-12 { margin: 48px 48px !important; }

*.mt-12 { margin-top: 48px !important; }

*.mr-12 { margin-right: 48px !important; }

*.mb-12 { margin-bottom: 48px !important; }

*.ml-12 { margin-left: 48px !important; }

*.mx-12 { margin-right: 48px !important; margin-left: 48px !important; }

*.my-12 { margin-top: 48px !important; margin-bottom: 48px !important; }

*.pa-0 { padding: 0px 0px !important; }

*.pt-0 { padding-top: 0px !important; }

*.pr-0 { padding-right: 0px !important; }

*.pb-0 { padding-bottom: 0px !important; }

*.pl-0 { padding-left: 0px !important; }

*.px-0 { padding-right: 0px !important; padding-left: 0px !important; }

*.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }

*.pa-1 { padding: 4px 4px !important; }

*.pt-1 { padding-top: 4px !important; }

*.pr-1 { padding-right: 4px !important; }

*.pb-1 { padding-bottom: 4px !important; }

*.pl-1 { padding-left: 4px !important; }

*.px-1 { padding-right: 4px !important; padding-left: 4px !important; }

*.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }

*.pa-2 { padding: 8px 8px !important; }

*.pt-2 { padding-top: 8px !important; }

*.pr-2 { padding-right: 8px !important; }

*.pb-2 { padding-bottom: 8px !important; }

*.pl-2 { padding-left: 8px !important; }

*.px-2 { padding-right: 8px !important; padding-left: 8px !important; }

*.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }

*.pa-3 { padding: 12px 12px !important; }

*.pt-3 { padding-top: 12px !important; }

*.pr-3 { padding-right: 12px !important; }

*.pb-3 { padding-bottom: 12px !important; }

*.pl-3 { padding-left: 12px !important; }

*.px-3 { padding-right: 12px !important; padding-left: 12px !important; }

*.py-3 { padding-top: 12px !important; padding-bottom: 12px !important; }

*.pa-4 { padding: 16px 16px !important; }

*.pt-4 { padding-top: 16px !important; }

*.pr-4 { padding-right: 16px !important; }

*.pb-4 { padding-bottom: 16px !important; }

*.pl-4 { padding-left: 16px !important; }

*.px-4 { padding-right: 16px !important; padding-left: 16px !important; }

*.py-4 { padding-top: 16px !important; padding-bottom: 16px !important; }

*.pa-5 { padding: 20px 20px !important; }

*.pt-5 { padding-top: 20px !important; }

*.pr-5 { padding-right: 20px !important; }

*.pb-5 { padding-bottom: 20px !important; }

*.pl-5 { padding-left: 20px !important; }

*.px-5 { padding-right: 20px !important; padding-left: 20px !important; }

*.py-5 { padding-top: 20px !important; padding-bottom: 20px !important; }

*.pa-6 { padding: 24px 24px !important; }

*.pt-6 { padding-top: 24px !important; }

*.pr-6 { padding-right: 24px !important; }

*.pb-6 { padding-bottom: 24px !important; }

*.pl-6 { padding-left: 24px !important; }

*.px-6 { padding-right: 24px !important; padding-left: 24px !important; }

*.py-6 { padding-top: 24px !important; padding-bottom: 24px !important; }

*.pa-7 { padding: 28px 28px !important; }

*.pt-7 { padding-top: 28px !important; }

*.pr-7 { padding-right: 28px !important; }

*.pb-7 { padding-bottom: 28px !important; }

*.pl-7 { padding-left: 28px !important; }

*.px-7 { padding-right: 28px !important; padding-left: 28px !important; }

*.py-7 { padding-top: 28px !important; padding-bottom: 28px !important; }

*.pa-8 { padding: 32px 32px !important; }

*.pt-8 { padding-top: 32px !important; }

*.pr-8 { padding-right: 32px !important; }

*.pb-8 { padding-bottom: 32px !important; }

*.pl-8 { padding-left: 32px !important; }

*.px-8 { padding-right: 32px !important; padding-left: 32px !important; }

*.py-8 { padding-top: 32px !important; padding-bottom: 32px !important; }

*.pa-9 { padding: 36px 36px !important; }

*.pt-9 { padding-top: 36px !important; }

*.pr-9 { padding-right: 36px !important; }

*.pb-9 { padding-bottom: 36px !important; }

*.pl-9 { padding-left: 36px !important; }

*.px-9 { padding-right: 36px !important; padding-left: 36px !important; }

*.py-9 { padding-top: 36px !important; padding-bottom: 36px !important; }

*.pa-10 { padding: 40px 40px !important; }

*.pt-10 { padding-top: 40px !important; }

*.pr-10 { padding-right: 40px !important; }

*.pb-10 { padding-bottom: 40px !important; }

*.pl-10 { padding-left: 40px !important; }

*.px-10 { padding-right: 40px !important; padding-left: 40px !important; }

*.py-10 { padding-top: 40px !important; padding-bottom: 40px !important; }

*.pa-11 { padding: 44px 44px !important; }

*.pt-11 { padding-top: 44px !important; }

*.pr-11 { padding-right: 44px !important; }

*.pb-11 { padding-bottom: 44px !important; }

*.pl-11 { padding-left: 44px !important; }

*.px-11 { padding-right: 44px !important; padding-left: 44px !important; }

*.py-11 { padding-top: 44px !important; padding-bottom: 44px !important; }

*.pa-12 { padding: 48px 48px !important; }

*.pt-12 { padding-top: 48px !important; }

*.pr-12 { padding-right: 48px !important; }

*.pb-12 { padding-bottom: 48px !important; }

*.pl-12 { padding-left: 48px !important; }

*.px-12 { padding-right: 48px !important; padding-left: 48px !important; }

*.py-12 { padding-top: 48px !important; padding-bottom: 48px !important; }

*[data-set-height=h12] { height: 12px !important; }

*[data-set-height=h14] { height: 14px !important; }

*[data-set-height=h16] { height: 16px !important; }

*[data-set-height=h18] { height: 18px !important; }

*[data-set-height=h20] { height: 20px !important; }

*[data-set-height=h24] { height: 24px !important; }

*[data-set-height=h28] { height: 28px !important; }

*[data-set-height=h32] { height: 32px !important; }

*[data-set-height=h40] { height: 40px !important; }

*[data-set-height=h48] { height: 48px !important; }

*[data-set-height=h50] { height: 50px !important; }

*[data-set-height=h60] { height: 60px !important; }



* {box-sizing: content-box;  margin: 0; padding: 0; }


article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section { display: block; }

html , body , div , span , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , address , cite , code , del , dfn , em , font , img , ins , q , s , samp , strike , strong , sub , sup , dl , dt , dd , ol , ul , li , fieldset , form , label , legend { line-height: 1.3em; border: 0 none; }

body {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 100%; line-height: 1.3em;  position: relative; min-height: 320px; margin: 0 auto; word-break: normal; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

header , h1 { font-size: 100%; }

html , body { height: 100%; }

caption , legend {font-size: 0; line-height: 0;  visibility: hidden; overflow: hidden; width: 0; height: 0; }

caption { display: none; }

img {vertical-align: top;  border: none; }

select , input { vertical-align: top; border: 0px; border-radius: 0; background-color: transparent; }

hr { display: none; border: 0 none; }

ol , ul , ul li { list-style: none; }

em { font-style: normal; }

menu li { list-style: none; }

address {font-style: normal;  display: inline; }

button {cursor: pointer; border: 0px; border-radius: 0; background-color: transparent;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }

table {border-spacing: 0;  border-collapse: collapse; }

input , textarea , keygen , select , button { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }

strong { font-weight: normal; }

dfn { font-style: normal; }

i , b , u , s {font-family: inherit; font-weight: inherit;  font-style: inherit; text-decoration: none; }


a:link , a:visited , a:active , a:focus { text-decoration: none; }

a:hover { text-decoration: none; }

.is-hidden { display: none !important; }

*[hidden] { display: none !important; }

.visible-hidden { visibility: hidden !important; }

.clear { clear: both; }

.txt-center { text-align: center !important; }

.inline-block { display: inline-block; vertical-align: middle; }

.none-button-ui { cursor: pointer !important; }
.none-button-ui.a { text-decoration: underline !important; }


fieldset { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select , input[type=checkbox] , input[type=radio] , input[type=text] , input[type=password] , input[type=submit] , input[type=email] , input[type=search] , input[type=number] , textarea {cursor: pointer; border: 0px; outline: 0;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button {border-radius: 0 !important;  outline: 0; }

button { box-sizing: border-box; }

input:-ms-input-placeholder { color: #ccc !important; }

input::-ms-input-placeholder { color: #ccc !important; }

::-ms-clear { display: none; }

::selection {color: #fff;  background: #000; }

textarea { resize: none; }

.longdesc { display: none; }

.amcharts-chart-div a { display: none !important; }

.spinner-with-text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.spinner-with-text .spinner + p { font-size: .875rem; line-height: 1.42857em; position: absolute; top: calc(50% + 50px); width: 100%; text-align: center; color: #999; }

.general-spinner-wrap { text-align: center; }
.general-spinner-wrap.with-text .text { font-size: .75rem; display: inline-block; margin: 16px 0 0; color: #666; }
.general-spinner-wrap.built-in { width: 56px; height: 57px; margin-right: 6px; vertical-align: middle; }
.general-spinner-wrap.built-in.small { width: 17px; height: 18px; }
.general-spinner-wrap.built-in.xsmall { width: 13px; height: 13px; }
.general-spinner-wrap.built-in .icon-spinner {position: relative; bottom: 2px; display: inline-block;  box-sizing: border-box; width: inherit; height: inherit; animation: rotate .7s infinite linear; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }
.general-spinner-wrap.built-in .icon-spinner[data-color=blue] { color: #1886ff; }

.opsnow-banner { display: none; }

.custom-tooltip-wrapper { position: relative; }
.custom-tooltip-wrapper .custom-tooltip { position: absolute; top: calc(100% + 8px); right: 0; transition: opacity .3s linear; pointer-events: none; opacity: 0; border: 1px solid #ccc; background-color: #fff; box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, .2); }
.custom-tooltip-wrapper .custom-tooltip.on {pointer-events: auto;  opacity: 1; }
.custom-tooltip-wrapper .custom-tooltip.left { right: auto; left: 0; }
.custom-tooltip-wrapper .custom-tooltip .custom-tooltip-bg {position: relative; z-index: 10; padding: 24px 16px;  background-color: inherit; }
.custom-tooltip-wrapper .custom-tooltip:before {position: absolute; top: -7px; right: 10px; width: 10px; height: 13px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMTggMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciB4PSItMi4zJSIgeT0iLTYuOSUiIHdpZHRoPSIxMDQuNiUiIGhlaWdodD0iMTEzLjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMSI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMSIgZHk9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb21wb3NpdGU+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjIgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICAgICAgPGZlTWVyZ2U+CiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZU1lcmdlTm9kZT4KICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyI+PC9mZU1lcmdlTm9kZT4KICAgICAgICAgICAgPC9mZU1lcmdlPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkFzc2V0LTIuMF9Vc2FnZV9wZXJmb3JtYW5jZV8yMDE5MTIyNyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFtLTIuMF9Vc2FnZV9jdXJyZW50LUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0OTEuMDAwMDAwLCAtMzM1LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvaW5mb3JtL2J1YmJsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwMC4wMDAwMDAsIDMzNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0xKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5NC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDEuMTQzOTA3NTIgTDAuNzk4OTA4MzI2LDkuNzg4NDYxNTQgTDkuMjAxMDkxNjcsOS43ODg0NjE1NCBMNSwxLjE0MzkwNzUyIFoiIGlkPSJUcmlhbmdsZSIgc3Ryb2tlPSIjQ0NDQ0NDIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-position: center center; }

.cold-start-popup-wrapper { position: relative !important; z-index: 800 !important; }

.cold-start-popup { position: absolute; position: absolute; top: calc(100% + 3px); right: calc(100% - 24px); width: 292px; transition: opacity .3s linear; pointer-events: auto; opacity: 1; background: #1155cb; box-shadow: 0px 3px 12px rgba(124, 129, 148, .25); }
.cold-start-popup.left { right: auto; left: calc(100% - 24px); }
.cold-start-popup.left:before { right: auto; left: 10px; }
.cold-start-popup:before {position: absolute; top: -9px; right: 10px;  content: ''; border-right: 8px solid transparent; border-bottom: 12px solid #1155cb; border-left: 8px solid transparent; }
.cold-start-popup.hidden {pointer-events: none;  opacity: 0; }
.cold-start-popup .popup-wrapper { padding: 20px; text-align: right; }
.cold-start-popup .popup-wrapper p { font-size: .75rem; line-height: 1.25rem; text-align: left; }
.cold-start-popup .popup-wrapper button.confirm { font-size: .75rem !important; }

.icon-pulse-coldstart { position: relative; display: inline-block; width: 12px; height: 12px; text-indent: -9999px; border-radius: 100%; background-color: #f7b500; }
.icon-pulse-coldstart:before {position: absolute; z-index: 1; top: 0; display: block; width: 12px; height: 12px;  content: ''; animation: pointer 2s 1s infinite ease-out; border-radius: 100%; background-color: rgba(247, 181, 0, .8); }

@keyframes pointer { from { transform: scale(1); opacity: 1; }
	to { transform: scale(2.666); opacity: 0; } }

.gnb-tooltip {position: absolute; z-index: 800; display: -ms-flexbox; display: flex; height: 20px; padding: 0 8px;  border-radius: 4px; background-color: rgba(51, 60, 102, .6); -ms-flex-align: center; align-items: center; }
.gnb-tooltip p {font-size: .6875rem; font-weight: 500;  color: #fff; }

.commingSoonTooltip {position: absolute; z-index: 800; display: -ms-flexbox; display: flex; height: 20px; padding: 0 8px;  border-radius: 4px; background-color: #333c66; -ms-flex-align: center; align-items: center; }
.commingSoonTooltip p {font-size: .6875rem;  color: #fff; }

.all-new-beta {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-style: italic; line-height: 1.4em;  position: relative; display: inline-block; box-sizing: border-box; width: auto; min-width: 16px; height: 16px; margin-left: 4px; text-align: center; vertical-align: middle; border-radius: 16px; }
.all-new-beta.new-menu {bottom: 2px;  padding-right: 1px; color: #f66c23; border: 1px solid #f66c23; }
.all-new-beta.new-menu:before , .all-new-beta.new-menu:after { content: none !important; }
.all-new-beta.beta-menu { padding-right: 2px; color: #1886ff; border: 1px solid #1886ff; }
.all-new-beta.beta-menu:before , .all-new-beta.beta-menu:after { content: none !important; }

input[type=text].error[invalid] , input[type=password].error[invalid] {transition: box-shadow .2s ease-in-out;  border: 0; background: #fff; box-shadow: inset 0 0 0 2px #ff2d47; }


.spinner-common-position { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sk-wave {display: -ms-flexbox; display: flex;  width: 40px; height: 40px; -ms-flex-pack: justify; justify-content: space-between; }
.sk-wave.ecm .sk-wave-rect { background-color: #004098; }

.sk-wave-rect {width: 15%; height: 100%; animation: sk-wave 1.2s infinite ease-in-out;  background-color: #0acd7f; }

.sk-wave-rect:nth-child(1) { animation-delay: -1.2s; }

.sk-wave-rect:nth-child(2) { animation-delay: -1.1s; }

.sk-wave-rect:nth-child(3) { animation-delay: -1.0s; }

.sk-wave-rect:nth-child(4) { animation-delay: -.9s; }

.sk-wave-rect:nth-child(5) { animation-delay: -.8s; }

@keyframes sk-wave { 0% , 40% , 100% { transform: scaleY(.4); }
	20% { transform: scaleY(1); } }

.sk-grid { width: 40px; height: 40px; }
.sk-grid.ecm .sk-grid-cube { background-color: #004098; }

.sk-grid-cube {float: left;  width: 33.33%; height: 33.33%; animation: sk-grid 1.3s infinite ease-in-out; background-color: #0acd7f; }

.sk-grid-cube:nth-child(1) { animation-delay: .2s; }

.sk-grid-cube:nth-child(2) { animation-delay: .3s; }

.sk-grid-cube:nth-child(3) { animation-delay: .4s; }

.sk-grid-cube:nth-child(4) { animation-delay: .1s; }

.sk-grid-cube:nth-child(5) { animation-delay: .2s; }

.sk-grid-cube:nth-child(6) { animation-delay: .3s; }

.sk-grid-cube:nth-child(7) { animation-delay: .0s; }

.sk-grid-cube:nth-child(8) { animation-delay: .1s; }

.sk-grid-cube:nth-child(9) { animation-delay: .2s; }

@keyframes sk-grid { 0% , 70% , 100% { transform: scale3D(1, 1, 1); }
	35% { transform: scale3D(0, 0, 1); } }

.page-filelist a { color: #f66c23; }
.page-filelist a[href='#'] { color: rgba(0, 0, 0, .3); }
.page-filelist a[recent] { color: #38bfa1; }
.page-filelist a[recent]:before { content: '[최근수정]'; }
.page-filelist a[new] { color: #1886ff; }
.page-filelist a[new]:before { content: '[신규]'; }
.page-filelist a:hover { text-decoration: underline; }

.page-filelist .delete , .page-filelist [delete] {font-size: .75em; text-decoration: line-through !important;  color: rgba(0, 0, 0, .2) !important; }
.page-filelist .delete a , .page-filelist [delete] a { text-decoration: none !important; opacity: .5 !important; }

.page-filelist .page-title {font-size: 1.875rem; font-weight: 700;  padding: 30px 0; text-align: center; color: #000; }

.page-filelist .section-container { overflow: hidden; box-sizing: border-box; width: 1200px; margin: 0 auto; padding-left: 50px; }
.page-filelist .section-container .recent-list-wrap { position: relative; padding: 20px; border: 1px solid #000; }
.page-filelist .section-container .recent-list-wrap h2 { font-size: 1.25rem; line-height: 2.5rem; height: 2.5rem; }
.page-filelist .section-container .recent-list-wrap h2 em { font-size: .75rem; color: #f66c23; }
.page-filelist .section-container .recent-list-wrap h2 em:before { content: '*'; }
.page-filelist .section-container .recent-list-wrap .select_wrap { position: fixed; z-index: 800; top: 0; bottom: 0; left: 0; width: 100px; border-style: solid; border-color: #eaecef; border-right-width: 1px; background: #fff; }
@media (min-width: 1240px) and (max-width: 1350px) { .page-filelist .section-container .recent-list-wrap .select_wrap { width: 69px; } }
@media screen and (max-width: 1239px) { .page-filelist .section-container .recent-list-wrap .select_wrap { width: 39px; }
	.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label { padding-right: 0; }
	.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label span { display: none; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn-wrap { padding-top: 80px; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn {position: relative; display: block;  width: 100%; margin-top: 20px; padding: 0; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=portal] + label:before {width: 20px; height: 21px;  background-image: url(../images/layout_sprites.png); background-position: -122px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=portal] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=portal] + label:after { background: #586a92; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=v-815] + label:before {width: 20px; height: 21px;  background-image: url(../images/layout_sprites.png); background-position: -122px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=v-815] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=v-815] + label:after { background: #586a92; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=governance] + label:before {width: 22px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -679px -440px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=governance] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=governance] + label:after { background: #5d8bf8; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=asset] + label:before {width: 20px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -707px -440px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=asset] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=asset] + label:after { background: #5d8bf8; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=metering] + label:before {width: 22px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -695px -417px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=metering] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=metering] + label:after { background: #5d8bf8; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=Resale-Platform] + label:before {width: 20px; height: 21px;  background-image: url(../images/layout_sprites.png); background-position: -708px -26px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=Resale-Platform] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input[value=Resale-Platform] + label:after { background: #586a92; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label {font-size: .6875rem; display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; padding: 0 10px; text-align: center;  word-break: break-all; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:hover:after { opacity: 1; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:before , .page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:after {top: 0;  margin-top: 0; }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:before { position: static; width: 18px; height: 18px; margin-bottom: 3px; background-image: url(../images/layout_sprites.png); background-position: -378px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-filelist .section-container .recent-list-wrap .select_wrap .btn input + label:after {left: 0; width: 4px; height: 100%;  background: none; background: #898d94; }
.page-filelist .section-container .recent-list-wrap .select-wrap { position: absolute; top: 20px; right: 20px; display: inline-block; }
.page-filelist .section-container .recent-list-wrap .select-wrap select { float: left; margin-left: 10px; }
.page-filelist .section-container .recent-list-wrap .recent-list > * , .page-filelist .section-container .recent-list-wrap .new-list > * { display: -ms-flexbox; display: flex; }
.page-filelist .section-container .recent-list-wrap .recent-list > * > * , .page-filelist .section-container .recent-list-wrap .new-list > * > * { -ms-flex: 1; flex: 1; }
.page-filelist .section-container .recent-list-wrap .recent-list > * > *:last-child , .page-filelist .section-container .recent-list-wrap .new-list > * > *:last-child { padding-left: 20px; }
.page-filelist .section-container .recent-list-wrap .recent-list h3 , .page-filelist .section-container .recent-list-wrap .new-list h3 {font-size: 1rem;  margin: 10px 0 0; }
.page-filelist .section-container .recent-list-wrap .recent-list h4 , .page-filelist .section-container .recent-list-wrap .new-list h4 {font-size: .875rem;  margin: 10px 0 0; }
.page-filelist .section-container .recent-list-wrap .recent-list h4:before , .page-filelist .section-container .recent-list-wrap .new-list h4:before { content: '['; }
.page-filelist .section-container .recent-list-wrap .recent-list h4:after , .page-filelist .section-container .recent-list-wrap .new-list h4:after { content: ']'; }
.page-filelist .section-container .recent-list-wrap .recent-list ul , .page-filelist .section-container .recent-list-wrap .new-list ul { margin-top: 10px; padding-top: 10px; border-top: 1px solid #c1c1c1; }
.page-filelist .section-container .recent-list-wrap .recent-list ul.no_data , .page-filelist .section-container .recent-list-wrap .new-list ul.no_data { position: relative; height: calc(100% - 50px); min-height: 120px; }
.page-filelist .section-container .recent-list-wrap .recent-list ul.no_data li , .page-filelist .section-container .recent-list-wrap .new-list ul.no_data li {position: absolute; top: 50%;  display: block !important; width: 100%; margin-top: -10px; text-align: center; }
.page-filelist .section-container .recent-list-wrap .recent-list ul.no_data li:before , .page-filelist .section-container .recent-list-wrap .new-list ul.no_data li:before { content: none; }
.page-filelist .section-container .recent-list-wrap .recent-list ul li , .page-filelist .section-container .recent-list-wrap .new-list ul li { padding: 2px 5px; }
.page-filelist .section-container .recent-list-wrap .recent-list ul li.off , .page-filelist .section-container .recent-list-wrap .new-list ul li.off { display: none; }
.page-filelist .section-container .recent-list-wrap .recent-list ul li a:before , .page-filelist .section-container .recent-list-wrap .new-list ul li a:before { content: none; }
.page-filelist .section-container .recent-list-wrap .recent-list ul li a time , .page-filelist .section-container .recent-list-wrap .new-list ul li a time {font-size: .625rem;  display: block; color: #848484; }
.page-filelist .section-container .recent-list-wrap .recent-list ul li a p , .page-filelist .section-container .recent-list-wrap .new-list ul li a p { font-size: .75rem; margin-top: 5px; color: #ff7384; }
.page-filelist .section-container .recent-list-wrap .recent-list ul:after , .page-filelist .section-container .recent-list-wrap .new-list ul:after {display: block; clear: both;  content: ''; }

.page-filelist .filelist-section { display: block; float: left; box-sizing: border-box; width: 50%; padding: 20px; }
.page-filelist .filelist-section .section-title {font-size: 1.25rem; font-weight: 700;  display: block; padding: 10px 0; color: #000; }

.page-filelist .service-section {overflow: hidden; height: 16px;  margin-top: 0px; padding: 10px 10px 20px 40px; transition: 1s ease-in-out; border-bottom: 2px solid #000; }
.page-filelist .service-section:nth-of-type(1) { margin-top: 30px; border-top: 2px solid #000; }
.page-filelist .service-section.on { height: auto; }
.page-filelist .service-section.on .service-title:after {top: 5px;  transform: rotateX(180deg); }
.page-filelist .service-section .service-title { position: relative; margin-left: -20px; }
.page-filelist .service-section .service-title:after {position: absolute; top: 10px; right: 0; width: 0; height: 0;  content: none; transition: .3s ease-in-out; border-top: 5px solid black; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; }

.page-filelist .menu-title {font-size: 1rem;  margin-top: 20px; }

.page-filelist .list-dots > li {padding: 0px;  list-style-type: square; }

.page-filelist .list-circle { padding: 10px 0 0 20px; }
.page-filelist .list-circle > li {padding: 0px;  list-style-type: disc; }

.index_nav { position: fixed; right: 0; bottom: 0; left: 0; text-align: center; }
.index_nav button {font-size: .875rem; position: absolute; z-index: 11; bottom: -35px; left: 50%; width: 110px; height: 60px; margin-left: -55px; padding-bottom: 25px; cursor: pointer; transition: transform .3s linear; transform: translateY(10px); text-align: center; color: #fff;  border: none; border-radius: 50%; background: none; background-color: #f06060; }
.index_nav button:hover { transform: translateY(0); }
.index_nav button:after {position: relative; bottom: 4px; display: inline-block;  content: 'Calendar'; }
.index_nav button.active + input[type=text][name=index-daterange] { display: inline-block; }
.index_nav input[type=text] {border: 2px solid #f06060; border-radius: 20px;  box-shadow: none; }
.index_nav input[type=text][name=index-daterange] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; position: absolute; bottom: 30px; left: 50%;  display: none; width: 200px; margin-left: -100px; padding: 0 10px; text-align: center; }


.console-gnb {position: fixed; z-index: 802; top: 0; right: 0; left: 0;  display: block; box-sizing: border-box; min-width: 1200px; height: 80px; background-color: #f5f5f5; }
.console-gnb.console-gnb-img .menus .btn-selected-service em:first-child {position: absolute; top: 50%; left: 20px;  width: 20px; height: 20px; transform: translateY(-50%); }
.console-gnb.console-gnb-img .menus .btn-selected-service em:last-child {position: absolute; top: 50%; right: 5px; display: block; width: 8px; height: 5px;  content: ''; transition: transform .3s ease-in-out; transform: translateY(-50%) rotateX(0deg); }
.console-gnb.console-gnb-img .menus .btn-selected-service em img { width: 100%; }
.console-gnb.console-gnb-img .menus .btn-selected-service[data-state=open] em:last-child { transform: translateY(-50%) rotateX(180deg); }
.console-gnb.console-gnb-img .menus .btn-selected-service:before , .console-gnb.console-gnb-img .menus .btn-selected-service:after { content: none; }
.console-gnb.console-gnb-img .menus .btn-selected-service [data-service]:before , .console-gnb.console-gnb-img .menus .btn-selected-service [data-service]:after { content: none; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li.selected .btn-service em img:first-child { display: none; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li.selected .btn-service em img:last-child { display: block; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service:before , .console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service:after , .console-gnb.console-gnb-img .layer-console.service-container .list-service > li [data-service]:before , .console-gnb.console-gnb-img .layer-console.service-container .list-service > li [data-service]:after { content: none !important; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service.whatap em img { display: block !important; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service.whatap em:last-child { width: 13px; height: 13px; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service em:first-child { position: absolute; top: 50%; left: 20px; display: block; width: 16px; height: 16px; content: ''; transform: translateY(-50%); }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service em:last-child { position: absolute; top: 50%; right: 12px; display: block; width: 6px; height: 10px; content: ''; transform: translateY(-50%); }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service em img { width: 100%; }
.console-gnb.console-gnb-img .layer-console.service-container .list-service > li .btn-service em img:last-child { display: none; }
.console-gnb .icon-pointer { position: relative; display: inline-block; width: 12px; height: 12px; text-indent: -9999px; border-radius: 100%; background-color: #f7b500; }
.console-gnb .icon-pointer:before {position: absolute; z-index: 1; top: 0; display: block; width: 12px; height: 12px;  content: ''; animation: pointer 2s 1s infinite ease-out; border-radius: 100%; background-color: rgba(247, 181, 0, .8); }

@keyframes pointer { from { transform: scale(1); opacity: 1; }
	to { transform: scale(2.666); opacity: 0; } }
.console-gnb ~ .menu-wrapper { display: none; }
.console-gnb.new { height: 40px; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15); }
.console-gnb.new .team { display: none; }
.console-gnb.new ~ .menu-wrapper { display: block; }
.console-gnb.new .menus { display: none; }
.console-gnb.new .utils {top: 50%;  padding: 0; transform: translateY(-50%); }
.console-gnb.new .logo-n-companies { display: -ms-flexbox; display: flex; height: 100%; max-height: 100%; padding: 0 20px; -ms-flex-align: center; align-items: center; }
.console-gnb .logo-n-companies { display: block; box-sizing: border-box; height: 32px; max-height: 32px; padding: 5px 20px; }
.console-gnb .logo-n-companies .btn-opsnow {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.375em;  display: inline-block; vertical-align: top; color: #4e555d; }
.console-gnb .logo-n-companies .btn-opsnow.custom-logo img { height: auto; }
.console-gnb .logo-n-companies .btn-opsnow img {line-height: 22px;  display: inline-block; height: 17px; vertical-align: middle; }
.console-gnb .logo-n-companies .btn-opsnow ~ .btn-companies { margin-left: 7px; }
.console-gnb .logo-n-companies .btn-skt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.375em;  display: inline-block; vertical-align: top; color: #4e555d; }
.console-gnb .logo-n-companies .btn-skt img {line-height: 22px;  display: inline-block; height: 17px; vertical-align: middle; }
.console-gnb .logo-n-companies .btn-skt ~ .btn-companies { margin-left: 7px; }
.console-gnb .logo-n-companies .company-container {line-height: 22px;  position: relative; display: inline-block; height: 22px; margin-left: 10px; vertical-align: top; }
.console-gnb .logo-n-companies .btn-companies {font-size: .8125rem; font-weight: 500; line-height: 22px; position: relative;  display: block; overflow: hidden; box-sizing: border-box; min-width: 140px; max-width: 300px; height: 24px; padding: 0 18px 0 7px; transition: all .3s ease-in-out; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #5e6b78; border: 2px solid #e6e6e6; border-radius: 2px; background-color: #f6f6f6; }
.console-gnb .logo-n-companies .btn-companies:after {position: absolute; top: 50%; right: 5px; display: inline-block; width: 7px; height: 4px; margin-top: -2px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background-image: url(../images/console_gnb_sprites.png); background-position: -131px -132px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .logo-n-companies .btn-companies:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .logo-n-companies .btn-companies:hover { border-color: rgba(10, 205, 127, .5); background-color: #fff; }
.console-gnb .logo-n-companies .btn-companies.selected:after { transform: rotateX(180deg); }
.console-gnb .logo-n-companies .btn-companies.selected ~ .console-companies {top: 100%; visibility: visible;  opacity: 1; }
.console-gnb .utils {position: absolute; top: 0; right: 16px;  display: block; padding: 5px 0; }
.console-gnb .utils .ticker-wrapper { display: inline-block; width: 340px; margin-right: 26px; vertical-align: top; }
.console-gnb .utils .list-gnb-notice { display: block; width: 340px; text-align: right; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item { font-size: .75rem; font-weight: 400; color: #88939f; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item .notice-category {line-height: 22px;  display: inline-block; vertical-align: top; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item .notice-item-title {line-height: 22px;  display: inline-block; overflow: hidden; max-width: 210px; height: 22px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item .notice-item-title:hover { text-decoration: underline; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item .update {line-height: 22px;  display: inline-block; vertical-align: top; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item[data-state=new] .notice-category { color: #1886ff; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item[data-state=event] .notice-category { color: #6cb41d; }
.console-gnb .utils .list-gnb-notice > li .notice-gnb-item[data-state=check] .notice-category { color: #f66c23; }
.console-gnb .utils .notifications { position: relative; display: inline-block; }
.console-gnb .utils .notifications + .btn { margin-left: 8px; }
.console-gnb .utils .user-profile { position: relative; display: inline-block; margin-left: 12px; }
.console-gnb .utils .user-profile:before {display: inline-block; width: 1px; height: 14px; margin: -3px 9px 0 0;  content: ''; vertical-align: middle; background-color: rgba(99, 111, 123, .2); }
.console-gnb .utils .btn {font-size: .75rem; font-weight: 400; line-height: 22px;  position: relative; display: inline-block; padding: 0 4px; transition: background-color .3s ease-in-out; vertical-align: top; color: #88939f; border-radius: 2px; }
.console-gnb .utils .btn:before {display: inline-block; margin-top: -2px; margin-right: 4px;  content: ''; vertical-align: middle; }
.console-gnb .utils .btn:hover { background-color: rgba(195, 200, 205, .4); }
.console-gnb .utils .btn + .btn { margin-left: 8px; }
.console-gnb .utils .btn[data-badge] { overflow: visible; }
.console-gnb .utils .btn[data-badge]:before { margin-right: 14px; }
.console-gnb .utils .btn[data-badge]:after {position: absolute; top: 3px; left: 19px; display: block; width: 6px; height: 6px;  content: ''; border-radius: 8px; background-color: #0acd7f; }
.console-gnb .utils .btn[data-icon=notice]:before {width: 14px; height: 14px;  background-image: url(../images/console_gnb_sprites.png); background-position: -78px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn[data-icon=notice]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn[data-icon=notice][data-state=open] { background-color: rgba(195, 200, 205, .4); }
.console-gnb .utils .btn[data-icon=notice][data-state=open] ~ .notification-container {top: calc(100% + 4px); visibility: visible;  opacity: 1; }
.console-gnb .utils .btn[data-icon=support]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -134px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn[data-icon=support]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn[data-icon=help]:before {width: 15px; height: 15px;  background-image: url(../images/console_gnb_sprites.png); background-position: -110px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn[data-icon=help]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn[data-icon=user]:before {width: 15px; height: 15px;  background-image: url(../images/console_gnb_sprites.png); background-position: -178px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn[data-icon=user]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn[data-icon=api]:before {width: 18px; height: 12px;  background-image: url(../images/console_gnb_sprites.png); background-position: -102px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn[data-icon=api]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn.user { position: relative; }
.console-gnb .utils .btn.user:after {display: inline-block; width: 7px; height: 4px; margin: -2px 0 0 4px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(../images/console_gnb_sprites.png); background-position: -131px -132px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .utils .btn.user:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .utils .btn.user[data-state=open] { background-color: rgba(195, 200, 205, .4); }
.console-gnb .utils .btn.user[data-state=open]:after { transform: rotateX(180deg); }
.console-gnb .utils .btn.user[data-state=open] ~ .console-user {top: calc(100% + 4px); visibility: visible;  opacity: 1; }
.console-gnb .list-companies , .console-gnb .list-console-user , .console-gnb .list-lastmenus { padding: 5px 0; }
.console-gnb .list-companies > li , .console-gnb .list-console-user > li , .console-gnb .list-lastmenus > li { display: block; }
.console-gnb .list-companies > li[data-beta=on] a .icon , .console-gnb .list-companies > li[data-beta=on] button .icon , .console-gnb .list-console-user > li[data-beta=on] a .icon , .console-gnb .list-console-user > li[data-beta=on] button .icon , .console-gnb .list-lastmenus > li[data-beta=on] a .icon , .console-gnb .list-lastmenus > li[data-beta=on] button .icon { margin-left: 5px; }
.console-gnb .list-companies > li a , .console-gnb .list-companies > li button , .console-gnb .list-console-user > li a , .console-gnb .list-console-user > li button , .console-gnb .list-lastmenus > li a , .console-gnb .list-lastmenus > li button {font-size: .875rem; font-weight: 400; line-height: 2em;  display: block; box-sizing: border-box; width: 100%; padding: 0px 10px; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: left; white-space: nowrap; color: #222; }
.console-gnb .list-companies > li a:hover , .console-gnb .list-companies > li button:hover , .console-gnb .list-console-user > li a:hover , .console-gnb .list-console-user > li button:hover , .console-gnb .list-lastmenus > li a:hover , .console-gnb .list-lastmenus > li button:hover { background-color: #f2f2f2; }
.console-gnb .list-companies > li a:hover mark , .console-gnb .list-companies > li button:hover mark , .console-gnb .list-console-user > li a:hover mark , .console-gnb .list-console-user > li button:hover mark , .console-gnb .list-lastmenus > li a:hover mark , .console-gnb .list-lastmenus > li button:hover mark { color: #1865f2; }
.console-gnb .list-companies > li.selected a , .console-gnb .list-companies > li.selected button , .console-gnb .list-console-user > li.selected a , .console-gnb .list-console-user > li.selected button , .console-gnb .list-lastmenus > li.selected a , .console-gnb .list-lastmenus > li.selected button { color: #0acd7f; }
.console-gnb .list-companies > li.not-match , .console-gnb .list-console-user > li.not-match , .console-gnb .list-lastmenus > li.not-match { display: none; }
.console-gnb .list-companies > li mark , .console-gnb .list-console-user > li mark , .console-gnb .list-lastmenus > li mark {font-weight: 400; transition: color .3s ease-in-out;  color: #1865f2; background-color: transparent; }
.console-gnb .list-companies > li.logout , .console-gnb .list-console-user > li.logout , .console-gnb .list-lastmenus > li.logout { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e6e6e6; }
.console-gnb .list-companies { overflow: auto; overflow-x: hidden; max-height: 597px; padding: 0; }
.console-gnb .menus { position: relative; z-index: 1; display: -ms-flexbox; display: flex; box-sizing: border-box; height: 48px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.console-gnb .menus .icon {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-style: italic; line-height: 1.4em;  position: relative; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; text-align: center; vertical-align: middle; border-radius: 16px; }
.console-gnb .menus .icon.new-menu { padding-right: 1px; color: #f66c23; border: 1px solid #f66c23; }
.console-gnb .menus .icon.new-menu:before , .console-gnb .menus .icon.new-menu:after { content: none !important; }
.console-gnb .menus .icon.beta-menu { padding-right: 2px; color: #1886ff; border: 1px solid #1886ff; }
.console-gnb .menus .icon.beta-menu:before , .console-gnb .menus .icon.beta-menu:after { content: none !important; }
.console-gnb .menus .btn-selected-service { position: relative; z-index: 2; display: block; padding: 0 0 0 20px; vertical-align: top; white-space: nowrap; background-color: #fff; }
.console-gnb .menus .btn-selected-service:after {position: absolute; top: 50%; right: 5px; display: block; width: 8px; height: 5px; margin-top: -1px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background-image: url(../images/console_gnb_sprites.png); background-position: -131px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 700; line-height: 3em;  display: block; padding-right: 20px; white-space: nowrap; }
.console-gnb .menus .btn-selected-service [data-service]:before { margin-top: -10px; }
.console-gnb .menus .btn-selected-service [data-service=service-portal]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -78px -95px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=service-portal]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=asset-management]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -72px -27px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=asset-management]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=metering]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -26px -95px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=metering]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=governance]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=governance]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=opsnow]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -98px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=opsnow]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=monitoring]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -95px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=monitoring]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-alarm]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -98px -52px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-alarm]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-project]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -98px -26px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-project]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-service-request]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-service-request]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-dbqcs]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -124px -78px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-dbqcs]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-devops]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -52px -95px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-devops]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=its-approval]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -124px -26px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=its-approval]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=whaTap]:before {width: 16px; height: 14px;  background-image: url(../images/console_gnb_sprites.png); background-position: -131px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=whaTap]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service [data-service=chatbot]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -135px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .btn-selected-service [data-service=chatbot]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .btn-selected-service[data-state=open]:after { transform: rotateX(180deg); }
.console-gnb .menus .btn-selected-service[data-state=open] ~ .service-container {visibility: visible;  opacity: 1; }
.console-gnb .menus .btn-selected-service[data-state=open] ~ .service-container .list-service > li .list-recently , .console-gnb .menus .btn-selected-service[data-state=open] ~ .service-container .list-service > li .service-submenus { display: block; }
.console-gnb .menus [data-service] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400;  position: relative; padding-left: 28px; transition: color .3s ease-in-out; text-align: left; letter-spacing: .1em; color: #1c2024; }
.console-gnb .menus [data-service]:before , .console-gnb .menus [data-service]:after {position: absolute; top: 50%; left: 0; display: block; margin-top: -8px;  content: ''; }
.console-gnb .menus [data-service]:after {transition: opacity .3s ease-in-out;  opacity: 0; }
.console-gnb .menus [data-service=recently]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -44px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=recently]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=recently]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -25px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=recently]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=service-portal]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -47px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=service-portal]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=service-portal]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -91px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=service-portal]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=asset-management]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=asset-management]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=asset-management]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -24px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=asset-management]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=metering]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -46px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=metering]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=metering]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -90px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=metering]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=governance]:before {width: 15px; height: 13px;  background-image: url(../images/console_gnb_sprites.png); background-position: -153px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=governance]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=governance]:after {width: 15px; height: 13px;  background-image: url(../images/console_gnb_sprites.png); background-position: -174px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=governance]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=opsnow]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -22px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=opsnow]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=opsnow]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -68px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=opsnow]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=monitoring]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -112px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=monitoring]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=monitoring]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -156px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=monitoring]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-alarm]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-alarm]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-alarm]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -44px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-alarm]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-project]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -66px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-project]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-project]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -110px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-project]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-service-request]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -132px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-service-request]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-service-request]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-service-request]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-dbqcs]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -22px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-dbqcs]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-dbqcs]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -66px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-dbqcs]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-devops]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -88px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-devops]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-devops]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -113px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-devops]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-approval]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -154px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-approval]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=its-approval]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -88px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=its-approval]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=whaTap]:before {width: 16px; height: 14px;  background-image: url(../images/console_gnb_sprites.png); background-position: -131px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=whaTap]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=whaTap]:after {width: 16px; height: 14px;  background-image: url(../images/console_gnb_sprites.png); background-position: -131px -194px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=whaTap]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=chatbot]:before {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -135px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=chatbot]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus [data-service=chatbot]:after {width: 16px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px -135px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus [data-service=chatbot]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .submenus-container {position: relative; display: block; overflow: hidden;  -ms-flex: 1; flex: 1; }
.console-gnb .menus .submenus-container .btn { position: absolute; top: 3px; left: 0px; display: none; width: 30px; height: 44px; text-indent: -9999px; background-color: #fff; background-image: url(../images/console_gnb_sprites.png); background-position: 0px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .submenus-container .btn { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .submenus-container .btn:after {position: absolute; top: 0; left: 0; display: block; visibility: hidden; width: 30px; height: 44px;  content: ''; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background-color .3s ease-in-out; opacity: 0; background-color: #f6f6f6; background-image: url(../images/console_gnb_sprites.png); background-position: -36px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .submenus-container .btn:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .menus .submenus-container .btn.next { right: 0; left: auto; transform: rotateY(180deg); }
.console-gnb .menus .submenus-container .btn:hover:after {visibility: visible;  opacity: 1; }
.console-gnb .menus .list-submenus { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.console-gnb .menus .list-submenus:after {display: table; clear: both;  content: ''; }
.console-gnb .menus .list-submenus > li {position: relative;  display: block; padding-left: 26px; white-space: nowrap; }
.console-gnb .menus .list-submenus > li:hover > a , .console-gnb .menus .list-submenus > li:hover > button , .console-gnb .menus .list-submenus > li.selected > a , .console-gnb .menus .list-submenus > li.selected > button { color: #1c2024; }
.console-gnb .menus .list-submenus > li:hover > a:before , .console-gnb .menus .list-submenus > li:hover > button:before , .console-gnb .menus .list-submenus > li.selected > a:before , .console-gnb .menus .list-submenus > li.selected > button:before {width: 100%;  opacity: 1; }
.console-gnb .menus .list-submenus > li.selected > a , .console-gnb .menus .list-submenus > li.selected button { font-weight: 500; }
.console-gnb .menus .list-submenus > li:hover .layer-lastmenus {position: fixed; z-index: 802; top: 80px; visibility: visible;  opacity: 1; }
.console-gnb .menus .list-submenus > li:hover > a[data-has=lastmenus]:after , .console-gnb .menus .list-submenus > li:hover > button[data-has=lastmenus]:after { transform: rotateX(180deg); }
.console-gnb .menus .list-submenus > li .layer-lastmenus { top: 70px; }
.console-gnb .menus .list-submenus > li > a , .console-gnb .menus .list-submenus > li > button {font-size: .8125rem; font-weight: 400; line-height: 3.69231em; position: relative;  display: inline-block; transition: color .3s ease-in-out; color: #5e6b78; }
.console-gnb .menus .list-submenus > li > a:before , .console-gnb .menus .list-submenus > li > button:before {position: absolute; bottom: 0; left: 0; display: block; width: 0px; height: 4px;  content: ''; transition: opacity .2s ease-in-out, width .2s ease-in-out; opacity: 0; background-color: #0acd7f; }
.console-gnb .menus .list-submenus > li > a + .icon-pointer , .console-gnb .menus .list-submenus > li > button + .icon-pointer { margin-left: 4px; }
.console-gnb .menus .list-submenus > li > a[data-has=lastmenus]:after , .console-gnb .menus .list-submenus > li > button[data-has=lastmenus]:after {display: inline-block; width: 7px; height: 4px; margin: -2px 0 0 4px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(../images/console_gnb_sprites.png); background-position: -131px -132px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .menus .list-submenus > li > a[data-has=lastmenus]:after , .console-gnb .menus .list-submenus > li > button[data-has=lastmenus]:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .layer-console {position: absolute; top: 0; right: 0;  display: block; visibility: hidden; box-sizing: border-box; min-width: 110px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out; opacity: 0; border: 1px solid rgba(151, 151, 151, .2); border-radius: 2px; background-color: #fff; box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, .15); }
.console-gnb .layer-console.layer-lastmenus {z-index: 1;  top: 90%; right: auto; left: auto; margin-left: -10px; }
.console-gnb .layer-console.console-companies {z-index: 2;  top: 90%; right: auto; left: 0; min-width: 150px; padding: 0 0 5px 0; }
.console-gnb .layer-console.console-companies .search-word {position: relative;  display: block; margin-bottom: 5px; border-bottom: 1px solid #e7e7e7; }
.console-gnb .layer-console.console-companies .search-word input[type=search] , .console-gnb .layer-console.console-companies .search-word input[type=text] {font-size: .875rem; font-weight: 400; line-height: 30px; height: 30px;  padding-left: 28px; color: #222; border: 0; background: url('../images/icon_search_02@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.console-gnb .layer-console.console-companies .search-word input[type=search]:focus , .console-gnb .layer-console.console-companies .search-word input[type=text]:focus { background: url('../images/icon_search_02_focus@2x.png') 10px center no-repeat; background-size: 14px 14px; }
.console-gnb .layer-console.console-user {z-index: 2;  top: 90%; }
.console-gnb .layer-console.notification-container {z-index: 2;  top: 90%; right: auto; left: 0; }
.console-gnb .layer-console.notification-container .list-notification { display: block; overflow: auto; box-sizing: border-box; width: 314px; height: 310px; padding: 12px 20px; background-color: #fff; }
.console-gnb .layer-console.notification-container .list-notification.list-notification-cn { width: 274px; }
@media only screen and (max-width: 1399px) { .console-gnb .layer-console.notification-container .list-notification.list-notification-cn { width: 254px; } }
.console-gnb .layer-console.notification-container .list-notification[data-state=none] { overflow: hidden; height: 120px; }
.console-gnb .layer-console.notification-container .list-notification[data-state=none] > li { font-size: .875rem; line-height: 96px; text-align: center; color: #999; }
.console-gnb .layer-console.notification-container .list-notification .notification-item {position: relative;  display: block; padding: 7px 0; }
.console-gnb .layer-console.notification-container .list-notification .notification-item .none-read {position: absolute; top: 15px; left: -10px;  display: block; width: 6px; height: 6px; text-indent: -9999px; border-radius: 6px; background-color: #0acd7f; }
.console-gnb .layer-console.notification-container .list-notification .notification-item .notification-title {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1c2024; }
.console-gnb .layer-console.notification-container .list-notification .notification-item .notification-update {font-size: .75rem; line-height: 1.5em;  display: block; margin-top: 2px; color: #88939f; }
.console-gnb .layer-console.notification-container .list-notification .notification-item:hover .notification-title { text-decoration: underline; }
.console-gnb .layer-console.notification-container .btns { display: block; box-sizing: border-box; height: 34px; padding: 0 20px; border-top: 1px solid #eee; }
.console-gnb .layer-console.notification-container .btns .btn-more {font-size: .75rem; font-weight: 400; line-height: 34px; display: inline-block;  cursor: pointer; color: #0acd7f; }
.console-gnb .layer-console.notification-container .btns .btn-more:after {display: inline-block; width: 10px; height: 8px; margin: -2px 0 0 3px;  content: ''; vertical-align: middle; background-image: url(../images/console_gnb_sprites.png); background-position: -176px -157px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .layer-console.notification-container .btns .btn-more:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .layer-console.notification-container .btns .btn-more:hover { text-decoration: underline; }
.console-gnb .layer-console.service-container { top: -1px; right: auto; left: 0px; padding-top: 48px; }
.console-gnb .layer-console.service-container .service-container-inner { overflow: hidden; padding-right: 240px; border-top: 1px solid #e7e7e7; }
.console-gnb .layer-console.service-container .icon {width: auto;  padding-right: 6px; padding-left: 4px; }
.console-gnb .layer-console.service-container .list-recently {position: absolute; top: 49px; left: 261px; display: block; visibility: hidden; min-width: 240px; padding: 10px 0; transition: opacity .1s ease-in-out .1s;  opacity: 0; background-color: #fff; }
.console-gnb .layer-console.service-container .list-recently > li a , .console-gnb .layer-console.service-container .list-recently > li button {font-size: .875rem; font-weight: 500; line-height: 1.42857em; display: block; box-sizing: border-box; width: 100%; padding: 10px 0 10px 14px;  cursor: pointer; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: left; color: #1c2024; }
.console-gnb .layer-console.service-container .list-recently > li a .service , .console-gnb .layer-console.service-container .list-recently > li button .service {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; transition: color .3s ease-in-out; color: #656e77; }
.console-gnb .layer-console.service-container .list-recently > li a:hover , .console-gnb .layer-console.service-container .list-recently > li button:hover { background-color: #f2f2f2; }
.console-gnb .layer-console.service-container .list-recently > li a.selected , .console-gnb .layer-console.service-container .list-recently > li button.selected { color: #0acd7f; }
.console-gnb .layer-console.service-container .list-recently > li a.selected .service , .console-gnb .layer-console.service-container .list-recently > li button.selected .service { color: #0acd7f; }
.console-gnb .layer-console.service-container .service-submenus {position: absolute; top: 49px; left: 261px; display: block; visibility: hidden; box-sizing: border-box; min-width: 240px; padding: 10px 0; transition: opacity .1s ease-in-out .1s;  opacity: 0; background-color: #fff; }
.console-gnb .layer-console.service-container .service-submenus > li a , .console-gnb .layer-console.service-container .service-submenus > li button {font-size: .875rem; font-weight: 500; display: block; box-sizing: border-box; width: 100%; padding: 10px 0 10px 14px;  cursor: pointer; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: left; letter-spacing: -.01em; color: #1c2024; }
.console-gnb .layer-console.service-container .service-submenus > li a:hover , .console-gnb .layer-console.service-container .service-submenus > li button:hover { background-color: #f2f2f2; }
.console-gnb .layer-console.service-container .service-submenus > li a.selected , .console-gnb .layer-console.service-container .service-submenus > li button.selected { color: #0acd7f; }
.console-gnb .layer-console.service-container .list-service { display: block; min-width: 240px; padding: 10px 0; transition: height .2s ease-out; border-right: 1px solid #e7e7e7; }
.console-gnb .layer-console.service-container .list-service > li { transition: background-color .3s ease-in-out; }
.console-gnb .layer-console.service-container .list-service > li .btn-service {font-weight: 500;  position: relative; display: block; box-sizing: border-box; width: 260px; padding: 10px 0 10px 20px; text-align: left; }
.console-gnb .layer-console.service-container .list-service > li .btn-service:before , .console-gnb .layer-console.service-container .list-service > li .btn-service:after {position: absolute; top: 50%; right: 12px; display: block; width: 6px; height: 10px; margin-top: -5px;  content: ''; background-image: url(../images/console_gnb_sprites.png); background-position: -110px -78px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .layer-console.service-container .list-service > li .btn-service:before , .console-gnb .layer-console.service-container .list-service > li .btn-service:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .layer-console.service-container .list-service > li .btn-service:after {width: 6px; height: 10px; transition: opacity .3s ease-in-out;  opacity: 0; background-image: url(../images/console_gnb_sprites.png); background-position: -98px -78px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .layer-console.service-container .list-service > li .btn-service:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .layer-console.service-container .list-service > li .btn-service [data-service] { line-height: 20px; letter-spacing: .06em; }
.console-gnb .layer-console.service-container .list-service > li.whaTap {position: relative;  margin: 20px 0 0; }
.console-gnb .layer-console.service-container .list-service > li.whaTap:before {position: absolute; top: -10px; right: 10px; left: 20px; height: 1px;  content: ''; background: #e7e7e7; }
.console-gnb .layer-console.service-container .list-service > li.whaTap .btn-service:before , .console-gnb .layer-console.service-container .list-service > li.whaTap .btn-service:after {position: absolute; top: 50%; right: 12px; display: block; width: 13px; height: 13px; margin-top: -6.5px;  content: ''; background-image: url(../images/console_gnb_sprites.png); background-position: -104px -95px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console-gnb .layer-console.service-container .list-service > li.whaTap .btn-service:before , .console-gnb .layer-console.service-container .list-service > li.whaTap .btn-service:after { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.console-gnb .layer-console.service-container .list-service > li .list-recently , .console-gnb .layer-console.service-container .list-service > li .service-submenus { display: none; }
.console-gnb .layer-console.service-container .list-service > li:hover , .console-gnb .layer-console.service-container .list-service > li.highlight { background-color: #f2f2f2; }
.console-gnb .layer-console.service-container .list-service > li:hover .list-recently , .console-gnb .layer-console.service-container .list-service > li:hover .service-submenus , .console-gnb .layer-console.service-container .list-service > li.highlight .list-recently , .console-gnb .layer-console.service-container .list-service > li.highlight .service-submenus {visibility: visible;  opacity: 1; }
.console-gnb .layer-console.service-container .list-service > li.selected .btn-service:before { opacity: 0; }
.console-gnb .layer-console.service-container .list-service > li.selected .btn-service:after { opacity: 1; }
.console-gnb .layer-console.service-container .list-service > li.selected [data-service] { color: #0acd7f; }
.console-gnb .layer-console.service-container .list-service > li.selected [data-service]:before { opacity: 0; }
.console-gnb .layer-console.service-container .list-service > li.selected [data-service]:after { opacity: 1; }
.console-gnb .layer-console.service-container .list-service > li.selected.whaTap [data-service] { color: #1c2024; }
.console-gnb .layer-console.service-container .list-service > li.selected.whaTap [data-service]:before { opacity: 0; }
.console-gnb .layer-console.service-container .list-service > li.selected.whaTap [data-service]:after { opacity: 1; }
.console-gnb .layer-console.service-container .list-service > li.selected.highlight { background-color: transparent; }
.console-gnb .layer-console.service-container .list-service > li.selected:hover { background-color: #f2f2f2; }

.menu-wrapper {position: fixed; z-index: 801; top: 40px; bottom: 0; left: 0;  box-sizing: border-box; width: 52px; background-color: #fff; }
.menu-wrapper.only { height: calc(100% - 84px); }
.menu-wrapper:after {position: absolute; z-index: 200; right: 0; bottom: 0; width: 1px; height: 100%;  content: ''; background-color: #e8ebef; }
.menu-wrapper[data-open='open'] .service-fold { transform: translateX(0); }
.menu-wrapper[data-open='open'].low-height.scrolling .menu-scroll:before { content: ''; }
.menu-wrapper[data-open='open'] .menu-scroll { overflow-y: auto; }
.menu-wrapper[data-open='open'] .menu-scroll > ul > li .icon-version { opacity: 0; }
.menu-wrapper[data-open='open'] .menu-scroll > ul > li.selected:not(.no-service-list) {border-top: 1px solid #e8ebef;  border-bottom: 1px solid #e8ebef; }
.menu-wrapper[data-open='open'] .menu-scroll > ul > li.selected:not(.no-service-list):after { content: ''; }
.menu-wrapper.low-height .menu-scroll:before {position: absolute; z-index: 220; bottom: -36px; left: 0; width: 100%; height: 36px;  content: none; box-shadow: 0 2px 36px rgba(0, 0, 0, .3); }
.menu-wrapper .setting-btn-area { position: absolute; z-index: 220; bottom: 0; width: 100%; padding: 12px 0 0; }
.menu-wrapper .setting-btn-area:before {position: absolute; top: 0; right: 8px; left: 8px; height: 1px;  content: ''; background-color: #e8ebef; }
.menu-wrapper .setting-btn-area .btn-wrap {display: -ms-flexbox; display: flex; flex-direction: column;  width: 100%; height: 60px; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; }
.menu-wrapper .setting-btn-area .btn-wrap p { font-size: .625rem; font-weight: 500; color: #999; }
.menu-wrapper .setting-btn-area button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper button[data-state=setting]:before {width: 18px; height: 18px;  content: ''; background-image: url(../images/console_gnb_sprites.png); background-position: -150px -117px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-state=setting]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-toggle=old]:before {width: 20px; height: 20px;  content: ''; background-image: url(../images/console_gnb_sprites.png); background-position: -52px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-toggle=old]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-toggle=new]:before {width: 20px; height: 20px;  content: ''; background-image: url(../images/console_gnb_sprites.png); background-position: -26px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-toggle=new]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper .service-fold { position: fixed; top: 40px; bottom: 0; left: 52px; box-sizing: border-box; width: 240px; padding: 20px 12px 0; transition: transform .3s ease-out; transform: translateX(-100%); border-right: 1px solid #e8ebef; background-color: #fff; }
.menu-wrapper .service-fold .icon-version {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-weight: 400; display: -ms-inline-flexbox; display: inline-flex; width: 36px; height: 15px; color: #fff;  border-radius: 10px; background-color: #1ea4ff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper .service-fold .icon-version strong { font-weight: inherit; padding-top: 1px; }
.menu-wrapper .service-fold .icon-version.new { background-color: #f48804; }
.menu-wrapper .service-fold > * { height: 100%; }
.menu-wrapper .service-fold > *[data-service=recently] > ul > li { margin-top: 8px; }
.menu-wrapper .service-fold > *[data-service=recently] > ul > li a , .menu-wrapper .service-fold > *[data-service=recently] > ul > li button {flex-direction: column;  -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: baseline; align-items: baseline; }
.menu-wrapper .service-fold > *[data-service=recently] > ul > li a .service , .menu-wrapper .service-fold > *[data-service=recently] > ul > li button .service { font-size: .6875rem; padding: 0 0 2px; color: #7b8088; }
.menu-wrapper .service-fold > * > ul {overflow-y: auto; max-height: calc(100% - 60px);  padding-top: 8px; }
.menu-wrapper .service-fold > * > ul a , .menu-wrapper .service-fold > * > ul button { border-radius: 0 !important; }
.menu-wrapper .service-fold > * > ul > li .icon-version { margin-left: 4px; }
.menu-wrapper .service-fold > * > ul > li .icon-version strong { line-height: 1; }
.menu-wrapper .service-fold > * > ul > li > a , .menu-wrapper .service-fold > * > ul > li button { padding: 0 8px; }
.menu-wrapper .service-fold > * > ul > li > ul > li a , .menu-wrapper .service-fold > * > ul > li > ul > li button {padding-right: 8px;  padding-left: 24px; }
.menu-wrapper .service-fold > * > ul > li > ul > li > ul > li a , .menu-wrapper .service-fold > * > ul > li > ul > li > ul > li button {padding-right: 8px;  padding-left: 48px; }
.menu-wrapper .service-fold li { font-size: .75rem; color: #777; }
.menu-wrapper .service-fold li > a:hover , .menu-wrapper .service-fold li button:hover { background: #e9ebf5; }
.menu-wrapper .service-fold li[data-depth] > ul {overflow: hidden; height: 0; transition: opacity .3s linear; pointer-events: none;  opacity: 0; }
.menu-wrapper .service-fold li[data-depth] > a .arrow , .menu-wrapper .service-fold li[data-depth] button .arrow { position: absolute; right: 0; width: 100%; height: 100%; }
.menu-wrapper .service-fold li[data-depth] > a .arrow:before , .menu-wrapper .service-fold li[data-depth] button .arrow:before {position: absolute; top: 50%; right: 4px; width: 10px; height: 5px;  content: ''; transition: transform .3s ease-in-out; transform: translate(-50%) rotate(180deg); background-image: url(../images/console_gnb_sprites.png); background-position: -72px -53px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper .service-fold li[data-depth] > a .arrow:before , .menu-wrapper .service-fold li[data-depth] button .arrow:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper .service-fold li[data-depth=on] > a .arrow:before , .menu-wrapper .service-fold li[data-depth=on] button .arrow:before { transform: translate(-50%) rotate(0); }
.menu-wrapper .service-fold li[data-depth=on] > ul {height: auto; pointer-events: auto;  opacity: 1; }
.menu-wrapper .service-fold li a , .menu-wrapper .service-fold li button {font-size: .75rem; position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box; width: 100%; height: 100%; height: 40px;  color: inherit; color: #222; -ms-flex-align: center; align-items: center; }
.menu-wrapper .service-fold li a.selected , .menu-wrapper .service-fold li button.selected {color: #222;  background-color: #e9ebf5; }
.menu-wrapper .service-fold h3 {font-size: 1rem; display: -ms-flexbox; display: flex; box-sizing: border-box; height: 40px; padding: 0 8px 12px; padding-right: 20px; color: #222;  border-bottom: 1px solid #e8ebef; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }
.menu-wrapper .service-fold h3 span { margin-right: 4px; }
.menu-wrapper .menu-scroll { position: relative; height: 100%; }
.menu-wrapper .menu-scroll .bottom-right {font-size: .625rem;  position: absolute; right: 4px; bottom: 8px; }
.menu-wrapper .menu-scroll .icon-version {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-weight: 400;  position: absolute; top: 4px; right: 4px; display: -ms-inline-flexbox; display: inline-flex; width: 15px; height: 15px; transition: opacity .3s linear; color: #fff; border-radius: 100%; background-color: #1ea4ff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper .menu-scroll .icon-version strong { font-weight: inherit; padding-top: 1px; }
.menu-wrapper .menu-scroll .icon-version.new { background-color: #f48804; }
.menu-wrapper .menu-scroll > ul { position: absolute; z-index: 201; top: 0; right: 1px; bottom: 0; left: 0; background-color: #fff; }
.menu-wrapper .menu-scroll > ul > li {position: relative;  display: -ms-flexbox; display: flex; box-sizing: border-box; width: calc(100% + 1px); height: 60px; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper .menu-scroll > ul > li.no-service-list:before {position: absolute; top: 0; right: 8px; left: 8px; width: auto; height: 1px;  content: ''; opacity: 1; background-color: #d3d8e0; }
.menu-wrapper .menu-scroll > ul > li.no-service-list ~ .no-service-list:before { content: none; }
.menu-wrapper .menu-scroll > ul > li:before {position: absolute; top: 0; bottom: 0; left: 0; width: 4px;  content: ''; transition: opacity .3s linear; opacity: 0; background-color: #0672ff; }
.menu-wrapper .menu-scroll > ul > li:after {position: absolute; top: 0; right: 0; bottom: 0; width: 1px;  content: none; background-color: #fff; }
.menu-wrapper .menu-scroll > ul > li.setting { position: absolute; bottom: 20px; left: 0; }
.menu-wrapper .menu-scroll > ul > li:hover:not(.no-service-list):before { opacity: 1; }
.menu-wrapper .menu-scroll > ul > li.selected:not(.no-service-list):first-child { border-top: 0; }
.menu-wrapper .menu-scroll > ul > li.selected:not(.no-service-list):before { opacity: 1; }
.menu-wrapper button[data-icon] , .menu-wrapper a[data-icon] { display: -ms-flexbox; display: flex; width: 20px; height: 20px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper button[data-icon]:before , .menu-wrapper a[data-icon]:before { content: ''; }
.menu-wrapper button.hover-btn , .menu-wrapper a.hover-btn { width: 32px; height: 32px; transition: background-color .3s linear; border-radius: 4px; }
.menu-wrapper button.hover-btn:hover , .menu-wrapper a.hover-btn:hover { background-color: #eaedf0; }
.menu-wrapper button[data-icon=closelist] , .menu-wrapper a[data-icon=closelist] { position: absolute; top: 20px; right: 10px; }
.menu-wrapper button[data-icon=closelist]:before , .menu-wrapper a[data-icon=closelist]:before {width: 11px; height: 10px;  background-image: url(../images/console_gnb_sprites.png); background-position: -124px -104px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-icon=closelist]:before , .menu-wrapper a[data-icon=closelist]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-icon=dropdown]:before , .menu-wrapper a[data-icon=dropdown]:before {width: 10px; height: 5px;  background-image: url(../images/console_gnb_sprites.png); background-position: -72px -53px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-icon=dropdown]:before , .menu-wrapper a[data-icon=dropdown]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button span , .menu-wrapper a span { overflow: hidden; width: 0; white-space: nowrap; text-indent: 100%; }
.menu-wrapper button[data-service] , .menu-wrapper a[data-service] { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.menu-wrapper button[data-service]:before , .menu-wrapper a[data-service]:before { content: ''; }
.menu-wrapper button[data-service=recently]:before , .menu-wrapper a[data-service=recently]:before {width: 18px; height: 18px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=recently]:before , .menu-wrapper a[data-service=recently]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=setting]:before , .menu-wrapper a[data-service=setting]:before {width: 18px; height: 18px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px -117px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=setting]:before , .menu-wrapper a[data-service=setting]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=add]:before , .menu-wrapper a[data-service=add]:before {width: 12px; height: 12px;  background-image: url(../images/console_gnb_sprites.png); background-position: -199px -176px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=add]:before , .menu-wrapper a[data-service=add]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=alm]:before , .menu-wrapper a[data-service=alm]:before {width: 17px; height: 19px;  background-image: url(../images/console_gnb_sprites.png); background-position: -176px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=alm]:before , .menu-wrapper a[data-service=alm]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=apr]:before , .menu-wrapper a[data-service=apr]:before {width: 20px; height: 17px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px -71px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=apr]:before , .menu-wrapper a[data-service=apr]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=asset]:before , .menu-wrapper a[data-service=asset]:before {width: 18px; height: 17px;  background-image: url(../images/console_gnb_sprites.png); background-position: 0px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=asset]:before , .menu-wrapper a[data-service=asset]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=osn]:before , .menu-wrapper a[data-service=osn]:before {width: 20px; height: 17px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px -94px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=osn]:before , .menu-wrapper a[data-service=osn]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=metering]:before , .menu-wrapper a[data-service=metering]:before {width: 20px; height: 14px;  background-image: url(../images/console_gnb_sprites.png); background-position: -50px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=metering]:before , .menu-wrapper a[data-service=metering]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=dqs]:before , .menu-wrapper a[data-service=dqs]:before {width: 20px; height: 19px;  background-image: url(../images/console_gnb_sprites.png); background-position: -79px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=dqs]:before , .menu-wrapper a[data-service=dqs]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=svm]:before , .menu-wrapper a[data-service=svm]:before {width: 20px; height: 12px;  background-image: url(../images/console_gnb_sprites.png); background-position: -76px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=svm]:before , .menu-wrapper a[data-service=svm]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=gov]:before , .menu-wrapper a[data-service=gov]:before {width: 20px; height: 17px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px -48px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=gov]:before , .menu-wrapper a[data-service=gov]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=devos]:before , .menu-wrapper a[data-service=devos]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -124px -52px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=devos]:before , .menu-wrapper a[data-service=devos]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=monitoring]:before , .menu-wrapper a[data-service=monitoring]:before {width: 20px; height: 18px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px -24px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=monitoring]:before , .menu-wrapper a[data-service=monitoring]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=portal]:before , .menu-wrapper a[data-service=portal]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -26px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=portal]:before , .menu-wrapper a[data-service=portal]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=prj]:before , .menu-wrapper a[data-service=prj]:before {width: 20px; height: 18px;  background-image: url(../images/console_gnb_sprites.png); background-position: -150px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=prj]:before , .menu-wrapper a[data-service=prj]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=resale]:before , .menu-wrapper a[data-service=resale]:before {width: 20px; height: 21px;  background-image: url(../images/console_gnb_sprites.png); background-position: -72px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=resale]:before , .menu-wrapper a[data-service=resale]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=req]:before , .menu-wrapper a[data-service=req]:before {width: 20px; height: 20px;  background-image: url(../images/console_gnb_sprites.png); background-position: -124px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=req]:before , .menu-wrapper a[data-service=req]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=newrelic]:before , .menu-wrapper a[data-service=newrelic]:before {width: 20px; height: 16px;  background-image: url(../images/console_gnb_sprites.png); background-position: -24px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=newrelic]:before , .menu-wrapper a[data-service=newrelic]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=whatap]:before , .menu-wrapper a[data-service=whatap]:before {width: 20px; height: 18px;  background-image: url(../images/console_gnb_sprites.png); background-position: -105px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=whatap]:before , .menu-wrapper a[data-service=whatap]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }
.menu-wrapper button[data-service=chatbot]:before , .menu-wrapper a[data-service=chatbot]:before {width: 21px; height: 19px;  background-image: url(../images/console_gnb_sprites.png); background-position: -52px -121px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .menu-wrapper button[data-service=chatbot]:before , .menu-wrapper a[data-service=chatbot]:before { background-image: url(../images/console_gnb_sprites@2x.png); background-size: 215px 210px; } }


.global-menu {position: fixed; z-index: 801; top: 0; right: 0; left: 0;  display: block; box-sizing: border-box; min-width: 1200px; height: 50px; padding: 0 20px; transition: all .3s ease-in-out;border-bottom: 1px solid #ccc; background-color: #fff;  }
.global-menu:after {clear: both;  content: ''; }
.global-menu .title {position: relative;  float: left; height: 50px; }
.global-menu .title .btn-home {font-size: 1.0625rem; font-weight: 700; line-height: 50px;  display: inline-block; vertical-align: middle; color: #000; }
.global-menu .title .btn-home.logo-bg {position: relative; bottom: 2px; overflow: hidden; width: 131px; height: 39px; white-space: nowrap; text-indent: 100%;  background-image: url(../images/layout_sprites.png); background-position: 0px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .title .btn-home.logo-bg { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .title .btn-bsp {font-size: 1.0625rem; font-weight: 700; line-height: 50px; position: static;  display: inline-block; vertical-align: middle; color: #000; }
.global-menu .title .btn-bsp.logo-bg {line-height: 1; overflow: hidden; width: 131px; height: 39px; margin: 20px 0 0; white-space: nowrap; text-indent: 100%;  background-image: url(../images/layout_sprites.png); background-position: 0px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .title .btn-bsp.logo-bg { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .title .btn-admin {font-size: 1.0625rem; font-weight: 700; line-height: 50px;  display: inline-block; vertical-align: middle; color: #000; }
.global-menu .title .btn-user-guide {font-size: 1.0625rem; font-weight: 700; line-height: 50px;  display: inline-block; vertical-align: middle; color: #000; }
.global-menu .title img { max-height: 50px; vertical-align: -1px; }
.global-menu[data-state=change] {transition: all .3s ease-in-out;  border-bottom: 0px; background-color: transparent; }
.global-menu[data-state=change] .title .btn-bsp { color: #fff; }
.global-menu[data-state=change] .title .btn-bsp.logo-bg {width: 131px; height: 39px;  background-image: url(../images/layout_sprites.png); background-position: 0px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu[data-state=change] .title .btn-bsp.logo-bg { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu[data-state=change] .utils .btns .btn { color: #fff; border: 2px solid #fff; }
.global-menu[data-state=change] .utils .btns .btn.signup { color: #000; background-color: #fff; }
.global-menu[data-state=change].admin .utils .btns .btn { color: #000; border: 2px solid #000; }
.global-menu .custom-select-container {position: relative;  display: inline-block; padding: 5px 0 4px 0; }
.global-menu .custom-select-container .txt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  display: inline-block; }
.global-menu .custom-select-container .txt.vendor {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .875rem; }
.global-menu .custom-select-container .txt.vendor:before { margin: 0 10px 0 0; }
.global-menu .custom-select-container .txt:before {display: inline-block; margin: -2px 7px 0 0;  content: ''; vertical-align: middle; }
.global-menu .custom-select-container .txt.aws:before {position: relative; width: 25px; height: 16px;  background: url('/assets/images/vendor_aws.svg') no-repeat; }
.global-menu .custom-select-container .txt.azure:before {position: relative; width: 23px; height: 23px;  background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.service-portal:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -252px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.service-portal:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.service-portal.new:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -330px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.service-portal.new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.alertnow:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -78px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.alertnow:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -684px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.asset-management:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.metering:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: 0px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.metering.new:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -278px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.metering.new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.resale:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -182px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.resale:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.monitoring:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -694px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-project:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -156px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-alarm:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -668px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-approval:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -590px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-service-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -658px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-service-request:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-dbqcs:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -642px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-dbqcs:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.its-devops:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -460px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container .txt.opsnow:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -408px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .custom-select-container .txt.opsnow:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .custom-select-container ~ .custom-select-container { margin-left: 4px; padding-left: 8px; border-left: 1px solid #f2f2f2; }
.global-menu .btn-custom-select {font-size: .875rem; font-weight: 500; position: relative;  display: inline-block; overflow: hidden; box-sizing: border-box; max-width: 380px; height: 40px; padding: 0 31px 0 10px; transition: all .3s ease-in-out; text-align: left; vertical-align: middle; white-space: nowrap; white-space: nowrap; text-overflow: ellipsis;color: #000; border: 2px solid #fff;  }
.global-menu .btn-custom-select:after {position: absolute; top: 50%; right: 10px; display: block; width: 11px; height: 8px; margin-top: -4px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background-image: url(../images/layout_sprites.png); background-position: -338px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .btn-custom-select:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .btn-custom-select.service { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 400; white-space: nowrap; }
.global-menu .btn-custom-select mark { background-color: transparent; }
.global-menu .btn-custom-select.is-selected {transition: all .3s ease-in-out;  border: 2px solid #000; }
.global-menu .btn-custom-select.is-selected:after {transition: transform .3s ease-in-out;  transform: rotateX(180deg); }
.global-menu .btn-custom-select.is-selected + .list-container {top: 100%;  visibility: visible; transition: all .3s ease-in-out; opacity: 1; }
.global-menu .list-container {position: absolute; z-index: 500; top: 80%;  display: block; visibility: hidden; box-sizing: border-box; width: auto; max-width: 340px; margin-top: 0px; opacity: 0; border: 2px solid #000; background-color: #fff; }
.global-menu .list-container .search-word {position: relative;  display: block; }
.global-menu .list-container .search-word input[type=text] {font-size: .875rem; font-weight: 500; line-height: 47px;  display: block; box-sizing: border-box; width: 100%; height: 47px; padding-left: 45px; color: #000; border: 0px; border-bottom: 2px solid rgba(0, 0, 0, .1); background: url('../images/icon_quick_04@2x.png') 12px center no-repeat; background-size: 21px 21px; box-shadow: none; }
.global-menu .list-container .search-word input[type=text]:focus { background: url('../images/icon_quick_04_focus@2x.png') 12px center no-repeat; background-size: 21px 21px; }
.global-menu .list-container .list-custom-select { display: block; overflow: auto; min-width: 138px; max-height: 700px; padding: 0 10px; }
.global-menu .list-container .list-custom-select > li a , .global-menu .list-container .list-custom-select > li button {font-size: 1.125rem; font-weight: 400; line-height: 50px; position: relative;  display: block; overflow: hidden; width: 100%; height: 50px; padding-bottom: 2px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.global-menu .list-container .list-custom-select > li a:before , .global-menu .list-container .list-custom-select > li button:before {position: absolute; right: 0; bottom: 0; left: 0px; display: block; height: 1px;  content: ''; transition: height .3s ease-in-out; background-color: rgba(0, 0, 0, .1); }
.global-menu .list-container .list-custom-select > li a:hover:before , .global-menu .list-container .list-custom-select > li a:focus:before , .global-menu .list-container .list-custom-select > li button:hover:before , .global-menu .list-container .list-custom-select > li button:focus:before { height: 6px; transition: height .2s ease-in-out; background-color: #000; }
.global-menu .list-container .list-custom-select > li a mark , .global-menu .list-container .list-custom-select > li button mark {vertical-align: baseline;  color: #4990e2; background-color: transparent; }
.global-menu .list-container .list-custom-select > li.is-selected a:before , .global-menu .list-container .list-custom-select > li.is-selected button:before { height: 6px; background-color: #000; }
.global-menu .list-container .list-custom-select > li.is-selected .vendor { font-weight: 600; }
.global-menu .list-container .list-custom-select > li.not-match { display: none; }
.global-menu .list-container .list-custom-select.company > li a , .global-menu .list-container .list-custom-select.company > li button {font-size: .875rem; font-weight: 700; line-height: 45px;  height: 45px; }
.global-menu .utils {position: relative; top: 50%;  float: right; height: 22px;transform: translateY(-50%);  }
.global-menu .utils .list-gnb-notice {position: relative;  display: inline-block; overflow: hidden; width: 310px; height: 22px; vertical-align: middle; }
.global-menu .utils .list-gnb-notice .js-marquee-wrapper {line-height: 22px;  display: inline-block; height: 22px; }
.global-menu .utils .list-gnb-notice .js-marquee-wrapper .js-marquee {line-height: 22px;  display: inline-block; height: 22px; vertical-align: top; }
.global-menu .utils .list-gnb-notice li {line-height: 22px;  display: inline-block; height: 22px; vertical-align: top; }
.global-menu .utils .list-gnb-notice:after {font-size: .875rem; position: absolute; top: 0; right: -3px; display: block; width: 20px; height: 22px;  content: '|'; text-align: center; vertical-align: middle; color: #f2f2f2; background-color: #fff; }
.global-menu .utils .notice-gnb-item {font-size: .6875rem; line-height: 22px;  display: inline-block; height: 22px; margin-right: 35px; vertical-align: top; }
.global-menu .utils .notice-gnb-item .notice-category {font-weight: 400; line-height: 22px;  display: inline-block; }
.global-menu .utils .notice-gnb-item .notice-item-title {line-height: 22px;  display: inline-block; margin-left: 3px; color: #777; }
.global-menu .utils .notice-gnb-item .update {line-height: 22px;  display: inline-block; margin-left: 3px; color: #999; }
.global-menu .utils .notice-gnb-item[data-state=new] .notice-category { color: #1886ff; }
.global-menu .utils .notice-gnb-item[data-state=event] .notice-category { color: #6cb41d; }
.global-menu .utils .notice-gnb-item[data-state=check] .notice-category { color: #f66c23; }
.global-menu .utils .user {position: relative;  display: inline-block; }
.global-menu .utils .user figcaption { display: inline-block; }
.global-menu .utils .user figcaption a , .global-menu .utils .user figcaption button {font-size: .6875rem; font-weight: 400; position: relative;  display: inline-block; color: #777; }
.global-menu .utils .user figcaption a:after , .global-menu .utils .user figcaption button:after {display: inline-block; width: 8px; height: 5px; margin: -2px 0 0 8px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -506px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .user figcaption a:after , .global-menu .utils .user figcaption button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .user[data-state=open] figcaption a:after , .global-menu .utils .user[data-state=open] figcaption button:after { transform: rotateX(180deg); }
.global-menu .utils .user[data-state=open] .user-menus {top: 100%;  visibility: visible; transition: all .3s ease-in-out; opacity: 1; }
.global-menu .utils .user-menus {position: absolute; top: 90%; right: -23px;  display: block; visibility: hidden; box-sizing: border-box; width: 150px; margin-top: 10px; padding: 21px 22px 24px 22px; opacity: 0; background-color: #000; }
.global-menu .utils .user-menus:before {position: absolute; top: -10px; left: 71.5%; display: block;  content: ''; border-width: 0 10px 10px 10px; border-style: solid; border-color: transparent transparent #000 transparent; }
.global-menu .utils .user-menus ul > li + li { margin-top: 10px; }
.global-menu .utils .user-menus a , .global-menu .utils .user-menus button { font-size: .75rem; font-weight: 400; line-height: 1.5em; color: #999; }
.global-menu .utils .user-menus a:hover , .global-menu .utils .user-menus button:hover {text-decoration: underline;  color: #fff; }
.global-menu .utils .notification {position: relative;  display: inline-block; }
.global-menu .utils .notification .btn-notification {position: relative;  display: inline-block; overflow: visible; width: 18px; height: 20px; margin-left: 17px; text-indent: -9999px; background-image: url(../images/layout_sprites.png); background-position: -710px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .notification .btn-notification { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .notification .btn-notification .badge {font-size: .625rem; font-weight: 400; line-height: 14px; position: absolute; z-index: 1; top: -40%; right: -55%;  display: block; min-width: 9px; height: 14px; padding: 0 3px; text-align: center; text-indent: 0px; color: #fff; border: 2px solid #fff; border-radius: 14px; background-color: #f34122; }
.global-menu .utils .notification[data-state=open] .notification-container {z-index: 800; top: 150%;  visibility: visible; transition: all .3s ease-in-out; opacity: 1; }
.global-menu .utils .notification-container {position: absolute; z-index: -1; top: 140%; right: -40px; left: auto;  display: block; visibility: hidden; box-sizing: border-box; width: 350px; height: 390px; padding-bottom: 40px; opacity: 0; border: 2px solid #000; background-color: #fff; }
.global-menu .utils .notification-container:before {position: absolute; z-index: -1; top: -7px; right: 41px; display: block; width: 10px; height: 10px;  content: ''; transform: rotate(-135deg); border: 2px solid #000; border-top-width: 0; border-left-width: 0; background-color: #fff; }
.global-menu .utils .notification-container .list-notification { overflow: auto; height: 346px; padding: 0 18px; background-color: #fff; }
.global-menu .utils .notification-container .list-notification > li { border-bottom: 1px solid #eee; }
.global-menu .utils .notification-container .list-notification > li:first-child { border-top: 0; }
.global-menu .utils .notification-container .list-notification > li.none { font-size: .875rem; line-height: 344px; text-align: center; color: #999; border-bottom: 0px; }
.global-menu .utils .notification-container .notification-item {position: relative;  display: block; padding: 12px 6px; }
.global-menu .utils .notification-container .notification-item .none-read {position: absolute; top: 18px; left: -6px;  display: block; width: 6px; height: 6px; text-indent: -9999px; border-radius: 6px; background-color: #1886ff; }
.global-menu .utils .notification-container .notification-item .notification-title {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.global-menu .utils .notification-container .notification-item .notification-update {font-size: .75rem;  display: block; margin-top: 2px; color: #999; }
.global-menu .utils .notification-container .notification-item:hover .notification-title { text-decoration: underline; }
.global-menu .utils .notification-container .btns {position: absolute; right: 0; bottom: 0; left: 0;  display: block; height: 40px; margin: 0; padding-right: 20px; text-align: right; background-color: #eee; }
.global-menu .utils .notification-container .btns .btn-more {font-size: .75rem; font-weight: 500; line-height: 40px;  display: inline-block; color: #000; }
.global-menu .utils .notification-container .btns .btn-more:after {display: inline-block; width: 6px; height: 10px; margin: -3px 0 0 3px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -215px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .notification-container .btns .btn-more:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .notification-container .btns .btn-more:hover { text-decoration: underline; }
.global-menu .utils .all-menus {position: relative;  display: inline-block; }
.global-menu .utils .all-menus .btn-all-menus {position: relative;  display: inline-block; width: 20px; height: 19px; margin-left: 17px; text-indent: -9999px; background-image: url(../images/layout_sprites.png); background-position: -707px -302px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus .btn-all-menus { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus[data-state=open] .all-menus-container {z-index: 800; top: 150%;  visibility: visible; transition: all .3s ease-in-out; opacity: 1; }
.global-menu .utils .all-menus-container {position: absolute; z-index: -1; top: 140%; right: -10px;  display: block; visibility: hidden; box-sizing: border-box; opacity: 0; border: 2px solid #000; background-color: #fff; }
.global-menu .utils .all-menus-container:before {position: absolute; z-index: 1; top: -7px; right: 12px; display: block; width: 10px; height: 10px;  content: ''; transform: rotate(-135deg); border: 2px solid #000; border-top-width: 0; border-left-width: 0; background-color: #fff; }
.global-menu .utils .all-menus-container .list-service-menus { display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-direction: row; }
.global-menu .utils .all-menus-container .list-service-menus > li { box-sizing: border-box; width: 230px; min-width: 230px; padding: 20px 0 26px 18px; -ms-flex: 1 1 0px; flex: 1 1 0; }
.global-menu .utils .all-menus-container .list-service-menus > li + li { border-left: 1px solid #d8d8d8; }
.global-menu .utils .all-menus-container .list-service-menus > li .service {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; position: relative;  display: block; box-sizing: border-box; padding: 0 5px 0 27px; color: #000; }
.global-menu .utils .all-menus-container .list-service-menus > li .service:before {position: absolute; top: 0; left: 0; display: block;  content: ''; }
.global-menu .utils .all-menus-container .list-service-menus > li .service.service-portal:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -252px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.service-portal:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -684px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.asset-management:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.metering:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: 0px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.monitoring:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -694px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.service-portal.new:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -330px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.service-portal.new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.alertnow:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -78px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.alertnow:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.metering.new:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -278px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.metering.new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-project:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -156px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-project:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -512px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-project:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-alarm:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -668px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-alarm:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -616px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-alarm:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-approval:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -590px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-approval:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -200px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-approval:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-service-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -658px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-service-request:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-service-request:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -708px -250px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-service-request:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-dbqcs:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -642px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-dbqcs:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-dbqcs:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -434px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-dbqcs:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-devops:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -460px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.its-devops:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -486px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.its-devops:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.opsnow:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -408px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.opsnow:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li .service.opsnow:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -382px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li .service.opsnow:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .list-service-menus > li a.service { margin-bottom: 20px; }
.global-menu .utils .all-menus-container .list-service-menus > li a.service:after {display: inline-block; width: 7px; height: 11px; margin: -3px 0 0 5px;  content: ''; vertical-align: middle; text-transform: uppercase; background-image: url(../images/layout_sprites.png); background-position: -517px -425px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .list-service-menus > li a.service:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .service-menu-items { margin-top: 5px; }
.global-menu .utils .all-menus-container .service-menu-items > li { padding-left: 27px; }
.global-menu .utils .all-menus-container .service-menu-items > li a {font-size: .75rem; line-height: 1.5;  display: block; padding: 8px 0; color: #000; }
.global-menu .utils .all-menus-container .service-menu-items > li a:hover { text-decoration: underline; }
.global-menu .utils .all-menus-container .utils { display: block; float: none; height: 42px; padding-right: 20px; padding-left: 20px; transform: translateY(0); text-align: left; border-top: 1px solid #d8d8d8; background-color: #f9f9f9; }
.global-menu .utils .all-menus-container .utils .btns {line-height: 38px;  margin: 0; white-space: nowrap; }
.global-menu .utils .all-menus-container .utils .btns button {font-size: .8125rem; position: relative;  display: inline-block; color: #000; }
.global-menu .utils .all-menus-container .utils .btns button:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.global-menu .utils .all-menus-container .utils .btns button:hover { color: #1886ff; }
.global-menu .utils .all-menus-container .utils .btns button.btn-application:before {width: 19px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -233px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .utils .btns button.btn-application:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .utils .btns button.btn-application:hover:before {width: 19px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -463px -496px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .utils .btns button.btn-application:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .utils .btns button.btn-fee:before {width: 19px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -208px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .utils .btns button.btn-fee:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .utils .btns button.btn-fee:hover:before {width: 19px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -488px -496px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .global-menu .utils .all-menus-container .utils .btns button.btn-fee:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.global-menu .utils .all-menus-container .utils .btns button + button { margin-left: 27px; }
.global-menu .utils .all-menus-container .utils .btns button + button:after {position: absolute; top: 50%; left: -16px; display: block; width: 1px; height: 18px; margin-top: -9px;  content: ''; background-color: #d8d8d8; }
.global-menu .utils .btns { display: inline-block; margin-left: 20px; vertical-align: middle; }
.global-menu .utils .btns .btn {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 700; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 90px; height: 26px; margin-left: 6px; text-align: center; color: #000; border: 2px solid #000; }
.global-menu .utils .btns .btn.signup { color: #fff; background-color: #000; }
.global-menu .utils .select-language {position: relative;  display: block; overflow: hidden; box-sizing: border-box; height: 30px; margin-top: -4px; border: 1px solid #ccc; border-radius: 3px; }
.global-menu .utils .select-language input[type=radio] { position: absolute; left: -100%; }
.global-menu .utils .select-language input[type=radio] + label {font-size: .75rem; font-weight: 400; line-height: 2.41667em; display: block; float: left; box-sizing: border-box; width: 63px; height: 30px; padding: 0;  cursor: pointer; text-align: center; color: rgba(0, 0, 0, .2); background-color: #efefef; }
.global-menu .utils .select-language input[type=radio] + label:nth-child(3n+2) { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.global-menu .utils .select-language input[type=radio]:checked + label { font-weight: 700; color: #000; background-color: #fff; }

.sub-menus {position: relative; z-index: 799;  box-sizing: border-box; height: 34px; padding: 0 20px; background-color: #f0f0f0; }
.sub-menus .sub-menus-utils {position: absolute; top: 0; right: 25px;  display: block; }
.sub-menus .sub-menus-utils.sub-menus-utils-admin .button-common-help { cursor: pointer; }
.sub-menus .sub-menus-utils.sub-menus-utils-admin .button-common-help:after { content: none; }
.sub-menus .sub-menus-utils.sub-menus-utils-admin .button-common-help:hover .submenu { display: none; }
.sub-menus ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.sub-menus ul:after {display: block; clear: both;  content: ''; }
.sub-menus ul > li {position: relative;  display: block; white-space: nowrap; }
.sub-menus ul > li.new a:before {font-size: .625rem; line-height: 1; position: relative; top: 1px; display: inline-block; display: inline-block; box-sizing: border-box; margin-right: 5px; padding: 1px 2px 2px 2px;  content: 'NEW'; vertical-align: 2px; text-transform: lowercase; color: #ff4b55; border: 1px solid #ff4b55; border-radius: 2px; }
.sub-menus ul > li.beta a:after {font-size: .625rem; line-height: 1; position: relative; top: 1px; display: inline-block; display: inline-block; box-sizing: border-box; margin-left: 5px; padding: 1px 2px 2px 2px;  content: 'BETA'; vertical-align: 2px; text-transform: lowercase; color: #5ca7ff; border: 1px solid #5ca7ff; border-radius: 2px; }
.sub-menus ul > li a {font-size: .75rem; font-weight: 400; line-height: 34px;  display: block; transition: color .3s ease-in-out; color: #999; }
.sub-menus ul > li a:hover { color: #000; }
.sub-menus ul > li.is-selected a { font-weight: 500; color: #000; }
.sub-menus ul > li:hover .list-sub-menus { display: block; }
.sub-menus ul > li + li { margin-left: 30px; }
.sub-menus ul > li .list-sub-menus {position: absolute; z-index: 1; top: 100%; right: -34px; left: -34px;  display: none; padding: 14px 0 13px 0; background-color: #dadada; }
.sub-menus ul > li .list-sub-menus:after {position: absolute; top: 0; left: 50%; display: block; width: 32px; height: 15px; margin-left: -16px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -693px -279px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .sub-menus ul > li .list-sub-menus:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.sub-menus ul > li .list-sub-menus > li {position: relative; overflow: hidden;  box-sizing: border-box; width: 100%; margin-left: 0; padding: 3px 20px 3px 10px; }
.sub-menus ul > li .list-sub-menus > li button , .sub-menus ul > li .list-sub-menus > li a {font-size: .75rem; font-weight: 400; line-height: 18px; position: relative; z-index: 1;  display: block; float: left; padding-right: 15px; white-space: nowrap; letter-spacing: -.01em; color: #999; background-color: #dadada; }
.sub-menus ul > li .list-sub-menus > li button:hover , .sub-menus ul > li .list-sub-menus > li a:hover { color: #000; }
.sub-menus ul > li .list-sub-menus > li.is-selected:before { display: block; }
.sub-menus ul > li .list-sub-menus > li.is-selected button , .sub-menus ul > li .list-sub-menus > li.is-selected a { font-weight: 500; color: #000; }
.page-admin .sub-menus { height: 34px; background-color: #474747; }
.page-admin .sub-menus ul > li a { line-height: 34px; }
.page-admin .sub-menus ul > li a:hover { color: #fff; }
.page-admin .sub-menus ul > li.is-selected a { color: #fff; }
.page-admin .sub-menus ul > li + li:before { background-color: #5a5a5a; }

.button-common-help {font-size: .75rem; font-weight: 500; line-height: 32px;  position: relative; display: inline-block; overflow: visible; box-sizing: border-box; vertical-align: middle; color: #afafaf; }
.button-common-help:after {position: absolute; top: 50%; right: -.75rem; width: 8px; height: 4px;  content: ''; transform: translateY(-50%); background-image: url(../images/layout_sprites.png); background-position: -534px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-help:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-common-help:hover:after {width: 8px; height: 4px;  background-image: url(../images/layout_sprites.png); background-position: -520px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-help:hover:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-common-help > ul.submenu {position: absolute; top: 2.125rem; right: -1.5625rem;  display: none; padding: 1.125rem; background: #000; }
.button-common-help > ul.submenu:before {position: absolute; top: -8px; left: calc(50% - 6px); display: inline-block; display: inline-block; padding: 3px;  content: ''; transform: rotate(-135deg) translateX(-50%); border: solid black; border-width: 0 3px 3px 0; background: #000; }
.button-common-help > ul.submenu > li {margin: 0;  padding: 0 0 10px; text-align: left; }
.button-common-help > ul.submenu > li:last-child { padding: 0; }
.button-common-help > ul.submenu > li > a {font-size: .75rem; line-height: 1.125rem;  display: inline; color: #999; }
.button-common-help > ul.submenu > li > a:hover {text-decoration: underline;  color: #fff; }
.button-common-help:before {display: inline-block; width: 15px; height: 15px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -535px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-help:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-common-help:hover { color: #1886ff; }
.button-common-help:hover:before {width: 15px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -493px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-help:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-common-help:hover > ul { display: inline-block; }

.button-common-notice {font-size: .75rem; font-weight: 500; line-height: 32px;  display: inline-block; box-sizing: border-box; margin-right: 12px; vertical-align: middle; color: #afafaf; }
.button-common-notice:before {display: inline-block; width: 14px; height: 14px; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -626px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-notice:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-common-notice:hover { color: #1886ff; }
.button-common-notice:hover:before {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -646px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-notice:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }


span.beta { font-size: .625rem; line-height: 1; display: inline-block; box-sizing: border-box; padding: 2px 2px 1px 2px; vertical-align: 2px; text-transform: lowercase; color: #5ca7ff; border: 1px solid #5ca7ff; border-radius: 2px; }
span.beta.new { color: #ff8000; border-color: #ff8000; }

a.service.opsnow > .beta , a.service.opsnow > .new { vertical-align: 1px; }


.layout-footer { position: absolute; z-index: 800; right: 0; bottom: 0; left: 0; box-sizing: border-box; color: #fff; background-color: #1b2d4b; }
.layout-footer .contents-inner { position: relative; overflow: visible !important; box-sizing: border-box; min-width: 1200px; height: 34px; padding: 0px 20px; }
.layout-footer .contents-inner:after {display: table; clear: both;  content: ''; }
.layout-footer .service { float: left; width: 40%; }
body[data-state=logout] .layout-footer .service { width: 60%; }
.layout-footer .service .partner_add { display: none; }
.layout-footer .service .title {font-size: .6875rem; font-weight: 700; line-height: 34px;  display: inline-block; height: 34px; vertical-align: middle; color: #fff; }
.layout-footer .service .title.custom-logo img { max-height: none; }
.layout-footer .service .title img { display: inline-block; max-height: 13px; margin-top: 0px; vertical-align: middle; }
.layout-footer .service .title img.lgnsys_footer { max-height: 15px; }
.layout-footer .service .title.logo-bg {line-height: 1; overflow: hidden; width: 58px; height: 13px; margin-top: 5px; white-space: nowrap; text-indent: 100%;  background-image: url(../images/layout_sprites.png); background-position: -666px -63px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-footer .service .title.logo-bg { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-footer .service .title.admin img { margin-top: -5px; }
.layout-footer .service .list-shortcut { display: none; margin: 24px 0 0 3px; text-align: left; }
.layout-footer .service .list-shortcut a { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 100; line-height: 2.08333em; transition: color .3s ease-in-out; color: #fff; }
.layout-footer .service .list-shortcut a:hover { color: rgba(255, 255, 255, .5); }
.layout-footer .custom-select-container {position: relative;  display: inline-block; margin: 0 0 0 16px; vertical-align: middle; }
.layout-footer .custom-select-container .btn-custom-select {font-size: .625rem; font-weight: 100; line-height: 32px; position: relative;  display: inline-block; box-sizing: border-box; width: 86px; height: 34px; padding-left: 10px; text-align: left; color: #fff; border-right: 1px solid #444; border-left: 1px solid #444; background-color: #1b2d4b; }
.layout-footer .custom-select-container .btn-custom-select:after {position: absolute; top: 50%; right: 8px; display: block; width: 8px; height: 5px; margin-top: -2.5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background-image: url(../images/layout_sprites.png); background-position: -492px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-footer .custom-select-container .btn-custom-select:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-footer .custom-select-container .btn-custom-select.is-selected:after { transform: rotateX(180deg); }
.layout-footer .custom-select-container .btn-custom-select.is-selected + .list-container {bottom: 100%;  visibility: visible; transition: all .3s ease-in-out; opacity: 1; }
.layout-footer .custom-select-container .list-container {position: absolute; z-index: 500; right: 0; bottom: 90%; left: 0;  display: block; visibility: hidden; overflow: auto; box-sizing: border-box; width: 100%; width: auto; max-height: 700px; margin-top: 7px; transition: all .3s ease-in-out; opacity: 0; border: 1px solid #666; background-color: #222; }
.layout-footer .custom-select-container .list-container .list-custom-select { padding: 8px 0; }
.layout-footer .custom-select-container .list-container .list-custom-select > li a , .layout-footer .custom-select-container .list-container .list-custom-select > li button {font-size: .625rem; font-weight: 400; line-height: 30px; position: relative;  display: block; width: 100%; height: 30px; padding: 0 20px 0 14px; text-align: left; color: #999; background-color: transparent; }
.layout-footer .custom-select-container .list-container .list-custom-select > li a:hover , .layout-footer .custom-select-container .list-container .list-custom-select > li button:hover { color: #fff; background-color: #5f5f5f; }
.layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected a , .layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected button { font-weight: 700; color: #fff; }
.layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected a:after , .layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected button:after {position: absolute; top: 50%; right: 12px; display: block; width: 12px; height: 9px; margin-top: -4.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -670px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected a:after , .layout-footer .custom-select-container .list-container .list-custom-select > li.is-selected button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-footer .utils {font-size: .625rem;  display: block; float: right; text-align: right; color: #92a5c3; }
.layout-footer .utils .policy {line-height: 34px;  display: inline-block; vertical-align: middle; }
.layout-footer .utils .policy a {font-weight: 100;  display: inline-block; color: #fff; }
.layout-footer .utils .policy a + a:before {display: inline-block; width: 1px; height: 10px; margin: 0 7px 0 6px;  content: ''; background-color: #505f76; }
.layout-footer .utils .company-info { display: none; }
.layout-footer .utils .copyright {line-height: 34px;  display: inline-block; margin-left: 28px; vertical-align: middle; color: #92a5c3; }
body[data-state=logout] .layout-footer .contents-inner {width: 1200px; height: 300px;  margin: 0 auto; padding: 0 35px; }
body[data-state=logout] .layout-footer .console_brokerage_link { display: none; }
body[data-state=logout] .layout-footer .service { padding-top: 52px; }
body[data-state=logout] .layout-footer .service .title {font-size: 1.4375rem; line-height: 1.47826em;  display: block; }
body[data-state=logout] .layout-footer .service .title img { display: block; width: auto; max-height: inherit; }
body[data-state=logout] .layout-footer .service .title.logo-bg {width: 58px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -666px -63px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body[data-state=logout] .layout-footer .service .title.logo-bg { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
body[data-state=logout] .layout-footer .service .list-shortcut { display: -ms-flexbox; display: flex; flex-direction: column; width: 450px; height: 100px; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
body[data-state=logout] .layout-footer .service .list-shortcut.line-2 { width: 380px; }
[lang=zh] body[data-state=logout] .layout-footer .service .list-shortcut { width: 270px; }
[lang=zh] body[data-state=logout] .layout-footer .service .list-shortcut a { font-weight: 400; }
body[data-state=logout] .layout-footer .service .list-shortcut span.beta {font-size: .625rem;  font-weight: 400; line-height: 1; display: inline-block; box-sizing: border-box; margin: 0 0 0 3px; padding: 2px 2px 1px; vertical-align: 1px; text-transform: lowercase; color: #5ca7ff; border: 1px solid #5ca7ff; border-radius: 2px; }
body[data-state=logout] .layout-footer .service .list-shortcut span.beta.new { color: #ff8000; border-color: #ff8000; }
body[data-state=logout] .layout-footer .custom-select-container { margin: 35px 0 0 0; }
body[data-state=logout] .layout-footer .custom-select-container .btn-custom-select { font-size: .75rem; border: 1px solid #444; }
body[data-state=logout] .layout-footer .utils {font-size: .75rem;  padding: 70px 0 0 0; }
body[data-state=logout] .layout-footer .utils .policy {line-height: 30px;  display: block; }
body[data-state=logout] .layout-footer .utils .company-info {line-height: 1.66667em;  display: block; margin-top: 10px; }
body[data-state=logout] .layout-footer .utils .company-info span { display: block; }
body[data-state=logout] .layout-footer .utils .copyright {line-height: 30px;  display: block; margin-top: 30px; margin-left: 0px; }

.layout-footer.new {left: 52px; border-style: solid; border-color: #e8ebef; border-top-width: 1px; border-right: 0; border-bottom: 0; border-left: 0;  background-color: #f6f8fa; }
body[data-state=logout] .layout-footer.new { position: absolute; z-index: 800; right: 0; bottom: 0; left: 0; box-sizing: border-box; color: #fff; background-color: #1b2d4b; }
.layout-footer.new .contents-inner .title { display: none; }
.layout-footer.new .contents-inner .custom-select-container { margin: 0; }
.layout-footer.new .contents-inner .custom-select-container .btn-custom-select {width: auto; width: auto; padding: 0 8px; padding: 0 8px; padding-right: 20px;  color: #7b8088; border: 0; background-color: transparent; }
.layout-footer.new .contents-inner .custom-select-container .btn-custom-select:after {right: 5px; width: 10px; height: 5px; transform: rotateX(180deg);  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2My4xICg5MjQ1MikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC5tYXRlcmlhbF9mYXYvbmF2aWdhdGlvbi9hcnJvd19kcm9wX2Rvd25fMjRweCBjb3B5IDExPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwLjgzMzMzMzMzMyAwLjMzMzMzMzMzMyA1IDQuNSA5LjE2NjY2NjY3IDAuMzMzMzMzMzMzIj48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMDMwNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuyCrOyaqeyekC3soJXrs7Qt7IiY7KCVIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjAwMDAwMCwgLTc4Mi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IjAzX09SR0FOSUMvZm9vdGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MS4wMDAwMDAsIDc2Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjb21wYW55LW5hbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iMC5tYXRlcmlhbF9mYXYvbmF2aWdhdGlvbi9hcnJvd19kcm9wX2Rvd25fMjRweC1jb3B5LTExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOS4wMDAwMDAsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJuYXZpZ2F0aW9uL2Fycm93X2Ryb3BfZG93bl8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjb2xvciNJY29uL2lkbGUiIG1hc2s9InVybCgjbWFzay0yKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMDAwMDAwLCAtOC4wMDAwMDApIiBpZD0iY29sb3IjI1BhbGV0dGUvI0dyYXkvKkdyYXktMSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTM0MCIgZmlsbD0iIzg5OEQ5NCIgeD0iMCIgeT0iMS40MjEwODU0N2UtMTQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: cover; }
.layout-footer.new .contents-inner .custom-select-container .btn-custom-select.is-selected:after { transform: rotateX(0); }
.layout-footer.new .contents-inner .custom-select-container .list-container {width: 83px; border-color: #e8ebef;  background-color: #fff; }
.layout-footer.new .contents-inner .custom-select-container .list-container .list-custom-select > li button { color: #7b8088; }
.layout-footer.new .contents-inner .custom-select-container .list-container .list-custom-select > li button:hover { color: #7b8088; background-color: #e8ebef; }
.layout-footer.new .contents-inner .custom-select-container .list-container .list-custom-select > li button:after { content: none; }
.layout-footer.new .contents-inner .custom-select-container .list-container .list-custom-select > li.is-selected button { font-weight: normal; color: #7b8088; background-color: #e8ebef; }
.layout-footer.new .contents-inner .utils .policy a { color: #7b8088; }
.layout-footer.new .contents-inner .utils .policy a + a:before { background-color: #e8ebef; }
.layout-footer.new .contents-inner .utils .copyright { color: #b0b7bf; }


html[lang='en'] p , html[lang='en'] li , html[lang='en'] em { word-break: keep-all; }

[data-index=over] { z-index: 1100 !important; }

bg-gnb.intelligent ~ main .layout-contents.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents { left: 260px; }

bg-gnb ~ main .layout-contents { min-height: calc(100vh - 40px - 34px) !important; }
bg-gnb ~ main .layout-contents.layout-with-filter[data-state=expand] .layout-filter-container { top: 100px; }
bg-gnb ~ main .layout-contents.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents { left: 40px; }
bg-gnb ~ main .layout-contents.layout-with-filter[data-state=expand] .layout-page-utils.fixed { top: 42px; }

.spinner-opsnow {position: absolute; top: 50%; left: 50%;  width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; }
.spinner-opsnow.animation-1 { transform: rotate(45deg); }
.spinner-opsnow.animation-1 .shape { border-radius: 100%; }
.spinner-opsnow.animation-2 , .spinner-opsnow.animation-4 { transform: rotate(10deg); }
.spinner-opsnow.animation-2 .shape , .spinner-opsnow.animation-4 .shape { border-radius: 5px; }
.spinner-opsnow.animation-2 , .spinner-opsnow.animation-3 , .spinner-opsnow.animation-4 { animation: rotation 1s infinite; }
.spinner-opsnow.animation-3 .shape1 { border-top-left-radius: 10px; }
.spinner-opsnow.animation-3 .shape2 { border-top-right-radius: 10px; }
.spinner-opsnow.animation-3 .shape3 { border-bottom-left-radius: 10px; }
.spinner-opsnow.animation-3 .shape4 { border-bottom-right-radius: 10px; }
.spinner-opsnow.animation-4 , .spinner-opsnow.animation-5 { transform: rotate(45deg); }
.spinner-opsnow.animation-5 .shape { width: 15px; height: 15px; }
.spinner-opsnow.animation-6 { animation: rotation 1s infinite; }
.spinner-opsnow.animation-6 .shape { width: 12px; height: 12px; border-radius: 100%; }
.spinner-opsnow .shape { position: absolute; width: 10px; height: 10px; border-radius: 1px; }
.spinner-opsnow .shape.shape1 { left: 0; background-color: #004098; }
.spinner-opsnow .shape.shape2 { right: 0; background-color: #0acd7f; }
.spinner-opsnow .shape.shape3 { bottom: 0; background-color: #f5a323; }
.spinner-opsnow .shape.shape4 {right: 0;  bottom: 0; background-color: #ff2d47; }

@keyframes rotation { from { transform: rotate(0deg); }
	to { transform: rotate(360deg); } }

.animation-1 .shape1 { animation: animation1shape1 .5s ease 0s infinite alternate; }

@keyframes animation1shape1 { from { transform: translate(0, 0); }
	to { transform: translate(16px, 16px); } }

.animation-1 .shape2 { animation: animation1shape2 .5s ease 0s infinite alternate; }

@keyframes animation1shape2 { from { transform: translate(0, 0); }
	to { transform: translate(-16px, 16px); } }

.animation-1 .shape3 { animation: animation1shape3 .5s ease 0s infinite alternate; }

@keyframes animation1shape3 { from { transform: translate(0, 0); }
	to { transform: translate(16px, -16px); } }

.animation-1 .shape4 { animation: animation1shape4 .5s ease 0s infinite alternate; }

@keyframes animation1shape4 { from { transform: translate(0, 0); }
	to { transform: translate(-16px, -16px); } }

.animation-2 .shape1 { animation: animation2shape1 .5s ease 0s infinite alternate; }

@keyframes animation2shape1 { from { transform: translate(0, 0); }
	to { transform: translate(20px, 20px); } }

.animation-2 .shape2 { animation: animation2shape2 .5s ease 0s infinite alternate; }

@keyframes animation2shape2 { from { transform: translate(0, 0); }
	to { transform: translate(-20px, 20px); } }

.animation-2 .shape3 { animation: animation2shape3 .5s ease 0s infinite alternate; }

@keyframes animation2shape3 { from { transform: translate(0, 0); }
	to { transform: translate(20px, -20px); } }

.animation-2 .shape4 { animation: animation2shape4 .5s ease 0s infinite alternate; }

@keyframes animation2shape4 { from { transform: translate(0, 0); }
	to { transform: translate(-20px, -20px); } }

.animation-3 .shape1 { animation: animation3shape1 .5s ease 0s infinite alternate; }

@keyframes animation3shape1 { from { transform: translate(0, 0); }
	to { transform: translate(5px, 5px); } }

.animation-3 .shape2 { animation: animation3shape2 .5s ease 0s infinite alternate; }

@keyframes animation3shape2 { from { transform: translate(0, 0); }
	to { transform: translate(-5px, 5px); } }

.animation-3 .shape3 { animation: animation3shape3 .5s ease 0s infinite alternate; }

@keyframes animation3shape3 { from { transform: translate(0, 0); }
	to { transform: translate(5px, -5px); } }

.animation-3 .shape4 { animation: animation3shape4 .5s ease 0s infinite alternate; }

@keyframes animation3shape4 { from { transform: translate(0, 0); }
	to { transform: translate(-5px, -5px); } }

.animation-4 .shape1 { animation: animation4shape1 .3s ease 0s infinite alternate; }

@keyframes animation4shape1 { from { transform: translate(0, 0); }
	to { transform: translate(5px, 5px); } }

.animation-4 .shape2 { animation: animation4shape2 .3s ease .3s infinite alternate; }

@keyframes animation4shape2 { from { transform: translate(0, 0); }
	to { transform: translate(-5px, 5px); } }

.animation-4 .shape3 { animation: animation4shape3 .3s ease .3s infinite alternate; }

@keyframes animation4shape3 { from { transform: translate(0, 0); }
	to { transform: translate(5px, -5px); } }

.animation-4 .shape4 { animation: animation4shape4 .3s ease 0s infinite alternate; }

@keyframes animation4shape4 { from { transform: translate(0, 0); }
	to { transform: translate(-5px, -5px); } }

.animation-5 .shape1 { animation: animation5shape1 2s ease 0s infinite reverse; }

@keyframes animation5shape1 { 0% { transform: translate(0, 0); }
	25% { transform: translate(0, 15px); }
	50% { transform: translate(15px, 15px); }
	75% { transform: translate(15px, 0); } }

.animation-5 .shape2 { animation: animation5shape2 2s ease 0s infinite reverse; }

@keyframes animation5shape2 { 0% { transform: translate(0, 0); }
	25% { transform: translate(-15px, 0); }
	50% { transform: translate(-15px, 15px); }
	75% { transform: translate(0, 15px); } }

.animation-5 .shape3 { animation: animation5shape3 2s ease 0s infinite reverse; }

@keyframes animation5shape3 { 0% { transform: translate(0, 0); }
	25% { transform: translate(15px, 0); }
	50% { transform: translate(15px, -15px); }
	75% { transform: translate(0, -15px); } }

.animation-5 .shape4 { animation: animation5shape4 2s ease 0s infinite reverse; }

@keyframes animation5shape4 { 0% { transform: translate(0, 0); }
	25% { transform: translate(0, -15px); }
	50% { transform: translate(-15px, -15px); }
	75% { transform: translate(-15px, 0); } }

.animation-6 .shape1 { animation: animation6shape1 2s linear 0s infinite normal; }

@keyframes animation6shape1 { 0% { transform: translate(0, 0); }
	25% { transform: translate(0, 18px); }
	50% { transform: translate(18px, 18px); }
	75% { transform: translate(18px, 0); } }

.animation-6 .shape2 { animation: animation6shape2 2s linear 0s infinite normal; }

@keyframes animation6shape2 { 0% { transform: translate(0, 0); }
	25% { transform: translate(-18px, 0); }
	50% { transform: translate(-18px, 18px); }
	75% { transform: translate(0, 18px); } }

.animation-6 .shape3 { animation: animation6shape3 2s linear 0s infinite normal; }

@keyframes animation6shape3 { 0% { transform: translate(0, 0); }
	25% { transform: translate(18px, 0); }
	50% { transform: translate(18px, -18px); }
	75% { transform: translate(0, -18px); } }

.animation-6 .shape4 { animation: animation6shape4 2s linear 0s infinite normal; }

@keyframes animation6shape4 { 0% { transform: translate(0, 0); }
	25% { transform: translate(0, -18px); }
	50% { transform: translate(-18px, -18px); }
	75% { transform: translate(-18px, 0); } }

.opsnow-loading { display: block; }
.opsnow-loading span {font-size: .875rem; font-weight: 400; line-height: 7.14286em;  display: block; width: 100%; height: 100px; margin: 0 auto; text-align: center; color: #7b8088; }
.opsnow-loading span:before {display: inline-block; width: 12px; height: 12px; margin-top: -2px; margin-right: 3px;  content: ''; animation: loading .5s linear infinite; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -162px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .opsnow-loading span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.opsnow-loading[data-inline] { display: inline-block; }
.opsnow-loading[data-inline] span {line-height: inherit; width: auto;  height: auto; }
.opsnow-loading[data-inner] { position: absolute; top: 50%; left: 50%; width: 170px; height: 60px; transform: translate(-50%, -50%); background-color: white; }
.opsnow-loading[data-inner] span {line-height: inherit;  position: absolute; top: 50%; left: 50%; width: auto; height: auto; transform: translate(-50%, -50%); }
.opsnow-loading[data-fullscreen] { position: fixed; z-index: 1000; top: 80px; right: 0; bottom: 0; left: 0; }
.opsnow-loading[data-fullscreen] span {position: absolute; top: 50%; left: 50%;  width: 200px; transform: translate(-50%, -50%); background-color: #fff; box-shadow: 0 3px 12px 2px rgba(124, 129, 148, .25); }

.opsnow-error {position: absolute; top: 50%; left: 50%;  display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; transform: translate(-50%, -50%); -ms-flex-align: center; align-items: center; -ms-flex-direction: column; }
.opsnow-error .icon {font-size: .875rem;  display: -ms-flexbox; display: flex; color: #222; -ms-flex-align: center; align-items: center; }
.opsnow-error .icon:before {width: 16px; height: 13px; margin-right: 6px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTMgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC5tYXRlcmlhbF9mYXYvYWxlcnQvZXJyb3JfMjRweDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0zLjI2ODMzNzU5LDEzIEwxMi43MzE2NjI0LDEzIEMxMy41NjAwODk1LDEzIDE0LjIzMTY2MjQsMTIuMzI4NDI3MSAxNC4yMzE2NjI0LDExLjUgQzE0LjIzMTY2MjQsMTEuMjM2MDg2MSAxNC4xNjIwMzIzLDEwLjk3Njg0MzYgMTQuMDI5ODAxOCwxMC43NDg0NDU2IEw5LjI5ODEzOTQzLDIuNTc1NTc0MTYgQzguODgzMDY3MzksMS44NTg2MzE1NSA3Ljk2NTM4ODIsMS42MTM5MTcxIDcuMjQ4NDQ1NTksMi4wMjg5ODkxNCBDNy4wMjE2MjgzMSwyLjE2MDMwNDQxIDYuODMzMTc1ODQsMi4zNDg3NTY4OCA2LjcwMTg2MDU3LDIuNTc1NTc0MTYgTDEuOTcwMTk4MTYsMTAuNzQ4NDQ1NiBDMS41NTUxMjYxMywxMS40NjUzODgyIDEuNzk5ODQwNTgsMTIuMzgzMDY3NCAyLjUxNjc4MzE5LDEyLjc5ODEzOTQgQzIuNzQ1MTgxMjEsMTIuOTMwMzY5OSAzLjAwNDQyMzcsMTMgMy4yNjgzMzc1OSwxMyBaIE04LjY2NjY2NjY3LDExIEw3LjMzMzMzMzMzLDExIEw3LjMzMzMzMzMzLDkuNjY2NjY2NjcgTDguNjY2NjY2NjcsOS42NjY2NjY2NyBMOC42NjY2NjY2NywxMSBaIE04LjY2NjY2NjY3LDguMzMzMzMzMzMgTDcuMzMzMzMzMzMsOC4zMzMzMzMzMyBMNy4zMzMzMzMzMyw1LjY2NjY2NjY3IEw4LjY2NjY2NjY3LDUuNjY2NjY2NjcgTDguNjY2NjY2NjcsOC4zMzMzMzMzMyBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtMi4wX1VzYWdlX3BlcmZvcm1hbmNlXzIwMTkxMjA2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDJfTU9MRUNVTEFSL2NvbnRlbnRzLXN0YXQvaWNvbittc2ctQ29weS03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE4LjAwMDAwMCwgLTI4LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMC5tYXRlcmlhbF9mYXYvYWxlcnQvZXJyb3JfMjRweCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2LjUwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnIGlkPSJhbGVydC93YXJuaW5nXzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvbG9yI0ljb24vY3JpdGljYWwiIG1hc2s9InVybCgjbWFzay0yKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC0xLjAwMDAwMCkiIGlkPSJjb2xvciMjUGFsZXR0ZS8jUmVkLypSZWQtMSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTM2NiIgZmlsbD0iI0ZGMkQ0NyIgeD0iMCIgeT0iMS4xMzY4NjgzOGUtMTQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.opsnow-error .icon + p {font-size: .75rem; line-height: 1.5;  margin-top: 20px; text-align: center; color: #7b8088; }

.lr-grid { display: -ms-flexbox; display: flex; }
.lr-grid.vertical-align { -ms-flex-align: center; align-items: center; }
.lr-grid > *:first-child { margin-right: auto; }

.lr-fold .left { margin: 0 20px; }

.lr-fold .right {position: absolute; top: 0; bottom: -60px; left: 415px;  transition: transform .3s linear; transform: translateX(110%); }

.lr-fold.fold .right { transform: translateX(0); }

.caution-text {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  position: relative; padding-left: 25px; color: #999; }
.caution-text:before {position: absolute; top: 1px; left: 0; width: 16px; height: 16px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .caution-text:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.layout-sub-title {display: -ms-flexbox; display: flex; margin: 0 -32px; padding: 16px 27px 15px;  border-bottom: 1px solid #eee; background: #fff; -ms-flex-align: center; align-items: center; }
.layout-sub-title .button-ui {font-weight: 500;  color: #999; }
.layout-sub-title h2 { font-size: 1.125rem; font-weight: 500; color: #222; }
.layout-sub-title h2 + p { font-size: .875rem; color: #666; }
.layout-sub-title .left { margin-right: auto; }
.layout-sub-title .edit-form > * { display: -ms-flexbox; display: flex; height: 28px; -ms-flex-align: center; align-items: center; }
.layout-sub-title .edit-form > * em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.layout-sub-title .edit-form > * input[type=text] {line-height: 30px;  height: 32px; }

.toggle-switch-ui span { font-size: .75rem; font-weight: 700; margin-right: 4px; color: #666; }

.toggle-switch-ui input[type=checkbox]:checked + label:before { background-color: #bfe0ff; }

.toggle-switch-ui input[type=checkbox]:checked + label:after { left: 17px; transition: all .3s ease; border: none; background-color: #1886ff; }

.toggle-switch-ui input[type=checkbox] + label {position: relative;  display: inline-block; height: 18px; padding: 0 35px 0 0; vertical-align: middle; }
.toggle-switch-ui input[type=checkbox] + label:before , .toggle-switch-ui input[type=checkbox] + label:after {position: absolute; display: block;  content: ''; transition: all .3s ease; }
.toggle-switch-ui input[type=checkbox] + label:before { top: 1px; left: 1px; width: 33px; height: 15px; margin: 0; border-radius: 15px; background-color: #afafaf; background-image: none; }
.toggle-switch-ui input[type=checkbox] + label:after {top: 0px; left: 0px; box-sizing: border-box; width: 17px; height: 17px; margin: 0;  opacity: 1; border: 1px solid #eee; border-radius: 100%; background-color: #fafafa; background-image: none; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); }
.toggle-switch-ui input[type=checkbox] + label:after:active:after { transform: scale(1.15, .85); }

.toast-popup { position: fixed; z-index: 9999; top: 90px; left: 50%; display: -ms-flexbox; display: flex; box-sizing: border-box; min-width: 355px; min-height: 50px; padding: 15px; padding-left: 20px; transform: translateX(-50%); vertical-align: middle; color: #fff; border-radius: 4px; background: rgba(34, 34, 34, .9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .4); -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.toast-popup button:before {display: inline-block; width: 15px; height: 15px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -231px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .toast-popup button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.toast-popup-ui { position: fixed; z-index: 1000; top: 90px; left: 50%; display: -ms-flexbox; display: flex; box-sizing: border-box; min-width: 355px; min-height: 50px; padding: 10px 20px; transform: translateX(-50%); vertical-align: middle; color: #fff; border-radius: 4px; background: rgba(34, 34, 34, .9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .4); -ms-flex-align: center; align-items: center; }
.toast-popup-ui p {font-size: .875rem;  margin-right: auto; text-align: center; }
.toast-popup-ui p a {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500; line-height: 1.125rem;  margin-left: 10px; color: #4a90e2; }
.toast-popup-ui p a:after {position: relative; display: inline-block; width: 10px; height: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -421px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .toast-popup-ui p a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.toast-popup-ui button:before {position: relative; top: 2px; display: inline-block; width: 12px; height: 12px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -90px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .toast-popup-ui button:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.daterangepicker.customize { padding: 0; }
.daterangepicker.customize .ranges { clear: both; width: 100%; margin: 15px 0 0; padding: 12px 0 19px; background: #f9f9f9; }
.daterangepicker.customize .ranges .custom-form > div {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; position: relative;  display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
.daterangepicker.customize .ranges .custom-form > div:before {position: absolute; top: calc(50% + 10px); left: 50%; width: 18px; height: 12px; margin-left: -9px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -462px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterangepicker.customize .ranges .custom-form > div:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.daterangepicker.customize .ranges .custom-form > div > div { width: 190px; }
.daterangepicker.customize .ranges .custom-form > div > div p {position: relative;  display: -ms-flexbox; display: flex; margin: 6px 0 0; -ms-flex-align: center; align-items: center; }
.daterangepicker.customize .ranges .custom-form > div > div p.day { padding-left: 28px; }
.daterangepicker.customize .ranges .custom-form > div > div p.day:before {position: absolute; top: 50%; left: 0; width: 16px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -489px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterangepicker.customize .ranges .custom-form > div > div p.day:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.daterangepicker.customize .ranges .custom-form > div > div p.time { padding-left: 28px; }
.daterangepicker.customize .ranges .custom-form > div > div p.time:before {position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -295px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterangepicker.customize .ranges .custom-form > div > div p.time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.daterangepicker.customize .ranges .custom-form > div > div p em { font-weight: 500; }
.daterangepicker.customize .ranges .custom-form > div > div p select , .daterangepicker.customize .ranges .custom-form > div > div p input[type=text] , .daterangepicker.customize .ranges .custom-form > div > div p input[type=number] {font-size: .75rem; line-height: 30px;  height: 32px; }
.daterangepicker.customize .ranges .custom-form > div > div p select { width: 60px; margin-right: 5px; }
.daterangepicker.customize .ranges .range_inputs {padding: 20px 0 0;  -ms-flex-pack: center; justify-content: center; }
.daterangepicker.customize .ranges .range_inputs button {font-size: .75rem; line-height: 30px;  min-width: 80px; height: 32px; color: #fff; border-radius: 2px; background: #555; -ms-flex: initial; flex: initial; }
.daterangepicker.customize .ranges .range_inputs button.btn-success {margin-left: 10px;  background: #006bff; }

.alertnow-dl-ui dl {margin: 10px 0 30px; padding: 10px 20px; border: 1px solid #eee;  background: #fff; }
.alertnow-dl-ui dl.full_information dt , .alertnow-dl-ui dl.full_information dd { width: 100%; }
.alertnow-dl-ui dl.full_information dd {padding-top: 0;  border-top: 0; }
.alertnow-dl-ui dl dt , .alertnow-dl-ui dl dd {line-height: 1.6;  box-sizing: border-box; padding: 10px 0; border-top: 1px solid #efefef; }
.alertnow-dl-ui dl dt:nth-of-type(1) , .alertnow-dl-ui dl dd:nth-of-type(1) { border-top-width: 0; }
.alertnow-dl-ui dl dt {font-size: .75rem; line-height: calc(40px / 2);  float: left; clear: left; width: 29%; min-height: 40px; color: #999; }
.alertnow-dl-ui dl dd {font-size: .875rem;  float: left; width: 71%; word-wrap: break-word; word-break: break-all; color: #000; }
.alertnow-dl-ui dl dd i.tag.disabled { margin-left: 0em; vertical-align: 2px; }
.alertnow-dl-ui dl dd.alert_table .table_wrapper {border: 1px solid #efefef;  background-color: #f7f7f7; }
.alertnow-dl-ui dl dd.alert_table table { width: calc(100% - 24px); margin: 0 12px; }
.alertnow-dl-ui dl dd.alert_table table tbody tr:last-child > th , .alertnow-dl-ui dl dd.alert_table table tbody tr:last-child > td { border-bottom: 0; }
.alertnow-dl-ui dl dd.alert_table table tbody tr:last-child td table tbody tr:last-child th , .alertnow-dl-ui dl dd.alert_table table tbody tr:last-child td table tbody tr:last-child td { border-bottom: 0; }
.alertnow-dl-ui dl dd.alert_table table tbody tr:last-child td table tbody tr th , .alertnow-dl-ui dl dd.alert_table table tbody tr:last-child td table tbody tr td { border-bottom: 1px solid #efefef; }
.alertnow-dl-ui dl dd.alert_table table tbody th , .alertnow-dl-ui dl dd.alert_table table tbody td { box-sizing: border-box; padding: 11px 12px; border-bottom: 1px solid #efefef; }
.alertnow-dl-ui dl dd.alert_table table tbody th {font-size: .75rem; font-weight: normal; width: 85px; padding-left: 0; text-align: left; vertical-align: top;  color: #999; }
.alertnow-dl-ui dl dd.alert_table table tbody td { font-size: .875rem; }
.alertnow-dl-ui dl dd .space_text { white-space: pre-wrap; }
.alertnow-dl-ui dl dd p.space_text { display: inline-block; }
.alertnow-dl-ui dl dd time { font-size: .875rem; font-size: .75rem; color: #999; }
.alertnow-dl-ui dl dd time:before {font-size: .875rem;  content: attr(datetime); color: #000; }
.alertnow-dl-ui dl dd i { font-weight: 700; }
.alertnow-dl-ui dl dd time + i { font-weight: 700; margin-left: .4rem; }
.alertnow-dl-ui dl dd a {display: inline-block; text-decoration: underline;  color: #0053ae; }
.alertnow-dl-ui dl dd a:visited { color: #4979ad; }
.alertnow-dl-ui dl dd a:after {display: inline-block; width: 23px; height: 10px;  content: ''; background: url('~icon_arrow_fat.svg') center center no-repeat; }
.alertnow-dl-ui dl dd a:last-child:after { display: none; }
.alertnow-dl-ui dl dd ol { counter-reset: alert; }
.alertnow-dl-ui dl dd ol li { line-height: 1.5; display: -ms-flexbox; display: flex; min-height: 22px; -ms-flex-align: baseline; align-items: baseline; }
.alertnow-dl-ui dl dd ol li:before {font-weight: 700; margin-right: 5px; content: counter(alert);  counter-increment: alert; }
.alertnow-dl-ui dl dd > * + button { margin-left: .6em; }
.alertnow-dl-ui dl dd.destination i {font-size: .875rem; font-weight: 400;  white-space: pre-wrap; }
.alertnow-dl-ui dl dd.description .description_text { margin-right: 10px; }
.alertnow-dl-ui dl dd.description .inline_edit { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: start; align-items: flex-start; }
.alertnow-dl-ui dl dd.description .inline_edit > div { display: block; margin-right: 5px; -ms-flex: 1; flex: 1; }
.alertnow-dl-ui dl dd.description .inline_edit > div .description_field textarea , .alertnow-dl-ui dl dd.description .inline_edit > div .description_field span {line-height: 1.5; box-sizing: border-box; width: 100%; margin-right: 4px; padding: 4px 8px; resize: none; transition: border-color .2s linear, outline .2s linear;  border: 1px solid #dedede; background-color: #fff; }
.alertnow-dl-ui dl dd.description .inline_edit > div .description_field textarea[invalid='true'] , .alertnow-dl-ui dl dd.description .inline_edit > div .description_field span[invalid='true'] { border-color: #ff2d2d !important; outline: 1px solid #ff2d2d; }
.alertnow-dl-ui dl dd.description .inline_edit > div .description_field textarea[invalid='true'] , .alertnow-dl-ui dl dd.description .inline_edit > div .description_field span[invalid='true'] { border-color: #ff2d2d !important; outline: 1px solid #ff2d2d; }
.alertnow-dl-ui dl dd.description .inline_edit > div .description_field textarea:focus , .alertnow-dl-ui dl dd.description .inline_edit > div .description_field span:focus { border-color: #000; }
.alertnow-dl-ui dl dd.description .inline_edit > div .description_field span { font-size: .75rem; display: block; box-sizing: border-box; min-height: 26px; padding: 2px 0; white-space: pre-wrap; border-width: 0; }
.alertnow-dl-ui dl dd.description .inline_edit b > button[disabled] { cursor: default; cursor: no-drop; cursor: not-allowed; }
.alertnow-dl-ui dl dd.description .inline_edit div.validator { margin-top: 3px; }
.alertnow-dl-ui dl dd.description .inline_edit div.validator p.invalid { font-size: .75rem; float: left; }
.alertnow-dl-ui dl dd.description .inline_edit div.validator span.value_length_checker {font-size: .6875rem;  display: inline-block; float: right; color: #999; }
.alertnow-dl-ui dl dd.description .inline_edit div.validator span.value_length_checker.overwrite {font-weight: bold;  color: #ff2d2d; }
.alertnow-dl-ui dl dd.description .inline_edit div.validator:after {display: block; clear: both;  content: ''; }
.alertnow-dl-ui dl dd.description .inline_edit.ing { -ms-flex-align: end; align-items: flex-end; }
.alertnow-dl-ui dl dd.description .inline_edit.ing b { margin-bottom: 21px; }
.alertnow-dl-ui dl dd.description .inline_edit.ing b button { margin: 0; }
.alertnow-dl-ui dl dd.description .inline_edit.ing b button:first-child { margin-right: 5px; }
.alertnow-dl-ui dl dd.description .inline_edit.ing textarea { max-height: 400px; }

.alertnow-dl-ui dl:after {display: block; clear: both;  content: ''; }

.alertnow-dl-ui pre {line-height: 1.5; position: relative; overflow: hidden;  height: 9em; margin: 5px 0; }
.alertnow-dl-ui pre code { font-size: .75rem; }

.alertnow-dl-ui pre:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 5em;  content: ''; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

.default-tabs {position: relative;  display: block; overflow: hidden; width: 100%; margin-top: 10px; margin-bottom: 0; }
.default-tabs:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #bbb; }
.default-tabs a {font-size: .875rem; font-weight: 700; line-height: 29px; position: relative;  display: block; float: left; box-sizing: border-box; height: 32px; padding: 0 28px; cursor: pointer; text-align: center; color: #ccc; border: 1px solid #e6e6e6; border-bottom: 1px solid #bbb; }
.default-tabs a.selected { z-index: 1; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 2px solid #fff; border-left: 1px solid #bbb; background: #fff; }

.no-event-tooltip {font-size: .75rem; line-height: 22px; position: absolute; top: calc(100% + 10px); left: 0; height: 22px; padding: 0 10px; text-align: left; white-space: nowrap; color: #fff; border-radius: 4px; background: #e6eaee;  background-color: black; }
.no-event-tooltip:before {position: absolute; bottom: 100%; left: 50px;  content: ''; border-width: 8px; border-style: solid; border-color: transparent transparent #e6eaee transparent; }

.back_to_list_wrap { border-bottom: 1px solid #ddd; }

.extra.back_to_list {font-size: .75rem; line-height: 33px;  height: 33px; margin-left: 25px; padding-left: 20px; transition: all .3s; color: #666; background: url('/assets/images/arrow_left_tail_gray_transparent_13_12.png') left center no-repeat transparent; background-size: 13px 12px; }
.extra.back_to_list:hover { color: #000; }

.console_brokerage_link { position: fixed; z-index: 1; z-index: 100; right: 20px; bottom: 96px; overflow: hidden; width: 300px; height: 390px; transition: opacity .5s; transition: all .3s ease-out; opacity: 1; border-radius: 5px; background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .4); }
.console_brokerage_link.r-fade-out { bottom: -300px; opacity: 0; }
.console_brokerage_link mark {padding: 0 2px; color: inherit;  background: #ffb; }
.console_brokerage_link .alert-area { display: none; height: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.console_brokerage_link .alert-area .inner {margin-top: -45px;  text-align: center; }
.console_brokerage_link .alert-area .inner p {font-size: .75rem;  position: relative; display: block; overflow: hidden; padding: 0 40px; text-align: center; color: #000; }
.console_brokerage_link .alert-area .inner p:before {position: relative; display: block; width: 52px; height: 57px; margin: 0 auto 10px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -650px -213px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .alert-area .inner p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .alert-area .inner p.illegal:before {width: 52px; height: 57px;  background-image: url(../images/layout_sprites.png); background-position: -592px -213px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .alert-area .inner p.illegal:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .alert-area .inner .button-normal {font-size: .75rem; font-weight: 700; line-height: 30px; height: 30px;  margin-top: 30px; color: #fff; border: 0px; background-color: #444; }
.console_brokerage_link .tabs { padding: 10px; }
.console_brokerage_link .tabs ul { display: -ms-flexbox; display: flex; }
.console_brokerage_link .tabs ul li {font-weight: 500; min-height: 26px; text-align: center; border: 1px solid #e6e6e6;  background: #eee; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; }
.console_brokerage_link .tabs ul li button { width: 100%; height: 100%; vertical-align: middle; color: #666; }
.console_brokerage_link .tabs ul li:first-child { border-right: 0; }
.console_brokerage_link .tabs ul li.is-selected {border-bottom-color: #fff;  background: #fff; }
.console_brokerage_link .tabs ul li.is-selected button { color: #000; }
.console_brokerage_link .list { display: inherit; box-sizing: border-box; }
.console_brokerage_link .list .account , .console_brokerage_link .list .history { display: none; }
.console_brokerage_link .list .account.on , .console_brokerage_link .list .history.on { display: inherit; }
.console_brokerage_link .list .account { overflow-y: auto; box-sizing: border-box; height: 310px; padding: 0 0 20px; }
.console_brokerage_link .list .account.padding { padding: 0 0 60px; }
.console_brokerage_link .list .account .caution {position: relative; margin: 0 10px;  padding: 5px 10px 10px; padding-right: 34px; border: 1px solid #eee; }
.console_brokerage_link .list .account .caution.none_view { display: none; }
.console_brokerage_link .list .account .caution .css_btn_close { right: 6px; }
.console_brokerage_link .list .account .caution .css_btn_close button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.console_brokerage_link .list .account .caution .css_btn_close button:after , .console_brokerage_link .list .account .caution .css_btn_close button:before { top: 2px; bottom: 2px; left: 6px; }
.console_brokerage_link .list .account .caution p {font-size: .6875rem; line-height: 1.5em;  display: inline-block; word-break: keep-all; color: #999; }
.console_brokerage_link .list .account .caution p span { margin-right: 3px; }
.console_brokerage_link .list .account .caution p button {font-size: .6875rem; position: relative; overflow: visible;  text-decoration: underline; color: #1886ff; }
.console_brokerage_link .list .account .caution p button:after {position: absolute; top: 50%; right: -10px; width: 7px; height: 9px; margin-top: -4.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -517px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .account .caution p button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .account > ul { padding: 0 10px; }
.console_brokerage_link .list .account > ul > li {box-sizing: border-box; height: 38px;  border-bottom: 1px solid #eee; }
.console_brokerage_link .list .account > ul > li > ul { display: none; background: #eee; }
.console_brokerage_link .list .account > ul > li > ul li { padding: 0 20px 10px; }
.console_brokerage_link .list .account > ul > li > ul li:first-child { padding-top: 10px; }
.console_brokerage_link .list .account > ul > li > ul li a { font-size: .75rem; position: relative; display: block; }
.console_brokerage_link .list .account > ul > li > ul li a:hover { text-decoration: underline; }
.console_brokerage_link .list .account > ul > li > ul li a:after {position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -564px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .account > ul > li > ul li a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .account > ul > li.on { height: auto; }
.console_brokerage_link .list .account > ul > li.on > ul { display: inherit; }
.console_brokerage_link .list .account > ul > li.on > button:after {width: 10px; height: 6px; margin-top: -3px;  background-image: url(../images/layout_sprites.png); background-position: -448px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .account > ul > li.on > button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .account > ul > li > button {font-size: .75rem; font-weight: 500; line-height: 38px; position: relative; width: 100%; padding: 0 10px; text-align: left;  color: #000; }
.console_brokerage_link .list .account > ul > li > button:hover { text-decoration: underline; }
.console_brokerage_link .list .account > ul > li > button:after {position: absolute; top: 50%; right: 10px; width: 10px; height: 6px; margin-top: -3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -716px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .account > ul > li > button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .account > ul > li:last-child { border: 0; }
.console_brokerage_link .list .history .highlight { background: #ffb; background-color: transparent; }
.console_brokerage_link .list .history b.search_form {display: block; margin: 0 10px 5px;  margin-top: 1px; }
.console_brokerage_link .list .history b.search_form input[type=search] {line-height: 26px;  width: 100%; height: 26px; }
.console_brokerage_link .list .history b.search_form input[type=search]:focus + button { border-left-color: #dedede; }
.console_brokerage_link .list .history b.search_form button[type='submit'] {top: 3px; right: -3px; bottom: 3px; left: auto;  height: auto; background-size: 22px; }
.console_brokerage_link .list .history .history_scroll { overflow-y: auto; box-sizing: border-box; height: 250px; padding: 0 10px 0px; }
.console_brokerage_link .list .history .history_scroll .history_none { display: none; }
.console_brokerage_link .list .history .history_scroll[data-state=none] {position: relative; height: 255px; margin: 10px; padding: 0; padding-top: 85px;  background: #f6f6f6; }
.console_brokerage_link .list .history .history_scroll[data-state=none] ul , .console_brokerage_link .list .history .history_scroll[data-state=none] button { display: none; }
.console_brokerage_link .list .history .history_scroll[data-state=none] .history_none {font-size: .75rem;  display: inherit; text-align: center; color: #666; }
.console_brokerage_link .list .history .history_scroll[data-state=none] .history_none:before { display: block; width: 50px; height: 59px; margin: 0 auto 12px; content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -327px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .history .history_scroll[data-state=none] .history_none:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .history .history_scroll ul li {font-size: .75rem;  padding: 7px 10px; border-top: 1px solid #eee; }
.console_brokerage_link .list .history .history_scroll ul li time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  color: #999; }
.console_brokerage_link .list .history .history_scroll ul li time em:before {position: relative; bottom: 2px; display: inline-block; width: 2px; height: 2px; margin: 0 5px;  content: ''; border: 1px solid #999; border-radius: 100%; background: #999; }
.console_brokerage_link .list .history .history_scroll ul li p {line-height: 1.5em;  padding: 2px 0 0; }
.console_brokerage_link .list .history .history_scroll ul li p .head_text { font-size: .75rem; color: #999; }
.console_brokerage_link .list .history .history_scroll ul li:first-child { border-top: 0; }
.console_brokerage_link .list .history .history_scroll button {display: block;  width: 140px; height: 26px; margin: 0 auto; text-align: center; border: 1px solid #e6e6e6; }
.console_brokerage_link .list .history .history_scroll button span:after {position: relative; bottom: 2px; display: inline-block; width: 8px; height: 5px; margin-left: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -464px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .list .history .history_scroll button span:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .list .history .history_scroll button:hover { border-color: #929292; }
.console_brokerage_link .head {font-size: .9rem;  line-height: 45px; position: relative; text-align: center; color: #fff; background: #3c4455; }
.console_brokerage_link .head:before {position: relative; bottom: 3px; display: inline-block; width: 24px; height: 24px; margin-right: 6px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -540px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .console_brokerage_link .head:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.console_brokerage_link .head span { margin-left: 5px; }
.console_brokerage_link .head .toggle { position: absolute; top: 0; right: 10px; width: 20px; height: 100%; }
.console_brokerage_link .head .toggle:hover:before { background: white; }
.console_brokerage_link .head .toggle:before {position: absolute; top: 50%; right: 5px; width: 12px; height: 2px; margin-top: -1px;  content: ''; background: rgba(255, 255, 255, .7); }
.console_brokerage_link[data-state=button] { width: 108px; height: 45px; padding: 0 1rem; cursor: pointer; transition: all .3s linear; text-align: center; border-radius: 50px; background: #3c4455; }
.console_brokerage_link[data-state=button].small-btn { width: 46px; height: 46px; padding: 0 0rem; }
.console_brokerage_link[data-state=button].small-btn .head:before { margin-right: auto; }
.console_brokerage_link[data-state=button].down {transform: translateY(100px);  opacity: 0; }
.console_brokerage_link[data-state=button] .list { display: none; }
.console_brokerage_link[data-state=button] .head span { display: none; }
.console_brokerage_link[data-state=button] .head .toggle {top: 0; left: 0;  width: 100%; height: 100%; }
.console_brokerage_link[data-state=button] .head .toggle:before { content: none; }

.chatbot-preview { position: fixed; z-index: 8888; right: 20px; bottom: 106px; width: 230px; height: 53px; padding: 10px 12px 13px; transition: all .3s ease-out; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); }
.chatbot-preview h2 {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .625rem; font-weight: 500; color: #0acd7f; }
.chatbot-preview .close-btn {position: absolute; top: 6px; right: 6px;  display: inline-block; box-sizing: content-box; width: 10px; height: 10px; border: 4px solid #fff; border-radius: 4px; background-image: url(/assets/images/sprites.png); background-position: -739px -341px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .chatbot-preview .close-btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.chatbot-preview .close-btn:hover {width: 10px; height: 10px; border: 4px solid #ebebeb; background-color: #ebebeb;  background-image: url(/assets/images/sprites.png); background-position: -739px -405px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .chatbot-preview .close-btn:hover { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.chatbot-preview .chat-contents {font-size: .75rem; font-weight: 400; overflow: hidden;  height: 36px; margin-top: 4px; color: #222; font-height: 1.125rem; }
.chatbot-preview .chat-contents p { line-height: 1.125rem; }

.chatbot_link { position: fixed; z-index: 1; z-index: 9000; right: 20px; bottom: 42px; overflow: hidden; width: 360px; height: 590px; transition: opacity .5s; transition: background-color 1s ease; transition: all .3s ease-out; opacity: 1; border-radius: 5px; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); }
.chatbot_link.r-fade-out { bottom: -300px; opacity: 0; }
.chatbot_link mark {padding: 0 2px; color: inherit;  background: #ffb; }
.chatbot_link .chat-area {position: relative;  display: none; overflow: hidden; height: calc( 100% - 45px); }
.chatbot_link .chat-area .inner {height: 100%;  text-align: center; }
.chatbot_link .head {font-size: .9rem;  line-height: 45px; position: relative; transition: background-color 1s ease; text-align: center; color: #fff; background: #3c4455; }
.chatbot_link .head:before { display: none; }
.chatbot_link .head span { margin-left: 5px; }
.chatbot_link .head .toggle { position: absolute; top: 0; right: 10px; width: 20px; height: 100%; }
.chatbot_link .head .toggle:hover:before { background: white; }
.chatbot_link .head .toggle:before {position: absolute; top: 50%; right: 5px; width: 12px; height: 2px; margin-top: -1px;  content: ''; background: rgba(255, 255, 255, .7); }
.chatbot_link[data-state=button] { width: 108px; height: 45px; padding: 0 1rem; cursor: pointer; transition: all .3s linear; text-align: center; border-radius: 50px; background-color: #0acd7f; }
.chatbot_link[data-state=button].list-on:before {position: absolute; z-index: 500; top: 8px; right: 8px; box-sizing: border-box; width: 9px; height: 9px;  content: ''; border: 2px solid #fff; border-radius: 12px; background-color: #ff2d47; }
.chatbot_link[data-state=button].small-btn { width: 46px; height: 46px; padding: 0 0rem; }
.chatbot_link[data-state=button].small-btn .head:before { margin-right: auto; }
.chatbot_link[data-state=button].down {transform: translateY(100px);  opacity: 0; }
.chatbot_link[data-state=button] .list { display: none; }
.chatbot_link[data-state=button] .head { background-color: #0acd7f; }
.chatbot_link[data-state=button] .head:before {position: relative; z-index: 20; bottom: 1px; display: inline-block; width: 24px; height: 24px; margin-right: 6px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -390px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .chatbot_link[data-state=button] .head:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.chatbot_link[data-state=button] .head span { display: none; }
.chatbot_link[data-state=button] .head .toggle {top: 0; left: 0;  width: 100%; height: 100%; }
.chatbot_link[data-state=button] .head .toggle:before { content: none; }

.service-brokerage[data-time=timeoff] header .times time { color: rgba(0, 0, 0, .4); }
.service-brokerage[data-time=timeoff] header .times time:before {width: 12px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -180px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-brokerage[data-time=timeoff] header .times time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.service-brokerage[data-time=timeoff] .console_brokerage_wrapping { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-brokerage[data-time=timeoff] .console_brokerage_wrapping .timeoff_cauton {font-size: 1rem; line-height: 1.5em;  display: block; text-align: center; }
.service-brokerage[data-time=timeoff] .console_brokerage_wrapping .timeoff_cauton:before {display: block; width: 68px; height: 94px; margin: 0 auto 30px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -419px -68px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-brokerage[data-time=timeoff] .console_brokerage_wrapping .timeoff_cauton:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.service-brokerage .header { display: -ms-flexbox; display: flex; height: 32px; padding: 0 16px; background: #f6f6f6; -ms-flex-align: center; align-items: center; }
.service-brokerage .header nav { margin-right: auto; }
.service-brokerage .header nav ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-brokerage .header nav ul li { font-size: .75rem; font-weight: 500; }
.service-brokerage .header nav ul li:before {position: relative; bottom: 2px; display: inline-block; width: 5px; height: 8px; margin: 0 8px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -723px -417px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-brokerage .header nav ul li:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-brokerage .header nav ul li:first-child:before {width: 22px; height: 21px;  background-image: url(../images/layout_sprites.png); background-position: -602px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-brokerage .header nav ul li:first-child:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-brokerage .header .times {font-size: .75rem;  display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-brokerage .header .times p { font-weight: 500; }
.service-brokerage .header .times time { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 20px; height: 20px; margin-left: 4px; padding: 0 10px; color: #1886ff; border: 1px solid rgba(99, 111, 123, .1); background: rgba(255, 255, 255, .5); }
.service-brokerage .header .times time:before {position: relative; bottom: 2px; display: inline-block; width: 12px; height: 12px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -108px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-brokerage .header .times time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.service-brokerage .layout-wrap {overflow: hidden; height: calc(100%); min-height: calc(100%);  padding: 0; }

.service-brokerage main[role=main] { min-height: calc(100vh - 32px); }

.service-brokerage .console_brokerage_wrapping { height: calc(100vh - 32px); }
.service-brokerage .console_brokerage_wrapping .timeoff_cauton { display: none; }
.service-brokerage .console_brokerage_wrapping iframe {display: block;  height: calc(100vh - 32px); border: none; }


.alertnow-layout button.extra.time_reload {position: relative; top: 4px; box-sizing: border-box;  width: 24px; height: 24px; margin: 0 0 0 5px; }
.alertnow-layout button.extra.time_reload:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 14px; height: 15px; margin-top: -7.5px; margin-left: -7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -598px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .alertnow-layout button.extra.time_reload:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.alertnow-layout button.extra.time_reload:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.alertnow-layout .panel.detail_information { position: relative; padding: 25px 20px; }
.alertnow-layout .panel.detail_information h4 {font-size: .875rem; font-weight: 500;  margin-bottom: 10px; }
.alertnow-layout .panel.detail_information h4:first-letter { text-transform: uppercase; }
.alertnow-layout .panel.detail_information h4 button { margin-left: .4rem; }
.alertnow-layout .panel.detail_information h4:first-child { margin-top: 0; }
.alertnow-layout .container.activity_history > div {padding: 20px; border: 1px solid #eee; border-top-width: 0;  background: #fff; }
.alertnow-layout .container.activity_history .comment_form {position: relative; display: -ms-flexbox; display: flex;  margin-bottom: 5px; padding-bottom: 20px; -ms-flex-pack: justify; justify-content: space-between; }
.alertnow-layout .container.activity_history .comment_form textarea {min-height: 32px; resize: vertical;  -ms-flex: 1; flex: 1; }
.alertnow-layout .container.activity_history .comment_form button { font-size: .75rem; line-height: 30px; width: 70px; height: 32px; margin-left: 10px; }
.alertnow-layout .asset-desc dl dt.siblings.top.off + dd { display: none; }
.alertnow-layout .asset-desc dl dt.siblings.sub.off ~ dd { display: none; }
.alertnow-layout .asset-desc dl dt.siblings { width: 100%; max-width: 100%; cursor: pointer; }
.alertnow-layout .asset-desc dl dt.siblings.off { border-bottom: 0 !important; }
.alertnow-layout .asset-desc dl dt.siblings.off:before { content: '▼'; }
.alertnow-layout .asset-desc dl dt.siblings:before {font-size: .625rem; display: inline-block; margin-right: 5px;  content: '▲'; }
.alertnow-layout .asset-desc dl dt.siblings[data-count=null]:after { content: none; }
.alertnow-layout .asset-desc dl dt.siblings:after {font-size: .6875rem; line-height: 18px; display: inline-block; width: 20px; height: 18px; margin-left: 5px;  content: attr(data-count); text-align: center; color: #999; border-radius: 5px; background: #f3f3f3; }
.alertnow-layout .asset-desc dl dt.siblings.top:before { color: #000; }
.alertnow-layout .asset-desc dl dt.siblings.top + dd { width: 100%; padding: 0; }
.alertnow-layout .asset-desc dl dt.siblings.top + dd dt , .alertnow-layout .asset-desc dl dt.siblings.top + dd dd {box-sizing: border-box; min-height: 29px; padding-top: 5px; padding-bottom: 5px;  border-bottom: 1px solid #efefef; }
.alertnow-layout .asset-desc dl dt.siblings.top + dd dd.none_border {line-height: 1; height: auto;  border: 0; }
.alertnow-layout .asset-desc dl dt.siblings.sub { font-weight: 500; }
.alertnow-layout .asset-desc > dl {margin: 10px 0 30px; padding: 10px 20px; border: 1px solid #eee;  background: #fff; }
.alertnow-layout .asset-desc > dl > dd , .alertnow-layout .asset-desc > dl > dt {line-height: 1.6;  box-sizing: border-box; padding: 10px 0; border-top: 1px solid #efefef; }
.alertnow-layout .asset-desc > dl > dd:nth-of-type(1) , .alertnow-layout .asset-desc > dl > dt:nth-of-type(1) { border-top-width: 0; }
.alertnow-layout .asset-desc > dl > dt {font-size: .75rem; line-height: calc(40px / 2);  float: left; clear: left; width: 34%; max-width: 150px; min-height: 40px; padding-right: 12px; word-break: break-all; color: #999; }
.alertnow-layout .asset-desc > dl > dt.layout_2depth { width: 100%; }
.alertnow-layout .asset-desc > dl > dt + dd > dl dt { padding-left: 10px; }
.alertnow-layout .asset-desc > dl > dt + dd > dl dd { padding-left: 24px; }
.alertnow-layout .asset-desc > dl > dd {font-size: .875rem;  float: left; width: 66%; word-wrap: break-all; word-break: break-all; color: #000; }
.alertnow-layout .asset-desc > dl > dd.layout_2depth {clear: both;  width: 100%; padding: 0 0 0 15%; border: 0; }
.alertnow-layout .asset-desc > dl > dd.layout_2depth table th , .alertnow-layout .asset-desc > dl > dd.layout_2depth table td {font-size: .75rem; height: 40px;  text-align: left; }
.alertnow-layout .asset-desc > dl > dd.layout_2depth table th { color: #999; }
.alertnow-layout .asset-desc > dl > dd.layout_2depth table td { border-top: 1px solid #efefef; }
.alertnow-layout .asset-desc > dl > dd i.tag.disabled { margin-left: .6em; vertical-align: 2px; }
.alertnow-layout .asset-desc > dl > dd time { font-size: .875rem; font-size: .75rem; color: #999; }
.alertnow-layout .asset-desc > dl > dd time:before {font-size: .875rem;  content: attr(datetime); color: #000; }
.alertnow-layout .asset-desc > dl > dd i { font-weight: 700; }
.alertnow-layout .asset-desc > dl > dd time + i { font-weight: 700; margin-left: .4rem; }
.alertnow-layout .asset-desc > dl > dd a { font-size: .75rem; display: inline-block; text-decoration: underline; color: #0053ae; }
.alertnow-layout .asset-desc > dl > dd a:visited { color: #4979ad; }
.alertnow-layout .asset-desc > dl > dd a:after {display: inline-block; width: 23px; height: 10px;  content: ''; background: url('~icon_arrow_fat.svg') center center no-repeat; }
.alertnow-layout .asset-desc > dl > dd a:last-child:after { display: none; }
.alertnow-layout .asset-desc > dl > dd ol { counter-reset: alert; }
.alertnow-layout .asset-desc > dl > dd ol li { line-height: 1.5; display: -ms-flexbox; display: flex; min-height: 22px; -ms-flex-align: baseline; align-items: baseline; }
.alertnow-layout .asset-desc > dl > dd ol li:before {font-weight: 700; margin-right: 5px; content: counter(alert);  counter-increment: alert; }
.alertnow-layout .asset-desc > dl > dd > * + button { margin-left: .6em; }
.alertnow-layout .asset-desc > dl dd.destination i {font-size: .875rem; font-weight: 400;  white-space: pre-wrap; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: start; align-items: flex-start; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div { display: block; margin-right: 5px; -ms-flex: 1; flex: 1; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field span , .alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field textarea {line-height: 1.5; box-sizing: border-box; width: 100%; margin-right: 4px; padding: 4px 8px; resize: none; transition: border-color .2s linear, outline .2s linear;  border: 1px solid #dedede; background-color: #fff; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field span[invalid='true'] , .alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field textarea[invalid='true'] { border-color: #ff2d2d !important; outline: 1px solid #ff2d2d; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field span[invalid='true'] , .alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field textarea[invalid='true'] { border-color: #ff2d2d !important; outline: 1px solid #ff2d2d; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field span:focus , .alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field textarea:focus { border-color: #000; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit > div .description_field span { font-size: .75rem; display: block; box-sizing: border-box; min-height: 26px; padding: 2px 0; white-space: pre-wrap; border-width: 0; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit b > button[disabled] { cursor: default; cursor: no-drop; cursor: not-allowed; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit div.validator { margin-top: 3px; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit div.validator p.invalid { font-size: .75rem; float: left; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit div.validator span.value_length_checker {font-size: .6875rem;  display: inline-block; float: right; color: #999; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit div.validator span.value_length_checker.overwrite {font-weight: bold;  color: #ff2d2d; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit div.validator:after {display: block; clear: both;  content: ''; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit.ing { -ms-flex-align: end; align-items: flex-end; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit.ing b { margin-bottom: 21px; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit.ing b button { margin: 0; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit.ing b button:first-child { margin-right: 5px; }
.alertnow-layout .asset-desc > dl dd.description .inline_edit.ing textarea { max-height: 400px; }
.alertnow-layout .asset-desc dl:after {display: block; clear: both;  content: ''; }
.alertnow-layout .asset-desc pre {line-height: 1.5; position: relative; overflow: hidden;  height: 9em; margin: 5px 0; }
.alertnow-layout .asset-desc pre code { font-size: .75rem; }
.alertnow-layout .asset-desc pre:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 5em;  content: ''; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
.alertnow-layout .layout-tabs {position: relative;  display: block; overflow: hidden; width: 100%; margin-top: 30px; margin-bottom: 0; }
.alertnow-layout .layout-tabs:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #bbb; }
.alertnow-layout .layout-tabs a {font-size: .75rem; font-weight: 700; line-height: 37px; position: relative;  display: block; float: left; box-sizing: border-box; height: 40px; padding: 0 50px; cursor: pointer; text-align: center; color: #ccc; border: 1px solid #e6e6e6; border-bottom: 2px solid #bbb; }
.alertnow-layout .layout-tabs a.selected { z-index: 1; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 2px solid #fff; border-left: 1px solid #bbb; }
.alertnow-layout .layout-tabs[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.alertnow-layout .layout-tabs[data-state=stretch] a {float: none; min-width: auto; padding: 0;  -ms-flex: 1; flex: 1; }
.alertnow-layout .layout-tabs[data-state=stretch][data-status=summary] a[data-range='short'] { max-width: 76px; }
.alertnow-layout .layout-tabs[data-state=stretch][data-status=summary] a[data-range='long'] { padding: 0 10px; }
.alertnow-layout .layout-contents { box-sizing: border-box; transition: all 300ms ease-out; }
.alertnow-layout .layout-contents .left-list-container { display: block; box-sizing: border-box; }

.alertnow-layout .layout-contents .right-list-container .panel.detail { box-sizing: border-box; }
.alertnow-layout .layout-contents .right-list-container .split-contents[data-status=summary] { padding: 0 20px; }
.alertnow-layout .layout-contents .right-list-container .split-contents[data-status=specific] { padding: 0 34px; }
.alertnow-layout .layout-contents .right-list-container .panel.title {position: relative;  background-color: #fff; }
.alertnow-layout .layout-contents .right-list-container .panel.title h3 { font-size: .875rem; font-weight: 400; color: inherit; }
.alertnow-layout .layout-contents .right-list-container .panel.title h3 button:first-child { margin-left: 8px; }
.alertnow-layout .layout-contents .right-list-container .panel.title .dropdown.btn_area { background: rgba(0, 0, 0, .5); }
.alertnow-layout .layout-contents .right-list-container .panel.title .dropdown.btn_area > button { height: 32px; color: #fff; }
.alertnow-layout .layout-contents .right-list-container .panel.title .information.group { display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-align: center; align-items: center; }
.alertnow-layout .layout-contents .right-list-container .panel.title .information.group i.tag + i.tag { margin-left: .4em; }
.alertnow-layout .layout-contents .right-list-container .panel.title .information.group section.btn_area {font-size: 0; position: relative; text-align: right;  -ms-flex: 1; flex: 1; }
.alertnow-layout .layout-contents .right-list-container .panel.title .information.group section.btn_area:after {position: absolute; top: 50%; right: 33px; display: block; width: 1px; height: 18px;  content: ''; transform: translateY(-50%); background-color: #efefef; }
.alertnow-layout .layout-contents .right-list-container .panel.title .information.group section.btn_area button + button { margin-left: 20px; }
.alertnow-layout .layout-contents .right-list-container div.summary > * { margin-left: 5px; }
.alertnow-layout .layout-contents .right-list-container i.tag.incident_status {font-size: .75rem; line-height: 1.833333em; box-sizing: border-box; min-width: 78px; height: 2em;  padding: 0 1em; text-align: center; border: 1px solid transparent; border-radius: 5px; }
.alertnow-layout .layout-contents .right-list-container i.tag.incident_status:first-letter { text-transform: uppercase; }
.alertnow-layout .layout-contents .right-list-container i.tag.incident_status.acknowledge {color: #58a1f4;  border-color: #58a1f4; }
.alertnow-layout .layout-contents .right-list-container i.tag.incident_status.open {color: #ff4b55;  border-color: #ff4b55; }
.alertnow-layout .layout-contents .right-list-container i.tag.incident_status.close , .alertnow-layout .layout-contents .right-list-container i.tag.incident_status.ignored_alert { color: #9da5af; border-color: #9da5af; }
.alertnow-layout .layout-contents .right-list-container i.tag.alert_status {font-size: .75rem; line-height: 1.833333em; box-sizing: border-box; min-width: 78px; height: 2em;  padding: 0 1em; text-align: center; color: #f5a623; border: 1px solid transparent; border-color: #f5a623; border-radius: 5px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-incident-type='alert'] .incident.type { color: #ebab42; border-color: #ebab42; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='summary'] { padding: 17px 10px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='summary'] h3 { margin-top: 10px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='summary'] .btn_area.each.action { margin-top: 13px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='summary'] .btn_area.each.action button.middle {font-size: .75rem;  min-width: 0; padding-right: 12px; padding-left: 12px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='summary'] .btn_area.each.action button.middle + button { margin-left: 4px; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] {position: relative; padding: 20px 35px;  border-top: 2px solid #e1e1e1; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 { font-size: 1.25rem; line-height: 1.5; box-sizing: border-box; margin-top: 10px; padding-right: 17%; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3:after {display: block;  clear: both; content: ''; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 > * { -ms-flex: 1; flex: 1; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 dl.duration { position: absolute; top: 50%; right: 0; box-sizing: border-box; min-width: 17%; padding-left: 30px; transform: translateY(-50%); }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 dl.duration:before {position: absolute; top: -500%; left: 0; width: 1px; height: 1000px;  content: ''; background-color: #eee; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 dl.duration dt { font-size: .75rem; color: #999; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] h3 dl.duration dd {font-size: 1.25rem; font-weight: 300;  margin-top: .3em; color: #ff4b55; }
.alertnow-layout .layout-contents .right-list-container .panel.title[data-status='specific'] section.btn_area { margin-top: 20px; }
.alertnow-layout .layout-contents .right-list-container .panel.title.incident:before { position: absolute; top: 0; bottom: 0; left: 0; width: 14px; content: ''; background-color: #aaa; }
.alertnow-layout .layout-contents .right-list-container .panel.title.incident[data-incident-type='open']:before { background-color: #ff4b55; }
.alertnow-layout .layout-contents .right-list-container .panel.title.incident[data-incident-type='acknowledge']:before { background-color: #58a1f4; }
.alertnow-layout .layout-contents .right-list-container .panel.title.incident[data-incident-type='close']:before , .alertnow-layout .layout-contents .right-list-container .panel.title.incident[data-incident-type='ignored_alert']:before { background-color: #9da5af; }
.alertnow-layout .layout-contents .right-list-container .panel.title.alert:before { position: absolute; top: 0; bottom: 0; left: 0; width: 14px; content: ''; background-color: #ebab42; }
.alertnow-layout .layout-contents .right-list-container .panel.title.alert[data-status='specific'] , .alertnow-layout .layout-contents .right-list-container .panel.title.incident[data-status='specific'] { overflow: hidden; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='summary'] { display: -ms-flexbox; display: flex; padding: 17px 20px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='summary'] h3 { margin-top: 0; -ms-flex: 1; flex: 1; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='summary'] section.btn_area {font-size: 0; position: relative;  width: 90px; text-align: right; -ms-flex-preferred-size: 90px; flex-basis: 90px; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='summary'] section.btn_area:after {position: absolute; top: 50%; right: 33px; display: block; width: 1px; height: 18px;  content: ''; transform: translateY(-50%); background-color: #efefef; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='summary'] section.btn_area button + button { margin-left: 20px; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='specific'] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='specific'] section.btn_area { margin-top: 0; }
.alertnow-layout .layout-contents .right-list-container .panel.title.escalation[data-status='specific'] h3 {margin-top: 0; padding-right: 0;  -ms-flex: 1; flex: 1; }
.alertnow-layout .layout-contents .right-list-container .panel.title.integration {margin-bottom: 18px; padding: 0 130px 0 0; color: #000;  background: transparent; }
.alertnow-layout .layout-contents .right-list-container .panel.title.integration h3 { font-size: 1.25rem; }
.alertnow-layout .layout-contents .right-list-container .panel.title.integration section.btn_area { position: absolute; top: 0; right: 0; }
.alertnow-layout .layout-contents .right-list-container .panel.title.integration section.btn_area button { height: 30px; }
.alertnow-layout .layout-contents .right-list-container .panel.title.notification_rule {display: -ms-flexbox; display: flex;  box-sizing: border-box; width: 100%; padding: 10px 0; color: #000; background: transparent; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.alertnow-layout .layout-contents .right-list-container .panel.title.notification_rule h3 {font-size: 1.125rem;  word-wrap: break-word; word-break: keep-all; -ms-flex-order: 1; order: 1; }
.alertnow-layout .layout-contents .right-list-container .panel.title.notification_rule:after { content: ''; -ms-flex: 1; flex: 1; -ms-flex-order: 2; order: 2; }
.alertnow-layout .layout-contents .right-list-container .panel.title.notification_rule button {margin-left: 10px;  -ms-flex-order: 3; order: 3; }
.alertnow-layout .layout-contents .right-list-container button.extra.back_to_list {font-size: .75rem; line-height: 33px;  height: 33px; margin-left: 25px; padding-left: 20px; transition: all .3s; color: #666; background: url('/assets/images/arrow_left_tail_gray_transparent_13_12.png') left center no-repeat transparent; background-size: 13px 12px; }
.alertnow-layout .layout-contents .right-list-container button.extra.back_to_list:hover { color: #000; }
.alertnow-layout .layout-contents .right-list-container button.extra.view_more { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/arrow_leff_diagonal_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px; background-size: 16px 16px; }
.alertnow-layout .layout-contents .right-list-container button.extra.view_more:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.alertnow-layout .layout-contents .right-list-container button.extra.close { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/x_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px 16px; }
.alertnow-layout .layout-contents .right-list-container button.extra.close:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.alertnow-layout .layout-contents .right-list-container button.extra.close:after { display: none; }
.alertnow-layout .layout-contents .right-list-container button.middle.button {font-size: .875rem;  min-width: 115px; padding: 0 15px; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='list'] .right-list-container { display: none; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='list'].rightAbsolute.layout-lr-padding { margin-bottom: 150px; padding: 0; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='list'].rightAbsolute.layout-lr-padding .table_filter { padding: 30px 30px 15px; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='list'].rightAbsolute.layout-lr-padding .left-list-container { padding: 0 30px 0px; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] table { border-top: 0; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] table th { border-top: 0; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] nav.right { margin-right: 10px; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container { position: relative; overflow: hidden; border-top: 2px solid #e1e1e1; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .left-list-container { float: left; width: calc(100% - 475px); }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .right-list-container { float: left; box-sizing: border-box; width: 475px; border-left: 1px solid #e7e7e7; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container:after {display: block; clear: both;  content: ''; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .left-list-container , .alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .right-list-container {overflow: auto;  height: calc(100vh - 80px - 62px - 111px - 34px - 2px); }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .left-list-container , .alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .right-list-container {overflow: auto;  height: calc(100vh - 80px - 62px - 103px - 34px - 2px); }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .left-list-container , .alertnow-layout .alertnow-ui-table[data-viewing-panel='split'] .result.container .right-list-container {overflow: auto;  height: calc(100vh - 80px - 62px - 52px - 34px - 2px); }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'].rightAbsolute { position: relative; overflow: hidden; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'].rightAbsolute .result.container { position: static; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'].rightAbsolute .result.container .left-list-container {overflow: auto; overflow: hidden; max-width: calc(100% - 475px);  height: calc(100vh - 80px - 62px - 76px - 34px - 2px); padding-bottom: 30px; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='split'].rightAbsolute .result.container .right-list-container {position: absolute; top: 0; right: 0; bottom: 0;  float: none; height: auto; background: #fff; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='detail'].layout-lr-padding { padding: 0; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='detail']:after { display: block; clear: both; content: ''; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='detail'] .filter.group.panel , .alertnow-layout .alertnow-ui-table[data-viewing-panel='detail'] .left-list-container { display: none; }
.alertnow-layout .alertnow-ui-table[data-viewing-panel='detail'] .right-list-container { padding-bottom: 150px; }

.alertnow-layout .filter.group.panel section.set_condition { display: -ms-flexbox; display: flex; padding: 10px 0; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.alertnow-layout .filter.group.panel section.set_condition > app-arrow-datepicker { display: -ms-flexbox; display: flex; }
.alertnow-layout .filter.group.panel section.set_condition > app-popup-datepicker { display: -ms-flexbox; display: flex; }
.alertnow-layout .filter.group.panel section.set_condition .search_form { margin-left: 8px; }
.alertnow-layout .filter.group.panel section.set_condition i.tag.query { margin-left: 12px; }
.alertnow-layout .filter.group.panel section.set_condition section.action.list.panel {text-align: right;  -ms-flex: 1; flex: 1; }
.alertnow-layout .filter.group.panel section.set_condition section.action.list.panel span.last_update_datetime {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .6875rem; display: inline-block; padding-left: 20px; color: #989898; }
.alertnow-layout .filter.group.panel section.set_condition > button { margin-right: 4px; }
.alertnow-layout .filter.group.panel section.set_condition > button + button { margin-right: 12px; }
.alertnow-layout .filter.group.panel .result_and_action {display: -ms-flexbox; display: flex; margin: 13px 0 0; padding-bottom: 13px;  border-bottom: 1px solid #eee; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.alertnow-layout .filter.group.panel .result_and_action > button { margin-left: 6px; }
.alertnow-layout .filter.group.panel .result_and_action > span.incident_status_panel { margin-right: 10px; }
.alertnow-layout .filter.group.panel .result_and_action > span.incident_status_panel i.status.incident { font-size: 1.125rem; letter-spacing: -.03em; }
.alertnow-layout .filter.group.panel .result_and_action > i.tag { margin-left: 10px; }
.alertnow-layout .filter.group.panel .result_and_action i.tag , .alertnow-layout .filter.group.panel .result_and_action span.incident_status_panel { -ms-flex-order: 1; order: 1; }
.alertnow-layout .filter.group.panel .result_and_action:after {display: inline-block;  content: ''; -ms-flex: 1; flex: 1; -ms-flex-order: 2; order: 2; }
.alertnow-layout .filter.group.panel .result_and_action button , .alertnow-layout .filter.group.panel .result_and_action section.btn_area { -ms-flex-order: 3; order: 3; }


.filter.group.panel section.set_condition { display: -ms-flexbox; display: flex; padding: 10px 0; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.filter.group.panel section.set_condition > app-arrow-datepicker { display: -ms-flexbox; display: flex; }
.filter.group.panel section.set_condition > app-popup-datepicker { display: -ms-flexbox; display: flex; }
.filter.group.panel section.set_condition .search_form { margin-left: 8px; }
.filter.group.panel section.set_condition i.tag.query { margin-left: 12px; }
.filter.group.panel section.set_condition section.action.list.panel {text-align: right;  -ms-flex: 1; flex: 1; }
.filter.group.panel section.set_condition section.action.list.panel span.last_update_datetime {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .6875rem; display: inline-block; padding-left: 20px; color: #989898; }
.filter.group.panel section.set_condition > button { margin-right: 4px; }
.filter.group.panel section.set_condition > button + button { margin-right: 12px; }
.filter.group.panel .result_and_action {display: -ms-flexbox; display: flex; margin: 13px 0 0; padding-bottom: 13px;  border-bottom: 1px solid #eee; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.filter.group.panel .result_and_action > button { margin-left: 6px; }
.filter.group.panel .result_and_action > span.incident_status_panel { margin-right: 10px; }
.filter.group.panel .result_and_action > span.incident_status_panel i.status.incident { font-size: 1.125rem; letter-spacing: -.03em; }
.filter.group.panel .result_and_action > i.tag { margin-left: 10px; }
.filter.group.panel .result_and_action i.tag , .filter.group.panel .result_and_action span.incident_status_panel { -ms-flex-order: 1; order: 1; }
.filter.group.panel .result_and_action:after {display: inline-block;  content: ''; -ms-flex: 1; flex: 1; -ms-flex-order: 2; order: 2; }
.filter.group.panel .result_and_action button , .filter.group.panel .result_and_action section.btn_area { -ms-flex-order: 3; order: 3; }


body.overflow-hidden { overflow: hidden; }
body.overflow-hidden .layout-wrap {min-width: 1200px;  max-height: 100vh; }
body.overflow-hidden .layout-footer .contents-inner { min-width: 1200px; }

body.wing-popup-layout { overflow: hidden; }
body.wing-popup-layout .layout-wrap {overflow: hidden; min-width: 1200px;  max-height: 100vh; }
body.wing-popup-layout .layout-contents { height: calc(100vh - 80px -  34px); }

.layout-wrap { position: relative; overflow-x: hidden; box-sizing: border-box; min-width: 1200px; min-height: 100%; max-height: inherit; padding-top: 80px; padding-bottom: 34px; }
.layout-wrap.bg { background: #f5f5f7; }
.layout-wrap.bg .layout-page-title { background: #fff; }

.layout-left-view { float: left; }

.layout-right-view { float: right; }

body.trial-user main[role=main] { min-height: calc(100vh - 80px -  34px - 48px); }

body.trial-user .layout-contents { min-height: calc(100vh - 80px -  34px - 48px); }
body.trial-user .layout-contents.layout-with-filter[data-state=expand] .layout-page-utils.fixed { top: 130px; }
body.trial-user .layout-contents.layout-with-filter[data-state=expand] .layout-page-title { height: auto; }
body.trial-user .layout-contents.layout-with-filter[data-state=expand] .layout-filter-container { position: fixed; top: 188px; bottom: 34px; width: 100%; }

main[role=main] { min-height: calc(100vh - 80px -  34px); }

.layout-contents {position: relative;  display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; min-height: calc(100vh - 80px -  34px);padding: 0 27px 100px; -ms-flex-direction: column; -ms-flex-align: stretch; align-items: stretch;  }
.layout-contents.phone-bottom { padding-bottom: 270px; }
.layout-contents.wide-contents { padding: 0; padding-bottom: 60px; }
.layout-contents.wide-contents .layout-page-title { margin: 0; }
.layout-contents.wide-contents .layout-lr-padding { padding: 0 30px; }
.layout-contents.wide-contents .layout-sub-title { margin: 0; padding: 16px 20px 15px; }
.layout-contents .custom-head {position: relative;  display: block; box-sizing: border-box; height: 101px; background: #fff; }
.layout-contents .layout-page-title {font-size: 1.25rem; font-weight: 700; line-height: 29px; position: relative; z-index: 1;  display: block; height: 29px; margin: 0 -32px; padding: 16px 27px 15px; color: #000; border-bottom: 1px solid #eee; }
.layout-contents .layout-page-title.layout-page-title-location { display: -ms-flexbox; display: flex; height: auto; -ms-flex-align: center; align-items: center; }
.layout-contents .layout-page-title.layout-page-title-location h1 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.layout-contents .layout-page-title.layout-page-title-location h1 span {font-size: 1rem; font-weight: 400;  display: -ms-flexbox; display: flex; color: #444; -ms-flex-align: center; align-items: center; }
.layout-contents .layout-page-title.layout-page-title-location h1 span:before {display: inline-block; width: 1px; height: 16px; margin: 0 8px;  content: ''; background: #d5d9db; }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon {font-size: .75rem; font-weight: 400; line-height: 30px; height: 32px;  margin-right: 8px; padding: 0 10px; text-align: center; color: #fff; }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back] {box-sizing: border-box; width: 32px; min-width: 32px;  border: 1px solid #e8e8e8; }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back]:before {position: relative; top: 2px; display: inline-block; width: 10px; height: 16px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back]:hover {color: #1886ff;  background-color: #eaeaea; }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back]:focus {color: #1886ff;  background-color: #ddd; }
.layout-contents .layout-page-title.layout-page-title-location button.button-with-icon[data-state=back][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.layout-contents .layout-page-title.contents-with { border-bottom: 0; background: #fff; }
.layout-contents .layout-page-title h1 { display: inline-block; }
.layout-contents .layout-page-title .layout-page-title-description {font-size: 1rem; font-weight: 400; line-height: 1.25em;  display: block; margin-top: 15px; color: #999; }
.layout-contents .layout-page-title .layout-page-menus { display: inline-block; margin-left: 50px; }
.layout-contents .layout-page-title .layout-page-menus li {font-size: .875rem; font-weight: 500;  display: inline-block; margin-right: 29px; color: #999; }
.layout-contents .layout-page-title .layout-page-menus li .icon {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-weight: 700; font-style: italic; line-height: 1.4em;  position: relative; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin-left: 5px; text-align: center; vertical-align: middle; border-radius: 16px; }
.layout-contents .layout-page-title .layout-page-menus li .icon.new-menu { padding-right: 1px; color: #f66c23; border: 1px solid #f66c23; }
.layout-contents .layout-page-title .layout-page-menus li .icon.new-menu:before , .layout-contents .layout-page-title .layout-page-menus li .icon.new-menu:after { content: none !important; }
.layout-contents .layout-page-title .layout-page-menus li .icon.beta-menu { padding-right: 2px; color: #1886ff; border: 1px solid #1886ff; }
.layout-contents .layout-page-title .layout-page-menus li .icon.beta-menu:before , .layout-contents .layout-page-title .layout-page-menus li .icon.beta-menu:after { content: none !important; }
.layout-contents .layout-page-title .layout-page-menus li.is-selected a , .layout-contents .layout-page-title .layout-page-menus li.is-selected button {text-decoration: underline;  color: black; }
.layout-contents .layout-page-title .layout-page-menus li.is-selected a.btn:before , .layout-contents .layout-page-title .layout-page-menus li.is-selected button.btn:before { opacity: 1; }
.layout-contents .layout-page-title .layout-page-menus li.is-selected a.recent:after , .layout-contents .layout-page-title .layout-page-menus li.is-selected button.recent:after { content: ''; }
.layout-contents .layout-page-title .layout-page-menus li.is-selected a.favorite:after , .layout-contents .layout-page-title .layout-page-menus li.is-selected button.favorite:after { content: ''; }
.layout-contents .layout-page-title .layout-page-menus a , .layout-contents .layout-page-title .layout-page-menus button { font-weight: 700; cursor: pointer; transition: color .1s ease-in-out; color: rgba(0, 0, 0, .3); }
.layout-contents .layout-page-title .layout-page-menus a:hover , .layout-contents .layout-page-title .layout-page-menus button:hover {text-decoration: underline;  color: black; }
.layout-contents .layout-page-title .layout-page-menus a:hover.btn:before , .layout-contents .layout-page-title .layout-page-menus button:hover.btn:before { opacity: 1; }
.layout-contents .layout-page-title .layout-page-menus a.btn , .layout-contents .layout-page-title .layout-page-menus button.btn { position: relative; }
.layout-contents .layout-page-title .layout-page-menus a.btn:before , .layout-contents .layout-page-title .layout-page-menus button.btn:before {display: inline-block; margin: -4px 8px 0 0;  content: ''; transition: opacity .1s ease-in-out; vertical-align: middle; opacity: .3; }
.layout-contents .layout-page-title .layout-page-menus a.btn:after , .layout-contents .layout-page-title .layout-page-menus button.btn:after {position: absolute; z-index: 800; bottom: -26px; left: 4px;  display: block; width: 17px; height: 11px; background-image: url(/assets/images/sprites.png); background-position: -378px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents .layout-page-title .layout-page-menus a.btn:after , .layout-contents .layout-page-title .layout-page-menus button.btn:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents .layout-page-title .layout-page-menus a.btn.recent:before , .layout-contents .layout-page-title .layout-page-menus button.btn.recent:before {width: 23px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -115px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents .layout-page-title .layout-page-menus a.btn.recent:before , .layout-contents .layout-page-title .layout-page-menus button.btn.recent:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents .layout-page-title .layout-page-menus a.btn.favorite:before , .layout-contents .layout-page-title .layout-page-menus button.btn.favorite:before {width: 23px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -87px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents .layout-page-title .layout-page-menus a.btn.favorite:before , .layout-contents .layout-page-title .layout-page-menus button.btn.favorite:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents .layout-page-title .layout-page-menus a.btn.frequency:before , .layout-contents .layout-page-title .layout-page-menus button.btn.frequency:before {width: 23px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -143px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents .layout-page-title .layout-page-menus a.btn.frequency:before , .layout-contents .layout-page-title .layout-page-menus button.btn.frequency:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents .layout-page-title .layout-page-menus input[type=search] {font-size: 1rem; font-weight: 500; line-height: 24px; height: 24px;  padding-left: 27px; color: #000; background: url('/assets/images/icon_quick_04@2x.png') left center no-repeat; background-size: 17px 17px; box-shadow: none; }
.layout-contents .layout-page-title .layout-page-menus input[type=search]:focus { background-image: url('/assets/images/icon_quick_04_focus@2x.png'); }
.layout-contents .layout-page-title .layout-page-menus[data-state=process] li { margin-right: 2px; }
.layout-contents .layout-page-title .layout-page-menus[data-state=process] li + li:before {display: inline-block; width: 20px; height: 1px; margin-top: -2px; margin-right: 10px;  content: ''; vertical-align: middle; background-color: #979797; }
.layout-contents .layout-page-title .layout-page-menus[data-state=process] li.is-done , .layout-contents .layout-page-title .layout-page-menus[data-state=process] li.is-selected { color: #000; }
.layout-contents .layout-page-title .layout-page-menus[data-state=process] li.is-done:before , .layout-contents .layout-page-title .layout-page-menus[data-state=process] li.is-selected:before { background-color: #000; }
.layout-contents .layout-page-title .layout-page-utils {line-height: 40px;  position: absolute; top: 50%; right: 32px; height: 40px; margin-top: -20px; }
.layout-contents .layout-page-title .layout-page-utils button { vertical-align: middle; }
.layout-contents .layout-contents-center .center {width: 1200px;  margin: 0 auto; }
.layout-contents .layout-contents-inner {position: relative;  display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-direction: column; }
.layout-contents .layout-contents-inner.vertical-middle {position: absolute; top: 0; bottom: 0;  -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; }
.layout-contents .sub-location { margin-top: 40px; }
.layout-contents .sub-location .btn-back {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; height: 30px; padding: 0 10px; letter-spacing: .094em; color: #fff; background-color: #888; }
.layout-contents .sub-location .location {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; margin-left: 5px; letter-spacing: .094em; color: #666; }
.layout-contents.layout-with-sidemenu { padding-right: 0; padding-left: 0; }
.layout-contents.layout-with-sidemenu .layout-page-title { margin: 0; }
.layout-contents.layout-with-sidemenu .layout-contents-inner {width: calc(100% - 250px);  margin-left: 250px; padding-right: 27px; padding-left: 27px; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container {position: absolute; z-index: 796; top: 61px; bottom: 0; left: 0;  display: block; visibility: visible; overflow: hidden; box-sizing: border-box; width: 250px; padding: 30px 0 0; opacity: 1; border-right: 1px solid #ddd; background-color: #f1f1f1; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container.new.fixed {position: fixed; top: 40px; bottom: 0;  overflow: hidden; padding-bottom: 0; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container.new.fixed .layout-sidemenu-footer { position: absolute; top: auto; bottom: 0; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container.fixed {position: fixed; top: 80px; bottom: 0;  overflow: hidden; padding-bottom: 0; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container.fixed .layout-sidemenu-footer { position: absolute; top: auto; bottom: 0; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header {position: absolute; top: 0;  display: block; box-sizing: border-box; width: 250px; padding: 0; background-color: #fff; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btns { height: 31px; border-bottom: 1px solid #ddd; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu {position: relative;  display: block; width: 40px; height: 31px; text-indent: -9999px; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before {position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 12px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -333px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents {position: absolute; top: 32px; right: 0; bottom: 0; left: 0;  display: block; overflow: auto; overflow-x: hidden; -ms-overflow-style: auto; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-footer {position: fixed; top: calc(100vh - 70px); bottom: auto; left: 0;  display: block; box-sizing: border-box; width: 250px; border-right: 1px solid #ddd; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-footer .btns { padding: 15px 14px; background-color: #fff; }
.layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-footer .btns .button-normal { display: block; width: 100%; }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-contents-inner {width: calc(100% - 40px);  margin-left: 40px; }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container {width: 40px;  padding: 0 0 70px; }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu { position: relative; margin: 0 auto; }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents.layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-footer { display: none; }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-contents-inner {width: calc(100% - 40px);  margin-left: 40px; }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container {width: 250px;  padding: 0 0 70px; border-right: 1px solid #ddd; }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu { position: relative; margin: 0; }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-contents.layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-footer { display: none; }
.layout-contents.layout-with-sidemenu.layout-with-filter .layout-contents-inner { padding-right: 250px; }
.layout-contents.layout-with-filter .layout-page-menus {visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out;  opacity: 0; }
.layout-contents.layout-with-filter .layout-page-utils .btns-expand { display: none; }
.layout-contents.layout-with-filter .layout-page-utils .btns-collapse { display: inline-block; }
.layout-contents.layout-with-filter .layout-contents-inner { padding-right: 250px; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-filter .layout-filter-container { position: absolute; z-index: 798; top: 60px; right: 0; bottom: 0; width: 250px; }
.layout-contents.layout-with-filter[data-state=expand] {overflow: hidden;  height: 0; }
.layout-contents.layout-with-filter[data-state=expand] .layout-page-menus {visibility: visible;  opacity: 1; }
.layout-contents.layout-with-filter[data-state=expand] .layout-page-utils.fixed {line-height: 40px;  position: fixed; top: 80px; right: auto; left: calc(100% - 170px); height: 40px; margin: 8px 0 0; }
.layout-contents.layout-with-filter[data-state=expand] .layout-page-utils .btns-expand { display: inline-block; }
.layout-contents.layout-with-filter[data-state=expand] .layout-page-utils .btns-collapse { display: none; }
.layout-contents.layout-with-filter[data-state=expand] .layout-filter-container { position: fixed; top: 140px; bottom: 34px; width: 100%; }
.layout-contents.layout-with-filter[data-state=inteligent] .layout-contents-inner { padding-right: 0; }
.layout-contents.layout-with-filter[data-state=inteligent] .layout-filter-container { position: static; top: 0; bottom: 0; width: 100%; }
.layout-contents.layout-with-filter[data-state=inteligent] .layout-page-menus {visibility: visible;  opacity: 1; }
.layout-contents.layout-with-filter[data-state=inteligent] .layout-page-title { border-bottom: 0; }
.layout-contents.layout-with-filter[data-state=inteligent] .daterange:after { display: none; overflow: hidden; width: 0; height: 0; }
.layout-contents.layout-with-filter[data-state=normal] .daterange:after { display: none; overflow: hidden; width: 0; height: 0; }
.layout-contents.layout-with-filter[data-state=shut] .layout-contents-inner { padding-right: 40px; }
.layout-contents.layout-with-filter[data-state=shut] .layout-filter-container { overflow: hidden; width: 40px; padding-right: 0; padding-left: 0; }
.layout-contents.layout-with-filter[data-state=hide] .layout-contents-inner { padding-right: 32px; }
.layout-contents.layout-with-filter[data-state=hide] .layout-filter-container { overflow: hidden; width: 0; }
.layout-contents.layout-with-options .layout-contents-inner { padding-right: 0; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-options .layout-option-container {position: absolute; top: 60px; right: 0; bottom: 0; visibility: hidden; width: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out;  opacity: 0; }
.layout-contents.layout-with-options[data-state=expand] .layout-contents-inner { padding-right: 470px; }
.layout-contents.layout-with-options[data-state=expand] .alertnow-ui-table .result.container { overflow-x: hidden; }
.layout-contents.layout-with-options[data-state=expand] .layout-option-container {visibility: visible; width: 450px;  opacity: 1; }
.resource-optimization .layout-contents.layout-with-options .layout-option-container {z-index: 799;  top: 61px; padding-bottom: 50px; box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1); }
.resource-optimization .layout-contents.layout-with-options .layout-option-container.fixed { position: fixed; top: 80px; }
.resource-optimization .layout-contents.layout-with-options .alertnow-layout.sec .alertnow-ui-table .description-table th {width: 30%;  color: #666; border-right: 0; }
.resource-optimization .layout-contents.layout-with-options .alertnow-layout.sec .alertnow-ui-table .description-table td {width: 70%; color: #666;  border-left: 0; }
.resource-optimization .layout-contents.layout-with-options[data-state=expand] .layout-contents-inner { padding-right: 0px; }
.resource-optimization .layout-contents.layout-with-options[data-state=expand] .layout-option-container { width: 475px; }
.resource-optimization .layout-contents.layout-with-options[data-state=expand] .layout-option-container .back_to_list { display: none; }
.resource-optimization .layout-contents.layout-with-options[data-state=expand] .layout-option-container .btn_area { display: block; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .alertnow-layout.sec .alertnow-ui-table .description-table th { width: 150px; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .alertnow-layout.sec .alertnow-ui-table .description-table td { width: calc(100% - 150px); }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .alertnow-layout.sec .layout-tabs[data-state=stretch] a[data-range=short] { max-width: inherit; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .alertnow-layout.sec .asset-desc > dl dt { max-width: 200px; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .alertnow-layout.sec .asset-desc > dl dd { width: calc(100% - 200px); }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .layout-option-container {left: 0; visibility: visible; width: auto; height: calc(100vh - 144px);  opacity: 1; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .layout-option-container.fixed { height: auto; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .layout-option-container .back_to_list { display: block; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .layout-option-container .btn_area { display: none; }
.resource-optimization .layout-contents.layout-with-options[data-state=full] .layout-option-container .panel.title { border-top: 1px solid #ddd; }
.layout-contents.layout-with-resource .layout-contents-inner {width: calc(100% - 310px);  margin-left: 310px; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-resource .layout-resource-container {position: absolute; z-index: 799; top: 60px; bottom: 0; left: 0; overflow: auto; overflow-x: hidden;  box-sizing: border-box; width: 310px; border-right: 1px solid #ccc; }
.layout-contents.layout-with-management .layout-contents-inner {width: calc(100% - 310px);  margin-left: 310px; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-management .layout-management-container { position: absolute; z-index: 799; top: 60px; bottom: 0; left: 0; width: 310px; }

body[data-state=logout] .layout-wrap { padding-top: 80px; padding-bottom: 300px; }

body[data-state=logout].page-login .layout-wrap { overflow-x: visible; }

body[data-state=logout] main[role=main] {height: 100%;  min-height: calc(100vh - 300px); }

body[data-state=logout] .layout-contents { min-height: calc(100vh - 300px); }

body[data-state=none] main[role=main] { min-height: calc(100vh - 80px - 48px); }

body[data-state=none] .layout-contents { min-height: calc(100vh - 80px - 48px); }

body[data-state=none] .layout-contents-inner { padding-right: 32px; padding-left: 32px; }

.layout-full { padding-right: 0; padding-left: 0; }

.layout-fixed {width: 1200px !important;  margin: 0 auto; padding-right: 0; padding-left: 0; }
.layout-fixed .layout-page-title { margin: 0; border: 0; }
.layout-fixed .layout-contents-inner {width: 100%;  -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; }
.layout-fixed .layout-left-view {box-sizing: border-box; padding: 0 15px;  -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }
.layout-fixed .layout-right-view {box-sizing: border-box; padding: 0 15px;  -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }

.only-top-full .layout-page-title { background-color: #fff; }
.only-top-full .layout-page-title .layout-page-title-inner { box-sizing: border-box; width: 1200px; margin: 0 auto; padding: 0 32px; }

.only-top-full .layout-contents-inner {width: auto;  margin: 0 -32px; padding-right: 0; padding-left: 0; border-bottom: 1px solid #eee; }
.only-top-full .layout-contents-inner.bg-white {height: 72px; background-color: #fff;  -ms-flex-positive: 0; flex-grow: 0; }
.msie10 .only-top-full .layout-contents-inner.bg-white { min-height: 72px; }
.msie11 .only-top-full .layout-contents-inner.bg-white { min-height: 72px; }
.only-top-full .layout-contents-inner.fixed-center {width: 1200px !important;  margin: 0 auto; padding: 0 32px; border-bottom: 0px; }



.layout-management-container { display: block; visibility: visible; overflow: auto; box-sizing: border-box; padding: 35px 40px; opacity: 1; background-color: #f2f2f2; }
.layout-management-container .list-groups { width: 100%; }
.layout-management-container .list-groups > li { position: relative; margin-bottom: 10px; }
.layout-management-container .list-groups > li .btn-item {font-size: .875rem; line-height: 50px; position: relative;  display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 50px; padding: 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #000; background-color: rgba(255, 255, 255, .5); }
.layout-management-container .list-groups > li .btn-item.add { text-indent: -9999px; border: 2px dashed #ccc; background-color: transparent; }
.layout-management-container .list-groups > li .btn-item.add:before {position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -667px -368px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-groups > li .btn-item.add:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-groups > li .btn-delete {position: absolute; top: 50%; right: 15px;  display: block; width: 12px; height: 12px; margin-top: -6px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -110px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-groups > li .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-groups > li .button-normal { width: 100%; }
.layout-management-container .list-groups > li.is-selected .btn-item { font-weight: 700; background-color: white; }
.layout-management-container .list-clouds { width: 100%; }
.layout-management-container .list-clouds > li { position: relative; margin-bottom: 10px; }
.layout-management-container .list-clouds > li .btn-item {font-size: .875rem; line-height: 50px; position: relative;  display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 50px; padding: 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #000; background-color: rgba(255, 255, 255, .5); }
.layout-management-container .list-clouds > li .btn-item .icon { display: inline-block; }
.layout-management-container .list-clouds > li .btn-item .icon:before {display: inline-block; margin: -2px 6px 0 0;  content: ''; vertical-align: middle; }
.layout-management-container .list-clouds > li .btn-item .icon.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li .btn-item .icon.azure:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li .btn-item .icon.softlayer:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -367px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.softlayer:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li .btn-item .icon.alibaba:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -439px -343px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li .btn-item .icon.google:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li .btn-item .icon.idc:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -178px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-management-container .list-clouds > li .btn-item .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-management-container .list-clouds > li.is-selected .btn-item { font-weight: 700; background-color: white; }


.layout-option-container { display: block; visibility: visible; overflow: auto; box-sizing: border-box; opacity: 1; border-left: 2px solid #e6e6e6; background-color: #fff; }
.layout-option-container .btn-close {position: absolute; top: 15px; right: 15px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -238px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-option-container .btn-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-option-container .layout-option-header { height: 50px; background-color: #eee; }
.layout-option-container .layout-option-header .layout-option-header-title {font-size: 1rem; font-weight: 700; line-height: 50px;  padding: 0 20px; color: #000; }
.layout-option-container .layout-option-contents { padding: 0 20px; }


.layout-filter-container { display: block; visibility: visible; overflow: auto; box-sizing: border-box; transition: width .3s ease-in-out; opacity: 1; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.layout-filter-container .layout-filter-container-title { display: none; }
.layout-filter-container .quick-search-options { display: none; }
.layout-filter-container .layout-filter-inner-container { display: block; padding: 60px 29px 0; }
.layout-filter-container .btns { position: absolute; z-index: 1; top: 10px; left: 10px; }
.layout-filter-container .btns .button-icon-txt.icon-hide { display: inline-block; }
.layout-filter-container .btns .button-icon-txt.icon-close { display: none; }
.layout-filter-container .layout-filter-contents { position: relative; z-index: -1; overflow: auto; overflow-x: hidden; padding: 0 0 40px; }
.layout-filter-container .layout-filter-contents .qs-message { display: none; }
.layout-filter-container .layout-filter-contents .qs-items { display: block; box-sizing: border-box; width: 100%; max-width: 240px; margin-bottom: 8px; margin-left: -20px; transition: all .2s ease-in-out; }
.layout-filter-container .layout-filter-contents .qs-items.vendor { margin-bottom: 40px; border: 0; border-radius: 2px; }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon {font-size: .875rem; font-weight: 700; line-height: 1.42857em;  display: inline-block; }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon:before {display: inline-block; margin: -2px 12px 0 3px;  content: ''; vertical-align: middle; }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-filter-container .layout-filter-contents .qs-items.vendor .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon.azure:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-filter-container .layout-filter-contents .qs-items.vendor .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon.google:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-filter-container .layout-filter-contents .qs-items.vendor .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-filter-container .layout-filter-contents .qs-items.vendor .icon.alibaba:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -439px -343px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-filter-container .layout-filter-contents .qs-items.vendor .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-filter-container .layout-filter-contents .qs-items.vendor input[type=radio] + label { display: none; }
.layout-filter-container .layout-filter-contents .qs-items.vendor input[type=radio]:checked + label { display: block; }
.layout-filter-container .layout-filter-contents .qs-items.duration {font-size: .75rem; font-weight: 700; height: auto;  margin-bottom: 32px; padding: 0 0 0 20px; border: 0; border-radius: 2px; }
.layout-filter-container .layout-filter-contents .qs-items.duration label {font-size: 1rem; font-weight: 700; line-height: 1.5em;  display: block; }
.layout-filter-container .layout-filter-contents .qs-items.duration label time { font-size: .75rem; font-weight: 400; }
.layout-filter-container .layout-filter-contents .qs-items.duration .bar { display: inline-block; margin: 0 5px; }
.layout-filter-container .layout-filter-contents .qs-items.duration input[type=text] {font-size: .875rem; font-weight: 400; line-height: 30px;  display: inline-block; width: 73px; height: 30px; padding: 0; text-align: center; background-color: transparent; }
.layout-filter-container .layout-filter-contents .qs-items.duration p { margin-top: 5px; }
.layout-filter-container .layout-filter-contents .qs-items.duration p.btns {position: static;  display: none; margin-top: 10px; }
.layout-filter-container .layout-filter-contents .qs-items.duration .button-normal {width: 100px;  margin-top: 15px; }
.layout-filter-container .layout-filter-contents .qs-items.duration .small-white { padding-right: 8px; background-color: transparent; background-position: -100% center; }
.layout-filter-container .layout-filter-contents .qs-items.duration.today { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; color: #666; }
.layout-filter-container .layout-filter-contents .qs-items.duration.today label { font-size: .875rem; font-weight: 400; }
.layout-filter-container .layout-filter-contents .qs-items.duration.today time { font-size: 1.25rem; font-weight: 400; line-height: 1.25em; margin-bottom: 10px; }
.layout-filter-container .layout-filter-contents .qs-items.duration.today .qs-message {font-size: .75rem; font-weight: 400;  margin: 0; color: #7d7d7d; }
.layout-filter-container .layout-filter-contents .qs-items.duration.history input[type=text] { width: 100%; text-align: left; }
.layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration { display: none; margin: 10px -3px 0; }
.layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration input[type=radio] + label {font-size: .75rem; font-weight: 400; line-height: 20px;  display: block; float: left; box-sizing: border-box; width: 100px; height: 22px; margin: 6px 3px 0; padding: 0; text-align: center; color: #262626; border: 1px solid #d8d8d8; background-color: #fff; }
.layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration input[type=radio] + label:after , .layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration input[type=radio] + label:before { content: none; }
.layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration input[type=radio]:checked + label { color: #fff; border: 1px solid #52545c; background-color: #52545c; }
.layout-filter-container .layout-filter-contents .qs-items.select-all:after {display: inline-block; width: 8px; height: 8px; margin-top: -13px;  content: none; vertical-align: middle; border-radius: 8px; background-color: #f6a623; }
.layout-filter-container .layout-filter-contents .qs-items.select-all label { font-size: 1rem; font-weight: 700; line-height: 24px; color: #000; }
.layout-filter-container .layout-filter-contents .qs-items.select-all[data-state=base]:after { content: ''; }
.layout-filter-container .layout-filter-contents .qs-items.select-all[data-count='0'] { display: none; }
.layout-filter-container .layout-filter-contents .qs-items.select-all + .select-all { margin-top: 32px; }
.layout-filter-container .layout-filter-contents .qs-items.item { padding-left: 20px; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label {font-size: .75rem; font-weight: 500; line-height: 22px;  display: none; overflow: hidden; box-sizing: border-box; width: 100%; height: 24px; padding-left: 7px; transition: color .1s ease-in-out, border-color .1s ease-in-out, background-color .1s ease-in-out; white-space: nowrap; text-overflow: ellipsis; color: #666; border: 1px solid #ddd; border-radius: 2px; background-color: #fff; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label:after , .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label:before { content: none; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label mark { color: #1886ff; background-color: transparent; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox]:checked + label { display: block; color: #fff; border-color: #3b99ff; background-color: #3b99ff; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox]:checked + label mark { color: #fff; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox]:checked[data-state=auto] + label { color: #666; border: 1px solid #a3cfff; background-color: #cfe6ff; }
.layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox][disabled] + label { opacity: .5; color: #bbb; }
.layout-filter-container .layout-filter-contents .qs-items.item select {line-height: 22px;  display: none; box-sizing: border-box; width: 100%; height: 24px; padding-left: 7px; border: 1px solid #ddd; border-radius: 2px; background-color: #fff; }
.layout-filter-container .layout-filter-contents .qs-items.item.last { margin-bottom: 32px; }
.layout-with-filter[data-state=shut] .layout-filter-container .button-icon-txt.icon-hide {width: 20px;  padding: 0; }
.layout-with-filter[data-state=shut] .layout-filter-container .button-icon-txt.icon-hide:before { transform: rotateY(0deg); }
.layout-with-filter[data-state=shut] .layout-filter-container .button-icon-txt.icon-hide .txt {visibility: hidden;  opacity: 0; }
.layout-with-filter[data-state=shut] .layout-filter-container .layout-filter-contents {visibility: hidden;  opacity: 0; }
.layout-with-filter[data-state=shut] .layout-filter-container .layout-filter-inner-container { padding-right: 0; padding-left: 0; }
.layout-with-filter[data-state=expand] .layout-filter-container { padding: 0 0 40px; }
.layout-with-filter[data-state=expand] .layout-filter-container .quick-search-options { display: block; }
.layout-with-filter[data-state=expand] .layout-filter-container .quick-search-options[data-state=favorite] ~ .layout-filter-inner-container .btns , .layout-with-filter[data-state=expand] .layout-filter-container .quick-search-options[data-state=recent] ~ .layout-filter-inner-container .btns { top: 80px; }
.layout-with-filter[data-state=expand] .layout-filter-container .quick-search-options[data-state=favorite] ~ .layout-filter-inner-container .layout-filter-contents , .layout-with-filter[data-state=expand] .layout-filter-container .quick-search-options[data-state=recent] ~ .layout-filter-inner-container .layout-filter-contents { top: 70px; }
.layout-with-filter[data-state=expand] .layout-filter-container .btns { right: 10px; left: auto; }
.layout-with-filter[data-state=expand] .layout-filter-container .btns .button-icon-txt.icon-hide { display: none; }
.layout-with-filter[data-state=expand] .layout-filter-container .btns .button-icon-txt.icon-close { display: inline-block; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents {position: absolute; z-index: 1; top: 0; right: 50px; bottom: 0; left: 0;  display: -ms-flexbox; display: flex; overflow: auto; overflow-y: hidden; flex-direction: column; padding: 40px 0; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-message {font-size: .625rem; line-height: 1.5em;  display: block; box-sizing: border-box; margin-bottom: 5px; margin-left: 50px; text-align: left; color: #999; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items { margin-left: 50px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.vendor { padding: 18px 0 18px 20px; border: 2px solid #ddd; border-radius: 2px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.vendor p ~ p { margin-top: 25px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.vendor input[type=radio] + label { display: block; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items .small-white { padding-right: 30px; background-color: #fff; background-position: right center; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration { display: -ms-flexbox; display: flex; flex-direction: column; height: 160px; border: 2px solid #ddd; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .info , .layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .error { font-size: .75rem; font-weight: 400; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .info { color: #7d7d7d; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .error { color: #ff2c53; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange {box-sizing: border-box; width: 100%; height: 32px;  border: 1px solid #d5d9db; background-color: #fff; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange input[type=text] {font-size: .75rem; height: 100%; padding-left: 32px;  text-align: left; border: 0; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange input[type=text]:after , .layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange input[type=text]:before { content: none; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange:after { right: auto; left: 12px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration .daterange:before {position: absolute; z-index: 10; top: 50%; right: 2px; width: 30px; height: calc(100% - 4px);  content: ''; transform: translateY(-50%); background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: cover; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration input[type=text] { text-align: center; background-color: #fff; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration.today { height: 120px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration.history {height: 204px;  padding: 16px 13px 0; -ms-flex-pack: start; justify-content: flex-start; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration.history .head { margin-bottom: auto; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration { display: block; margin: 10px -3px 15px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration input[type=radio] + label { width: 102px; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label { display: block; }
.layout-with-filter[data-state=expand] .layout-filter-container .layout-filter-contents .qs-items.item select { display: block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .quick-search-options { display: block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .quick-search-options[data-state=favorite] ~ .layout-filter-inner-container .btns , .layout-with-filter[data-state=inteligent] .layout-filter-container .quick-search-options[data-state=recent] ~ .layout-filter-inner-container .btns { top: 80px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .quick-search-options[data-state=favorite] ~ .layout-filter-inner-container .layout-filter-contents , .layout-with-filter[data-state=inteligent] .layout-filter-container .quick-search-options[data-state=recent] ~ .layout-filter-inner-container .layout-filter-contents { top: 70px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container.layout-filter-container .layout-filter-inner-container { padding: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btns { right: 10px; left: auto; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btns .button-icon-txt.icon-hide { display: none; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btns .button-icon-txt.icon-close { display: inline-block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btn_wrap { height: 50px; margin: 70px 0 0; background: black; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btn_wrap button {font-size: .875rem; font-weight: 600; line-height: 2.5em; position: relative;  width: 100%; height: 100%; color: #fff; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .btn_wrap button i {position: relative; bottom: 2px;  display: inline-block; width: 22px; height: 18px; margin: 0 10px 0 -10px; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -687px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .btn_wrap button i { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents {position: relative;  z-index: 1; padding: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap {position: relative; clear: both; box-sizing: border-box;  min-height: 50px; margin: 0; padding: 0 18px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap:after {display: table; clear: both;  content: ''; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form p {font-size: .75rem; font-weight: 600; line-height: 4em;  float: left; margin-right: 10px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap {line-height: 2.5em;  float: left; min-height: 50px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap div , .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap input[type=text] , .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap p , .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap select , .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap span { display: inline-block; width: auto; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap input[type=text] , .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap select {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 2.5em;  height: 30px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap input[type=text] {font-weight: 400;  width: 91px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .inputbox { margin: 0 40px 0 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .inputbox select { margin: 0 2px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .inputbox span { margin: 0 3px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap select { width: 110px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .vendor-wrapper { position: relative; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .vendor-wrapper .btn-group.vendor-code .multiselect {line-height: 2.5em;  width: 120px; height: 30px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .vendor-wrapper .btn-group.vendor-code .multiselect-container.dropdown-menu { max-width: 110px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .vendor-wrapper .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a { padding: 0 6px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap .vendor-wrapper .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label span {font-size: .75rem;  width: auto; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap.duration { position: relative; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .inputwrap.duration:after {position: absolute; top: 50%; right: 20px; width: 1px; height: 20px; margin: -10px 0 0;  content: ''; background-color: #d9d9d9; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .search_btn_wrap {line-height: 3em;  float: left; margin: 0 0 0 17px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .search_btn_wrap button { font-size: .75rem; position: relative; bottom: 2px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .search_btn_wrap button.apply { display: inline-block; height: 30px; border: 0; background: rgba(0, 0, 0, .5); }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .search_btn_wrap button.button-normal { line-height: 2.33333em; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap {line-height: 3em;  float: right; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button { font-size: .75rem; position: relative; bottom: 2px; box-sizing: border-box; height: 26px; margin-left: 4px; border: 1px solid transparent; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button:hover {line-height: 2em; border-color: #d8d8d8;  background-color: #e6e6e6; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn { position: relative; overflow: hidden; width: 30px; white-space: nowrap; text-indent: 100%; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn[disabled]:hover {border-color: transparent;  background-color: transparent; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo { margin-left: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 10px; margin-top: -5px; margin-left: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -445px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo[disabled]:before {width: 12px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -427px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo[disabled]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.redo:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 10px; margin-top: -5px; margin-left: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -463px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.redo:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.redo[disabled]:before {width: 12px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -481px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.redo[disabled]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn { font-weight: 500; position: relative; width: 85px; text-indent: 15px; color: #666; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:before {position: absolute; top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-message {font-size: .625rem; line-height: 1.5em;  display: block; box-sizing: border-box; margin-bottom: 5px; margin-left: 50px; text-align: left; color: #999; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items {float: left; box-sizing: border-box; max-width: 25%;  margin: 10px 10px 0 0; padding: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.vendor { padding: 18px 0 18px 20px; border: 2px solid #ddd; border-radius: 2px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.vendor p ~ p { margin-top: 25px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.vendor input[type=radio] + label { display: block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items:nth-child(4n+1) { margin-left: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items .small-white { padding-right: 30px; background-color: #fff; background-position: right center; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.duration { display: -ms-flexbox; display: flex; flex-direction: column; height: 160px; border: 2px solid #ddd; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.duration input[type=text] { text-align: center; background-color: #fff; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.duration.today { height: 120px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.duration.history {height: 180px;  padding: 0 13px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.duration.history .select-duration { display: block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item { padding: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox] + label { display: block; height: 26px; border-width: 1px; border-color: #d4d4d4; border-radius: 2px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox][data-state=none_relative] + label {color: #666;  border-color: #efefef; background-color: #efefef; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox][data-state=relative] + label {color: #58617c; border-width: 1px;  border-color: #96beea; background-color: #cbe2fb; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item input[type=checkbox]:checked + label {font-weight: 400; color: #fff; border-width: 1px;  border-color: #3b98ff; background-color: #3b98ff; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .qs-items.item select { display: block; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section {position: relative; clear: both; box-sizing: border-box;  min-height: 50px; margin: 0; padding: 12px 18px 2px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section h2 { line-height: 1; float: left; width: 200px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section h2 ~ .page-section-contents { float: left; width: calc(100% - 200px); padding: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section:after {display: table; clear: both;  content: ''; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section:before {position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: '';  background-color: #e6e6e6; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section:first-child:before { display: none; overflow: hidden; height: 0; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section div[role=list] {font-size: 0; overflow-y: auto;  max-height: 302px; margin: -10px 0 0; padding: 0 0 10px; }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .btn-toggle:before {display: inline-block; width: 16px; height: 16px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -551px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .btn-toggle[data-state=shut]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -287px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .qs-items {display: inline-block; float: none;  width: calc(25% - 10px); }
.layout-with-filter[data-state=inteligent] .layout-filter-container .layout-filter-contents .page-section .qs-items input[type=checkbox] + label { width: 100%; }


.quick-search-options {position: relative; z-index: 1;  display: block; box-sizing: border-box; max-height: 0; padding: 0 0 0 40px; border-bottom: 1px solid #eee; background-color: #fff; }
.quick-search-options .favorite-container , .quick-search-options .recent-container { display: none; visibility: hidden; padding: 15px 0; opacity: 0; }
.quick-search-options[data-state=recent] { max-height: 100px; }
.quick-search-options[data-state=recent] .recent-container { display: block; visibility: visible; opacity: 1; }
.quick-search-options[data-state=favorite] { max-height: 100px; }
.quick-search-options[data-state=favorite] .favorite-container { display: block; visibility: visible; opacity: 1; }
.quick-search-options .btn-add-favorite { display: inline-block; width: 40px; height: 40px; margin-right: 15px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -559px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .quick-search-options .btn-add-favorite { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.quick-search-options .none {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; vertical-align: middle; color: #ccc; }
.quick-search-options .btn-item {font-size: .875rem; font-weight: 700; line-height: 38px;  display: inline-block; overflow: hidden; box-sizing: border-box; max-width: 250px; height: 40px; margin-right: 7px; padding: 0 25px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; border: 1px solid #ddd; border-radius: 2px; background-color: #fff; }
.quick-search-options .btn-item.is-selected {line-height: 36px;  color: #1886ff; border: 2px solid #1886ff; }
.quick-search-options .recent { padding-top: 15px; }

button.general , a.general , .button-ui.general {font-size: .875rem;  display: inline-block; box-sizing: border-box; padding: 0 8px; transition: all .3s linear; color: #444; border-radius: 2px; }
button.general.button-align , a.general.button-align , .button-ui.general.button-align { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
button.general.set-default-width , a.general.set-default-width , .button-ui.general.set-default-width { min-width: 120px; }
button.general.round , a.general.round , .button-ui.general.round { padding: 0; }
button.general.round[data-round=full] , a.general.round[data-round=full] , .button-ui.general.round[data-round=full] { border-radius: 100%; }
button.general.round[data-round=button] , a.general.round[data-round=button] , .button-ui.general.round[data-round=button] { border-radius: 5px; }
button.general.round.severity , a.general.round.severity , .button-ui.general.round.severity {width: 10px; height: 10px;  background: #ff614b; }
button.general.round.severity.release , a.general.round.severity.release , .button-ui.general.round.severity.release { opacity: .2; }
button.general[data-font=special] , a.general[data-font=special] , .button-ui.general[data-font=special] { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
button.general.xsmall , a.general.xsmall , .button-ui.general.xsmall {font-size: .6875rem; line-height: 20px;  min-width: 20px; height: 20px; }
button.general.small , a.general.small , .button-ui.general.small {font-size: .75rem; line-height: 24px;  min-width: 24px; height: 24px; }
button.general.medium , a.general.medium , .button-ui.general.medium {font-size: .875rem; line-height: 32px;  min-width: 32px; height: 32px; }
button.general.large , a.general.large , .button-ui.general.large {font-size: .875rem; line-height: 40px;  min-width: 40px; height: 40px; }
button.general.label , a.general.label , .button-ui.general.label { padding: 0 8px; }
button.general.round , a.general.round , .button-ui.general.round { border-radius: 4px; }
button.general.color , a.general.color , .button-ui.general.color { color: #222; }
button.general.color[data-color=blue] , a.general.color[data-color=blue] , .button-ui.general.color[data-color=blue] { color: #1886ff; }
button.general.color[data-color=green] , a.general.color[data-color=green] , .button-ui.general.color[data-color=green] { color: #0acd7f; }
button.general.color[data-color=gray] , a.general.color[data-color=gray] , .button-ui.general.color[data-color=gray] { color: #898e94; }
button.general.color[data-color=lightgray] , a.general.color[data-color=lightgray] , .button-ui.general.color[data-color=lightgray] { color: #666; }
button.general.color[data-color=skyblue] , a.general.color[data-color=skyblue] , .button-ui.general.color[data-color=skyblue] { color: #e5f3ff; }
button.general.color[data-color=lightblue] , a.general.color[data-color=lightblue] , .button-ui.general.color[data-color=lightblue] { color: #e7f2ff; }
button.general.color[data-color=bluegray] , a.general.color[data-color=bluegray] , .button-ui.general.color[data-color=bluegray] { color: rgba(137, 154, 174, .1); }
button.general.color[data-color=red] , a.general.color[data-color=red] , .button-ui.general.color[data-color=red] { color: #ff2d47; }
button.general.color[data-color=lightred] , a.general.color[data-color=lightred] , .button-ui.general.color[data-color=lightred] { color: #ffeaec; }
button.general.fill , a.general.fill , .button-ui.general.fill {color: #fff;  background-color: #52545c; }
button.general.fill[data-fill=blue] , a.general.fill[data-fill=blue] , .button-ui.general.fill[data-fill=blue] { background-color: #1886ff; }
button.general.fill[data-fill=green] , a.general.fill[data-fill=green] , .button-ui.general.fill[data-fill=green] { background-color: #0acd7f; }
button.general.fill[data-fill=gray] , a.general.fill[data-fill=gray] , .button-ui.general.fill[data-fill=gray] { background-color: #898e94; }
button.general.fill[data-fill=lightgray] , a.general.fill[data-fill=lightgray] , .button-ui.general.fill[data-fill=lightgray] { background-color: #eaecef; }
button.general.fill[data-fill=skyblue] , a.general.fill[data-fill=skyblue] , .button-ui.general.fill[data-fill=skyblue] { background-color: #e5f3ff; }
button.general.fill[data-fill=lightblue] , a.general.fill[data-fill=lightblue] , .button-ui.general.fill[data-fill=lightblue] { background-color: #e7f2ff; }
button.general.fill[data-fill=lightgray] , a.general.fill[data-fill=lightgray] , .button-ui.general.fill[data-fill=lightgray] { background-color: #f6f7f8; }
button.general.fill[data-fill=bluegray] , a.general.fill[data-fill=bluegray] , .button-ui.general.fill[data-fill=bluegray] { background-color: rgba(137, 154, 174, .1); }
button.general.fill[data-fill=red] , a.general.fill[data-fill=red] , .button-ui.general.fill[data-fill=red] { background: #ff2d47; }
button.general.fill[data-fill=lightred] , a.general.fill[data-fill=lightred] , .button-ui.general.fill[data-fill=lightred] { background: #ffeaec; }
button.general.fill[data-fill=white] , a.general.fill[data-fill=white] , .button-ui.general.fill[data-fill=white] {color: #444;  background: #fff; }
button.general.border , a.general.border , .button-ui.general.border { border: 1px solid #ccc; }
button.general.border.xsmall , a.general.border.xsmall , .button-ui.general.border.xsmall {font-size: .6875rem; line-height: 18px;  min-width: 20px; height: 20px; }
button.general.border.small , a.general.border.small , .button-ui.general.border.small {font-size: .75rem; line-height: 22px;  min-width: 24px; height: 24px; }
button.general.border.medium , a.general.border.medium , .button-ui.general.border.medium {font-size: .875rem; line-height: 30px;  min-width: 32px; height: 32px; }
button.general.border.large , a.general.border.large , .button-ui.general.border.large {font-size: .875rem; line-height: 38px;  min-width: 40px; height: 40px; }
button.general.border[data-border=blue] , a.general.border[data-border=blue] , .button-ui.general.border[data-border=blue] { border-color: #1886ff; }
button.general.border[data-border=green] , a.general.border[data-border=green] , .button-ui.general.border[data-border=green] { border-color: #0acd7f; }
button.general.border[data-border=gray] , a.general.border[data-border=gray] , .button-ui.general.border[data-border=gray] { border-color: #898e94; }
button.general.border[data-border=skyblue] , a.general.border[data-border=skyblue] , .button-ui.general.border[data-border=skyblue] { border-color: #bfe0ff; }
button.general.border[data-border=lightgray] , a.general.border[data-border=lightgray] , .button-ui.general.border[data-border=lightgray] { border-color: #d5d9db; }
button.general.border[data-border=bluegray] , a.general.border[data-border=bluegray] , .button-ui.general.border[data-border=bluegray] { border-color: rgba(137, 154, 174, .1); }
button.general.border[data-border=red] , a.general.border[data-border=red] , .button-ui.general.border[data-border=red] { border-color: #ff2d47; }
button.general.border.dashed , a.general.border.dashed , .button-ui.general.border.dashed { border-style: dashed; }
button.general.align-center , a.general.align-center , .button-ui.general.align-center { text-align: center; }
button.general[disabled] , a.general[disabled] , .button-ui.general[disabled] {cursor: not-allowed;  opacity: .3; }
button.general[data-icon] , a.general[data-icon] , .button-ui.general[data-icon] { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }
button.general[data-icon].only , a.general[data-icon].only , .button-ui.general[data-icon].only {box-sizing: border-box;  padding: 0 4px; -ms-flex-pack: center; justify-content: center; }
button.general[data-icon].only:before , a.general[data-icon].only:before , .button-ui.general[data-icon].only:before { margin: 0; }
button.general[data-icon].only:after , a.general[data-icon].only:after , .button-ui.general[data-icon].only:after { content: none; }
button.general[data-icon].before:after , a.general[data-icon].before:after , .button-ui.general[data-icon].before:after { content: none; }
button.general[data-icon].after:before , a.general[data-icon].after:before , .button-ui.general[data-icon].after:before { content: none; }
button.general[data-icon]:before , a.general[data-icon]:before , .button-ui.general[data-icon]:before {display: inline-block; margin-right: 4px;  content: ''; }
button.general[data-icon]:after , a.general[data-icon]:after , .button-ui.general[data-icon]:after {display: inline-block; margin-left: 4px;  content: ''; }
button.general[data-icon=vendor] , a.general[data-icon=vendor] , .button-ui.general[data-icon=vendor] { padding: 0; }
button.general[data-icon=vendor].aws[data-size=xsmall]:before , button.general[data-icon=vendor].aws[data-size=xsmall]:after , a.general[data-icon=vendor].aws[data-size=xsmall]:before , a.general[data-icon=vendor].aws[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].aws[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].aws[data-size=xsmall]:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -344px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=xsmall]:before , button.general[data-icon=vendor].aws[data-size=xsmall]:after , a.general[data-icon=vendor].aws[data-size=xsmall]:before , a.general[data-icon=vendor].aws[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].aws[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].aws[data-size=xsmall]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].aws[data-size=small]:before , button.general[data-icon=vendor].aws[data-size=small]:after , a.general[data-icon=vendor].aws[data-size=small]:before , a.general[data-icon=vendor].aws[data-size=small]:after , .button-ui.general[data-icon=vendor].aws[data-size=small]:before , .button-ui.general[data-icon=vendor].aws[data-size=small]:after {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=small]:before , button.general[data-icon=vendor].aws[data-size=small]:after , a.general[data-icon=vendor].aws[data-size=small]:before , a.general[data-icon=vendor].aws[data-size=small]:after , .button-ui.general[data-icon=vendor].aws[data-size=small]:before , .button-ui.general[data-icon=vendor].aws[data-size=small]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].aws[data-size=small][disabled]:before , button.general[data-icon=vendor].aws[data-size=small][disabled]:after , a.general[data-icon=vendor].aws[data-size=small][disabled]:before , a.general[data-icon=vendor].aws[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].aws[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].aws[data-size=small][disabled]:after {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -513px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=small][disabled]:before , button.general[data-icon=vendor].aws[data-size=small][disabled]:after , a.general[data-icon=vendor].aws[data-size=small][disabled]:before , a.general[data-icon=vendor].aws[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].aws[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].aws[data-size=small][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].aws[data-size=medium]:before , button.general[data-icon=vendor].aws[data-size=medium]:after , a.general[data-icon=vendor].aws[data-size=medium]:before , a.general[data-icon=vendor].aws[data-size=medium]:after , .button-ui.general[data-icon=vendor].aws[data-size=medium]:before , .button-ui.general[data-icon=vendor].aws[data-size=medium]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=medium]:before , button.general[data-icon=vendor].aws[data-size=medium]:after , a.general[data-icon=vendor].aws[data-size=medium]:before , a.general[data-icon=vendor].aws[data-size=medium]:after , .button-ui.general[data-icon=vendor].aws[data-size=medium]:before , .button-ui.general[data-icon=vendor].aws[data-size=medium]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].aws[data-size=medium][disabled]:before , button.general[data-icon=vendor].aws[data-size=medium][disabled]:after , a.general[data-icon=vendor].aws[data-size=medium][disabled]:before , a.general[data-icon=vendor].aws[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].aws[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].aws[data-size=medium][disabled]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -226px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=medium][disabled]:before , button.general[data-icon=vendor].aws[data-size=medium][disabled]:after , a.general[data-icon=vendor].aws[data-size=medium][disabled]:before , a.general[data-icon=vendor].aws[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].aws[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].aws[data-size=medium][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].aws[data-size=large]:before , button.general[data-icon=vendor].aws[data-size=large]:after , a.general[data-icon=vendor].aws[data-size=large]:before , a.general[data-icon=vendor].aws[data-size=large]:after , .button-ui.general[data-icon=vendor].aws[data-size=large]:before , .button-ui.general[data-icon=vendor].aws[data-size=large]:after {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].aws[data-size=large]:before , button.general[data-icon=vendor].aws[data-size=large]:after , a.general[data-icon=vendor].aws[data-size=large]:before , a.general[data-icon=vendor].aws[data-size=large]:after , .button-ui.general[data-icon=vendor].aws[data-size=large]:before , .button-ui.general[data-icon=vendor].aws[data-size=large]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=xsmall]:before , button.general[data-icon=vendor].azure[data-size=xsmall]:after , a.general[data-icon=vendor].azure[data-size=xsmall]:before , a.general[data-icon=vendor].azure[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].azure[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].azure[data-size=xsmall]:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -488px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=xsmall]:before , button.general[data-icon=vendor].azure[data-size=xsmall]:after , a.general[data-icon=vendor].azure[data-size=xsmall]:before , a.general[data-icon=vendor].azure[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].azure[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].azure[data-size=xsmall]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=small]:before , button.general[data-icon=vendor].azure[data-size=small]:after , a.general[data-icon=vendor].azure[data-size=small]:before , a.general[data-icon=vendor].azure[data-size=small]:after , .button-ui.general[data-icon=vendor].azure[data-size=small]:before , .button-ui.general[data-icon=vendor].azure[data-size=small]:after {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=small]:before , button.general[data-icon=vendor].azure[data-size=small]:after , a.general[data-icon=vendor].azure[data-size=small]:before , a.general[data-icon=vendor].azure[data-size=small]:after , .button-ui.general[data-icon=vendor].azure[data-size=small]:before , .button-ui.general[data-icon=vendor].azure[data-size=small]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=small][disabled]:before , button.general[data-icon=vendor].azure[data-size=small][disabled]:after , a.general[data-icon=vendor].azure[data-size=small][disabled]:before , a.general[data-icon=vendor].azure[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].azure[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].azure[data-size=small][disabled]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -421px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=small][disabled]:before , button.general[data-icon=vendor].azure[data-size=small][disabled]:after , a.general[data-icon=vendor].azure[data-size=small][disabled]:before , a.general[data-icon=vendor].azure[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].azure[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].azure[data-size=small][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=medium]:before , button.general[data-icon=vendor].azure[data-size=medium]:after , a.general[data-icon=vendor].azure[data-size=medium]:before , a.general[data-icon=vendor].azure[data-size=medium]:after , .button-ui.general[data-icon=vendor].azure[data-size=medium]:before , .button-ui.general[data-icon=vendor].azure[data-size=medium]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=medium]:before , button.general[data-icon=vendor].azure[data-size=medium]:after , a.general[data-icon=vendor].azure[data-size=medium]:before , a.general[data-icon=vendor].azure[data-size=medium]:after , .button-ui.general[data-icon=vendor].azure[data-size=medium]:before , .button-ui.general[data-icon=vendor].azure[data-size=medium]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=medium][disabled]:before , button.general[data-icon=vendor].azure[data-size=medium][disabled]:after , a.general[data-icon=vendor].azure[data-size=medium][disabled]:before , a.general[data-icon=vendor].azure[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].azure[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].azure[data-size=medium][disabled]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -176px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=medium][disabled]:before , button.general[data-icon=vendor].azure[data-size=medium][disabled]:after , a.general[data-icon=vendor].azure[data-size=medium][disabled]:before , a.general[data-icon=vendor].azure[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].azure[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].azure[data-size=medium][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].azure[data-size=large]:before , button.general[data-icon=vendor].azure[data-size=large]:after , a.general[data-icon=vendor].azure[data-size=large]:before , a.general[data-icon=vendor].azure[data-size=large]:after , .button-ui.general[data-icon=vendor].azure[data-size=large]:before , .button-ui.general[data-icon=vendor].azure[data-size=large]:after {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].azure[data-size=large]:before , button.general[data-icon=vendor].azure[data-size=large]:after , a.general[data-icon=vendor].azure[data-size=large]:before , a.general[data-icon=vendor].azure[data-size=large]:after , .button-ui.general[data-icon=vendor].azure[data-size=large]:before , .button-ui.general[data-icon=vendor].azure[data-size=large]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=xsmall]:before , button.general[data-icon=vendor].alibaba[data-size=xsmall]:after , a.general[data-icon=vendor].alibaba[data-size=xsmall]:before , a.general[data-icon=vendor].alibaba[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=xsmall]:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -272px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=xsmall]:before , button.general[data-icon=vendor].alibaba[data-size=xsmall]:after , a.general[data-icon=vendor].alibaba[data-size=xsmall]:before , a.general[data-icon=vendor].alibaba[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=xsmall]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=small]:before , button.general[data-icon=vendor].alibaba[data-size=small]:after , a.general[data-icon=vendor].alibaba[data-size=small]:before , a.general[data-icon=vendor].alibaba[data-size=small]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=small]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=small]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=small]:before , button.general[data-icon=vendor].alibaba[data-size=small]:after , a.general[data-icon=vendor].alibaba[data-size=small]:before , a.general[data-icon=vendor].alibaba[data-size=small]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=small]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=small]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , button.general[data-icon=vendor].alibaba[data-size=small][disabled]:after , a.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , a.general[data-icon=vendor].alibaba[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=small][disabled]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -398px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , button.general[data-icon=vendor].alibaba[data-size=small][disabled]:after , a.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , a.general[data-icon=vendor].alibaba[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=small][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=medium]:before , button.general[data-icon=vendor].alibaba[data-size=medium]:after , a.general[data-icon=vendor].alibaba[data-size=medium]:before , a.general[data-icon=vendor].alibaba[data-size=medium]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=medium]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=medium]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=medium]:before , button.general[data-icon=vendor].alibaba[data-size=medium]:after , a.general[data-icon=vendor].alibaba[data-size=medium]:before , a.general[data-icon=vendor].alibaba[data-size=medium]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=medium]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=medium]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , button.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after , a.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , a.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -251px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , button.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after , a.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , a.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=medium][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].alibaba[data-size=large]:before , button.general[data-icon=vendor].alibaba[data-size=large]:after , a.general[data-icon=vendor].alibaba[data-size=large]:before , a.general[data-icon=vendor].alibaba[data-size=large]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=large]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=large]:after {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -439px -343px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].alibaba[data-size=large]:before , button.general[data-icon=vendor].alibaba[data-size=large]:after , a.general[data-icon=vendor].alibaba[data-size=large]:before , a.general[data-icon=vendor].alibaba[data-size=large]:after , .button-ui.general[data-icon=vendor].alibaba[data-size=large]:before , .button-ui.general[data-icon=vendor].alibaba[data-size=large]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=xsmall]:before , button.general[data-icon=vendor].google[data-size=xsmall]:after , a.general[data-icon=vendor].google[data-size=xsmall]:before , a.general[data-icon=vendor].google[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].google[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].google[data-size=xsmall]:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -146px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=xsmall]:before , button.general[data-icon=vendor].google[data-size=xsmall]:after , a.general[data-icon=vendor].google[data-size=xsmall]:before , a.general[data-icon=vendor].google[data-size=xsmall]:after , .button-ui.general[data-icon=vendor].google[data-size=xsmall]:before , .button-ui.general[data-icon=vendor].google[data-size=xsmall]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=small]:before , button.general[data-icon=vendor].google[data-size=small]:after , a.general[data-icon=vendor].google[data-size=small]:before , a.general[data-icon=vendor].google[data-size=small]:after , .button-ui.general[data-icon=vendor].google[data-size=small]:before , .button-ui.general[data-icon=vendor].google[data-size=small]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=small]:before , button.general[data-icon=vendor].google[data-size=small]:after , a.general[data-icon=vendor].google[data-size=small]:before , a.general[data-icon=vendor].google[data-size=small]:after , .button-ui.general[data-icon=vendor].google[data-size=small]:before , .button-ui.general[data-icon=vendor].google[data-size=small]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=small][disabled]:before , button.general[data-icon=vendor].google[data-size=small][disabled]:after , a.general[data-icon=vendor].google[data-size=small][disabled]:before , a.general[data-icon=vendor].google[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].google[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].google[data-size=small][disabled]:after {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -528px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=small][disabled]:before , button.general[data-icon=vendor].google[data-size=small][disabled]:after , a.general[data-icon=vendor].google[data-size=small][disabled]:before , a.general[data-icon=vendor].google[data-size=small][disabled]:after , .button-ui.general[data-icon=vendor].google[data-size=small][disabled]:before , .button-ui.general[data-icon=vendor].google[data-size=small][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=medium]:before , button.general[data-icon=vendor].google[data-size=medium]:after , a.general[data-icon=vendor].google[data-size=medium]:before , a.general[data-icon=vendor].google[data-size=medium]:after , .button-ui.general[data-icon=vendor].google[data-size=medium]:before , .button-ui.general[data-icon=vendor].google[data-size=medium]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=medium]:before , button.general[data-icon=vendor].google[data-size=medium]:after , a.general[data-icon=vendor].google[data-size=medium]:before , a.general[data-icon=vendor].google[data-size=medium]:after , .button-ui.general[data-icon=vendor].google[data-size=medium]:before , .button-ui.general[data-icon=vendor].google[data-size=medium]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=medium][disabled]:before , button.general[data-icon=vendor].google[data-size=medium][disabled]:after , a.general[data-icon=vendor].google[data-size=medium][disabled]:before , a.general[data-icon=vendor].google[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].google[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].google[data-size=medium][disabled]:after {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -76px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=medium][disabled]:before , button.general[data-icon=vendor].google[data-size=medium][disabled]:after , a.general[data-icon=vendor].google[data-size=medium][disabled]:before , a.general[data-icon=vendor].google[data-size=medium][disabled]:after , .button-ui.general[data-icon=vendor].google[data-size=medium][disabled]:before , .button-ui.general[data-icon=vendor].google[data-size=medium][disabled]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=vendor].google[data-size=large]:before , button.general[data-icon=vendor].google[data-size=large]:after , a.general[data-icon=vendor].google[data-size=large]:before , a.general[data-icon=vendor].google[data-size=large]:after , .button-ui.general[data-icon=vendor].google[data-size=large]:before , .button-ui.general[data-icon=vendor].google[data-size=large]:after {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=vendor].google[data-size=large]:before , button.general[data-icon=vendor].google[data-size=large]:after , a.general[data-icon=vendor].google[data-size=large]:before , a.general[data-icon=vendor].google[data-size=large]:after , .button-ui.general[data-icon=vendor].google[data-size=large]:before , .button-ui.general[data-icon=vendor].google[data-size=large]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=plus]:before , button.general[data-icon=plus]:after , a.general[data-icon=plus]:before , a.general[data-icon=plus]:after , .button-ui.general[data-icon=plus]:before , .button-ui.general[data-icon=plus]:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -200px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=plus]:before , button.general[data-icon=plus]:after , a.general[data-icon=plus]:before , a.general[data-icon=plus]:after , .button-ui.general[data-icon=plus]:before , .button-ui.general[data-icon=plus]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=newTab]:before , button.general[data-icon=newTab]:after , a.general[data-icon=newTab]:before , a.general[data-icon=newTab]:after , .button-ui.general[data-icon=newTab]:before , .button-ui.general[data-icon=newTab]:after {width: 16px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -400px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=newTab]:before , button.general[data-icon=newTab]:after , a.general[data-icon=newTab]:before , a.general[data-icon=newTab]:after , .button-ui.general[data-icon=newTab]:before , .button-ui.general[data-icon=newTab]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=rightArrow]:before , button.general[data-icon=rightArrow]:after , a.general[data-icon=rightArrow]:before , a.general[data-icon=rightArrow]:after , .button-ui.general[data-icon=rightArrow]:before , .button-ui.general[data-icon=rightArrow]:after {width: 8px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -719px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=rightArrow]:before , button.general[data-icon=rightArrow]:after , a.general[data-icon=rightArrow]:before , a.general[data-icon=rightArrow]:after , .button-ui.general[data-icon=rightArrow]:before , .button-ui.general[data-icon=rightArrow]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=caution]:before , button.general[data-icon=caution]:after , a.general[data-icon=caution]:before , a.general[data-icon=caution]:after , .button-ui.general[data-icon=caution]:before , .button-ui.general[data-icon=caution]:after {width: 14px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -81px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=caution]:before , button.general[data-icon=caution]:after , a.general[data-icon=caution]:before , a.general[data-icon=caution]:after , .button-ui.general[data-icon=caution]:before , .button-ui.general[data-icon=caution]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=inspection]:before , button.general[data-icon=inspection]:after , a.general[data-icon=inspection]:before , a.general[data-icon=inspection]:after , .button-ui.general[data-icon=inspection]:before , .button-ui.general[data-icon=inspection]:after {width: 11px; height: 11px;  background-image: url(../images/layout_sprites.png); background-position: -513px -496px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=inspection]:before , button.general[data-icon=inspection]:after , a.general[data-icon=inspection]:before , a.general[data-icon=inspection]:after , .button-ui.general[data-icon=inspection]:before , .button-ui.general[data-icon=inspection]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=listIcon]:before , button.general[data-icon=listIcon]:after , a.general[data-icon=listIcon]:before , a.general[data-icon=listIcon]:after , .button-ui.general[data-icon=listIcon]:before , .button-ui.general[data-icon=listIcon]:after {width: 12px; height: 4px;  background-image: url(../images/layout_sprites.png); background-position: -391px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=listIcon]:before , button.general[data-icon=listIcon]:after , a.general[data-icon=listIcon]:before , a.general[data-icon=listIcon]:after , .button-ui.general[data-icon=listIcon]:before , .button-ui.general[data-icon=listIcon]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=updownArrow]:before , button.general[data-icon=updownArrow]:after , a.general[data-icon=updownArrow]:before , a.general[data-icon=updownArrow]:after , .button-ui.general[data-icon=updownArrow]:before , .button-ui.general[data-icon=updownArrow]:after {width: 10px; height: 7px;  background-image: url(../images/layout_sprites.png); background-position: -700px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=updownArrow]:before , button.general[data-icon=updownArrow]:after , a.general[data-icon=updownArrow]:before , a.general[data-icon=updownArrow]:after , .button-ui.general[data-icon=updownArrow]:before , .button-ui.general[data-icon=updownArrow]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=updownArrow].reverse:before , button.general[data-icon=updownArrow].reverse:after , a.general[data-icon=updownArrow].reverse:before , a.general[data-icon=updownArrow].reverse:after , .button-ui.general[data-icon=updownArrow].reverse:before , .button-ui.general[data-icon=updownArrow].reverse:after { transform: rotateX(180deg); }
button.general[data-icon=more]:before , button.general[data-icon=more]:after , a.general[data-icon=more]:before , a.general[data-icon=more]:after , .button-ui.general[data-icon=more]:before , .button-ui.general[data-icon=more]:after {width: 14px; height: 4px;  background-image: url(../images/layout_sprites.png); background-position: -371px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=more]:before , button.general[data-icon=more]:after , a.general[data-icon=more]:before , a.general[data-icon=more]:after , .button-ui.general[data-icon=more]:before , .button-ui.general[data-icon=more]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=clipboard]:before , button.general[data-icon=clipboard]:after , a.general[data-icon=clipboard]:before , a.general[data-icon=clipboard]:after , .button-ui.general[data-icon=clipboard]:before , .button-ui.general[data-icon=clipboard]:after {width: 14px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -366px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=clipboard]:before , button.general[data-icon=clipboard]:after , a.general[data-icon=clipboard]:before , a.general[data-icon=clipboard]:after , .button-ui.general[data-icon=clipboard]:before , .button-ui.general[data-icon=clipboard]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=trash]:before , button.general[data-icon=trash]:after , a.general[data-icon=trash]:before , a.general[data-icon=trash]:after , .button-ui.general[data-icon=trash]:before , .button-ui.general[data-icon=trash]:after {width: 12px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: 0px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=trash]:before , button.general[data-icon=trash]:after , a.general[data-icon=trash]:before , a.general[data-icon=trash]:after , .button-ui.general[data-icon=trash]:before , .button-ui.general[data-icon=trash]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=exportGray]:before , button.general[data-icon=exportGray]:after , a.general[data-icon=exportGray]:before , a.general[data-icon=exportGray]:after , .button-ui.general[data-icon=exportGray]:before , .button-ui.general[data-icon=exportGray]:after {width: 10px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -644px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=exportGray]:before , button.general[data-icon=exportGray]:after , a.general[data-icon=exportGray]:before , a.general[data-icon=exportGray]:after , .button-ui.general[data-icon=exportGray]:before , .button-ui.general[data-icon=exportGray]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=exportBlue]:before , button.general[data-icon=exportBlue]:after , a.general[data-icon=exportBlue]:before , a.general[data-icon=exportBlue]:after , .button-ui.general[data-icon=exportBlue]:before , .button-ui.general[data-icon=exportBlue]:after {width: 10px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -628px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=exportBlue]:before , button.general[data-icon=exportBlue]:after , a.general[data-icon=exportBlue]:before , a.general[data-icon=exportBlue]:after , .button-ui.general[data-icon=exportBlue]:before , .button-ui.general[data-icon=exportBlue]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=sortDefault]:before , button.general[data-icon=sortDefault]:after , a.general[data-icon=sortDefault]:before , a.general[data-icon=sortDefault]:after , .button-ui.general[data-icon=sortDefault]:before , .button-ui.general[data-icon=sortDefault]:after {width: 8px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -739px -505px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=sortDefault]:before , button.general[data-icon=sortDefault]:after , a.general[data-icon=sortDefault]:before , a.general[data-icon=sortDefault]:after , .button-ui.general[data-icon=sortDefault]:before , .button-ui.general[data-icon=sortDefault]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=sortUp]:before , button.general[data-icon=sortUp]:after , a.general[data-icon=sortUp]:before , a.general[data-icon=sortUp]:after , .button-ui.general[data-icon=sortUp]:before , .button-ui.general[data-icon=sortUp]:after {width: 8px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -739px -487px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=sortUp]:before , button.general[data-icon=sortUp]:after , a.general[data-icon=sortUp]:before , a.general[data-icon=sortUp]:after , .button-ui.general[data-icon=sortUp]:before , .button-ui.general[data-icon=sortUp]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=back] , a.general[data-icon=back] , .button-ui.general[data-icon=back] { width: 32px; margin-right: 10px; }
button.general[data-icon=back]:before , button.general[data-icon=back]:after , a.general[data-icon=back]:before , a.general[data-icon=back]:after , .button-ui.general[data-icon=back]:before , .button-ui.general[data-icon=back]:after {width: 16px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -344px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=back]:before , button.general[data-icon=back]:after , a.general[data-icon=back]:before , a.general[data-icon=back]:after , .button-ui.general[data-icon=back]:before , .button-ui.general[data-icon=back]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=sortDown]:before , button.general[data-icon=sortDown]:after , a.general[data-icon=sortDown]:before , a.general[data-icon=sortDown]:after , .button-ui.general[data-icon=sortDown]:before , .button-ui.general[data-icon=sortDown]:after {width: 8px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -739px -541px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=sortDown]:before , button.general[data-icon=sortDown]:after , a.general[data-icon=sortDown]:before , a.general[data-icon=sortDown]:after , .button-ui.general[data-icon=sortDown]:before , .button-ui.general[data-icon=sortDown]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
button.general[data-icon=filter]:before , button.general[data-icon=filter]:after , a.general[data-icon=filter]:before , a.general[data-icon=filter]:after , .button-ui.general[data-icon=filter]:before , .button-ui.general[data-icon=filter]:after {width: 7px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -556px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=filter]:before , button.general[data-icon=filter]:after , a.general[data-icon=filter]:before , a.general[data-icon=filter]:after , .button-ui.general[data-icon=filter]:before , .button-ui.general[data-icon=filter]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=newpopup]:before , button.general[data-icon=newpopup]:after , a.general[data-icon=newpopup]:before , a.general[data-icon=newpopup]:after , .button-ui.general[data-icon=newpopup]:before , .button-ui.general[data-icon=newpopup]:after {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -566px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=newpopup]:before , button.general[data-icon=newpopup]:after , a.general[data-icon=newpopup]:before , a.general[data-icon=newpopup]:after , .button-ui.general[data-icon=newpopup]:before , .button-ui.general[data-icon=newpopup]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=edit]:before , button.general[data-icon=edit]:after , a.general[data-icon=edit]:before , a.general[data-icon=edit]:after , .button-ui.general[data-icon=edit]:before , .button-ui.general[data-icon=edit]:after {width: 12px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -252px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=edit]:before , button.general[data-icon=edit]:after , a.general[data-icon=edit]:before , a.general[data-icon=edit]:after , .button-ui.general[data-icon=edit]:before , .button-ui.general[data-icon=edit]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=editgray]:before , button.general[data-icon=editgray]:after , a.general[data-icon=editgray]:before , a.general[data-icon=editgray]:after , .button-ui.general[data-icon=editgray]:before , .button-ui.general[data-icon=editgray]:after {width: 12px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -234px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=editgray]:before , button.general[data-icon=editgray]:after , a.general[data-icon=editgray]:before , a.general[data-icon=editgray]:after , .button-ui.general[data-icon=editgray]:before , .button-ui.general[data-icon=editgray]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=eyeon]:before , button.general[data-icon=eyeon]:after , a.general[data-icon=eyeon]:before , a.general[data-icon=eyeon]:after , .button-ui.general[data-icon=eyeon]:before , .button-ui.general[data-icon=eyeon]:after {width: 16px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -508px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=eyeon]:before , button.general[data-icon=eyeon]:after , a.general[data-icon=eyeon]:before , a.general[data-icon=eyeon]:after , .button-ui.general[data-icon=eyeon]:before , .button-ui.general[data-icon=eyeon]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=eyeoff]:before , button.general[data-icon=eyeoff]:after , a.general[data-icon=eyeoff]:before , a.general[data-icon=eyeoff]:after , .button-ui.general[data-icon=eyeoff]:before , .button-ui.general[data-icon=eyeoff]:after {width: 16px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -467px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=eyeoff]:before , button.general[data-icon=eyeoff]:after , a.general[data-icon=eyeoff]:before , a.general[data-icon=eyeoff]:after , .button-ui.general[data-icon=eyeoff]:before , .button-ui.general[data-icon=eyeoff]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=trash]:before , button.general[data-icon=trash]:after , a.general[data-icon=trash]:before , a.general[data-icon=trash]:after , .button-ui.general[data-icon=trash]:before , .button-ui.general[data-icon=trash]:after {width: 12px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -306px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=trash]:before , button.general[data-icon=trash]:after , a.general[data-icon=trash]:before , a.general[data-icon=trash]:after , .button-ui.general[data-icon=trash]:before , .button-ui.general[data-icon=trash]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=check]:before , button.general[data-icon=check]:after , a.general[data-icon=check]:before , a.general[data-icon=check]:after , .button-ui.general[data-icon=check]:before , .button-ui.general[data-icon=check]:after {width: 16px; height: 11px;  background-image: url(../images/layout_sprites.png); background-position: -443px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=check]:before , button.general[data-icon=check]:after , a.general[data-icon=check]:before , a.general[data-icon=check]:after , .button-ui.general[data-icon=check]:before , .button-ui.general[data-icon=check]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=check][data-size=small]:before , button.general[data-icon=check][data-size=small]:after , a.general[data-icon=check][data-size=small]:before , a.general[data-icon=check][data-size=small]:after , .button-ui.general[data-icon=check][data-size=small]:before , .button-ui.general[data-icon=check][data-size=small]:after {width: 12px; height: 8px;  background-image: url(../images/layout_sprites.png); background-position: -688px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=check][data-size=small]:before , button.general[data-icon=check][data-size=small]:after , a.general[data-icon=check][data-size=small]:before , a.general[data-icon=check][data-size=small]:after , .button-ui.general[data-icon=check][data-size=small]:before , .button-ui.general[data-icon=check][data-size=small]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=cancle]:before , button.general[data-icon=cancle]:after , a.general[data-icon=cancle]:before , a.general[data-icon=cancle]:after , .button-ui.general[data-icon=cancle]:before , .button-ui.general[data-icon=cancle]:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -44px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=cancle]:before , button.general[data-icon=cancle]:after , a.general[data-icon=cancle]:before , a.general[data-icon=cancle]:after , .button-ui.general[data-icon=cancle]:before , .button-ui.general[data-icon=cancle]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=reload]:before , button.general[data-icon=reload]:after , a.general[data-icon=reload]:before , a.general[data-icon=reload]:after , .button-ui.general[data-icon=reload]:before , .button-ui.general[data-icon=reload]:after {width: 14px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -598px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=reload]:before , button.general[data-icon=reload]:after , a.general[data-icon=reload]:before , a.general[data-icon=reload]:after , .button-ui.general[data-icon=reload]:before , .button-ui.general[data-icon=reload]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=close]:before , button.general[data-icon=close]:after , a.general[data-icon=close]:before , a.general[data-icon=close]:after , .button-ui.general[data-icon=close]:before , .button-ui.general[data-icon=close]:after {width: 12px; height: 12px;  background-image: url(../images/layout_sprites.png); background-position: -54px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=close]:before , button.general[data-icon=close]:after , a.general[data-icon=close]:before , a.general[data-icon=close]:after , .button-ui.general[data-icon=close]:before , .button-ui.general[data-icon=close]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=close][data-icon-color=blue]:before , button.general[data-icon=close][data-icon-color=blue]:after , a.general[data-icon=close][data-icon-color=blue]:before , a.general[data-icon=close][data-icon-color=blue]:after , .button-ui.general[data-icon=close][data-icon-color=blue]:before , .button-ui.general[data-icon=close][data-icon-color=blue]:after {width: 10px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -596px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=close][data-icon-color=blue]:before , button.general[data-icon=close][data-icon-color=blue]:after , a.general[data-icon=close][data-icon-color=blue]:before , a.general[data-icon=close][data-icon-color=blue]:after , .button-ui.general[data-icon=close][data-icon-color=blue]:before , .button-ui.general[data-icon=close][data-icon-color=blue]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=close][data-icon-color=white][data-size=small]:before , button.general[data-icon=close][data-icon-color=white][data-size=small]:after , a.general[data-icon=close][data-icon-color=white][data-size=small]:before , a.general[data-icon=close][data-icon-color=white][data-size=small]:after , .button-ui.general[data-icon=close][data-icon-color=white][data-size=small]:before , .button-ui.general[data-icon=close][data-icon-color=white][data-size=small]:after {width: 10px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -516px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=close][data-icon-color=white][data-size=small]:before , button.general[data-icon=close][data-icon-color=white][data-size=small]:after , a.general[data-icon=close][data-icon-color=white][data-size=small]:before , a.general[data-icon=close][data-icon-color=white][data-size=small]:after , .button-ui.general[data-icon=close][data-icon-color=white][data-size=small]:before , .button-ui.general[data-icon=close][data-icon-color=white][data-size=small]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=download]:before , button.general[data-icon=download]:after , a.general[data-icon=download]:before , a.general[data-icon=download]:after , .button-ui.general[data-icon=download]:before , .button-ui.general[data-icon=download]:after {width: 14px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -346px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=download]:before , button.general[data-icon=download]:after , a.general[data-icon=download]:before , a.general[data-icon=download]:after , .button-ui.general[data-icon=download]:before , .button-ui.general[data-icon=download]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=time]:before , button.general[data-icon=time]:after , a.general[data-icon=time]:before , a.general[data-icon=time]:after , .button-ui.general[data-icon=time]:before , .button-ui.general[data-icon=time]:after {width: 18px; height: 18px;  background-image: url(../images/layout_sprites.png); background-position: -343px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=time]:before , button.general[data-icon=time]:after , a.general[data-icon=time]:before , a.general[data-icon=time]:after , .button-ui.general[data-icon=time]:before , .button-ui.general[data-icon=time]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general[data-icon=export][data-icon-color=blue]:before , button.general[data-icon=export][data-icon-color=blue]:after , a.general[data-icon=export][data-icon-color=blue]:before , a.general[data-icon=export][data-icon-color=blue]:after , .button-ui.general[data-icon=export][data-icon-color=blue]:before , .button-ui.general[data-icon=export][data-icon-color=blue]:after {width: 10px; height: 11px;  background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=export][data-icon-color=blue]:before , button.general[data-icon=export][data-icon-color=blue]:after , a.general[data-icon=export][data-icon-color=blue]:before , a.general[data-icon=export][data-icon-color=blue]:after , .button-ui.general[data-icon=export][data-icon-color=blue]:before , .button-ui.general[data-icon=export][data-icon-color=blue]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
button.general.help , a.general.help , .button-ui.general.help { width: 20px; height: 20px; margin-left: .2em; vertical-align: middle; background: url('../images/icon_question_circle_lightgray.svg') center center no-repeat transparent; background-size: 20px 20px; }
button.general.help:hover , a.general.help:hover , .button-ui.general.help:hover { background: url('../images/icon_question_circle_blue.svg') center center no-repeat transparent; }

.alertnow-layout .tag , .alertnow-layout i.tag {position: relative;  display: inline-block; }
.alertnow-layout .tag.member , .alertnow-layout i.tag.member {font-size: .75rem; line-height: 28px; box-sizing: border-box; height: 28px; margin: 0 3px 10px 0; padding: 0 17px 0 17px; white-space: nowrap;  border-radius: 28px; background: #f2f3f8; }
.alertnow-layout .tag.member > span , .alertnow-layout i.tag.member > span {line-height: inherit;  display: inline-block; overflow: hidden; max-width: 300px; height: inherit; text-overflow: ellipsis; }
.alertnow-layout .tag.member button.tag.remove , .alertnow-layout i.tag.member button.tag.remove {line-height: 9px;  width: 8px; height: 8px; margin-left: 4px; transform: none; vertical-align: 9px; opacity: .3; background: url(~icon_cross_black.svg) center center no-repeat; background-size: 8px 8px; }
.alertnow-layout .tag.member.denied , .alertnow-layout i.tag.member.denied {line-height: 26px;  padding-left: 42px; color: #666; border: 1px dashed #fab0b8; background: url('~alert_notice_triangle_lightred_transparent_16_14.png') 17px center no-repeat transparent; background-size: 16px 14px; }
.alertnow-layout .tag.step , .alertnow-layout i.tag.step {line-height: 21px; height: 24px; padding: 0 12px; color: #fff;  border-radius: 28px; background: #ff614b; }
.alertnow-layout .tag.query , .alertnow-layout i.tag.query { font-size: .6875rem; line-height: 30px; height: 30px; padding: 0 12px; color: #1886ff; border-radius: 5px; background: #e2f1ff; }
.alertnow-layout .tag.gray_white , .alertnow-layout i.tag.gray_white {box-sizing: border-box; border: 1px solid #666; border-radius: 5px;  background-color: #fff; }
.alertnow-layout .tag.red_white , .alertnow-layout i.tag.red_white {box-sizing: border-box; border: 1px solid #ff4b55; border-radius: 5px;  background-color: #fff; }
.alertnow-layout .tag.lightblue_white , .alertnow-layout i.tag.lightblue_white {box-sizing: border-box; padding: 0 10px; color: #67adff;  border: 1px solid #67adff; border-radius: 0; background-color: #f3f9ff; }
.alertnow-layout .tag.lightblue_white.small , .alertnow-layout i.tag.lightblue_white.small {font-size: .75rem; line-height: 30px;  height: 32px; }
.alertnow-layout .tag.incident_number , .alertnow-layout i.tag.incident_number {font-size: .75rem; line-height: 1.833333em; min-width: 78px; height: 2em;  padding: 0 1em; text-align: center; color: #666; }

.release_ver {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-style: italic; line-height: 1.4em;  position: relative; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin-left: 5px; text-align: center; vertical-align: middle; border-radius: 16px; }
.release_ver.new-menu { padding-right: 1px; color: #f66c23; border: 1px solid #f66c23; }
.release_ver.new-menu:before , .release_ver.new-menu:after { content: none !important; }
.release_ver.beta-menu { padding-right: 2px; color: #1886ff; border: 1px solid #1886ff; }
.release_ver.beta-menu:before , .release_ver.beta-menu:after { content: none !important; }

.dropdown {position: relative;  display: inline-block; }
.dropdown .dot_dot_dot {overflow: hidden; width: 27px; height: 7px; white-space: nowrap; text-indent: 100%;  background-image: url(../images/layout_sprites.png); background-position: -616px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dropdown .dot_dot_dot { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.dropdown .dot_dot_dot:hover {width: 27px; height: 7px;  background-image: url(../images/layout_sprites.png); background-position: -649px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dropdown .dot_dot_dot:hover { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.dropdown div[role='listbox'] { position: absolute; z-index: 9; overflow: hidden; box-sizing: border-box; width: inherit; height: 0; max-height: 0; transition: max-height .5s ease-out; opacity: 0; border: 1px solid #bbb; background: rgba(255, 255, 255, .96); box-shadow: 2px 2px 4px rgba(0, 0, 0, .05); }
.dropdown.right div[role='listbox'] { right: 0; }
.dropdown.center div[role='listbox'] { left: 50%; transform: translateX(-50%); }
.dropdown.left div[role='listbox'] { left: 0; }
.dropdown div[role='listbox'] > button {font-size: .75rem; line-height: 1.5em; display: block; box-sizing: border-box; width: 100%;  padding: 7px 15px; text-align: left; white-space: nowrap; color: #333; }
.dropdown div[role='listbox'] > button:hover { background-color: #f1f8ff; }
.dropdown div[role='listbox'] > button:first-child { border-top-width: 0; }
.dropdown div[role='listbox'] > button:disabled { background-color: #f1f1f1; }
.dropdown div[role='listbox'] > button:disabled { color: #ccc; }
.dropdown.expand .dot_dot_dot {width: 27px; height: 7px;  background-image: url(../images/layout_sprites.png); background-position: -649px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dropdown.expand .dot_dot_dot { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.dropdown.expand div[role='listbox'] {height: auto; max-height: 1000px; transition: max-height .5s ease-out;  opacity: 1; }

.btns.fitting { display: -ms-flexbox; display: flex; }
.btns.fitting > * {float: none !important; box-sizing: border-box !important; width: auto !important; min-width: auto !important; max-width: none !important;  margin-left: 2.5%; padding: 0 1rem !important; -ms-flex: 1 0 0px; flex: 1 0 0; }
.btns.fitting > *:first-child { margin-left: 0; }

.btn_area.toggle { font-size: 0; }
.btn_area.toggle > * + * { margin-left: -1px; }
.btn_area.toggle button {color: #666;  border: 1px solid #e6e6e6; background: #fff; }
.btn_area.toggle button:hover { background-color: #f7f7f7; }
.btn_area.toggle button.selected {color: #000;  background: #eee; }

.css_btn_close { position: absolute; top: 5px; right: 0; width: 13px; height: 12px; border: 1px solid #e6e6e6; }
.css_btn_close button { position: relative; width: 9px; height: 8px; }
.css_btn_close button:after , .css_btn_close button:before { position: absolute; top: 0; bottom: 0; left: 4px; width: 1px; content: ' '; transform: rotate(45deg); background-color: #979797; }
.css_btn_close button:after { transform: rotate(-45deg); }

.button-popup {font-size: 1rem; font-weight: 700; line-height: 50px;  display: inline-block; box-sizing: border-box; min-width: 190px; height: 50px; transition: color .3s ease-in-out; text-align: center; color: white; background-color: #000; }
.button-popup:hover { color: rgba(255, 255, 255, .5); }
.button-popup[disabled] { color: rgba(255, 255, 255, .2); background-color: rgba(0, 0, 0, .5); }
.button-popup[data-state=submit] { background-color: #006bff; }
.button-popup[data-state=submit][disabled] { background-color: rgba(0, 107, 255, .5); }

.button-normal {font-size: .875rem; font-weight: 700; line-height: 36px;  display: inline-block; box-sizing: border-box; min-width: 100px; height: 40px; padding: 0 15px; transition: color .3s ease-in-out; text-align: center; color: #fff; border: 2px solid #000; background-color: #000; }
.button-normal:hover { color: rgba(255, 255, 255, .6); }
.button-normal:hover:before { opacity: .6; }
.button-normal[disabled] { color: rgba(255, 255, 255, .3); border: 2px solid #747474; background-color: #747474; }
.button-normal[data-size=large] {font-size: 1rem; line-height: 44px;  height: 50px; }
.button-normal[data-size=small] {font-size: .75rem; line-height: 24px; min-width: 50px; height: 30px;  padding-right: 10px; padding-left: 10px; }
.button-normal[data-state=etc] { font-size: .875rem; font-weight: 400; line-height: 38px; color: #666; border: 1px solid #ddd; background-color: #fff; }
.button-normal[data-state=bold] { font-size: .875rem; font-weight: 600; line-height: 36px; color: #000; border: 2px solid #000; background-color: #fff; }
.button-normal[data-state=submit] { border: 2px solid #1886ff; background-color: #1886ff; }
.button-normal[data-state=submit][disabled] { border: 2px solid #8fc6fe; background-color: #8fc6fe; }
.button-normal[data-state=delete] { border: 2px solid #ff2d47; background-color: #ff2d47; }
.button-normal[data-state=delete][disabled] { opacity: .3; }
.button-normal.icon:before {display: inline-block;  content: ''; transition: opacity .3s ease-in-out; vertical-align: middle; }
.button-normal.icon.search { overflow: hidden; }
.button-normal.icon.search:before {width: 40px; height: 38px;  background-image: url(/assets/images/sprites.png); background-position: -559px -367px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-normal.icon.search:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-normal.icon.user:before {width: 22px; height: 18px;  margin-right: 4px; background-image: url(/assets/images/sprites.png); background-position: -120px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-normal.icon.user:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-normal.icon.plus:before {width: 19px; height: 19px;  margin: -2px 5px 0 0; background-image: url(/assets/images/sprites.png); background-position: -301px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-normal.icon.plus:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.button-icon-txt {position: relative;  display: inline-block; box-sizing: border-box; height: 20px; padding-left: 27px; text-align: left; }
.button-icon-txt:before {position: absolute; top: 50%; left: 0; display: block;  content: ''; }
.button-icon-txt .txt {font-size: .875rem; font-weight: 700; line-height: 18px;  display: inline-block; visibility: visible; height: 20px; opacity: 1; color: #000; }
.button-icon-txt time.txt {text-decoration: underline;  color: #999; }
.button-icon-txt + .button-icon-txt { margin-left: 30px; }
.button-icon-txt[data-state=only-icon] {width: 20px;  padding: 0; }
.button-icon-txt[data-state=only-icon] .txt { display: none; visibility: hidden; opacity: 0; }
.button-icon-txt.icon-close:before {width: 20px; height: 20px;  margin-top: -10px; background-image: url(/assets/images/sprites.png); background-position: -667px -238px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-close:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-hide:before {width: 20px; height: 20px;  margin-top: -10px; transform: rotateY(180deg); background-image: url(/assets/images/sprites.png); background-position: -667px -212px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-hide:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-download:before {width: 20px; height: 20px;  margin-top: -11px; background-image: url(/assets/images/sprites.png); background-position: -667px -134px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-download:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-refresh { padding-left: 20px; }
.button-icon-txt.icon-refresh:before {width: 14px; height: 13px;  margin-top: -6.5px; background-image: url(/assets/images/sprites.png); background-position: -147px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-refresh:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-export:before {width: 20px; height: 20px;  margin-top: -11px; background-image: url(/assets/images/sprites.png); background-position: -667px -264px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-export:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-list:before {width: 20px; height: 20px;  margin-top: -11px; background-image: url(/assets/images/sprites.png); background-position: -667px -290px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-list:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.icon-more:before {width: 20px; height: 20px;  margin-top: -10px; background-image: url(/assets/images/sprites.png); background-position: -667px -550px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.icon-more:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.toggle:after {display: inline-block; width: 7px; height: 7px; margin: -3px 0 0 5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -625px -120px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon-txt.toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon-txt.toggle[data-state=open]:after { transform: rotateX(180deg); }

.button-icon { display: inline-block; box-sizing: border-box; vertical-align: middle; text-indent: -9999px; }
.button-icon[disabled] { opacity: .3; }
.button-icon.icon-border {position: relative;  width: 24px; height: 24px; border: 1px solid #e6e6e6; }
.button-icon.icon-border.location-point:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 14px; margin-top: -7px; margin-left: -5px; content: '';  background-image: url(/assets/images/sprites.png); background-position: -739px -42px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.location-point:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-border.location-point.active:before {width: 10px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -739px -22px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.location-point.active:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-border.location-list:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 12px; margin-top: -6px; margin-left: -6.5px; content: '';  background-image: url(/assets/images/sprites.png); background-position: -343px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.location-list:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-border.location-list.active:before {width: 13px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -324px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.location-list.active:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-border.edit:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -72px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.edit:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-border.down:before {position: absolute; top: 50%; left: 50%; width: 8px; height: 12px; margin-top: -6px; margin-left: -4px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -435px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.down:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-border.mail:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 11px; margin-top: -5.5px; margin-left: -7px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -141px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.mail:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-border.trash:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 14px; margin-top: -7px; margin-left: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: 0px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-border.trash:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-search {width: 40px; height: 38px;  background-image: url(/assets/images/sprites.png); background-position: -559px -367px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-search { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-delete {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -492px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-delete-new {position: relative;  width: 24px; height: 24px; background: #343434; }
.button-icon.icon-delete-new:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 12px; margin-top: -6px; margin-left: -5px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -390px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-delete-02 {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -337px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-02 { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-delete-05 {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-05 { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-delete-03 {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-03 { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -427px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-cancel {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -552px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-cancel { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-edit {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -312px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-edit { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon.icon-edit-new {position: relative;  width: 24px; height: 24px; background: #343434; }
.button-icon.icon-edit-new:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 11px; margin-top: -5.5px; margin-left: -5px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -177px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-edit-new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-trash {position: relative;  width: 24px; height: 24px; background: #343434; }
.button-icon.icon-trash:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 12px; margin-top: -6px; margin-left: -5px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -342px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-trash:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-setting {position: relative;  width: 24px; height: 24px; background: #343434; }
.button-icon.icon-setting:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -686px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-setting:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-trash-black {position: relative;  width: 20px; height: 20px; border: 1px solid #e0e0e0; background: #fff; }
.button-icon.icon-trash-black:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 12px; margin-top: -6px; margin-left: -5px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -374px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-trash-black:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.button-icon.icon-download-s {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -612px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-download-s { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.button-toggle-filter { display: block; }
.button-toggle-filter .icon { display: inline-block; width: 20px; height: 20px; background-image: url(/assets/images/sprites.png); background-position: -667px -212px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-filter .icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.button-shortcut {font-size: .75rem; font-weight: 700; line-height: 26px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 13px; text-align: center; color: #000; border: 2px solid #000; }
.button-shortcut:after {display: inline-block; width: 11px; height: 12px; margin: -3px 0 0 8px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -542px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-shortcut:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-shortcut.button-download { paading: 0 9px; }
.button-shortcut.button-download:after { content: none; }
.button-shortcut.button-download:before {display: inline-block; width: 10px; height: 12px; margin: -3px 6px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -178px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-shortcut.button-download:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.flag-btn { position: relative; width: 16px; height: 16px; }
.flag-btn[data-size='medium'].is-selected:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -485px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size='medium'].is-selected:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size='medium'].is-selected:hover:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -696px -485px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size='medium'].is-selected:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size='medium']:hover:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -696px -45px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size='medium']:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size='medium']:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -696px -67px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size='medium']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size=large] { width: 24px; height: 24px; }
.flag-btn[data-size=large].is-selected:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -240px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size=large].is-selected:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size=large].is-selected:hover:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 24px; height: 24px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -240px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size=large].is-selected:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size=large]:hover:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 24px; height: 24px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -192px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size=large]:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.flag-btn[data-size=large]:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 24px; height: 24px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -282px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag-btn[data-size=large]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.pin-btn { position: relative; width: 24px; height: 24px; }

.pin-btn.is-selected:before {width: 13px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -718px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pin-btn.is-selected:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.pin-btn.is-selected:hover:before {width: 13px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -718px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pin-btn.is-selected:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.pin-btn:before {position: absolute; top: 50%; left: 50%; display: inline-block; width: 14px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -718px -316px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pin-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.pin-btn:hover:before {width: 14px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -718px -294px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pin-btn:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.general.btns-area { padding: 8px 0; }
.general.btns-area:after {position: relative; display: block; clear: both;  content: ''; }
.general.btns-area.center { text-align: center; }
.general.button-normal {font-size: .75rem; font-weight: 400; line-height: 30px;  display: -ms-flexbox; display: flex; float: left; box-sizing: border-box; min-width: auto; height: 32px; padding: 0 8px; text-align: center; color: #fff; border: 0; border-radius: 2px; background-color: #52545c;-ms-flex-align: center; align-items: center;  }
.general.button-normal.button-align-right { float: right; }
.general.button-normal.text-align-center { -ms-flex-pack: center; justify-content: center; }
.general.button-normal.icon-align-right {flex-direction: row-reverse;  -ms-flex-direction: row-reverse; }
.general.button-normal.icon-align-right:before {margin-right: 0;  margin-left: 5px; }
.general.button-normal[data-size=xsmall] {font-size: .6875rem; line-height: 18px;  height: 20px; }
.general.button-normal[data-size=small] {font-size: .75rem; line-height: 22px;  height: 24px; }
.general.button-normal[data-size=small].icon { padding: 5px; }
.general.button-normal[data-size=small].icon.transparent[data-state=set] { padding: 4px 3px; }
.general.button-normal[data-size=small].icon.transparent[data-state=set]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -353px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal[data-size=small].icon.transparent[data-state=set]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-size=medium] {font-size: .875rem; line-height: 30px;  height: 32px; }
.general.button-normal[data-size=medium].icon { padding: 9px; }
.general.button-normal[data-size=medium].icon.transparent[data-state=set] { padding: 9px 5px; }
.general.button-normal[data-size=medium].icon.transparent[data-state=set]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -353px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal[data-size=medium].icon.transparent[data-state=set]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-size=large] {font-size: .875rem; line-height: 38px;  height: 40px; }
.general.button-normal.icon-with-text:before {position: relative; display: inline-block; margin-right: 5px;  content: ''; }
.general.button-normal.icon-with-text:hover:before { opacity: 1; }
.general.button-normal.icon-with-text.deny-icon {font-weight: 700; line-height: 18px; height: 18px; padding: 0; color: #222;  background-color: transparent; }
.general.button-normal.icon-with-text.deny-icon:before { overflow: hidden; box-sizing: border-box; width: 18px; height: 18px; border-radius: 2px; background-color: #52545c; background-image: url(/assets/images/sprites.png); background-position: -224px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal.icon-with-text.deny-icon:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal.icon { padding: 5px; }
.general.button-normal.icon:before {position: relative; display: inline-block; margin-right: 5px;  content: ''; }
.general.button-normal.icon:before { margin-right: 0px; }
.general.button-normal.icon[data-state=link]:before {width: 10px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -739px -325px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal.icon[data-state=link]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal.transparent {color: #444; border: 1px solid #b8bec3;  background-color: transparent; }
.general.button-normal.transparent:after { display: none; }
.general.button-normal.transparent:hover { background-color: rgba(184, 190, 195, .2); }
.general.button-normal.transparent:active { background-color: rgba(184, 190, 195, .4); }
.general.button-normal.transparent:focus { background-color: rgba(184, 190, 195, .4); }
.general.button-normal.transparent[disabled] { background-color: rgba(184, 190, 195, 0); }
.general.button-normal.transparent[data-state=arrow]:before {width: 12px; height: 8px;  background-image: url(/assets/images/sprites.png); background-position: -617px -533px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal.transparent[data-state=arrow]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal.transparent[data-state=set]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -353px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal.transparent[data-state=set]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal.transparent[data-state=dot] { padding: 5px 8px; }
.general.button-normal.transparent[data-state=dot]:before {width: 14px; height: 4px;  background-image: url(/assets/images/sprites.png); background-position: -439px -376px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal.transparent[data-state=dot]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-color=white] {color: #444; border: 1px solid #b8bec3;  background-color: #fff; }
.general.button-normal[data-color=white]:after { display: none; }
.general.button-normal[data-color=white]:hover { background-color: rgba(184, 190, 195, .2); }
.general.button-normal[data-color=white]:active { background-color: rgba(184, 190, 195, .4); }
.general.button-normal[data-color=white]:focus { background-color: rgba(184, 190, 195, .4); }
.general.button-normal[data-color=white][disabled] { background-color: rgba(184, 190, 195, 0); }
.general.button-normal[data-color=white][data-state=edit]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -380px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal[data-color=white][data-state=edit]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-color=white][data-state=delete]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -362px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal[data-color=white][data-state=delete]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-state=plus]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -452px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.button-normal[data-state=plus]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-normal[data-state=submit] { color: #fff; border: 0; background-color: #1886ff; }
.general.button-normal[data-state=submit]:after { display: none; }
.general.button-normal[data-state=submit]:hover {color: #fff;  background-color: #0768d2; }
.general.button-normal[data-state=submit]:active {color: #fff;  background-color: #0057b5; }
.general.button-normal[data-state=submit]:focus {color: #fff;  background-color: #0057b5; }
.general.button-normal[data-state=submit][disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.general.button-normal:after { display: none; }
.general.button-normal:hover { background-color: #38393a; }
.general.button-normal:active { background-color: #111213; }
.general.button-normal:focus { background-color: #111213; }
.general.button-normal[disabled] {opacity: .2;  background-color: #52545c; }
.general.icon-button { position: relative; }
.general.icon-button:before , .general.icon-button:after {position: absolute; z-index: 5; top: 50%; left: 50%;  content: ''; transform: translate(-50%, -50%); }
.general.icon-button:after {z-index: 5; box-sizing: border-box;  width: 24px; height: 24px; transition: .3s ease-in-out; border: 1px solid rgba(184, 190, 195, 0); border-radius: 2; background-color: rgba(184, 190, 195, 0); }
.general.icon-button:hover:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .2); }
.general.icon-button:active:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .4); }
.general.icon-button:focus:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .4); }
.general.icon-button[data-state=delete]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -290px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.icon-button[data-state=delete]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.icon-button[data-state=changerecord] { width: 24px; height: 24px; }
.general.icon-button[data-state=changerecord]:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -645px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .general.icon-button[data-state=changerecord]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.general.button-inner-txt {font-size: .75rem; font-weight: 400; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 32px; padding: 0 15px; text-align: center; color: #333; border: 0; border-radius: 2px; background-color: transparent; }
.general.button-inner-txt + .button-inner-txt { margin-left: 17px; }
.general.button-inner-txt[data-size='middle'] {font-size: 1rem; font-weight: 400; line-height: 50px;  box-sizing: border-box; min-width: 190px; height: 50px; }
.general.button-inner-txt:after { display: none; }
.general.button-inner-txt:hover {color: #fff;  background-color: #38393a; }
.general.button-inner-txt:active {color: #fff;  background-color: #111213; }
.general.button-inner-txt:focus {color: #fff;  background-color: #52545c; }
.general.button-inner-txt[disabled] { background-color: rgba(82, 84, 92, .2); }
.general.button-inner-txt[data-state=cancel] {color: #fff; border: 0;  background-color: #52545c; }
.general.button-inner-txt[data-state=cancel]:after { display: none; }
.general.button-inner-txt[data-state=cancel]:hover {color: #fff;  background-color: #38393a; }
.general.button-inner-txt[data-state=cancel]:active {color: #fff;  background-color: #111213; }
.general.button-inner-txt[data-state=cancel]:focus {color: #fff;  background-color: #111213; }
.general.button-inner-txt[data-state=cancel][disabled] { opacity: .2; color: #fff; border: 0; background-color: #52545c; }
.general.button-inner-txt[data-state=delete] {color: #fff; border: 0;  background-color: #ff2d47; }
.general.button-inner-txt[data-state=delete]:after { display: none; }
.general.button-inner-txt[data-state=delete]:hover {color: #fff;  background-color: #e51e2a; }
.general.button-inner-txt[data-state=delete]:active {color: #fff;  background-color: #c3000b; }
.general.button-inner-txt[data-state=delete]:focus {color: #fff;  background-color: #c3000b; }
.general.button-inner-txt[data-state=delete][disabled] { opacity: .2; color: #fff; border: 0; background-color: #ff2d47; }
.general.button-inner-txt[data-state=submit] { color: #fff; border: 0; background-color: #1886ff; }
.general.button-inner-txt[data-state=submit]:after { display: none; }
.general.button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #0768d2; }
.general.button-inner-txt[data-state=submit]:active {color: #fff;  background-color: #0057b5; }
.general.button-inner-txt[data-state=submit]:focus {color: #fff;  background-color: #0057b5; }
.general.button-inner-txt[data-state=submit][disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.general.button-inner-txt:after { display: none; }
.general.button-inner-txt:hover {color: #333;  background-color: #eaeaea; }
.general.button-inner-txt:focus {color: #333;  background-color: #ddd; }
.general.button-inner-txt[disabled] {color: #ccc; border: 1px solid #ebebeb;  background-color: transparent; }

.button-toggle-tbl {position: relative;  display: inline-block; width: 30px; height: 30px; text-indent: -9999px; }
.button-toggle-tbl:before {position: absolute; top: 50%; left: 50%; display: block; width: 15px; height: 10px; margin-top: -5px; margin-left: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -534px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-tbl:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-toggle-tbl.up:before {position: absolute; top: 50%; left: 50%; display: block; width: 15px; height: 10px; margin-top: -5px; margin-left: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -513px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-tbl.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-toggle-tbl[data-state=unfold]:before {width: 15px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -382px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-tbl[data-state=unfold]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }





.idp.center { text-align: center; }

.idp .button {font-family: inherit; font-weight: 400; line-height: 1.1; display: inline-block; overflow: hidden; box-sizing: border-box; box-sizing: border-box; cursor: pointer;  transition: background-color .3s ease, border-color .3s ease; text-align: center; border: 0; border-width: 1px; border-style: solid; border-radius: 0; border-radius: 4px; outline: 0; background: transparent; -moz-appearance: none; appearance: none; -webkit-appearance: none; }
.idp .button:hover { transition: background-color .3s ease, border-color .3s ease; }
.idp .button:hover { transition: background-color .3s ease, border-color .3s ease; }
.idp .button:hover:hover { transition: background-color .3s ease, border-color .3s ease; }
.idp .button[disabled] { opacity: .4; }
.idp .button[disabled].line.white {color: #fff;  border-color: #fff; background: none !important; }
.idp .button[disabled].line.blue {color: #e6e6e6;  border-color: #e6e6e6; background: none !important; }
.idp .button[disabled].line.green {color: #e6e6e6;  border-color: #e6e6e6; background: none !important; }
.idp .button[disabled].line.resource {color: #447bff;  border-color: #447bff; background: none !important; }
.idp .button[disabled].line[data-color=monitoring] {color: #ff7b49;  border-color: #ff7b49; background: none !important; }
.idp .button[disabled].line[data-color=project] {color: #a156dd;  border-color: #a156dd; background: none !important; }
.idp .button[disabled].default.blue {color: #fff;  border-color: #1865f2; background: #1865f2; }
.idp .button[disabled].default.blue:hover {color: #fff;  border-color: #1865f2; background: #1865f2; }
.idp .button[disabled].default.green {color: #fff;  border-color: #0acd7f; background: #0acd7f; }
.idp .button[disabled].default.green:hover {color: #fff;  border-color: #0acd7f; background: #0acd7f; }
.idp .button[disabled].default.resource {color: #fff;  border-color: #447bff; background: #447bff; }
.idp .button[disabled].default.resource:hover {color: #fff;  border-color: #447bff; background: #447bff; }
.idp .button[disabled].default[data-color=monitoring] {color: #fff;  border-color: #ff7b49; background: #ff7b49; }
.idp .button[disabled].default[data-color=monitoring]:hover {color: #fff;  border-color: #ff7b49; background: #ff7b49; }
.idp .button[disabled].default[data-color=project] {color: #fff;  border-color: #a156dd; background: #a156dd; }
.idp .button[disabled].default[data-color=project]:hover {color: #fff;  border-color: #a156dd; background: #a156dd; }
.idp .button[disabled].default.white {color: #0acd7f;  border-color: #0acd7f; background: #fff; }
.idp .button[disabled].default.white:hover {color: #0acd7f;  border-color: #0acd7f; background: #fff; }
.idp .button.light { font-weight: 300; }
.idp .button.regular { font-weight: 400; }
.idp .button.medium { font-weight: 500; }
.idp .button.bold { font-weight: 700; }
.idp .button.line.white {position: relative; overflow: hidden; color: #fff;  border-color: #fff; background: none; }
.idp .button.line.white:hover { color: #0acd7f; background: #fff; }
.idp .button.line.blue {color: #1865f2;  border-color: #1865f2; background: none; }
.idp .button.line.blue:hover {color: #1865f2;  border-color: #1865f2; background: #b7d0ff; }
.idp .button.line.green {color: #0acd7f;  border-color: #0acd7f; background: none; }
.idp .button.line.green:hover {color: #05b277;  border-color: #0acd7f; background: #c4f4e1; }
.idp .button.line.green {color: #0acd7f;  border-color: #0acd7f; background: none; }
.idp .button.line.green:hover {color: #05b277;  border-color: #0acd7f; background: #c4f4e1; }
.idp .button.line[data-color=resource] {color: #447bff;  border-color: #447bff; background: none; }
.idp .button.line[data-color=resource]:hover {color: #1865f2;  border-color: #447bff; background: rgba(68, 123, 255, .2); }
.idp .button.line[data-color=monitoring] {color: #ff7b49;  border-color: #ff7b49; background: none; }
.idp .button.line[data-color=monitoring]:hover {color: #ff7b49;  border-color: #ff7b49; background: rgba(255, 123, 73, .2); }
.idp .button.line[data-color=project] {color: #a156dd;  border-color: #a156dd; background: none; }
.idp .button.line[data-color=project]:hover {color: #a156dd;  border-color: #a156dd; background: rgba(161, 86, 221, .2); }
.idp .button.default.blue {color: #fff;  border-color: #1865f2; background: #1865f2; }
.idp .button.default.blue:hover {color: #fff;  border-color: #0a48ba; background: #0a48ba; }
.idp .button.default.green {color: #fff;  border-color: #0acd7f; background: #0acd7f; }
.idp .button.default.green:hover {color: #fff;  border-color: #05b277; background: #05b277; }
.idp .button.default.white {color: #0acd7f;  border-color: #0acd7f; background: #fff; }
.idp .button.default.white:hover {color: #0acd7f;  border-color: #0acd7f; background: rgba(255, 255, 255, .7); }
.idp .button.default[data-color=resource] {color: #fff;  border-color: #447bff; background: #447bff; }
.idp .button.default[data-color=resource]:hover {color: #fff;  border-color: #3160d2; background: #3160d2; }
.idp .button.default[data-color=monitoring] {color: #fff;  border-color: #ff7b49; background: #ff7b49; }
.idp .button.default[data-color=monitoring]:hover {color: #fff;  border-color: #de693d; background: #de693d; }
.idp .button.default[data-color=project] {color: #fff;  border-color: #a156dd; background: #a156dd; }
.idp .button.default[data-color=project]:hover {color: #fff;  border-color: #7737aa; background: #7737aa; }
.idp .button.small {font-size: .75rem; line-height: 18px;  height: 20px; padding: 0 9px; white-space: nowrap; }
.idp .button.middle {font-size: .875rem; line-height: 32px;  height: 34px; padding: 0 30px; }
.idp .button.large {font-size: .875rem;  line-height: 40px; padding: 0 28px; }
.idp .button.big {font-size: 1.125rem; line-height: 48px;  height: 50px; padding: 0 34px; }


button.button {font-family: inherit; line-height: 1.1; display: inline-block; box-sizing: border-box;  cursor: pointer; text-align: center; border: 0; border-radius: 0;outline: 0; background: transparent; -moz-appearance: none; appearance: none; -webkit-appearance: none;  }
button.button[disabled] { opacity: .3; }
button.button.small {font-size: .75rem; line-height: 20px;  height: 20px; padding: 0 9px; white-space: nowrap; }
button.button.middle {line-height: 30px;  height: 30px; padding: 0 12px; }
button.button.white_black { color: #fff; background: #000; }
button.button.white_darkgray { color: #fff; border-color: #333; background-color: #333; }
button.button.white_gray { color: #fff; border-color: #666; background-color: #666; }
button.button.blue { color: #fff; border-color: #007bff; background-color: #007bff; }
button.button.darkgray { color: #fff; border-color: rgba(0, 0, 0, .77); background: rgba(0, 0, 0, .77); }
button.button.icon {position: relative; overflow: hidden;  width: 20px; height: 20px; text-indent: -9999em; border-color: transparent;background-repeat: no-repeat; background-position: center center;  }
button.button.icon.lightgray.question { width: 18px; height: 18px; margin-left: .2em; vertical-align: top; background: url('../images/icon_question_circle_lightgray.svg') center center no-repeat transparent; background-size: 18px 18px; }
button.button.extra.history_back {width: 32px; height: 32px; margin-right: .4em; vertical-align: top; border: 1px solid #eaeaea !important;  background: url('../images/arrow_left_shape_clamp.svg#lightblue') 45% center no-repeat #f7f7f7; background-size: 11px 17px; }


.general.pagination {font-size: .625rem;  position: relative; right: 0px; margin-top: 20px; text-align: center; }
.general.pagination.button { line-height: 32px; vertical-align: middle; }
.general.pagination.button button {bottom: 2px;  vertical-align: middle; }
.general.pagination.left { text-align: left; }
.general.pagination.right { text-align: right; }
.general.pagination.position_top { margin: -42px 0 10px; }
.general.pagination > * {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: inherit; font-weight: 400; line-height: 32px; display: inline-block; margin: 0 .3em; vertical-align: top; color: #000; }
.general.pagination select {line-height: 30px; width: auto;  height: 32px; margin-right: 0; margin-left: 1rem; padding-right: 25px; }
.general.pagination b , .general.pagination i { font-weight: normal; font-style: normal; word-spacing: .4em; }
.general.pagination a , .general.pagination button {width: 32px; height: 32px; cursor: pointer; text-align: center;  vertical-align: -8px; }
.general.pagination a.first , .general.pagination a.last , .general.pagination a.prev , .general.pagination a.next , .general.pagination button.first , .general.pagination button.last , .general.pagination button.prev , .general.pagination button.next {position: relative; overflow: hidden;  height: 13px; text-indent: -999em; }
.general.pagination a.first:before , .general.pagination a.first:after , .general.pagination a.last:before , .general.pagination a.last:after , .general.pagination a.prev:before , .general.pagination a.prev:after , .general.pagination a.next:before , .general.pagination a.next:after , .general.pagination button.first:before , .general.pagination button.first:after , .general.pagination button.last:before , .general.pagination button.last:after , .general.pagination button.prev:before , .general.pagination button.prev:after , .general.pagination button.next:before , .general.pagination button.next:after { position: absolute; top: 0; bottom: 0; display: inline-block; width: 7px; height: 13px; background: url('/assets/images/shape_arrow_narrow_black_transparent_9_15.png') center center no-repeat transparent; background-size: 7px 13px; }
.general.pagination a.first:before , .general.pagination a.last:before , .general.pagination a.prev:before , .general.pagination a.next:before , .general.pagination button.first:before , .general.pagination button.last:before , .general.pagination button.prev:before , .general.pagination button.next:before { left: 0; }
.general.pagination a.first:after , .general.pagination a.last:after , .general.pagination a.prev:after , .general.pagination a.next:after , .general.pagination button.first:after , .general.pagination button.last:after , .general.pagination button.prev:after , .general.pagination button.next:after { right: 0; }
.general.pagination a.first , .general.pagination a.last , .general.pagination button.first , .general.pagination button.last { width: 11px; }
.general.pagination a.first:before , .general.pagination a.first:after , .general.pagination a.last:before , .general.pagination a.last:after , .general.pagination button.first:before , .general.pagination button.first:after , .general.pagination button.last:before , .general.pagination button.last:after { content: ''; }
.general.pagination a.prev , .general.pagination a.next , .general.pagination button.prev , .general.pagination button.next { width: 9px; }
.general.pagination a.prev:before , .general.pagination a.next:before , .general.pagination button.prev:before , .general.pagination button.next:before { content: ''; }
.general.pagination a.next , .general.pagination a.last , .general.pagination button.next , .general.pagination button.last { transform: rotate(180deg); }
.general.pagination a[disabled] , .general.pagination button[disabled] { cursor: not-allowed; opacity: .2; }
.general.pagination input[type='number'] {font-family: inherit; font-size: .6875rem; line-height: 30px; display: inline-block;  width: 6em; height: 32px; padding: 0 0 0 10px; text-align: center; }


.alertnow-ui-table.change-history-table { margin: 40px 0 0; }
.alertnow-ui-table.change-history-table.overHeight table thead tr { width: calc(100% - 15px); }
.alertnow-ui-table.change-history-table table { table-layout: auto; }
.alertnow-ui-table.change-history-table table td , .alertnow-ui-table.change-history-table table th { border-top: 0; }
.alertnow-ui-table.change-history-table table thead tr { display: table; width: 100%; table-layout: fixed; }
.alertnow-ui-table.change-history-table table tbody tr { display: table; width: 100%; table-layout: fixed; }
.alertnow-ui-table.change-history-table table thead th:nth-of-type(1) { width: 120px; }
.alertnow-ui-table.change-history-table table thead th:nth-of-type(2) { width: 90px; }
.alertnow-ui-table.change-history-table table thead th:nth-of-type(4) { width: 186px; }
.alertnow-ui-table.change-history-table table tbody { display: block; overflow: auto; max-height: 330px; }
.alertnow-ui-table.change-history-table table tbody tr:first-child td { border-top: 0; }
.alertnow-ui-table.change-history-table table tbody tr:last-child td { border-bottom: 0; }
.alertnow-ui-table.change-history-table table tbody tr td { padding: 4px 10px; }
.alertnow-ui-table.change-history-table table tbody tr td.multiple-text { padding: 4px 0; }
.alertnow-ui-table.change-history-table table tbody tr td.multiple-text > * { padding: 4px 10px; border-top: 1px solid #d8d8d8; }
.alertnow-ui-table.change-history-table table tbody tr td.multiple-text > *:first-child { border-top: 0; }
.alertnow-ui-table.change-history-table table tbody tr td.multiple-text .changehistory-text span { visibility: hidden; }
.alertnow-ui-table.change-history-table table tbody tr td.multiple-text .changehistory-text span.all-header { visibility: visible; }
.alertnow-ui-table.change-history-table table tbody tr td strong { color: #006bff; }
.alertnow-ui-table.change-history-table table tbody tr td:nth-of-type(1) { width: 120px; }
.alertnow-ui-table.change-history-table table tbody tr td:nth-of-type(2) { width: 90px; }
.alertnow-ui-table.change-history-table table tbody tr td:nth-of-type(4) { width: 186px; }
.alertnow-ui-table .table_filter { padding: 15px 0 10px; }
.alertnow-ui-table .table_filter .btn_area { display: inline-block; margin-right: 6px; }
.alertnow-ui-table.autospot-fee-detail-table { margin: 35px 0 0; }
.alertnow-ui-table.autospot-fee-detail-table .status-wrap { display: -ms-flexbox; display: flex; margin-bottom: 7px; -ms-flex-align: baseline; align-items: baseline; }
.alertnow-ui-table.autospot-fee-detail-table .status-wrap .total {font-size: .75rem; margin-right: auto;  color: #7f7f7f; }
.alertnow-ui-table.autospot-fee-detail-table.overHeight table thead tr , .alertnow-ui-table.autospot-fee-detail-table.overHeight table tfoot tr { width: calc(100% - 15px); }
.alertnow-ui-table.autospot-fee-detail-table table { table-layout: auto; border-bottom: 1px solid #b8bec3; }
.alertnow-ui-table.autospot-fee-detail-table table td , .alertnow-ui-table.autospot-fee-detail-table table th { border-top: 0; }
.alertnow-ui-table.autospot-fee-detail-table table thead tr , .alertnow-ui-table.autospot-fee-detail-table table tbody tr , .alertnow-ui-table.autospot-fee-detail-table table tfoot tr { display: table; width: 100%; table-layout: fixed; }
.alertnow-ui-table.autospot-fee-detail-table table thead th { font-size: .75rem; font-weight: 500; padding: 4px 0; color: #666; }
.alertnow-ui-table.autospot-fee-detail-table table thead th button { font-size: inherit; font-weight: inherit; color: inherit; }
.alertnow-ui-table.autospot-fee-detail-table table thead th:nth-of-type(1) { width: 50px; }
.alertnow-ui-table.autospot-fee-detail-table table thead th:nth-of-type(4) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table thead th:nth-of-type(5) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table thead th:nth-of-type(6) { width: 100px; }
.alertnow-ui-table.autospot-fee-detail-table table thead th:nth-of-type(7) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody { display: block; overflow: auto; max-height: 288px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr:first-child td { border-top: 0; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr:last-child td { border-bottom: 0; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td {height: 30px;  padding: 4px 10px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td.multiple-text { padding: 4px 0; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td.multiple-text > * { padding: 4px 10px; border-top: 1px solid #d8d8d8; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td.multiple-text > *:first-child { border-top: 0; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td.multiple-text .changehistory-text span { visibility: hidden; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td.multiple-text .changehistory-text span.all-header { visibility: visible; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td strong { color: #006bff; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td:nth-of-type(1) { width: 50px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td:nth-of-type(4) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td:nth-of-type(5) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td:nth-of-type(6) { width: 100px; }
.alertnow-ui-table.autospot-fee-detail-table table tbody tr td:nth-of-type(7) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td {font-size: .875rem; box-sizing: border-box; height: 30px; padding: 4px 10px; color: #6f92bd;  border: 0; border-top: 1px solid #b8bec3; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td:nth-of-type(1) { width: 50px; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td:nth-of-type(4) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td:nth-of-type(5) { width: 120px; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td:nth-of-type(6) { width: 100px; }
.alertnow-ui-table.autospot-fee-detail-table table tfoot td:nth-of-type(7) { width: 120px; }
.alertnow-ui-table.layout-lr-padding { padding: 0 30px; }
.alertnow-ui-table table {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; width: 100%; margin-bottom: 12px; table-layout: fixed;  border-spacing: 0; border-collapse: collapse; border-top: 2px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.alertnow-ui-table tbody tr:not(.noHover):hover td , .alertnow-ui-table tbody tr:not(.noHover):hover th { background: #f4f4f4; }
.alertnow-ui-table td , .alertnow-ui-table th {font-family: inherit;  font-size: .75rem; box-sizing: border-box; word-wrap: break-word; word-break: break-all; border-width: 1px; border-style: solid; border-color: #e7e7e7; border-top-color: #ddd; border-right-color: #efefef; border-bottom-color: #ddd; border-left-color: #efefef; border-left-color: #efefef; }
.alertnow-ui-table th { padding: 4px 10px; background: transparent; }
.alertnow-ui-table td { padding: 9px 10px; }
.alertnow-ui-table tr.no_data td {padding: 1.5em 0;  text-align: center; }
.alertnow-ui-table tbody th , .alertnow-ui-table tbody th + td { text-align: left; }
.alertnow-ui-table tr > *:first-child { border-left-width: 0; }
.alertnow-ui-table tr > *:last-child { border-right-width: 0; }
.alertnow-ui-table thead > tr > * { border-bottom-color: #d2d2d2; }
.alertnow-ui-table td > input , .alertnow-ui-table td > select {font-family: inherit;  font-size: inherit; }
.alertnow-ui-table .sort {display: inline-block;  width: 10px; height: 12px; text-indent: -999em; background-color: transparent; background-image: url('/assets/images/button_sorting.svg#normal'); background-repeat: no-repeat; background-position: center center; background-size: 8px 12px; }
.alertnow-ui-table .sort.asc { background-image: url('/assets/images/button_sorting.svg#asc'); }
.alertnow-ui-table .sort.desc { background-image: url('/assets/images/button_sorting.svg#desc'); }
.alertnow-ui-table th.option_filter {position: relative; cursor: pointer;  white-space: nowrap; }
.alertnow-ui-table th.option_filter:after {position: relative; display: inline-block; width: 7px; height: 9px; margin-left: .3em;  content: ''; background: url('/assets/images/bg_icon_table_filter_lightgray_transparent_7_9.png') center center no-repeat transparent; background-size: 7px 9px; }
.alertnow-ui-table th.option_filter .filter { white-space: normal; word-break: normal; }
.alertnow-ui-table th.option_filter .filter b {position: absolute;  z-index: 3; top: 100%; left: 50%; display: none; padding: 5px; transform: translateX(-50%); border: 1px solid #e4e4e4; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, .3); }
.alertnow-ui-table th.option_filter .filter b span.limit_height { display: block; overflow-x: hidden; overflow-y: auto; max-height: 300px; }
.alertnow-ui-table th.option_filter .filter b label { font-size: inherit; display: block; overflow: hidden; max-width: 27em; margin: .5rem .4rem 0; padding-right: 10px; padding-right: 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.alertnow-ui-table th.option_filter .filter b label:after , .alertnow-ui-table th.option_filter .filter b label:before { top: 0; margin-top: 0; }
.alertnow-ui-table th.option_filter .filter b button.apply.button { display: none; width: 100%; margin-top: 10px; }
.alertnow-ui-table th.option_filter .filter b button.apply.button[disabled] {opacity: .3;  color: #000; background: #eee; }
.alertnow-ui-table th.option_filter.open:before {position: absolute; top: 4px; right: 5px; bottom: 4px; left: 5px; display: block;  content: ''; border: 1px solid #aed5fe; border-radius: 2px; }
.alertnow-ui-table th.option_filter.activate:before {position: absolute; top: 4px; right: 5px; bottom: 4px; left: 5px; display: block;  content: ''; border: 1px solid #aed5fe; border-radius: 2px; background-color: rgba(174, 213, 254, .3); }
.alertnow-ui-table th.option_filter.activate:after { background: url('/assets/images/bg_icon_table_filter_activate_blue_transparent_7_9.png') center center no-repeat transparent; background-size: 7px 9px; }
.alertnow-ui-table th.option_filter.open .filter b { display: block; }
.alertnow-ui-table th.option_filter.open .filter:after , .alertnow-ui-table th.option_filter.open .filter:before {position: absolute; z-index: 3; left: 50%; display: block; width: 0;  content: ''; transform: translateX(-50%); border-style: solid; }
.alertnow-ui-table th.option_filter.open .filter:before {top: calc(100% - 7px); border-width: 0 9px 13px;  border-color: #e4e4e4 transparent; }
.alertnow-ui-table th.option_filter.open .filter:after {top: calc(100% - 5px); border-width: 0 8px 12px;  border-color: #fff transparent; }
.alertnow-ui-table th.option_filter.open .filter b button.apply.button { display: block; }
.alertnow-ui-table .integration_type .filter b { right: 0; left: auto !important; transform: none !important; }
.alertnow-ui-table .align.center { text-align: center !important; }
.alertnow-ui-table .align.left { text-align: left !important; }
.alertnow-ui-table .align.right { text-align: right !important; }
.alertnow-ui-table td.checkbox {width: 20px;  text-align: center; }
.alertnow-ui-table th > span.clickable { cursor: pointer; }
.alertnow-ui-table .pagination {font-size: .625rem;  position: absolute; right: 30px; margin-top: 20px; text-align: center; }
.alertnow-ui-table .pagination.button { line-height: 32px; vertical-align: middle; }
.alertnow-ui-table .pagination.button button {bottom: 2px;  vertical-align: middle; }
.alertnow-ui-table .pagination.left { text-align: left; }
.alertnow-ui-table .pagination.right { text-align: right; }
.alertnow-ui-table .pagination.position_top { margin: -42px 0 10px; }
.alertnow-ui-table .pagination > * {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: inherit; font-weight: 400; line-height: 32px; display: inline-block; margin: 0 .3em; vertical-align: top; color: #000; }
.alertnow-ui-table .pagination select {line-height: 30px; width: auto;  height: 32px; margin-right: 0; margin-left: 1rem; padding-right: 25px; }
.alertnow-ui-table .pagination b , .alertnow-ui-table .pagination i { font-weight: normal; font-style: normal; word-spacing: .4em; }
.alertnow-ui-table .pagination a , .alertnow-ui-table .pagination button {width: 32px; height: 32px; cursor: pointer; text-align: center;  vertical-align: -8px; }
.alertnow-ui-table .pagination a.first , .alertnow-ui-table .pagination a.last , .alertnow-ui-table .pagination a.prev , .alertnow-ui-table .pagination a.next , .alertnow-ui-table .pagination button.first , .alertnow-ui-table .pagination button.last , .alertnow-ui-table .pagination button.prev , .alertnow-ui-table .pagination button.next {position: relative; overflow: hidden;  height: 13px; text-indent: -999em; }
.alertnow-ui-table .pagination a.first:before , .alertnow-ui-table .pagination a.first:after , .alertnow-ui-table .pagination a.last:before , .alertnow-ui-table .pagination a.last:after , .alertnow-ui-table .pagination a.prev:before , .alertnow-ui-table .pagination a.prev:after , .alertnow-ui-table .pagination a.next:before , .alertnow-ui-table .pagination a.next:after , .alertnow-ui-table .pagination button.first:before , .alertnow-ui-table .pagination button.first:after , .alertnow-ui-table .pagination button.last:before , .alertnow-ui-table .pagination button.last:after , .alertnow-ui-table .pagination button.prev:before , .alertnow-ui-table .pagination button.prev:after , .alertnow-ui-table .pagination button.next:before , .alertnow-ui-table .pagination button.next:after { position: absolute; top: 0; bottom: 0; display: inline-block; width: 7px; height: 13px; background: url('/assets/images/shape_arrow_narrow_black_transparent_9_15.png') center center no-repeat transparent; background-size: 7px 13px; }
.alertnow-ui-table .pagination a.first:before , .alertnow-ui-table .pagination a.last:before , .alertnow-ui-table .pagination a.prev:before , .alertnow-ui-table .pagination a.next:before , .alertnow-ui-table .pagination button.first:before , .alertnow-ui-table .pagination button.last:before , .alertnow-ui-table .pagination button.prev:before , .alertnow-ui-table .pagination button.next:before { left: 0; }
.alertnow-ui-table .pagination a.first:after , .alertnow-ui-table .pagination a.last:after , .alertnow-ui-table .pagination a.prev:after , .alertnow-ui-table .pagination a.next:after , .alertnow-ui-table .pagination button.first:after , .alertnow-ui-table .pagination button.last:after , .alertnow-ui-table .pagination button.prev:after , .alertnow-ui-table .pagination button.next:after { right: 0; }
.alertnow-ui-table .pagination a.first , .alertnow-ui-table .pagination a.last , .alertnow-ui-table .pagination button.first , .alertnow-ui-table .pagination button.last { width: 11px; }
.alertnow-ui-table .pagination a.first:before , .alertnow-ui-table .pagination a.first:after , .alertnow-ui-table .pagination a.last:before , .alertnow-ui-table .pagination a.last:after , .alertnow-ui-table .pagination button.first:before , .alertnow-ui-table .pagination button.first:after , .alertnow-ui-table .pagination button.last:before , .alertnow-ui-table .pagination button.last:after { content: ''; }
.alertnow-ui-table .pagination a.prev , .alertnow-ui-table .pagination a.next , .alertnow-ui-table .pagination button.prev , .alertnow-ui-table .pagination button.next { width: 9px; }
.alertnow-ui-table .pagination a.prev:before , .alertnow-ui-table .pagination a.next:before , .alertnow-ui-table .pagination button.prev:before , .alertnow-ui-table .pagination button.next:before { content: ''; }
.alertnow-ui-table .pagination a.next , .alertnow-ui-table .pagination a.last , .alertnow-ui-table .pagination button.next , .alertnow-ui-table .pagination button.last { transform: rotate(180deg); }
.alertnow-ui-table .pagination a[disabled] , .alertnow-ui-table .pagination button[disabled] { cursor: not-allowed; opacity: .2; }
.alertnow-ui-table .pagination input[type='number'] {font-family: inherit; font-size: .6875rem; line-height: 30px; display: inline-block;  width: 6em; height: 32px; padding: 0 0 0 10px; text-align: center; }

.tbl-grid-utils { margin-top: 40px; padding: 14px 0 8px; }
.tbl-grid-utils .pagination { font-size: .75rem; line-height: 24px; color: #7f7f7f; }
.tbl-grid-utils .pagination select.small {font-size: .75rem; line-height: 18px;  display: inline-block; box-sizing: border-box; height: 20px; margin: -3px 5px 0; padding: 0 20px 0 8px; vertical-align: middle; color: #000; border: 1px solid #e6e6e6; background: #fff url('/assets/images/selectbox_arrow_04@2x.png') right center no-repeat; background-size: 11px 18px; }
.tbl-grid-utils .pagination .total {line-height: 24px;  display: inline-block; vertical-align: middle; }
.tbl-grid-utils .pagination .total .current { line-height: 24px; }
.tbl-grid-utils .pagination .count:before {display: inline-block; margin: 0 13px;  content: '|'; color: #ddd; }
.tbl-grid-utils .pagination .count ~ .search:before {display: inline-block; margin: 0 3px 0 13px;  content: '|'; color: #ddd; }
.tbl-grid-utils .pagination .search {position: relative;  display: inline-block; }
.tbl-grid-utils .pagination .search input[type=text] {font-size: .75rem; line-height: 24px;  display: inline-block; width: auto; height: 24px; padding-left: 30px; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.tbl-grid-utils .pagination .search input[type=text]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.tbl-grid-utils .options { display: inline-block; margin-left: 10px; }
.tbl-grid-utils .options label { font-size: .75rem; font-weight: 500; line-height: 2em; vertical-align: middle; color: #666; }
.tbl-grid-utils .options span.daterange {width: 193px; height: 24px;  margin-left: 5px; vertical-align: middle; border: 1px solid #e6e6e6; }
.tbl-grid-utils .options span.daterange:after { right: auto; left: 8px; width: 14px; height: 14px; margin-top: -7px; background-image: url(/assets/images/sprites.png); background-position: -718px -565px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-grid-utils .options span.daterange:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-grid-utils .options span.daterange input[type=text].daterange {font-size: .75rem; font-weight: 400; line-height: 2em;  padding-right: 0; padding-left: 30px; color: #000; border: 0; }
.tbl-grid-utils .btn-apply {font-size: .75rem; font-weight: 700; line-height: 24px;  display: inline-block; height: 24px; margin-left: 7px; padding: 0 10px; text-align: center; vertical-align: middle; color: #fff; background-color: #000; }
.tbl-grid-utils .grid-info { font-size: .75rem; line-height: 2em; color: #000; }
.tbl-grid-utils .grid-info > dt { display: inline-block; }
.tbl-grid-utils .grid-info > dd {font-weight: 700;  display: inline-block; margin: 0 30px 0 5px; }

.tbl-grid-navigation { margin-top: 20px; text-align: center; }
.tbl-grid-navigation a {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 30px;  display: inline-block; width: 30px; height: 30px; margin: 0 -2px; transition: background-color .3s ease-in-out; text-align: center; vertical-align: middle; color: #000; border-radius: 30px; }
.tbl-grid-navigation a:hover { background-color: #ddd; }
.tbl-grid-navigation a.is-selected { color: #fff; background-color: #000; }
.tbl-grid-navigation a.btn-first , .tbl-grid-navigation a.btn-last , .tbl-grid-navigation a.btn-next , .tbl-grid-navigation a.btn-prev { text-indent: -9999px; }
.tbl-grid-navigation a.btn-first:hover , .tbl-grid-navigation a.btn-last:hover , .tbl-grid-navigation a.btn-next:hover , .tbl-grid-navigation a.btn-prev:hover { color: #000; background-color: #fff; }
.tbl-grid-navigation a.btn-first {width: 30px; height: 30px;  background-image: url(/assets/images/sprites.png); background-position: -468px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-grid-navigation a.btn-first { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-grid-navigation a.btn-prev {width: 30px; height: 30px;  margin-right: 20px; background-image: url(/assets/images/sprites.png); background-position: -432px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-grid-navigation a.btn-prev { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-grid-navigation a.btn-next {width: 30px; height: 30px;  margin-left: 20px; background-image: url(/assets/images/sprites.png); background-position: -324px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-grid-navigation a.btn-next { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-grid-navigation a.btn-last {width: 30px; height: 30px;  background-image: url(/assets/images/sprites.png); background-position: -288px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-grid-navigation a.btn-last { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.tbl-data-qs {font-size: .75rem; width: 100%;  table-layout: fixed; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.tbl-data-qs .r { text-align: right; }
.tbl-data-qs .c { padding-right: 0; padding-left: 0; text-align: center; }
.tbl-data-qs .l { text-align: left; }
.tbl-data-qs .hidden { display: none; }
.tbl-data-qs thead th {font-size: .75rem; font-weight: 700; height: 35px;  padding: 0 24px 0 0; color: #000; background-color: #fff; }
.tbl-data-qs tbody td , .tbl-data-qs tbody th {height: 35px;  padding: 0 24px 0 0; text-align: center; white-space: nowrap; border-top: 1px solid #ccc; background-color: #fff; }
.tbl-data-qs tbody th { font-weight: 700; color: #000; }
.tbl-data-qs tbody td { font-weight: 400; color: #000; }
.tbl-data-qs tbody td .value { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; color: #000; }


.tbl-data-billing {font-size: .75rem; width: 100%;  table-layout: fixed; color: #000; border-top: 2px solid #000; border-bottom: 2px solid #000; background-color: #fff; }
.tbl-data-billing .r { text-align: right; }
.tbl-data-billing .c { padding-right: 0; padding-left: 0; text-align: center; }
.tbl-data-billing .l { text-align: left; }
.tbl-data-billing .hidden { display: none; }
.tbl-data-billing thead th {font-weight: 700; height: 30px;  padding: 0 20px; border-bottom: 1px solid #ccc; }
.tbl-data-billing tfoot.sum tr:first-child th { border-top: 1px solid #727272; }
.tbl-data-billing tfoot.sum th { border-top: 1px solid #eee; }
.tbl-data-billing tfoot th {font-weight: 700; height: 40px;  padding: 0 20px; border-top: 2px solid #000; }
.tbl-data-billing tbody tr:last-child td , .tbl-data-billing tbody tr:last-child th { border: 0; }
.tbl-data-billing tbody td , .tbl-data-billing tbody th {height: 40px;  padding: 0 20px; text-align: center; white-space: nowrap; border-bottom: 1px solid #eee; }
.tbl-data-billing tbody th { font-weight: 400; }
.tbl-data-billing tbody td { font-weight: 400; }
.tbl-data-billing .value { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400; color: #1b7eff; }


.tbl-instance-info {font-size: .75rem;  width: 100%; text-align: left; color: #666; border-top: 1px solid #eee; }
.tbl-instance-info tbody th {font-weight: 700; line-height: 1.66667em;  box-sizing: border-box; width: 286px; min-width: 286px; max-width: 286px; padding: 10px 40px 10px 10px; padding-right: 5px; word-break: break-all; border-bottom: 1px solid #eee; }
.tbl-instance-info tbody td { line-height: 1.66667em; padding-right: 5px; word-break: break-all; border-bottom: 1px solid #eee; }


.tbl-list-user { width: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.tbl-list-user thead { display: block; }
.tbl-list-user thead tr { display: block; }
.tbl-list-user thead th {font-size: .75rem; font-weight: 700; line-height: 40px; float: left;  box-sizing: border-box; width: 25%; height: 40px; text-align: left; color: #000; border-bottom: 1px solid #ccc; }
.tbl-list-user tbody { display: block; overflow-x: hidden; overflow-y: auto; width: 100%; height: 365px; }
.tbl-list-user tbody tr { display: block; }
.tbl-list-user tbody tr.checked td { background-color: #fff; }
.tbl-list-user tbody tr.disabled td { color: #999; background-color: transparent; }
.tbl-list-user tbody td {font-size: .75rem; font-weight: 400; line-height: 40px;  float: left; box-sizing: border-box; width: 25%; height: 40px; transition: background-color .3s ease-in-out; text-align: left; color: #000; border-bottom: 1px solid #e6e6e6; }
.tbl-list-user .check { width: 9.305%; text-align: center; }
.tbl-list-user .name { width: 45.555%; }
.tbl-list-user .company { width: 25%; }
.tbl-list-user .status {width: 20.140%;  padding-right: 20px; text-align: right; }
.tbl-list-user .invited { color: #4990e2; }

.tbl-data-list { width: 100%; }
.tbl-data-list thead th { font-size: .75rem; font-weight: 500; line-height: 32px; text-align: center; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.tbl-data-list thead .btn-sort {line-height: 33px;  margin-top: -2px; }
.tbl-data-list tbody td , .tbl-data-list tbody th { font-size: .75rem; font-weight: 400; line-height: 39px; text-align: center; color: #000; border-bottom: 1px solid #e6e6e6; }
.tbl-data-list tbody td + td , .tbl-data-list tbody td + th , .tbl-data-list tbody th + td , .tbl-data-list tbody th + th { border-left: 1px solid #f0f0f0; }
.tbl-data-list tbody td.email , .tbl-data-list tbody th.email { padding-left: 40px; text-align: left; }
.tbl-data-list tbody .l { padding-left: 25px; text-align: left; }
.tbl-data-list tbody .subscription {position: relative;  display: inline-block; padding: 10px 10px 10px 32px; word-wrap: break-word; word-break: break-all; }
.tbl-data-list tbody .subscription:before {position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 15px;  content: ''; transform: translateY(-50%); background-image: url(/assets/images/sprites.png); background-position: -518px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .subscription:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody a.subscription {font-weight: 700;  padding-left: 28px; text-decoration: underline; color: #000; }
.tbl-data-list tbody .btn-recipient {line-height: 1.42857em; position: relative;  display: inline-block; padding-left: 22px; text-decoration: underline; color: #333; }
.tbl-data-list tbody .btn-recipient:before {position: absolute; top: 2px; left: 0; width: 15px; height: 15px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -538px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .btn-recipient:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody .file-type { display: inline-block; margin: 0 4px; text-indent: -9999px; }
.tbl-data-list tbody .file-type[data-state=excel] {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -574px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .file-type[data-state=excel] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody .file-type[data-state=pdf] {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -375px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .file-type[data-state=pdf] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody .button-icon { display: inline-block; margin: 0 4px; }
.tbl-data-list tbody .status { color: #5fab1b; }
.tbl-data-list tbody .status[data-state=fail] { color: #ff2d47; }
.tbl-data-list tbody .status[data-state=wait] { color: #ff6e00; }
.tbl-data-list tbody .user:before {display: inline-block; width: 15px; height: 15px; margin-top: -2px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -538px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .user:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody .btn-edit { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .btn-edit { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list tbody .btn-delete { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -628px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list tbody .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.tbl-service-group-detail {min-width: 1200px;  padding: 0 30px; }
.tbl-service-group-detail tbody { font-size: .875rem; }
.tbl-service-group-detail tbody th , .tbl-service-group-detail tbody td {padding: 8px 0; text-align: left;  color: #222; border-bottom: 1px solid #ececec; }
.tbl-service-group-detail tbody th { width: 210px; padding-left: 20px; }
.tbl-service-group-detail tbody td input + label { min-width: 42px; }
.tbl-service-group-detail tbody td span { font-size: .75rem; font-weight: 400; line-height: 1.125rem; color: #999; }
.tbl-service-group-detail tbody td ul li { padding: 5px 0; }
.tbl-service-group-detail tbody .btn-group.user-scale .multiselect {line-height: 30px;  height: 32px; }

.separation-table-ui table {border-spacing: 0 10px; border-collapse: separate;  border-top: 1px solid #dfe3e8; }
.separation-table-ui table th , .separation-table-ui table td { padding: 0 15px; }
.separation-table-ui table thead th { font-size: .75rem; color: #666; }
.separation-table-ui table thead th:first-child { text-align: left; }
.separation-table-ui table tbody td {font-size: .75rem; height: 96px; cursor: pointer; border-top: 1px solid #d5d9db; border-bottom: 1px solid #d5d9db;  background: #fff; }
.separation-table-ui table tbody td.number { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; text-align: center; }
.separation-table-ui table tbody td:first-child { border-left: 1px solid #d5d9db; }
.separation-table-ui table tbody td:last-child { border-right: 1px solid #d5d9db; }
.separation-table-ui table tbody td .user-setting { color: #999; }
.separation-table-ui table tbody td .head-txt {font-size: .875rem; font-weight: 500; padding: 7px 0;  color: #222; }
.separation-table-ui table tbody td .subhead-txt { font-size: .75rem; color: #666; }

.info-view {margin: 24px 0;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); }
.info-view table { width: 100%; }
.info-view table th , .info-view table td {height: 40px; padding: 0 16px; text-align: left;  border-bottom: 1px solid #dfe3e8; background: #fff; }
.info-view table th { font-size: .75rem; font-weight: 500; color: #666; }
.info-view table td p { font-size: .75rem; position: relative; bottom: 2px; display: inline-block; }
.info-view table td p.line:before {position: relative; top: 2px; display: inline-block; width: 1px; height: 16px; margin: 0 15px;  content: ''; background: #b8bec3; }

.layout-with-sidemenu .wing-popup { bottom: -100px; }

.wing-popup { position: absolute; z-index: 800; top: 0; right: 0; bottom: 0; left: 350px; padding: 25px 20px; transition: transform .3s ease-in-out; transform: translateX(100%); background: #fff; box-shadow: -8px 6px 16px rgba(137, 141, 148, .2); }
.wing-popup .multiselect-native-select select.filter + .btn-group.open:before { content: ''; }
.wing-popup .multiselect-native-select select.filter + .btn-group.open .multiselect:after {width: 16px; height: 16px;  transform: rotateX(0deg); background-image: url(/assets/images/sprites.png); background-position: -696px -309px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .wing-popup .multiselect-native-select select.filter + .btn-group.open .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.wing-popup .multiselect-native-select select.filter + .btn-group.filter .multiselect:after {width: 16px; height: 16px;  transform: rotateX(0deg); background-image: url(/assets/images/sprites.png); background-position: -696px -331px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .wing-popup .multiselect-native-select select.filter + .btn-group.filter .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.wing-popup .multiselect-native-select select.filter + .btn-group:before {position: absolute; z-index: 10; bottom: -2px; left: 50%; width: 10px; height: 11px;  content: none; background-image: url(/assets/images/sprites.png); background-position: -739px -216px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .wing-popup .multiselect-native-select select.filter + .btn-group:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.wing-popup .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox { font-weight: 400; }
.wing-popup .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:before , .wing-popup .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:after { margin-top: -7.5px; }
.wing-popup .multiselect-native-select select.filter + .btn-group .multiselect {line-height: 1; position: relative; height: auto; padding: 0; padding-right: 20px;  border: 0; box-shadow: none; }
.wing-popup .multiselect-native-select select.filter + .btn-group .multiselect .multiselect-selected-text { font-weight: 500; }
.wing-popup .multiselect-native-select select.filter + .btn-group .input-group { margin-top: -5px; }
.wing-popup .multiselect-native-select select.filter + .btn-group .input-group .multiselect-search {font-size: .75rem; line-height: 26px;  height: 26px; }
.wing-popup .header { padding: 0 0 20px; border-bottom: 1px solid #d5dae0; }
.wing-popup .header h2 {font-size: 1rem;  color: #222; }
.wing-popup .header button { opacity: .6; }
.wing-popup .info { font-size: .875rem; line-height: 1.5625rem; padding: 20px 0 10px; }
.wing-popup .info a { text-decoration: underline; }
.wing-popup .alertnow-ui-table {overflow-y: auto; max-height: calc(100% - 180px);  margin-top: 10px; }
.wing-popup .alertnow-ui-table table {border-right: 1px solid #e6e6e6;  border-left: 1px solid #e6e6e6; }
.wing-popup .alertnow-ui-table table thead tr th {font-size: .75rem; font-weight: 500; padding: 0 10px;  color: #666; }
.wing-popup .alertnow-ui-table table thead tr th button {font-size: inherit; font-weight: inherit;  color: inherit; }
.wing-popup .alertnow-ui-table table tbody .no-data {font-size: .875rem; padding: 70px 0;  text-align: center; color: #b2b2b2; }
.wing-popup .alertnow-ui-table table tbody tr:hover td { background: transparent; }
.wing-popup .alertnow-ui-table table tbody tr td[rowspan] { vertical-align: top; }
.wing-popup .alertnow-ui-table table tbody tr td .special-font { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.wing-popup .alertnow-ui-table table tbody tr td .special-font.not-allowed { color: #ff2d47; }
.wing-popup .alertnow-ui-table table tbody tr td .button-ui {font-size: .75rem;  display: -ms-flexbox; display: flex; white-space: nowrap; }
.wing-popup .alertnow-ui-table table tbody tr td .authority { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.wing-popup .alertnow-ui-table table tbody tr td .authority:before {width: 16px; height: 16px; margin-right: 6px;  content: ''; }
.wing-popup .alertnow-ui-table table tbody tr td .authority.denied:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2NvbW1vbl9pbnZhbGlkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IuyImOynkeumrOyGjOyKpCZhbXA77IKt7KCc65Cc66as7IaM7IqkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQU1fRGFzaGJvYXJkX1Jlc291cmNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMwOC4wMDAwMDAsIC0zMDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uX2NvbW1vbl9pbnZhbGlkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzA4LjAwMDAwMCwgMzA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjRkYyRDQ3IiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsMTAuNDAwODg4OSBDOC42MzczMzMzMywxMC40MDA4ODg5IDkuMTU1NTU1NTYsMTAuOTE4MjIyMiA5LjE1NTU1NTU2LDExLjU1NTU1NTYgQzkuMTU1NTU1NTYsMTIuMTk0NjY2NyA4LjYzNzMzMzMzLDEyLjcxMDIyMjIgOCwxMi43MTAyMjIyIEM3LjM2MzU1NTU2LDEyLjcxMDIyMjIgNi44NDQ0NDQ0NCwxMi4xOTQ2NjY3IDYuODQ0NDQ0NDQsMTEuNTU1NTU1NiBDNi44NDQ0NDQ0NCwxMC45MTgyMjIyIDcuMzYzNTU1NTYsMTAuNDAwODg4OSA4LDEwLjQwMDg4ODkgWiBNOC44ODgsMy41NTU1NTU1NiBMOC44ODgsOC44ODggTDcuMTEwMjIyMjIsOC44ODggTDcuMTEwMjIyMjIsMy41NTU1NTU1NiBMOC44ODgsMy41NTU1NTU1NiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat; background-size: cover; }
.wing-popup .alertnow-ui-table table tbody tr td .authority.possible:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IuyImOynkeumrOyGjOyKpCZhbXA77IKt7KCc65Cc66as7IaM7IqkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQU1fRGFzaGJvYXJkX1Jlc291cmNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMwOC4wMDAwMDAsIC0zNDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzA4LjAwMDAwMCwgMzQ0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC1Db3B5IiBmaWxsPSIjNkNCNDFFIiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjgzMjcwMzcsNSBMMTIuOTk0ODkyNSw2LjE2MjE4ODggTDcuMTMxNDI1NjEsMTIuMDI1NjU1NyBMNS45NjkyMzY4LDEwLjg2MzQ2NjkgTDUuOTg1LDEwLjg0OCBMMyw3Ljg2MzUwMDQyIEw0LjE2MjE4ODgsNi43MDEzMTE2MSBMNy4xNDcsOS42ODYgTDExLjgzMjcwMzcsNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; background-size: cover; }
.wing-popup .alertnow-ui-table table tbody tr td .authority.iam { color: #7b8088; }
.wing-popup .alertnow-ui-table table tbody tr td .authority.iam:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2NvbW1vbl91bmtvd248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i7IiY7KeR66as7IaM7IqkJmFtcDvsgq3soJzrkJzrpqzshozsiqQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBTV9EYXNoYm9hcmRfUmVzb3VyY2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzA4LjAwMDAwMCwgLTM4NC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Imljb25fY29tbW9uX3Vua293biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMwOC4wMDAwMDAsIDM4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMiIgZmlsbD0iI0IwQjdCRiIgY3g9IjgiIGN5PSI4IiByPSI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDEwLjQwMDg4ODkgQzguNjM3MzMzMzMsMTAuNDAwODg4OSA5LjE1NTU1NTU2LDEwLjkxODIyMjIgOS4xNTU1NTU1NiwxMS41NTU1NTU2IEM5LjE1NTU1NTU2LDEyLjE5NDY2NjcgOC42MzczMzMzMywxMi43MTAyMjIyIDgsMTIuNzEwMjIyMiBDNy4zNjM1NTU1NiwxMi43MTAyMjIyIDYuODQ0NDQ0NDQsMTIuMTk0NjY2NyA2Ljg0NDQ0NDQ0LDExLjU1NTU1NTYgQzYuODQ0NDQ0NDQsMTAuOTE4MjIyMiA3LjM2MzU1NTU2LDEwLjQwMDg4ODkgOCwxMC40MDA4ODg5IFogTTguODg4LDMuNTU1NTU1NTYgTDguODg4LDguODg4IEw3LjExMDIyMjIyLDguODg4IEw3LjExMDIyMjIyLDMuNTU1NTU1NTYgTDguODg4LDMuNTU1NTU1NTYgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat; background-size: cover; }
.wing-popup .dot-animation { display: none; }
.wing-popup .dot-animation em { animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; }
.wing-popup .dot-animation em:nth-child(2) { animation-delay: .2s; }
.wing-popup .dot-animation em:nth-child(3) { animation-delay: .4s; }

@keyframes blink { 0% { opacity: .2; }
	20% { opacity: 1; }
	100% { opacity: .2; } }
.wing-popup button[data-icon=updated]:before {width: 14px; height: 18px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTIgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29ucy8xLkFjdGlvbi9BZGQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNOSw0LjUgTDksNi43NSBMMTIsMy43NSBMOSwwLjc1IEw5LDMgQzUuNjg1LDMgMyw1LjY4NSAzLDkgQzMsMTAuMTc3NSAzLjM0NSwxMS4yNzI1IDMuOTMsMTIuMTk1IEw1LjAyNSwxMS4xIEM0LjY4NzUsMTAuNDc3NSA0LjUsOS43NTc1IDQuNSw5IEM0LjUsNi41MTc1IDYuNTE3NSw0LjUgOSw0LjUgWiBNMTQuMDcsNS44MDUgTDEyLjk3NSw2LjkgQzEzLjMwNSw3LjUzIDEzLjUsOC4yNDI1IDEzLjUsOSBDMTMuNSwxMS40ODI1IDExLjQ4MjUsMTMuNSA5LDEzLjUgTDksMTEuMjUgTDYsMTQuMjUgTDksMTcuMjUgTDksMTUgQzEyLjMxNSwxNSAxNSwxMi4zMTUgMTUsOSBDMTUsNy44MjI1IDE0LjY1NSw2LjcyNzUgMTQuMDcsNS44MDUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFNX0Rhc2hib2FyZF9uby1yZXNvdXJjZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4MS4wMDAwMDAsIC0yMjcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIyMC5idXR0b24vMS5oaWdoLWVtcGhhc2lzLypNMzJfd2l0aC1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAuMDAwMDAwLCAyMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iMC5tYXRlcmlhbF9mYXYvYWN0aW9uL2F1dG9yZW5ld18yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhY3Rpb24vYXV0b3JlbmV3XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjb2xvciNJY29uL3doaXRlIiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjb2xvciMjUGFsZXR0ZS9XaGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMzM4IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat; background-size: 100% 100%; }
.wing-popup button[data-icon=updated][disabled] { cursor: not-allowed; }
.wing-popup button[data-icon=updated][disabled] .dot-animation { display: block; }
.wing-popup button[data-icon=updated][disabled]:before , .wing-popup button[data-icon=updated][disabled]:after { animation: rotate .7s infinite linear; }
.wing-popup.show { transform: translateX(0); }

@media (max-width: 1439px) { .wing-popup { left: 150px; } }

body[data-state=logout].samsung-login input[type=text] , body[data-state=logout].samsung-login input[type=password] , body[data-state=logout].samsung-login input[type=search] , body[data-state=logout].samsung-login input[type=email] , body[data-state=logout].samsung-login input[type=number] , body[data-state=logout].samsung-login select {font-size: .875rem; font-weight: 100; line-height: 38px; display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 0px 0 10px;  cursor: text; vertical-align: middle; color: #000; background-color: #f2f2f2; box-shadow: inset 0 0 0 0px #e4e4e4; }
body[data-state=logout].samsung-login input[type=text][disabled] , body[data-state=logout].samsung-login input[type=password][disabled] , body[data-state=logout].samsung-login input[type=search][disabled] , body[data-state=logout].samsung-login input[type=email][disabled] , body[data-state=logout].samsung-login input[type=number][disabled] , body[data-state=logout].samsung-login select[disabled] { color: #999; background-color: #eee; box-shadow: inset 0 0 0 1px #e4e4e4; }
body[data-state=logout].samsung-login input[type=text][invalid] , body[data-state=logout].samsung-login input[type=password][invalid] , body[data-state=logout].samsung-login input[type=search][invalid] , body[data-state=logout].samsung-login input[type=email][invalid] , body[data-state=logout].samsung-login input[type=number][invalid] , body[data-state=logout].samsung-login select[invalid] { box-shadow: inset 0 0 0 2px #ff2d47; }
body[data-state=logout].samsung-login input[type=text].inline , body[data-state=logout].samsung-login input[type=password].inline , body[data-state=logout].samsung-login input[type=search].inline , body[data-state=logout].samsung-login input[type=email].inline , body[data-state=logout].samsung-login input[type=number].inline , body[data-state=logout].samsung-login select.inline { display: inline-block; }
body[data-state=logout].samsung-login input[type=text].small , body[data-state=logout].samsung-login input[type=password].small , body[data-state=logout].samsung-login input[type=search].small , body[data-state=logout].samsung-login input[type=email].small , body[data-state=logout].samsung-login input[type=number].small , body[data-state=logout].samsung-login select.small {font-size: .75rem; line-height: 24px;  display: inline-block; width: auto; height: 24px; }
body[data-state=logout].samsung-login input[type=text].daterange , body[data-state=logout].samsung-login input[type=password].daterange , body[data-state=logout].samsung-login input[type=search].daterange , body[data-state=logout].samsung-login input[type=email].daterange , body[data-state=logout].samsung-login input[type=number].daterange , body[data-state=logout].samsung-login select.daterange {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 700; line-height: 24px;  display: inline-block; height: 24px; padding: 0 15px 0 10px; vertical-align: middle; color: #000; background-color: transparent; box-shadow: none; }

body[data-state=logout].samsung-login input[type=number]::-webkit-inner-spin-button , body[data-state=logout].samsung-login input[type=number]::-webkit-outer-spin-button {margin: 0;  -webkit-appearance: none; appearance: none; }

b.search_form {position: relative;  display: inline-block; box-sizing: border-box; vertical-align: middle; background: url('/assets/images/view_magnify_lightblue_zoom_type.svg') center center no-repeat transparent; }
b.search_form input[type='search'] {font-size: .75rem; line-height: 30px; position: relative; bottom: 1px; box-sizing: border-box; width: 200px; height: 30px; padding: 0 .6em; padding-right: 35px; resize: none; transition: box-shadow .2s ease-in-out;  border: 1px solid #e4e4e4; background: #fff; box-shadow: none; }
b.search_form input[type='search']:focus { border-color: #006cff; }
b.search_form button[type='submit'] {position: absolute; top: 2px; left: 170px; display: inline-block; width: 30px; height: 24px; text-indent: -999em;  border-left: 1px solid #dedede; background: url('/assets/images/view_magnify_lightgray_search_type.svg') center center no-repeat; background-size: 15px; }
b.search_form input[type='search']:focus + button[type='submit'] {border-color: #006cff;  background-image: url('/assets/images/view_magnify_lightblue_search_type.svg'); }


input[type=text] , input[type=password] , input[type=email] , input[type=number] , input[type=search] , select { resize: none; transition: box-shadow .2s ease-in-out; border-radius: 2px; }
input[type=text]:focus , input[type=password]:focus , input[type=email]:focus , input[type=number]:focus , input[type=search]:focus , select:focus { box-shadow: inset 0 0 0 1px #007aff; }
input[type=text][invalid] , input[type=password][invalid] , input[type=email][invalid] , input[type=number][invalid] , input[type=search][invalid] , select[invalid] { box-shadow: inset 0 0 0 1px #ff2d47; }
input[type=text].small:focus , input[type=password].small:focus , input[type=email].small:focus , input[type=number].small:focus , input[type=search].small:focus , select.small:focus { box-shadow: inset 0 0 0 1px #007aff; }
input[type=text].small[invalid] , input[type=password].small[invalid] , input[type=email].small[invalid] , input[type=number].small[invalid] , input[type=search].small[invalid] , select.small[invalid] { box-shadow: inset 0 0 0 1px #ff2d47; }
input[type=text][readonly]:focus , input[type=password][readonly]:focus , input[type=email][readonly]:focus , input[type=number][readonly]:focus , input[type=search][readonly]:focus , select[readonly]:focus { box-shadow: inset 0 0 0 1px #e6e6e6; }
input[type=text][data-state=expand] , input[type=password][data-state=expand] , input[type=email][data-state=expand] , input[type=number][data-state=expand] , input[type=search][data-state=expand] , select[data-state=expand] { width: 100%; }

input::-webkit-input-placeholder { color: #ccc; }

input:-moz-placeholder {opacity: 1;  color: #ccc; }

input::-moz-placeholder {opacity: 1;  color: #ccc; }

input:-ms-input-placeholder { color: #ccc; }

span:focus {outline: 0px;  box-shadow: 0px; }


.search-width-icon { position: relative; }
.search-width-icon input[type=search][data-size=medium] {line-height: 30px; width: 200px;  height: 32px; }
.search-width-icon input[type=search][data-size=small] {font-size: .75rem; font-weight: 400; line-height: 22px; width: 200px;  height: 24px; }
.search-width-icon input[type=search][data-size=small].general { padding: 0px 10px 0 30px; }
.search-width-icon input[type=search][data-size=small].general + button { position: absolute; top: 0; left: 0px; width: 22px; height: 22px; }
.search-width-icon input[type=search].general { padding: 0px 10px 0 38px; }
.search-width-icon input[type=search].general + button { position: absolute; top: 0; left: 0px; width: 30px; height: 30px; }
.search-width-icon input[type=search].general + button:before {position: absolute; top: calc(50% + 1px); left: 9px; width: 14px; height: 14px;  content: ''; transform: translateY(-50%); background-image: url(/assets/images/sprites.png); background-position: -86px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-width-icon input[type=search].general + button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-width-icon input[type=search].general:focus + button:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -665px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-width-icon input[type=search].general:focus + button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

input[type=search].general { font-size: 12px; font-size: .875rem; font-weight: 500; font-weight: 500; line-height: 38px; display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 0 0 10px; cursor: text; vertical-align: middle; color: #222; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
input[type=search].general[data-size=medium] {line-height: 30px; width: 200px;  height: 32px; }
input[type=search].general[data-size=small] {line-height: 22px; width: 200px;  height: 24px; }
input[type=search].general:focus { box-shadow: inset 0 0 0 2px #007aff; }
input[type=search].general[disabled] { color: #999; background-color: #eee; box-shadow: inset 0 0 0 1px #e4e4e4; }
input[type=search].general[invalid] { box-shadow: inset 0 0 0 2px #ff2d47; }
input[type=search].general.inline { display: inline-block; }
input[type=search].general.small {font-size: .75rem; line-height: 24px;  display: inline-block; width: auto; height: 24px; }

input[type=text] , input[type=password] , input[type=search] , input[type=email] , input[type=number] {font-size: .875rem; font-weight: 500; line-height: 38px; display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 0px 0 10px;  cursor: text; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
input[type=text][disabled] , input[type=password][disabled] , input[type=search][disabled] , input[type=email][disabled] , input[type=number][disabled] { color: #999; background-color: #eee; box-shadow: inset 0 0 0 1px #e4e4e4; }
input[type=text][invalid] , input[type=password][invalid] , input[type=search][invalid] , input[type=email][invalid] , input[type=number][invalid] { box-shadow: inset 0 0 0 2px #ff2d47; }
input[type=text].inline , input[type=password].inline , input[type=search].inline , input[type=email].inline , input[type=number].inline { display: inline-block; }
input[type=text].small , input[type=password].small , input[type=search].small , input[type=email].small , input[type=number].small {font-size: .75rem; line-height: 24px;  display: inline-block; width: auto; height: 24px; }
input[type=text].daterange , input[type=password].daterange , input[type=search].daterange , input[type=email].daterange , input[type=number].daterange {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 700; line-height: 24px;  display: inline-block; height: 24px; padding: 0 15px 0 10px; vertical-align: middle; color: #000; background-color: transparent; box-shadow: none; }

input[type=number]::-webkit-inner-spin-button , input[type=number]::-webkit-outer-spin-button {margin: 0;  -webkit-appearance: none; appearance: none; }


.daterange {position: relative;  display: inline-block; width: 200px; }
.daterange:after {position: absolute; z-index: 1; top: 50%; right: 0; display: block; width: 14px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterange:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.daterange input.daterange { z-index: 1; }


.fileBox {font-size: .75rem;  position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.fileBox input[type=text]::-webkit-input-placeholder { color: #999; }
.fileBox input[type=text]:-moz-placeholder {opacity: 1;  color: #999; }
.fileBox input[type=text]::-moz-placeholder {opacity: 1;  color: #999; }
.fileBox input[type=text]:-ms-input-placeholder { color: #999; }
.fileBox .fileName {line-height: 40px;  display: inline-block; box-sizing: border-box; width: calc(100% - 100px); max-width: 320px; height: 40px; margin-right: 10px; padding-left: 15px; vertical-align: middle; color: #999; background-color: #e6e6e6; }
.fileBox .btn_file {font-size: 1em; line-height: 40px;  display: inline-block; box-sizing: border-box; width: 195px; height: 40px; margin-right: 18px; text-align: center; vertical-align: middle; color: #fff; background-color: #999; }
.fileBox p { color: #666; }
.fileBox p span { letter-spacing: -.01rem; }
.fileBox input[type='file'] {font-size: 12px; line-height: 1;  position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; padding: 5px 10px; vertical-align: middle; border: 0; }


input[type=checkbox] { position: absolute; visibility: hidden; opacity: 0; }
input[type=checkbox] + label {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative; display: inline-block; padding-left: 20px;  cursor: pointer; color: #000; }
input[type=checkbox] + label:lang(ja) { font-weight: 700; }
input[type=checkbox] + label:before {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox] + label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox] + label:after {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox] + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox] + label .required { color: #1886ff; }
input[type=checkbox] + label a {text-decoration: underline;  color: #1886ff; }
input[type=checkbox][disabled] + label:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -126px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox][disabled] + label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox]:checked + label:after {transition: opacity .3s ease-in-out;  opacity: 1; }
input[type=checkbox]:checked[disabled] + label:after {width: 15px; height: 15px;  opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -718px -42px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox]:checked[disabled] + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox] ~ .add-info { font-size: .875rem !important; line-height: 1.42857em !important; color: #000 !important; }
input[type=checkbox][data-size=large] + label {font-size: 1.25rem; font-weight: 700; line-height: 1.5em;  padding-left: 42px; }
input[type=checkbox][data-size=large] + label:before {width: 22px; height: 22px;  margin-top: -11px; background-image: url(/assets/images/sprites.png); background-position: -638px -423px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox][data-size=large] + label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox][data-size=large] + label:after {width: 22px; height: 22px;  margin-top: -11px; background-image: url(/assets/images/sprites.png); background-position: -638px -199px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox][data-size=large] + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox][data-size=large] + label .required { font-size: 1rem; font-weight: 500; }
input[type=checkbox].none + label { display: inline-block !important; width: 15px; height: 15px; margin-top: -2px; padding: 0 !important; vertical-align: middle; text-indent: -9999px; }
input[type=checkbox].none + label:before { top: 50% !important; }


input[type=radio] { position: absolute; visibility: hidden; opacity: 0; }
input[type=radio] + label {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative; display: inline-block; padding-left: 20px;  cursor: pointer; color: #000; }
input[type=radio] + label:before {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -538px -228px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=radio] + label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=radio] + label:after {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -210px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=radio] + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=radio] + label .small {font-size: .875rem; font-weight: 400;  display: none; letter-spacing: -.1em; color: #666; }
input[type=radio][disabled] + label:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -105px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=radio][disabled] + label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=radio]:checked + label:after { opacity: 1; }
input[type=radio]:checked + label .small { display: inline-block; }
input[type=radio]:checked[disabled] + label:after {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -168px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=radio]:checked[disabled] + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=radio] ~ .add-info { font-size: .875rem !important; line-height: 1.42857em !important; color: #000 !important; }
.popup-join input[type=radio] + label {font-size: 1rem; line-height: 1.5em;  margin-right: 35px; }


select {font-size: .875rem; font-weight: 400; line-height: 38px;  display: inline-block; box-sizing: border-box; height: 40px; padding: 0 35px 0 10px; vertical-align: middle; color: #000; background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 30px 40px;box-shadow: inset 0 0 0 1px #e4e4e4;  }
select.block { display: block; width: 100%; }
select[disabled] { opacity: .3; }
select[invalid] { box-shadow: inset 0 0 0 2px #ff2d47; }
select[invalid].small , select[invalid].small-white { box-shadow: inset 0 0 0 1px #ff2d47; }
select::-ms-expand { display: none; }
select.small {font-size: .75rem; font-weight: 500; line-height: 24px; position: relative;  display: inline-block; height: 24px; padding: 0 30px 0 8px; color: #000; border: 0px; background-color: #e6e6e6; }
select.small-white {font-size: .75rem; font-weight: 500; line-height: 28px; position: relative;  display: inline-block; height: 30px; padding: 0 30px 0 8px; color: #000; border: 0px; background-color: #fff; }
select.general { display: inline-block; box-sizing: border-box; color: #222; border-radius: 2px; box-shadow: inset 0 0 0 1px #d5d9db; }
select.general[data-size=large] {font-size: .875rem; line-height: 38px;  height: 40px; }
select.general[data-size=mudium] {font-size: .875rem; line-height: 38px;  height: 40px; }
select.general[data-size=small] {font-size: .75rem; line-height: 30px;  height: 32px; }


textarea {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; box-sizing: border-box; width: 100%; height: 200px; padding: 8px 10px; transition: .3s ease-in-out; vertical-align: middle; color: #000; border: 1px solid #e4e4e4; }
textarea:focus {transition: .3s ease-in-out;  border: 2px solid #007aff; background: #fff; }
textarea[invalid] { border: 0; box-shadow: inset 0 0 0 2px #ff2d47; }
textarea.autosize {line-height: 1.25rem;  height: 140px; }
textarea:-webkit-input-placeholder { color: #ccc; }
textarea::-webkit-input-placeholder { color: #ccc; }
textarea:-moz-placeholder { color: #ccc; }
textarea::-moz-placeholder { color: #ccc; }
textarea:-ms-input-placeholder { color: #ccc; }
textarea::-ms-input-placeholder { color: #ccc; }


.select-period {font-size: .75rem;  position: relative; overflow: hidden; vertical-align: middle; color: #000; }
.select-period label {font-size: .875rem; font-weight: 700; line-height: 30px;  display: inline-block; margin-right: 10px; vertical-align: middle; color: #666; }
.select-period input[type=text] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 28px; display: inline-block; width: 95px; height: 30px;  opacity: .5; }

.invalid-message {font-size: .875rem;  margin-top: 4px; color: #ff2d47; }
.invalid-message.top-margin { margin-top: 10px; }

.invalid-tooltip {font-size: .75rem; line-height: 1.16667em; position: absolute; z-index: 1;  display: block; padding: 10px 8px 10px 13px; white-space: nowrap; color: #fff; border-radius: 5px; background-color: #ff2d47; }

.guide-message {font-size: .875rem; line-height: 1.42857em; position: relative;  display: block; margin-top: 4px; padding-left: 20px; color: #1785fe; }
.guide-message:before {position: absolute; top: 2px; left: 0; display: block; width: 16px; height: 16px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -221px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .guide-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.forms { padding: 16px 0 0 0; }
.forms.inteligent-form .popup-search-form p { font-size: .875rem; }
.forms.inteligent-form .popup-search-form input[type=search] { width: 400px; height: 32px; height: 30px; margin: 12px 0 20px; padding-right: 10px; padding-left: 30px; border-color: #e4e4e4; background: url('/assets/images/icon_search_01_s@2x.png') no-repeat; background-position: 9px 10px; background-size: 14px 14px; }
.forms.inteligent-form .popup-search-form input[type=search]:focus { background: url('/assets/images/icon_search_01_s_focus@2x.png') no-repeat; background-position: 9px 10px; background-size: 14px 14px; }
.forms.inteligent-form .all {display: -ms-flexbox; display: flex;  padding-bottom: 8px; }
.forms.inteligent-form .all p { font-size: .75rem; color: #6e91bf; }
.forms.inteligent-form .all p em { font-weight: 700; }
.forms.inteligent-form .all p input[type=checkbox] + label { font-weight: 700; }
.forms.inteligent-form .all p:first-child { margin-right: auto; }
.forms.inteligent-form .inteligent-tag-checkbox-wrap {overflow: hidden; overflow-y: auto; height: 339px; padding: 0 0 12px;  border: 1px solid #e6e6e6; border-right: 0; border-left: 0; }
.forms.inteligent-form .inteligent-tag-checkbox-wrap > div { display: -ms-flexbox; display: flex; }
.forms.inteligent-form .inteligent-tag-checkbox-wrap > div p {line-height: 1; overflow: hidden; margin: 12px 0 0; padding-left: 30px; white-space: nowrap; text-overflow: ellipsis;  -ms-flex: 1; flex: 1; }
.forms.inteligent-form .inteligent-tag-checkbox-wrap > div p:first-child { padding-left: 0; }
.forms.inteligent-form .inteligent-tag-checkbox-wrap > div p input[type=checkbox] + label { font-size: .75rem; font-weight: 400; color: #222; }
.forms .history-checkbox-wrap {position: relative; padding: 5px 23px 20px;  background: #f4f4f4; }
.forms .history-checkbox-wrap > div { display: -ms-flexbox; display: flex; padding: 15px 0 0; -ms-flex-align: center; align-items: center; }
.forms .history-checkbox-wrap > div p:first-child { width: 175px; }
.forms .history-checkbox-wrap .return {font-size: .875rem;  position: absolute; right: 23px; bottom: 20px; text-decoration: underline; color: #4a90e2; }
.forms .history-checkbox-wrap label { font-size: .75rem; padding-left: 24px; }
.forms .forms-item { margin-top: 33px; }
.forms .forms-item .caution { font-size: .75rem; line-height: 1.5em; margin: 6px 0 0; color: #4a90e2; }
.forms .forms-item .checkbox_wrap {box-sizing: border-box; margin: 8px 0 0;  padding: 15px; padding-bottom: 9px; border: 1px solid #d9d9d9; background: #ebebeb; }
.forms .forms-item .checkbox_wrap a , .forms .forms-item .checkbox_wrap label { color: #666; }
.forms .forms-item .label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.forms .forms-item .label em {margin: 0 0 0 3px;  color: #1886ff; }
.forms .forms-item .label .lang-message { font-size: .75rem; line-height: 1.5em; margin: 5px 0 0; color: #666; }
.forms .forms-item .txt {font-size: .875rem; font-weight: 500; line-height: 39px;  display: block; color: #000; border-bottom: 1px solid #e6e6e6; }
.forms .forms-item .txt[disabled] { color: #ccc; }
.forms .forms-item .txt-guide {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 5px; text-align: right; color: #666; }
.forms .forms-item .txt-guide.left { text-align: left; }
.forms .forms-item .inline-txt {font-size: .875rem; font-weight: 500;  display: inline-block; color: #000; }
.forms .forms-item .button-normal[data-size=small] { position: absolute; top: 50%; right: 10px; margin-top: -15px; }
.forms .forms-item .list-agreement > li + li { margin-top: 9px; }
.forms .forms-item .line-break { margin-top: 15px; }
.forms .forms-item .multiselect-native-select { width: 100%; }
.forms .forms-item.multi-box { display: -ms-flexbox; display: flex; }
.forms .forms-item.multi-box .multi-box-item { display: inline-block; margin-left: 12px; }
.forms .forms-item.multi-box .multi-box-item:first-child { margin: 0; }
.forms .agree-signup {font-size: 12px; line-height: 1.5em;  margin: 30px 0 0; color: #666; }
.forms .agree-signup a {text-decoration: underline;  color: #1886ff; }
.forms .card-info { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .card-info .txt { font-size: .875rem; font-weight: 500; vertical-align: middle; color: #000; }
.forms .bank-info { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .card-number { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .card-number .hyphen {font-size: .875rem; font-weight: 500; line-height: 40px;  display: inline-block; margin: 0 10px; vertical-align: middle; }
.forms .column-number { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .column-number * { -ms-flex-positive: 1; flex-grow: 1; }
.forms .column-number select {margin-right: 10px;  -ms-flex-positive: 1; flex-grow: 1; }
.forms .column-number .hyphen {font-size: .875rem; font-weight: 500; line-height: 40px;  display: inline-block; margin: 0 10px; vertical-align: middle; }
.forms .phone-number {position: relative;  display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .phone-number .invalid-message-wrap { position: relative; padding: 0 0 20px; }
.forms .phone-number .invalid-message-wrap.select { width: calc(40% - 10px); }
.forms .phone-number .invalid-message-wrap.input {width: 60%;  margin-left: 10px; }
.forms .phone-number .invalid-message-wrap.input input { width: 100%; margin: 0; }
.forms .phone-number .invalid-message-wrap .multiselect-native-select { width: 100%; }
.forms .phone-number .invalid-message-wrap .invalid-message { position: absolute; bottom: 0; left: 0; white-space: nowrap; }
.forms .phone-number .multiselect-native-select { width: 40%; width: calc(40% - 10px); }
.forms .phone-number input {width: 60%;  margin-left: 10px; }
.forms .phone-number input::-ms-clear { display: none; width: 0; height: 0; }
.forms .phone-number.required .multiselect-container.dropdown-menu li:nth-child(2) { display: none !important; }
.forms .select-lang .input-group { display: none; }
.forms .select-lang .lang-message { font-size: .75rem; line-height: 1.5em; margin: 5px 0 0; color: #666; }
.forms .select-lang.required .multiselect-container.dropdown-menu li:nth-child(2) { display: none !important; }
.forms .add-item { position: relative; margin-top: 10px; }
.forms .add-info {font-size: .75rem; line-height: 1.5em;  position: relative; margin-top: 10px; color: rgba(0, 0, 0, .4); }
.forms .password-validation { display: block; box-sizing: border-box; margin-top: 5px; padding: 0px 0 5px 15px; background-color: rgba(216, 216, 216, .3); }
.forms .password-validation em {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: inline-block; margin-top: 5px; margin-right: 15px; color: #666; }
.forms .password-validation em:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -89px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .password-validation em:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .password-validation em[data-state=valid]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -111px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .password-validation em[data-state=valid]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .list-select { overflow: auto; overflow-x: hidden; height: 365px; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.forms .list-select > li { position: relative; border-top: 1px solid #e6e6e6; }
.forms .list-select > li input[type=checkbox] , .forms .list-select > li input[type=radio] { position: absolute; left: -9999px; }
.forms .list-select > li input[type=checkbox]:checked + label:after , .forms .list-select > li input[type=radio]:checked + label:after {right: 30px; transition: opacity .3s ease-out;  opacity: 1; }
.forms .list-select > li label {font-size: 1rem; line-height: 60px; position: relative; display: block; box-sizing: border-box; padding-left: 20px;  cursor: pointer; transition: background-color .3s ease-in-out; color: #000; }
.forms .list-select > li label:hover { background-color: #f6f6f6; }
.forms .list-select > li label:before { content: none; }
.forms .list-select > li label:after {position: absolute; top: 50%; right: -30px; left: auto; display: block; width: 27px; height: 20px; margin-top: -10px;  content: ''; transition: opacity .3s ease-in; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -300px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .list-select > li label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .list-change-info-header { width: 100%; height: 50px; margin-top: 20px; table-layout: fixed; border-top: 2px solid #000; border-bottom: 1px solid #ccc; }
.forms .list-change-info-header th {font-size: .75rem; line-height: 2.5rem;  height: 2.5rem; vertical-align: middle; }
.forms .wrap-change-info {overflow-x: hidden; overflow-y: auto; height: 185px;  border-bottom: 2px solid #000; }
.forms .wrap-change-info .change-info { width: 100%; table-layout: fixed; }
.forms .wrap-change-info .change-info thead { display: none; }
.forms .wrap-change-info .change-info tbody { vertical-align: top; }
.forms .wrap-change-info .change-info tr { position: relative; transition: background-color .3s ease-in-out; border-top: 1px solid #e6e6e6; }
.forms .wrap-change-info .change-info tr:hover { background-color: #f6f6f6; }
.forms .wrap-change-info .change-info tr:nth-of-type(1) { border-top: 0; }
.forms .wrap-change-info .change-info tr td {font-size: .75rem; line-height: 2.5rem; overflow: hidden;  height: 2.5rem; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.forms .wrap-change-info .change-info tr td input[type=checkbox] , .forms .wrap-change-info .change-info tr td input[type=radio] { position: absolute; left: -9999px; }
.forms .wrap-change-info .change-info tr td input[type=checkbox] + label , .forms .wrap-change-info .change-info tr td input[type=radio] + label { display: block; margin-left: .625rem; padding-left: 0; }
.forms .wrap-change-info .change-info tr td input[type=checkbox]:checked + label:after , .forms .wrap-change-info .change-info tr td input[type=radio]:checked + label:after {transition: opacity .3s ease-out;  opacity: 1; }
.forms .forms-demo { margin-top: 20px; }
.forms .forms-demo > li + li { margin-top: 40px; }
.forms .forms-demo > li .title { font-size: 1rem; font-weight: 500; line-height: 1.5em; color: #000; }
.forms .forms-demo > li .forms-item { margin-top: 20px; }
.forms .forms-demo > li .forms-item label ~ label { margin-left: 60px; }
.forms .forms-demo > li .forms-item .line-break { margin-top: 23px; }
.forms .forms-demo > li .forms-item .icon {font-weight: 400;  display: inline-block; }
.forms .forms-demo > li .forms-item .icon:before {display: inline-block; margin: -2px 12px 0 8px;  content: ''; vertical-align: middle; }
.forms .forms-demo > li .forms-item .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-demo > li .forms-item .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .forms-demo > li .forms-item .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-demo > li .forms-item .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .forms-demo > li .forms-item .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-demo > li .forms-item .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms .forms-demo > li .forms-item .etc { margin-left: 7px; }
.forms .form-column { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .form-column .forms-item { -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }
.forms .form-column .forms-item ~ .forms-item { margin-left: 20px; }
.forms .forms-confirm { position: relative; }
.forms .forms-confirm .button-normal { position: absolute; top: 50%; right: 5px; margin-top: -15px; }

html:lang(en) .csp-current-state fieldset > p { font-size: 1.25rem; margin: -26px 0 0; text-align: left; }

html:lang(en) .csp-current-state fieldset > ul { padding: 0 0 0 190px; }
html:lang(en) .csp-current-state fieldset > ul > li { font-size: 1.125rem; }
html:lang(en) .csp-current-state fieldset > ul > li:before { margin: 0 10px 0 0; }
html:lang(en) .csp-current-state fieldset > ul > li:after { margin: 0 15px; }

.csp-current-state {box-sizing: border-box;  padding: 17px 32px 0; }
.csp-current-state * { box-sizing: border-box; }
.csp-current-state fieldset {position: relative; display: -ms-flexbox; display: flex; border: 1px solid #e6e6e6;  background-color: #ececec; }
.csp-current-state fieldset > p {font-size: 1.25rem;  font-weight: 700; position: absolute; top: 50%; left: 30px; margin: -13px 0 0; text-align: center; }
.csp-current-state fieldset .button-normal { position: absolute; top: 50%; right: 30px; margin: -20px 0 0; }
.csp-current-state fieldset > ul { display: -ms-flexbox; display: flex; min-height: 91px; padding: 0 0 0 240px; -ms-flex-align: center; align-items: center; }
.csp-current-state fieldset > ul > li { font-size: 1.25rem; position: relative; display: -ms-flexbox; display: flex; color: #bdbdbd; -ms-flex-align: center; align-items: center; }
.csp-current-state fieldset > ul > li:before {display: inline-block; width: 27px; height: 27px; margin: 0 14px 0 0;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .csp-current-state fieldset > ul > li:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.csp-current-state fieldset > ul > li span {display: inline-block;  max-width: 90px; }
.csp-current-state fieldset > ul > li:after {display: inline-block;  width: 40px; height: 2px; margin: 0 20px; content: ''; background-color: #d3d3d3; }
.csp-current-state fieldset > ul > li:last-child { padding: 0 8px 0 0; }
.csp-current-state fieldset > ul > li:last-child:after { display: none; }
.csp-current-state fieldset > ul > li.current { color: #000; }
.csp-current-state fieldset > ul > li.current:before {width: 27px; height: 27px;  background-image: url(../images/layout_sprites.png); background-position: -33px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .csp-current-state fieldset > ul > li.current:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.sercurity-state {box-sizing: border-box;  padding: 17px 32px 0; }
.page-portal-account .sercurity-state {margin: 30px 0 0;  padding: 0; }
.page-portal-account .sercurity-state.first { margin: 15px 0 0; }
.sercurity-state * { box-sizing: border-box; }
.sercurity-state .state-wrap {position: relative; display: -ms-flexbox; display: flex; border: 1px solid #e6e6e6;  background-color: #ececec; }
.page-portal-account .sercurity-state .state-wrap {padding: 0 30px;  background-color: #fff; }
.sercurity-state .state-wrap > p {font-size: 1.25rem;  font-weight: 700; position: absolute; top: 50%; left: 30px; margin: -13px 0 0; text-align: center; }
.page-portal-account .sercurity-state .state-wrap > p { font-size: .875rem; margin: -7px 0 0; }
.sercurity-state .state-wrap .button-normal { position: absolute; top: 50%; right: 30px; margin: -20px 0 0; }
.sercurity-state .state-wrap > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 91px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-portal-account .sercurity-state .state-wrap > ul {line-height: 91px;  display: block; float: left; padding: 0 0 0 214px; }
.sercurity-state .state-wrap > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
html[lang=en] .sercurity-state .state-wrap > ul > li { margin: 0 0 0 10px; }
html[lang=en] .sercurity-state .state-wrap > ul > li input[type=radio] + label { font-size: .75rem; }
html[lang=en] .sercurity-state .state-wrap > ul > li input[type=radio] + label:before , html[lang=en] .sercurity-state .state-wrap > ul > li input[type=radio] + label:after { top: 0; margin: 2px 0 0; }
.page-portal-account .sercurity-state .state-wrap > ul > li { display: inline-block; vertical-align: middle; }
.page-portal-account .sercurity-state .state-wrap > ul > li:first-child { width: 284px; }
html[lang=en] .page-portal-account .sercurity-state .state-wrap > ul > li:first-child {width: 334px;  margin: 0 0 0 15px; }
.sercurity-state .state-wrap > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
html[lang=en] .sercurity-state .state-wrap > ul > li em {font-size: .875rem;  display: block; }
.sercurity-state .state-wrap > ul > li label { color: #888; }
html[lang=en] .sercurity-state .state-wrap > ul > li label { padding-left: 24px; }
.sercurity-state .state-wrap > ul > li:first-child { margin-left: 0; }
html[lang=en] .sercurity-state .state-wrap > ul > li:first-child { margin-left: inherit; }

.sercurity-ip-setup {box-sizing: border-box;  padding: 17px 32px 0; }
.sercurity-ip-setup * { box-sizing: border-box; }
.sercurity-ip-setup fieldset {position: relative; padding: 0 30px 25px; border: 1px solid #e6e6e6;  background-color: #f4f4f4; }
.sercurity-ip-setup .head { padding: 22px 0; }
.sercurity-ip-setup .head:after {display: table; clear: both;  content: ''; }
.sercurity-ip-setup .head p { float: left; }
.sercurity-ip-setup .head p:first-child {font-size: .875rem;  color: #888; }
.sercurity-ip-setup .head p.ip {font-size: .75rem; top: 0; right: 30px;  float: right; }
.setupInfo.invalid { padding: 0 0 10px; }
.setupInfo div , .setupInfo p { display: inline-block; }
.setupInfo p { font-size: .75rem; }
.setupInfo p.invalid-message { position: absolute; bottom: -20px; display: table; white-space: nowrap; }
.setupInfo em { font-size: .875rem; font-weight: 500; }
.setupInfo .ipinfo label { font-size: .75rem; }
.setupInfo .ipinfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
.setupInfo .address {position: relative;  padding: 0 0 0 12px; }
.setupInfo .address span {position: relative;  display: inline-block; height: 40px; margin: 0 0 0 8px; }
.setupInfo .address span:first-child { margin: 0; }
.setupInfo .address span:first-child:before { content: none; }
.setupInfo .address span:before { position: absolute; bottom: 2px; left: -7px; content: '.'; }
.setupInfo .band {position: relative;  padding: 0 0 0 13px; }
.setupInfo .band:before { position: absolute; top: 10px; left: 0; content: '~'; }
.setupInfo .band + p { padding: 0 50px 0 14px; }
.setupInfo .explain input[type=text] { width: 406px; margin: 0 0 0 12px; padding: 0 10px; text-align: left; }
html[lang=en] .setupInfo .explain input[type=text] { width: 316px; }
.setupInfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
html[lang=en] .setupInfo input[type=text] { width: 40px; }
.sercurity-ip-setup fieldset .button-normal { position: relative; bottom: -1px; float: right; border-color: #1886ff; background-color: #1886ff; }
.sercurity-ip-setup fieldset > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 91px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.sercurity-ip-setup fieldset > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
.sercurity-ip-setup fieldset > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
.sercurity-ip-setup fieldset > ul > li label { color: #888; }
.sercurity-ip-setup fieldset > ul > li:first-child { margin-left: 0; }

.form-box {position: relative;  display: block; box-sizing: border-box; padding: 70px 30px 30px 30px; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.form-box legend {font-size: 1.125rem; font-weight: 700; line-height: 1.5em; position: absolute; top: 30px; left: 30px;  display: block; visibility: visible; overflow: hidden; width: auto; height: auto; color: #000; }
.form-box ~ .form-box { margin-top: 30px; }
.form-box .form-box-btns { position: absolute; top: 30px; right: 30px; }
.form-box .form-box-btns .button-normal { margin-left: 7px; }
.form-box.user-csp-state .txt.multiple { margin: 10px 0 0; }
.form-box.user-csp-state .edit-files .fileBox .btn_file { width: 130px; }
.form-box.user-csp-state .edit-files .list-files {max-width: 490px;  padding: 8px 15px; }
.form-box.user-csp-state .edit-files .list-files > p .file { overflow: hidden; max-width: 350px; white-space: nowrap; text-overflow: ellipsis; }
.form-box.user-csp-state .edit-files .list-files .file-size { line-height: 1; top: 50%; margin-top: -8px; }
.form-box.user-csp-state .csp-current-state {box-sizing: border-box; min-height: 63px; padding: 20px;  background-color: #ececec; }
.form-box.user-csp-state .csp-current-state * { box-sizing: border-box; }
.form-box.user-csp-state .csp-current-state > p {font-size: .875rem;  font-weight: 700; text-align: center; }
.form-box.user-csp-state .csp-current-state > ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.form-box.user-csp-state .csp-current-state > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; padding: 0 0 0 28px; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; }
.form-box.user-csp-state .csp-current-state > ul > li:before {display: inline-block; width: 27px; height: 27px; margin: 0 7px 0 0;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box.user-csp-state .csp-current-state > ul > li:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.form-box.user-csp-state .csp-current-state > ul > li:nth-child(3):after , .form-box.user-csp-state .csp-current-state > ul > li:nth-child(4):after { left: -2px; }
.form-box.user-csp-state .csp-current-state > ul > li:after {position: absolute; top: 50%; left: 0; display: inline-block;  width: 20px; height: 2px; content: ''; background-color: #d3d3d3; }
.form-box.user-csp-state .csp-current-state > ul > li:first-child { padding: 0 8px 0 0; }
.form-box.user-csp-state .csp-current-state > ul > li:first-child:after { display: none; }
.form-box.user-csp-state .csp-current-state > ul > li.current:before {width: 27px; height: 27px;  background-image: url(../images/layout_sprites.png); background-position: -33px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box.user-csp-state .csp-current-state > ul > li.current:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.form-box.user-csp-state h2 { font-size: 1rem; line-height: 40px; position: relative; margin: 20px 0 0; border-bottom: 1px solid #ccc; }
.form-box.user-csp-state h2 span { font-size: .75rem; position: absolute; top: 50%; right: 0; margin: -6px 0 0; }
.form-box.user-csp-state h2 span:before {position: relative; bottom: -1px; display: inline-block; width: 12px; height: 12px; margin-right: 5px; content: '';  background-image: url(/assets/images/sprites.png); background-position: -128px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box.user-csp-state h2 span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box.user-csp-state h2.in-two { margin: 40px 0 0; }
.form-box.user-csp-state .forms-item:first-child { margin-top: 20px; }
.form-box.user-csp-state .forms-item .file-size { font-size: .875rem; font-weight: 400; color: #999; }
.form-box.user-csp-state .forms-item .file-ico { font-size: .875rem; font-weight: 500; position: relative; display: inline-block; overflow: hidden; max-width: 350px; margin-right: 10px; padding: 0 0 0 30px; white-space: nowrap; text-decoration: underline; text-overflow: ellipsis; color: #000; }
.form-box.user-csp-state .forms-item .file-ico:before {position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -356px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box.user-csp-state .forms-item .file-ico:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.form-box .forms-item { margin-top: 30px; }
.form-box .forms-item .label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.form-box .forms-item .txt {font-size: .875rem; font-weight: 500; line-height: 39px;  display: block; color: #000; border-bottom: 1px solid #e4e4e4; }
.form-box .forms-item .txt[disabled] { color: #ccc; }
.form-box .forms-item.multi-box { display: -ms-flexbox; display: flex; }
.form-box .forms-item.multi-box .multi-box-item { display: inline-block; width: 200px; margin-left: 31px; }
.form-box .forms-item.multi-box .multi-box-item:first-child {width: 260px;  margin: 0; }
.form-box .service-status { margin-top: 30px; border-top: 1px solid #e4e4e4; }
.form-box .service-status > li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; position: relative;  overflow: hidden; height: 80px; padding-right: 10px; border-bottom: 1px solid #e4e4e4; }
.form-box .service-status > li .service { font-size: 1.125rem; font-weight: 400; line-height: 80px; text-transform: capitalize; color: #1c2024; }
.form-box .service-status > li .service:before {display: inline-block; margin: -3px 10px 0 0;  content: ''; vertical-align: middle; }
.form-box .service-status > li .service.asset-management:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -402px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.asset-management:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.metering:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -222px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.metering:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.governance:before {width: 22px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -667px -51px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.governance:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.monitoring:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -162px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.monitoring:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.chatbot:before {width: 22px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -630px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.chatbot:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.form-box .service-status > li .service.devos:before {width: 24px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -420px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.devos:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.form-box .service-status > li .service.its-project:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -102px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-project:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.its-alarm:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -462px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-alarm:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.its-approval:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -432px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-approval:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.its-service-request:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -517px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-service-request:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.its-dbqcs:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -372px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-dbqcs:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.its-devops:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -342px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.its-devops:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.whaTap:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -487px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.whaTap:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .service.opsnow:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -132px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .service.opsnow:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li .status {line-height: 80px;  display: inline-block; float: right; }
.form-box .service-status > li .status[data-state=demo] , .form-box .service-status > li .status[data-state=trial] {font-size: .75rem; line-height: 21px; position: absolute; top: 50%; right: 10px;  display: block; box-sizing: border-box; width: 65px; height: 25px; margin-top: -13px; text-align: center; color: #007aff; border: 2px solid #007aff; }
.form-box .service-status > li .status[data-state=active] {position: absolute; top: 50%; right: 10px;  display: block; width: 40px; height: 40px; margin-top: -20px; text-indent: -9999px; border-radius: 100%; background-color: #007aff; }
.form-box .service-status > li .status[data-state=active]:before {position: absolute; top: 50%; left: 50%; display: block; width: 19px; height: 13px; margin-top: -6.5px; margin-left: -9.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-box .service-status > li .status[data-state=active]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.form-box .service-status > li a.status { font-size: .75rem; text-decoration: underline; color: #007aff; }
.form-box[data-state=edit] { border-top: 3px solid #000; }

.threshold-container { display: block; }
.threshold-container .threshold-slider {position: relative;  display: block; height: 20px; padding: 0 20px 0 20px; }
.threshold-container .threshold-slider .label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 20px; position: absolute; z-index: 1; top: 0;  display: block; color: #000; }
.threshold-container .threshold-slider .label.min { left: 0; }
.threshold-container .threshold-slider .label.max { right: 0; }
.threshold-container .slider {position: relative;  display: block; width: 100%; height: 20px; }
.threshold-container .slider.slider-horizontal .slider-track {height: 14px;  margin-top: -7px; transition: background-color .3s ease-in-out; border: 0px; border-radius: 14px 14px 14px 14px; background: none; background-color: #eee; box-shadow: none; }
.threshold-container .slider.slider-horizontal .slider-track .slider-track-low , .threshold-container .slider.slider-horizontal .slider-track .slider-selection , .threshold-container .slider.slider-horizontal .slider-track .slider-track-high {transition: background-color .3s ease-in-out;  border-radius: 14px; background: none; }
.threshold-container .slider.slider-horizontal .slider-track .slider-selection { background-color: #1886ff; }
.threshold-container .slider.slider-horizontal .slider-handle { z-index: 2; cursor: pointer; }
.threshold-container .slider.slider-horizontal .slider-handle.custom {width: 21px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -25px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .threshold-container .slider.slider-horizontal .slider-handle.custom { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.threshold-container .slider.slider-horizontal .slider-handle.custom:before { content: ''; }


.spinner {position: absolute; z-index: 9999; top: 50%; left: 50%;  display: block; overflow: hidden; width: 50px; height: 50px; margin: -25px 0 0 -25px; animation: rotate .7s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }

.spinner.on_chart {position: absolute; z-index: 10000; top: 100px; left: 50%;  display: block; width: 50px; height: 50px; margin: -25px 0 0 -25px; animation: rotate .7s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }


.none-message {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.none-message:before {display: block; width: 36px; height: 29px; margin: 0 auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .none-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.none-message .txt { display: none; }
.none-message[data-state=with-txt]:before { margin-bottom: 14px; }
.none-message[data-state=with-txt] .txt { display: inline-block; }

.am-chart[data-state=none] { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.mfp-bg.animated {transition: opacity .3s ease-out;  opacity: 0; }

.mfp-ready.mfp-bg.animated { opacity: .8; }

.mfp-removing.mfp-bg.animated { opacity: 0; }


.layout-popup {position: relative;  display: block; box-sizing: border-box; width: 500px; margin: 0 auto; padding: 44px 48px 50px; border: 2px solid #000; background-color: #fff; }
.layout-popup.samsung-popup {width: 700px;  padding: 0; }
.layout-popup.samsung-popup .mfp-close { top: 20px; right: 20px; }
.layout-popup.samsung-popup iframe { width: 100%; height: 600px; }
.layout-popup .tooltip-pop[data-tooltip=info] { position: relative; top: 3px; display: inline-block; width: 18px; height: 18px; }
.layout-popup .tooltip-pop[data-tooltip=info]:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 14px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -426px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup .tooltip-pop[data-tooltip=info]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup .count { font-size: .875rem; font-weight: 500; line-height: 1.25rem; color: #1886ff; }
.layout-popup .count + .search-width-icon { margin-top: 1rem; }
.layout-popup .items-group {margin-top: 0; padding: 9px 10px;  background-color: #f6f7f8; }
.layout-popup .items-group.medium-padding { padding: 16px; }
.layout-popup .search-width-icon { display: inline-block; width: 100%; }
.layout-popup .search-width-icon:before {position: absolute; top: 3px; bottom: 3px; display: inline-block;  content: ''; }
.layout-popup .search-width-icon input[type=search][data-size=small] {line-height: 1.875rem;  width: 100%; height: 2rem; }
.layout-popup .search-width-icon input[type=search][data-size=small].general + button { width: 32px; height: 30px; }
.layout-popup .search-width-icon + .list-checkbox-select-header { margin-top: 0; border-top: 1px solid #b8bec3; }
.layout-popup .search-width-icon + .list-checkbox-select-header + .wrap-list-checkbox-select { border-bottom: 1px solid #b8bec3; }
.layout-popup.general-popup-ui { padding: 50px; }
.layout-popup.general-popup-ui[data-size=wide] { width: 900px; }
.layout-popup.general-popup-ui .popup-message {font-size: .875rem;  padding: 25px 0; color: #666; }
.layout-popup.general-popup-ui .scroll {overflow: hidden; overflow-y: auto;  height: 615px; }
.layout-popup.general-popup-ui .tab ul { display: -ms-flexbox; display: flex; counter-reset: ruleAdd; }
.layout-popup.general-popup-ui .tab ul li {display: -ms-flexbox; display: flex; padding: 0 0 12px 15px; border-bottom: 2px solid #dfe3e8;  -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; }
.layout-popup.general-popup-ui .tab ul li .button-ui {margin-right: 6px;  text-align: center; color: #999; background-color: #eaecef; }
.layout-popup.general-popup-ui .tab ul li .button-ui:before {content: counter(ruleAdd);  counter-increment: ruleAdd; }
.layout-popup.general-popup-ui .tab ul li em { font-size: .875rem; font-weight: 500; color: #999; }
.layout-popup.general-popup-ui .tab ul li:first-child { padding-left: 0; }
.layout-popup.general-popup-ui .tab ul li.current { border-bottom: 2px solid #464849; }
.layout-popup.general-popup-ui .tab ul li.current.checked .button-ui:before {position: relative; top: 2px; display: inline-block; width: 16px; height: 11px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -443px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.general-popup-ui .tab ul li.current.checked .button-ui:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup.general-popup-ui .tab ul li.current .button-ui {color: #fff;  background-color: #52545c; }
.layout-popup.general-popup-ui .tab ul li.current em { color: #222; }
.layout-popup.general-popup-ui .forms { padding: 8px 0 0; }
.layout-popup.general-popup-ui .forms .forms-item { margin-top: 16px; }
.layout-popup.general-popup-ui .forms .forms-item .head {font-size: 12px; font-weight: 500;  padding: 0 0 5px; color: #222; }
.layout-popup.general-popup-ui .forms .forms-item .essential.fontMore { font-size: .875rem; }
.layout-popup.general-popup-ui .forms .forms-item .essential:after {margin-left: 6px;  content: '*'; vertical-align: top; color: #1886ff; }
.layout-popup.general-popup-ui input[type=text] , .layout-popup.general-popup-ui select {font-size: .875rem; line-height: 32px;  height: 32px; }
.layout-popup.general-popup-ui input[type=text] { line-height: 30px; }
.layout-popup.general-popup-ui input[type=text]:-webkit-input-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui input[type=text]::-webkit-input-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui input[type=text]:-moz-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui input[type=text]::-moz-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui input[type=text]:-ms-input-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui input[type=text]::-ms-input-placeholder { font-size: .875rem; }
.layout-popup.general-popup-ui .invalid-message { font-size: .75rem; margin-top: 10px; }
.layout-popup.general-popup-ui .select-all-wrap .select-ab-wrap:first-child .condition { display: none; }
.layout-popup.general-popup-ui .select-all-wrap .select-ab-wrap:first-child .select-before-wrap { padding: 12px 14px; }
.layout-popup.general-popup-ui .select-all-wrap .select-ab-wrap:first-child .select-before-wrap .delete { display: none; }
.layout-popup.general-popup-ui .select-all-wrap .select-ab-wrap .condition {line-height: 24px; width: 80px; height: 24px;  margin: 8px 0; padding-right: 20px; }
.layout-popup.general-popup-ui .select-before-wrap {position: relative; display: block;  padding: 12px 14px 12px 50px; }
.layout-popup.general-popup-ui .select-before-wrap .delete { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; padding: 0 0 10px; border-right: 1px solid #dfe3e8; background: #fff; }
.layout-popup.general-popup-ui .select-before-wrap .delete button { position: absolute; bottom: 0; left: 50%; width: 30px; height: 30px; transform: translateX(-50%); }
.layout-popup.general-popup-ui .select-before-wrap.hidden { display: none; }
.layout-popup.general-popup-ui .select-before-wrap.hidden + .select-after-wrap { display: block; }
.layout-popup.general-popup-ui .select-before-wrap .select-before { display: -ms-flexbox; display: flex; }
.layout-popup.general-popup-ui .select-before-wrap .select-before select {font-size: .75rem; line-height: 24px;  height: 24px; margin-left: 8px; -ms-flex: 1; flex: 1; }
.layout-popup.general-popup-ui .select-before-wrap .select-before .multiselect-native-select { width: 110px; }
.layout-popup.general-popup-ui .select-before-wrap .select-before .multiselect-native-select .btn-group.general-multiselect .multiselect {line-height: 22px;  height: 24px; }
.layout-popup.general-popup-ui .select-before-wrap .select-before .multiselect-native-select .btn-group.general-multiselect .multiselect-container { min-width: 140px; }
.layout-popup.general-popup-ui .select-before-wrap .select-before .multiselect-native-select .btn-group.general-multiselect .multiselect-selected-text { font-size: .75rem; white-space: nowrap; }
.layout-popup.general-popup-ui .select-after-wrap {display: none;  margin-bottom: 8px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after {font-size: .75rem; position: relative; padding-left: 41px;  border: 1px solid #d5d9db; background: #f6f7f8; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .delete { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; padding: 0 0 10px; border-right: 1px solid #dfe3e8; background: #fff; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .delete button { position: absolute; bottom: 0; left: 50%; width: 30px; height: 30px; transform: translateX(-50%); }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each { padding: 7px 20px; border-top: 1px solid #dfe3e8; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each:first-child { border-top: 0; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each:first-child > .condition { display: none; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each .condition {font-size: .75rem;  width: 80px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each .rule-settting > * {line-height: 24px;  margin: 2px 0; vertical-align: middle; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each .rule-settting input[type=text] , .layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each .rule-settting select { margin: 0 2px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .rule-each .rule-settting [data-icon=trash] { margin-left: 6px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .select-after-rule-add {padding: 7px 20px;  border-top: 1px solid #dfe3e8; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .select-after-rule-add > * { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .rule-wrap .select-after-rule-add > * button { margin-right: 8px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after input[type=text] {font-size: .75rem; line-height: 22px; display: inline-block; width: 40px;  height: 24px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after select {font-size: .75rem; line-height: 24px; width: 56px;  height: 24px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .multiselect-native-select { width: 680px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .multiselect-native-select .btn-group.general-multiselect .multiselect {line-height: 22px;  height: 24px; }
.layout-popup.general-popup-ui .select-after-wrap .select-after .multiselect-native-select .btn-group.general-multiselect .multiselect-selected-text { font-size: .75rem; white-space: nowrap; }
.layout-popup.general-popup-ui .next-task {font-size: .75rem; position: relative; display: block; min-height: 72px; padding-left: 41px;  border: 1px solid #d5d9db; background: #f3f9ff; }
.layout-popup.general-popup-ui .next-task + .next-task { margin-top: 8px; }
.layout-popup.general-popup-ui .next-task .delete { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; padding: 0 0 10px; border-right: 1px solid #dfe3e8; background: #fff; }
.layout-popup.general-popup-ui .next-task .delete button { position: absolute; bottom: 0; left: 50%; width: 30px; height: 30px; transform: translateX(-50%); }
.layout-popup.general-popup-ui .next-task .next-task-select { display: -ms-flexbox; display: flex; }
.layout-popup.general-popup-ui .next-task .next-task-select.single-select .select:after { display: none; }
.layout-popup.general-popup-ui .next-task .next-task-select select {font-size: .75rem; line-height: 24px;  height: 24px; padding-right: 20px; }
.layout-popup.general-popup-ui .next-task .next-task-select .select {position: relative;  padding: 8px 16px 0; }
.layout-popup.general-popup-ui .next-task .next-task-select .select:after {position: absolute; top: 8px; right: 0; bottom: 8px; width: 1px; min-height: 56px;  content: ''; background: #d5d9db; }
.layout-popup.general-popup-ui .next-task .next-task-select .select select { width: 100px; }
.layout-popup.general-popup-ui .next-task .next-task-select .receiver { padding: 8px 0 0 16px; }
.layout-popup.general-popup-ui .next-task .next-task-select .receiver select { width: 145px; }
.layout-popup.general-popup-ui .next-task .next-task-select .receiver .selected-item { margin: 5px 0 0; }
.layout-popup.general-popup-ui .next-task .next-task-select .receiver .selected-item > * { margin: 0 8px 8px 0; padding-right: 0; color: #408bd3; }
.layout-popup.general-popup-ui .add-rule { width: 100%; margin-top: 8px; text-align: center; }
.layout-popup.general-popup-ui .add-rule > * {line-height: 40px;  height: 40px; cursor: pointer; }
.layout-popup.general-popup-ui .add-rule > * button { margin-right: 8px; }
.layout-popup.general-popup-ui .add-rule + p { margin-top: 10px; }
.layout-popup.general-popup-ui .add-rule + p label {font-size: .8125rem;  color: #555; }
.layout-popup.general-popup-ui textarea { height: 72px; }
.layout-popup.general-popup-ui.fixed-footer { padding-bottom: 180px; }
.layout-popup.general-popup-ui.fixed-footer .layout-popup-footer { position: absolute; right: 0; bottom: 0; left: 0; padding: 40px 50px 50px; border-top: 1px solid #dfe3e8; }
.layout-popup.general-popup-ui .layout-popup-footer a , .layout-popup.general-popup-ui .layout-popup-footer button { min-width: 150px; margin-left: 4px; text-align: center; border-radius: 4px; }
.layout-popup.general-popup-ui .layout-popup-footer a:first-child , .layout-popup.general-popup-ui .layout-popup-footer button:first-child { margin-left: 0; }
.layout-popup.general-popup-ui .lr-multiple { display: -ms-flexbox; display: flex; }
.layout-popup.general-popup-ui .lr-multiple .left { margin-right: auto; }
.layout-popup.general-popup-ui .selected-item > * { margin: 8px 8px 0 0; padding-right: 0; color: #408bd3; }
.layout-popup textarea { height: 100px; }
.layout-popup[data-state=warning] { border: 5px solid #ff0505; }
.layout-popup[data-size=large] { width: 800px; }
.layout-popup[data-size=regular] { width: 700px; }
.layout-popup[data-size=small] { width: 400px; }
.layout-popup[data-size=instance] { width: 870px; }
.layout-popup[data-size=flexable] { width: auto; }
.layout-popup.layout-image-popup { width: 1000px; height: 800px; }
.layout-popup.layout-tag-service { width: 1000px; padding-bottom: 40px; }
.layout-popup.layout-term-popup { width: 1100px; height: 800px; }
.layout-popup.layout-term-popup .layout-popup-title:before { content: none; }
.layout-popup.layout-term-popup .layout-popup-contents {box-sizing: border-box;  width: 1007px; height: 653px; }
.layout-popup.popup-csp-box .popup-message-box {min-height: 75px;  margin: 37px 0 0; }
.layout-popup.popup-csp-box .btns { margin: 95px 0 0; }
.layout-popup .popup-image-box {overflow-y: auto;  width: 902px; height: 637px; margin: 20px 0 0; }
.layout-popup .mfp-close {position: absolute; top: 50px; right: 50px;  display: block; width: 24px; height: 24px; text-indent: -9999px; background-image: url(../images/layout_sprites.png); background-position: -480px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup .mfp-close { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup .mfp-close:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 24px; height: 24px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(../images/layout_sprites.png); background-position: -450px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup .mfp-close:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup .mfp-close:hover:after { opacity: 1; }
.layout-popup .mfp-close[disabled] { opacity: .3; }
.layout-popup .popup-json-state-box { height: 420px; margin: 30px 0 0; }
.layout-popup .popup-json-state-box .scroll {font-size: .875rem; font-weight: 500; overflow: hidden; overflow-y: auto;  box-sizing: border-box; height: 100%; padding: 10px 10px 30px; color: #222; }
.layout-popup .layout-popup-title {font-size: 1.25rem; font-weight: 700; line-height: 1.5em; position: relative;  display: block; padding-bottom: 18px; color: #000; }
.layout-popup .layout-popup-title:before {position: absolute; bottom: 0; left: 0; display: block; width: 60px; height: 3px;  content: ''; background-color: #000; }
.layout-popup .layout-popup-subtitle { font-size: 1rem; padding: 40px 0 0; }
.layout-popup .layout-popup-footer { margin-top: 50px; text-align: center; }
.layout-popup .layout-popup-footer.basic {line-height: 1;  margin-top: 30px; }
.layout-popup .layout-popup-footer .btns.top { margin-bottom: 20px; }
.layout-popup .layout-popup-footer .btns.top .button-normal { display: block; margin: 0; }
.layout-popup .layout-popup-footer .btns.top .button-normal.report-save {font-size: 1rem; width: 100%; border-color: #0051c1;  background-color: #0051c1; }
.layout-popup .layout-popup-footer .btns .button-normal {min-width: 200px;  margin: 0 9px; border-radius: 4px; }
.layout-popup .layout-popup-footer .btns.multiple { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.layout-popup .layout-popup-footer .btns.multiple .button-normal , .layout-popup .layout-popup-footer .btns.multiple .wrap-button { display: inline-block; min-width: 190px; margin: 0; border-radius: 4px; }
.layout-popup .layout-popup-footer .btns.multiple .wrap-button {display: -ms-flexbox; display: flex;  min-width: 290px; -ms-flex-pack: inherit; justify-content: inherit; }
.layout-popup .layout-popup-footer .btns.multiple .wrap-button .button-normal { min-width: 140px; }
.layout-popup .layout-popup-footer .btns.multiple.center { -ms-flex-pack: center; justify-content: center; }
.layout-popup .layout-popup-footer .btns.multiple.center .button-normal { margin: 0 10px; }
.layout-popup[data-height=large] .wrap-list-checkbox-select { max-height: 300px; }



.layout-popup .layout-popup-contents .layout-popup-confirm {font-size: 1rem; line-height: 1.5em; min-height: 100px;  margin-top: 37px; color: #000; }
.layout-popup .layout-popup-contents .layout-popup-message {font-size: 1rem; line-height: 1.5em;  margin-top: 37px; color: #000; }
.layout-popup .layout-popup-contents .layout-popup-message.middle-height { margin-top: 32px; }
.layout-popup .layout-popup-contents .layout-popup-message.emp { font-size: 1.25rem; font-weight: 500; line-height: 1.45em; }
.layout-popup .layout-popup-contents .layout-popup-message[data-state=invalid] { color: #ff4309; }
.layout-popup .layout-popup-contents .layout-popup-message strong { font-weight: 400; color: #1886ff; }
.layout-popup .layout-popup-contents .layout-popup-message.mobile { display: none; }
.layout-popup .layout-popup-contents .tbl-list-account-scroll { overflow: scroll; overflow-x: hidden; max-height: 215px; margin-top: 30px; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.layout-popup .layout-popup-contents .tbl-list-account { width: 100%; }
.layout-popup .layout-popup-contents .tbl-list-account thead tr th {font-size: .75rem; font-weight: 700; line-height: 2.91667em;  padding-left: 15px; color: #000; }
.layout-popup .layout-popup-contents .tbl-list-account tbody tr td , .layout-popup .layout-popup-contents .tbl-list-account tbody tr th {font-size: .75rem; font-weight: 400; line-height: 2.91667em;  padding-left: 15px; color: #333; border-top: 1px solid #d6d6d6; }
.animated .layout-popup {transition: all .2s ease-out; transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }
.mfp-ready.animated .layout-popup {transform: translateY(0) perspective(600px) rotateX(0);  opacity: 1; }
.mfp-removing.animated .layout-popup {transform: translateY(-10px) perspective(600px) rotateX(10deg);  opacity: 0; }
.layout-popup .forms input[type=text] , .layout-popup .forms input[type=password] , .layout-popup .forms input[type=email] , .layout-popup .forms input[type=number] , .layout-popup .forms input[type=search] , .layout-popup .forms select {line-height: 30px;  height: 32px; color: #222; }
.layout-popup .forms .invalid-message { font-size: .6875rem; font-size: 300; margin: 10px 0 0; color: #ff2d47; }
.layout-popup .forms .with-text { font-size: .875rem; padding-top: 15px; color: #222; }
.layout-popup .forms .with-text + .forms-item { margin-top: 10px; }
.layout-popup .forms .forms-item { position: relative; }
.layout-popup .forms .forms-item span.counter {font-size: 12px; line-height: 12px;  position: absolute; top: 3px; right: 0; color: #999; }
.layout-popup .forms .forms-item .label { font-weight: 700; }
.layout-popup .forms .forms-item .txt { line-height: 20px; border-bottom: 0; }
.layout-popup .forms .forms-item .txt + .txt { margin: 4px 0 0; }
.layout-popup .forms .forms-item .txt em.sepa:after { margin: 0 12px; color: #ccc; }
.layout-popup .forms .forms-item .txt em:after {display: inline-block; margin: 0 5px;  content: '|'; }


.layout-popup.idp { padding: 50px; }
.layout-popup.idp .mfp-close {top: 20px; right: 20px;  width: .875rem; width: 14px; height: .875rem; height: 14px; background-image: url(../images/layout_sprites.png); background-position: -546px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.idp .mfp-close { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup.idp .mfp-close:after {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -546px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.idp .mfp-close:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.layout-popup.idp .layout-popup-title { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.375rem; text-align: center; }
.layout-popup.idp .layout-popup-title:before { display: none; }
.layout-popup.idp .layout-popup-contents .layout-popup-message { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.75rem; text-align: center; }


.layout-popup.popup-update-group-user {width: 1100px;  padding: 40px 40px 30px 40px; }
.layout-popup.popup-update-group-user .layout-popup-contents { position: relative; overflow: hidden; margin-top: 20px; }
.layout-popup.popup-update-group-user .controls {position: absolute; top: 50%; left: 50%;  display: block; width: 60px; margin-top: -46px; margin-left: -30px; }
.layout-popup.popup-update-group-user .controls button {font-size: .75rem; font-weight: 500; line-height: 1.5em; position: relative;  display: block; box-sizing: border-box; width: 60px; height: 46px; padding-top: 4px; color: #fff; background-color: #1886ff; }
.layout-popup.popup-update-group-user .controls button:before {display: block; margin: 0 auto;  content: ''; }
.layout-popup.popup-update-group-user .controls button.btn-add:before {width: 17px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -23px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-update-group-user .controls button.btn-add:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-update-group-user .controls button.btn-delete { margin-top: 10px; }
.layout-popup.popup-update-group-user .controls button.btn-delete:before {width: 17px; height: 14px;  transform: rotateY(180deg); background-image: url(/assets/images/sprites.png); background-position: -23px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-update-group-user .controls button.btn-delete:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-update-group-user .controls button[disabled] { color: rgba(255, 255, 255, .6); background-color: rgba(0, 0, 0, .6); }
.layout-popup.popup-update-group-user .controls button[disabled]:before { opacity: .6; }
.layout-popup.popup-update-group-user .container-user-box { display: block; float: left; box-sizing: border-box; width: 465px; }
.layout-popup.popup-update-group-user .container-user-box ~ .container-user-box { float: right; }
.layout-popup.popup-update-group-user .container-user-box ~ .container-user-box .list-user-box { background-color: #f4f4f4; }
.layout-popup.popup-update-group-user .container-user-box .title-user-box { font-size: .875rem; font-weight: 700; line-height: 1.42857em; color: #000; }
.layout-popup.popup-update-group-user .container-user-box .title-user-box em { color: #1886ff; }
.layout-popup.popup-update-group-user .list-user-box { display: block; box-sizing: border-box; width: 465px; height: 470px; margin-top: 10px; padding: 10px 20px 20px 20px; border: 1px solid #e6e6e6; }
.layout-popup.popup-update-group-user .list-user-box .search {position: relative;  display: block; margin-bottom: 6px; }
.layout-popup.popup-update-group-user .list-user-box .search input[type=text] , .layout-popup.popup-update-group-user .list-user-box .search input[type=search] {line-height: 24px;  display: inline-block; width: auto; height: 24px; padding-left: 30px; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.layout-popup.popup-update-group-user .list-user-box .search input[type=text]:focus , .layout-popup.popup-update-group-user .list-user-box .search input[type=search]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.layout-popup.popup-update-group-user .layout-popup-footer { margin-top: 30px; }
.layout-popup.popup-update-group-user .layout-popup-footer .button-normal {width: 190px;  margin: 0 10px; }

.layout-popup.popup-update-user-status { width: 710px; }
.layout-popup.popup-update-user-status .layout-popup-contents { padding-top: 40px; }
.layout-popup.popup-update-user-status .layout-popup-contents .user {font-size: 1.25rem; font-weight: 500; line-height: 1.45em;  display: block; margin-bottom: 8px; color: #000; }
.layout-popup.popup-update-user-status .layout-popup-contents .user span { font-size: 1rem; font-weight: 400; line-height: 1.93333em; }
.layout-popup.popup-update-user-status .layout-popup-contents input[type=radio] + label {font-size: 1rem; font-weight: 400; line-height: 1.5em;  margin-right: 20px; }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info { overflow: hidden; margin-top: 20px; padding: 5px 0 5px 60px; background-color: #f4f4f4; }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li {position: relative;  display: block; float: left; box-sizing: border-box; width: calc(100% /3); height: 67px; padding: 15px 0; border-top: 1px solid #e6e6e6; }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(1) , .layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(2) , .layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(3) { border-top: 0px; }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.col-2 { width: calc(100% / 3 * 2); }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.company:before {position: absolute; top: 50%; left: -40px; display: block; width: 20px; height: 20px; margin-top: -10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -667px -420px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.company:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.contact:before {position: absolute; top: 50%; left: -40px; display: block; width: 18px; height: 18px; margin-top: -9px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -320px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.contact:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.date:before {position: absolute; top: 50%; left: -40px; display: block; width: 13px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -540px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.date:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li .key {font-size: .75rem; line-height: 1.5em;  display: block; color: #999; }
.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li .value {font-size: .875rem; line-height: 1.42857em;  display: block; color: #000; }

.layout-popup.popup-bsp-upgrade {width: 800px;  padding: 40px 20px 36px 20px; background: #fff url('/assets/images/bg_bsp_upgrade@2x.png') center top no-repeat; background-size: 661px 193px; }
.layout-popup.popup-bsp-upgrade .mfp-close { top: 30px; right: 30px; }
.layout-popup.popup-bsp-upgrade .layout-popup-title { padding-left: 14px; }
.layout-popup.popup-bsp-upgrade .layout-popup-title:before { content: none; }
.layout-popup.popup-bsp-upgrade .list-bsp-upgrade { margin-top: 18px; }
.layout-popup.popup-bsp-upgrade .list-bsp-upgrade > li {font-size: 1rem; font-weight: 700; position: relative;  display: block; padding: 20px 45px; color: #000; border-top: 2px dotted #eee; }
.layout-popup.popup-bsp-upgrade .list-bsp-upgrade > li:before {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.25rem; font-weight: 400; position: absolute; top: 24px; left: 10px;  content: attr(data-index); color: #0dadea; }
.layout-popup.popup-bsp-upgrade .list-bsp-upgrade > li ul > li { font-size: .875rem; font-weight: 400; line-height: 2em; color: #000; }
.layout-popup.popup-bsp-upgrade .layout-popup-footer { margin-top: 0px; padding-top: 15px; padding-left: 14px; text-align: left; border-top: 2px dotted #eee; }

.layout-popup.popup-asset-map {position: relative;  display: block; width: 1200px; height: 700px; margin: 0 auto; padding: 0; border: 2px solid #000; background-color: #fff; }
.layout-popup.popup-asset-map .mfp-close {position: absolute; top: 12px; right: 18px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-asset-map .mfp-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-asset-map .mfp-close:hover:after { content: none; }
.layout-popup.popup-asset-map .layout-popup-title {font-size: .875rem;  box-sizing: border-box; height: 45px; padding: 9px 0 9px 30px; vertical-align: middle; color: #000; background-color: #eee; }
.layout-popup.popup-asset-map .layout-popup-title:before { content: none; }
.layout-popup.popup-asset-map .layout-popup-title .product {font-size: .875rem; font-weight: 700; line-height: 27px;  display: inline-block; vertical-align: middle; }
.layout-popup.popup-asset-map .layout-popup-title .description {font-size: .875rem; font-weight: 400; line-height: 27px; line-height: 27px;  display: inline-block; vertical-align: middle; color: #000; }
.layout-popup.popup-asset-map .layout-popup-title .description:before {font-size: .75rem; line-height: 27px; display: inline-block; margin: -4px 8px 0 5px;  content: '|'; vertical-align: middle; color: #ccc; }

.layout-popup.popup-downloading { padding: 46px 100px 40px 100px; }
.layout-popup.popup-downloading .layout-popup-title { display: none; }
.layout-popup.popup-downloading .layout-popup-contents .loading {position: relative;  display: block; box-sizing: border-box; width: 78px; height: 78px; margin: 0 auto; animation: rotate .8s infinite linear; border-radius: 78px; box-shadow: inset 0 0 0 10px rgba(0, 114, 255, .1); }
.layout-popup.popup-downloading .layout-popup-contents .loading .inner {position: absolute; top: 0px; right: 50%; bottom: 50%; left: 0px;  display: block; overflow: hidden; transform: rotate(30deg) skewX(50deg); transform-origin: 100% 100%; }
.layout-popup.popup-downloading .layout-popup-contents .loading .inner:before {display: block; box-sizing: border-box; width: 78px; height: 78px;  content: ''; transform: skewX(-50deg); border: 10px solid #0576ff; border-radius: 78px; }
.layout-popup.popup-downloading .layout-popup-contents .description {font-size: 1rem; line-height: 1.5625em;  margin-top: 25px; text-align: center; }
.layout-popup.popup-downloading .layout-popup-footer { margin-top: 30px; }

.layout-popup.popup-metering-report { width: 800px; }
.layout-popup.popup-metering-report.recipient { width: 650px; }
.layout-popup.popup-metering-report .layout-popup-contents { padding-top: 40px; }
.layout-popup.popup-metering-report .layout-popup-contents .title {font-size: 1.25rem; font-weight: 500; line-height: 1.45em;  display: block; color: #000; }
.layout-popup.popup-metering-report .layout-popup-contents .title em { font-size: 1rem; font-weight: 400; }
.layout-popup.popup-metering-report .layout-popup-contents .tbl-grid-utils { margin-top: 30px; padding: 0; padding-bottom: 9px; }
.layout-popup.popup-metering-report .layout-popup-contents .tbl-grid-utils .pagination { color: #7f7f7f; }
.layout-popup.popup-metering-report .layout-popup-contents .tbl-grid-utils .search:before {display: inline-block; margin: 0px 3px 0 13px;  content: '|'; color: #ddd; }

.layout-popup.popup-cost-optimization { width: 800px; min-height: 708px; }
.layout-popup.popup-cost-optimization .caution { font-size: .875rem; font-weight: 400; padding: 35px 0 15px; color: #999; }
.layout-popup.popup-cost-optimization .select-condition label {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; color: #333; }
.layout-popup.popup-cost-optimization .select-condition select {font-size: .875rem; font-weight: 700;  display: block; width: 500px; margin-top: 10px; padding-left: 19px; text-transform: uppercase; color: #000; }
.layout-popup.popup-cost-optimization .condition-desc {font-size: .75rem; font-weight: 400;  display: block; margin-top: 20px; padding: 20px 0 0 0; color: #6e6e6e; border-top: 1px solid #ccc; }
.layout-popup.popup-cost-optimization .condition-desc p + p { margin-top: 10px; }
.layout-popup.popup-cost-optimization .condition-desc .key { font-weight: 500; line-height: 1.16667em; color: #333; }
.layout-popup.popup-cost-optimization .condition-desc .value { line-height: 1.16667em; }
.layout-popup.popup-cost-optimization .condition-desc .value:before {display: inline-block; width: 1px; height: 14px; margin: 0 12px 0 8px;  content: ''; vertical-align: middle; background-color: #eee; }
.layout-popup.popup-cost-optimization .layout-popup-contents { padding-top: 5px; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis .info , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis .time { padding: 30px 0 20px 15px; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis .info em:before , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis .time em:before {position: relative; top: 3px; display: inline-block; width: 1px; height: 14px; margin: 0 15px;  content: ''; background: #ddd; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis .time { font-weight: normal; padding: 25px 0 10px 15px; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis .time + .info { padding: 0 0 10px 15px; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table { width: 100%; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table tbody:before {display: block; height: 15px;  content: ''; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table tbody:first-child:before { content: none; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table tbody th.onlyone , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis table tbody td.onlyone { height: 80px; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table th , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis table td {font-size: .75rem; font-weight: 400;  box-sizing: border-box; padding: 10px 15px; text-align: left; color: #000; border: 1px solid #ccc; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table th em , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis table td em { font-weight: 500; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table th.disabled , .layout-popup.popup-cost-optimization .layout-popup-contents .analysis table td.disabled { color: #999; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table th { color: #666; }
.layout-popup.popup-cost-optimization .layout-popup-contents .analysis table th.rowgroup {font-size: .875rem; font-weight: 500; text-align: center;  background-color: #eee; }

.layout-popup.popup-modify-subscription { width: 650px; }
.layout-popup.popup-modify-subscription .layout-popup-contents { padding-top: 25px; }
.layout-popup.popup-modify-subscription .forms-subscription .forms-item label { font-size: .75rem; font-weight: 700; line-height: 1.5em; color: #666; }
.layout-popup.popup-modify-subscription .forms-subscription .forms-item input[type=text] { margin-top: 10px; }
.layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt {font-size: .75rem; font-weight: 400;  display: inline-block; margin: -2px 10px 0 0; }
.layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt:before {display: inline-block; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; }
.layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt.excel:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -574px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt.excel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt.pdf:before {width: 17px; height: 17px;  margin-top: 0px; background-image: url(/assets/images/sprites.png); background-position: -375px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-modify-subscription .forms-subscription .chexkbox-radio .txt.pdf:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.layout-popup.popup-create-subscription {overflow: hidden;  width: 650px; }
.layout-popup.popup-create-subscription .generation-progress { display: block; margin-top: 34px; text-align: center; }
.layout-popup.popup-create-subscription .generation-progress > li {position: relative;  display: inline-block; }
.layout-popup.popup-create-subscription .generation-progress > li .step {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 700; line-height: 35px; position: relative; z-index: 1;  display: inline-block; box-sizing: border-box; width: 35px; height: 35px; text-align: center; color: #ccc; border-radius: 35px; background-color: #eee; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .09); }
.layout-popup.popup-create-subscription .generation-progress > li + li { padding-left: 100px; }
.layout-popup.popup-create-subscription .generation-progress > li + li:before {position: absolute; top: 50%; right: 0; left: -5px; display: block; height: 4px; margin-top: -2px;  content: ''; background-color: #eee; }
.layout-popup.popup-create-subscription .generation-progress > li.current:before { background-color: #3b92ff; }
.layout-popup.popup-create-subscription .generation-progress > li.current .step { color: #fff; background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }
.layout-popup.popup-create-subscription .generation-progress > li.done:before { background-color: #3b92ff; }
.layout-popup.popup-create-subscription .generation-progress > li.done .step { text-indent: -9999px; background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }
.layout-popup.popup-create-subscription .generation-progress > li.done .step:before {position: absolute; top: 50%; left: 50%; display: block; width: 17px; height: 12px; margin-top: -6px; margin-left: -8.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -288px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-create-subscription .generation-progress > li.done .step:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-create-subscription .forms-subscription { margin-top: 20px; }
.layout-popup.popup-create-subscription .forms-subscription .forms-item .sub { font-weight: 400; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing { display: block; margin-top: 15px; padding: 15px 30px 30px 30px; background-color: #efefef; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing .list-subscribing-title { font-size: .75rem; font-weight: 400; line-height: 1.5em; color: #000; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing table {font-size: .75rem; width: 100%;  margin-top: 10px; color: #333; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing table tbody td , .layout-popup.popup-create-subscription .forms-subscription .list-subscribing table tbody th {font-weight: 400;  height: 30px; text-align: left; border-top: 1px solid #e6e6e6; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing table tbody tr:first-child th , .layout-popup.popup-create-subscription .forms-subscription .list-subscribing table tbody tr:first-child td { border-top: 0; }
.layout-popup.popup-create-subscription .forms-subscription .list-subscribing table tbody .c { text-align: center; }
.layout-popup.popup-create-subscription .forms-subscription .segmented-control {overflow: hidden;  margin-top: 5px; }
.layout-popup.popup-create-subscription .forms-subscription .segmented-control input[type=radio] + label {font-size: .75rem; font-weight: 400; line-height: 23px;  display: block; float: left; box-sizing: border-box; width: 33.3%; height: 25px; margin: 0; padding: 0; text-align: center; color: #666; border: 1px solid #ccc; background-color: #fff; }
.layout-popup.popup-create-subscription .forms-subscription .segmented-control input[type=radio] + label:before , .layout-popup.popup-create-subscription .forms-subscription .segmented-control input[type=radio] + label:after { content: none; }
.layout-popup.popup-create-subscription .forms-subscription .segmented-control input[type=radio]:first-child + label { width: 33.4%; }
.layout-popup.popup-create-subscription .forms-subscription .segmented-control input[type=radio]:checked + label { color: #fff; border: 1px solid #999; background-color: #999; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients {position: relative;  display: block; box-sizing: border-box; height: 317px; margin-top: -1px; padding: 15px 25px 0 25px; border: 1px solid #bbb; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .search {position: relative;  display: block; border-bottom: 1px solid #e6e6e6; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .search input[type=text] , .layout-popup.popup-create-subscription .forms-subscription .search-recipients .search input[type=search] {font-size: .75rem; line-height: 24px;  display: block; box-sizing: border-box; width: 100%; height: 24px; padding-left: 30px; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .search input[type=text]:focus , .layout-popup.popup-create-subscription .forms-subscription .search-recipients .search input[type=search]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients { display: block; overflow: auto; overflow-x: hidden; height: 250px; margin-top: 5px; }
.msie11 .layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients { position: absolute; width: calc(100% - 50px); }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item { margin-top: 5px; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item input[type=checkbox] + label {font-size: .75rem; font-weight: 400; line-height: 28px; position: relative;  display: block; box-sizing: border-box; height: 30px; padding: 0 0 0 45px; transition: border .3s ease-in-out, background-color .3s ease-in-out; color: #333; border: 1px solid #ccc; border-radius: 5px; background-color: rgba(204, 204, 204, .2); }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item input[type=checkbox] + label:before , .layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item input[type=checkbox] + label:after { left: 14px; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item input[type=checkbox] + label strong {font-weight: 700;  display: inline-block; min-width: 35px; }
.layout-popup.popup-create-subscription .forms-subscription .search-recipients .list-recipients .recipient-item input[type=checkbox]:checked + label { border: 1px solid #0078ff; border-radius: 5px; background: rgba(0, 120, 255, .2); }
.layout-popup.popup-create-subscription .forms-subscription .selected-recipients { margin-top: 15px; padding: 5px 0 0 5px; border: 2px solid #0078ff; }
.layout-popup.popup-create-subscription .forms-subscription .selected-recipients[data-state=none] {font-size: .75rem; line-height: 38px;  padding: 0 0 0 10px; color: #ccc; border: 1px solid #e6e6e6; }
.layout-popup.popup-create-subscription .forms-subscription .selected-recipients .selected-item { margin-right: 10px !important; margin-bottom: 10px !important; }
.layout-popup.popup-create-subscription .forms-subscription .fieldset-cycle { margin-top: 20px; padding-top: 0; border-top: 0px; }
.layout-popup.popup-create-subscription .forms-subscription .fieldset-cycle label + .forms-item { margin-top: 17px; }
.layout-popup.popup-create-subscription .forms-subscription .fieldset-recipients { margin-top: 20px; border-top: 0; }
.layout-popup.popup-create-subscription .forms-subscription .fieldset-recipients label { font-size: .75rem; font-weight: 700; line-height: 1.25em; color: #999; }

.layout-popup#popup-create-view .forms { padding: 0; }

.layout-popup#popup-create-view .layout-popup-footer { margin-top: 40px; }

.layout-popup#popup-create-view-2step .forms { padding: 0; }
.layout-popup#popup-create-view-2step .forms .create-wrap {margin-top: 30px;  border: 1px solid #ddd; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li { min-height: 52px; border-top: 1px solid #ddd; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .inner {display: -ms-flexbox; display: flex; flex-direction: column;  height: 118px; padding: 0 16px; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-native-select { display: inline-block; float: left; margin-top: 5px; margin-left: 20px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-native-select ~ .multiselect-native-select { margin-left: 8px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-native-select .btn-group.vendor-code {width: auto;  min-width: none; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect {font-size: .75rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; max-width: 150px; height: 24px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em {position: relative; top: -2px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect .multiselect-selected-text em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li:first-child { display: none; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label {font-size: .75rem; font-weight: 400; line-height: 30px; height: 30px;  padding: 0; white-space: pre; color: #222; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em {position: relative; top: -1px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li > a > label span {font-size: .75rem; font-weight: 400; position: relative;  display: inline-block; min-width: 100px; color: #222; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li .multiselect-container.dropdown-menu > li.placeholder { display: none; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=xsmall] + .btn-group.user-scale .multiselect { width: 70px; max-width: 70px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=small] + .btn-group.user-scale .multiselect { width: 90px; max-width: 90px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=middle] + .btn-group.user-scale .multiselect {font-size: .75rem; font-weight: 400; line-height: 1.375rem;  width: 150px; max-width: 150px; height: 1.5rem; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=middle] + .btn-group.user-scale .multiselect-container label { line-height: 1.75rem; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=middle] + .btn-group.vendor-code .multiselect {font-size: .75rem; font-weight: 400; line-height: 1.375rem;  width: 150px; max-width: 150px; height: 1.5rem; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=middle] + .btn-group.vendor-code .multiselect-container label { line-height: 1.75rem; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=large] + .btn-group.user-scale .multiselect { width: 310px; max-width: 310px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li select[data-size=xlarge] + .btn-group.user-scale .multiselect { width: 400px; max-width: 400px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li label + span { margin-left: 8px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li > .general { margin-top: 22px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li > .general.btns-area .button-normal { min-width: 140px; margin: 0 8px; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li.checked { background-color: rgba(19, 124, 255, .05); }
.layout-popup#popup-create-view-2step .forms .create-wrap > li label { font-size: .875rem; font-weight: 500; line-height: 1.25rem; color: #333; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li p { font-size: .75rem; font-weight: 400; line-height: 1.125rem; padding-left: 23px; color: #1886ff; }
.layout-popup#popup-create-view-2step .forms .create-wrap > li:nth-child(1) { border-top: 0px solid #ddd; }

.layout-popup#popup-create-view-2step .layout-popup-footer { margin-top: 40px; }

.layout-popup#popup-common-list {padding: 44px 48px 40px 48px;  border: 0; }
.layout-popup#popup-common-list .forms { position: relative; padding: 24px 0 0 0; }
.layout-popup#popup-common-list .forms .filter {font-size: .6875rem; line-height: 1.0625rem;  position: absolute; top: 24px; right: 0; display: inline-block; color: #666; }
.layout-popup#popup-common-list .forms .filter span { line-height: 20px; margin-right: 10px; }
.layout-popup#popup-common-list .forms .filter .multiselect-native-select { width: auto; max-width: auto; }
.layout-popup#popup-common-list .forms .filter .multiselect-native-select .btn-group.user-scale .multiselect {font-size: .75rem; font-weight: 400; line-height: 18px; width: auto; max-width: auto;  height: 20px; color: #000; }
.layout-popup#popup-common-list .forms .filter .multiselect-native-select .btn-group.user-scale .multiselect-container.dropdown-menu {right: 0; left: auto;  min-width: 300px; }
.layout-popup#popup-common-list .forms .search-width-icon { margin-bottom: 6.5px; }
.layout-popup#popup-common-list .forms .search-width-icon input[type=search].general { box-shadow: inset 0 0 0 0 transparent; }
.layout-popup#popup-common-list .forms .search-width-icon input[type=search]:focus { box-shadow: inset 0 0 0 0 transparent; }
.layout-popup#popup-common-list .forms .search-width-icon input[type=search]:hover { box-shadow: inset 0 0 0 0 transparent; }
.layout-popup#popup-common-list .forms .search-width-icon input[type=search][disabled] { box-shadow: inset 0 0 0 0 transparent; }
.layout-popup#popup-common-list .list-header { width: 100%; height: 50px; margin-top: 20px; table-layout: fixed; border-top: 2px solid #000; border-bottom: 1px solid #ccc; }
.layout-popup#popup-common-list .list-header th {font-size: .75rem; line-height: 2.5rem;  height: 2.5rem; vertical-align: middle; }
.layout-popup#popup-common-list .wrap-list {overflow-x: hidden; overflow-y: auto; min-height: 185px; max-height: 400px; padding: 10px 0 10px 25px;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.layout-popup#popup-common-list .wrap-list .list { width: 100%; table-layout: fixed; }
.layout-popup#popup-common-list .wrap-list .list thead { display: none; }
.layout-popup#popup-common-list .wrap-list .list tbody { vertical-align: top; }
.layout-popup#popup-common-list .wrap-list .list tr { position: relative; transition: background-color .3s ease-in-out; border-top: 0px solid #e6e6e6; }
.layout-popup#popup-common-list .wrap-list .list tr td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 2.5rem; overflow: hidden;  height: 2.5rem; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #999; }
.layout-popup#popup-common-list .wrap-list .list tr td strong { font-weight: 700; }
.layout-popup#popup-common-list .wrap-list .list tr td.info { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; color: #000; }
.layout-popup#popup-common-list .wrap-list .list tr td.info .line-through { text-decoration: line-through; }

.layout-popup#popup-service-join .popup-message-box {margin: 20px 0 0; padding: 58px 0; text-align: center;  background-color: #f6f6f6; }
.layout-popup#popup-service-join .popup-message-box h3 { font-size: 24px; margin: 0 0 20px; }
.layout-popup#popup-service-join .popup-message-box p { font-size: 14; line-height: 1.5em; }
.layout-popup#popup-service-join .popup-message-box p em { color: #0885db; }

.layout-popup .list-checkbox-select-header { width: 100%; height: 50px; margin-top: 20px; table-layout: fixed; border-top: 2px solid #000; border-bottom: 1px solid #ccc; }
.layout-popup .list-checkbox-select-header th {font-size: .75rem; line-height: 2.5rem;  height: 2.5rem; vertical-align: middle; }

.layout-popup .wrap-list-checkbox-select {overflow-x: hidden; overflow-y: auto; height: 185px;  border-bottom: 2px solid #000; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select { width: 100%; table-layout: fixed; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select thead { display: none; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tbody { vertical-align: top; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr { position: relative; transition: background-color .3s ease-in-out; border-top: 1px solid #e6e6e6; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr:hover { background-color: #f6f6f6; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr:nth-of-type(1) { border-top: 0; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td {font-size: .75rem; line-height: 2.5rem; overflow: hidden;  height: 2.5rem; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=checkbox] , .layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=radio] { position: absolute; left: -9999px; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=checkbox] + label , .layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=radio] + label { display: block; margin-left: .625rem; padding-left: 0; }
.layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=checkbox]:checked + label:after , .layout-popup .wrap-list-checkbox-select .list-checkbox-select tr td input[type=radio]:checked + label:after {transition: opacity .3s ease-out;  opacity: 1; }

.layout-popup#popup-table-list .list-header { width: 100%; height: 50px; margin-top: 20px; table-layout: fixed; border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .list-header .btn-sort {font-size: .75rem; font-weight: 700; line-height: 30px; position: relative;  display: inline-block; padding-right: 22px; text-align: left; vertical-align: middle; white-space: nowrap; color: #000; }
.layout-popup#popup-table-list .list-header .btn-sort:after {position: absolute; top: 50%; right: 0; display: block; width: 17px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-table-list .list-header .btn-sort:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-table-list .list-header .btn-sort[data-state=desc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-table-list .list-header .btn-sort[data-state=desc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-table-list .list-header .btn-sort[data-state=asc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-table-list .list-header .btn-sort[data-state=asc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-table-list .list-header td {line-height: 1.875rem; height: 1.875rem; text-align: center;  border-right: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .list-header td button { font-weight: 700; }
.layout-popup#popup-table-list .list-header td [data-tooltip=info]:after {display: inline-block; width: 13px; height: 13px; margin: -2px 0 0 3px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -245px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup#popup-table-list .list-header td [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup#popup-table-list .list-header th {font-size: .75rem; line-height: 1.875rem;  height: 1.875rem; text-align: center; vertical-align: middle; border-right: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .list-header th:last-child { border-right: 0; }
.layout-popup#popup-table-list .list-header th:nth-child(2) , .layout-popup#popup-table-list .list-header th:nth-child(3) { text-align: left; }
.layout-popup#popup-table-list .list-header th:nth-child(2) button , .layout-popup#popup-table-list .list-header th:nth-child(3) button { margin-left: 10px; }
.layout-popup#popup-table-list .list-header th:nth-child(4) { border-bottom: 1px solid #e6e6e6; }

.layout-popup#popup-table-list .wrap-list {overflow-x: hidden; overflow-y: auto; height: 324px;  border-bottom: 2px solid #000; }
.layout-popup#popup-table-list .wrap-list .list { width: 100%; table-layout: fixed; }
.layout-popup#popup-table-list .wrap-list .list thead { display: none; }
.layout-popup#popup-table-list .wrap-list .list tbody { vertical-align: top; }
.layout-popup#popup-table-list .wrap-list .list tr { position: relative; transition: background-color .3s ease-in-out; border-top: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .wrap-list .list tr:last-child { border-bottom: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .wrap-list .list tr:hover { background-color: #f6f6f6; }
.layout-popup#popup-table-list .wrap-list .list tr:nth-of-type(1) { border-top: 0; }
.layout-popup#popup-table-list .wrap-list .list tr td {font-size: .75rem; line-height: 2.5rem; overflow: hidden;  height: 2.5rem; padding: 0 10px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; border-right: 1px solid #e6e6e6; }
.layout-popup#popup-table-list .wrap-list .list tr td:first-child { text-align: center; }
.layout-popup#popup-table-list .wrap-list .list tr td:last-child { border-right: 0; }
.layout-popup#popup-table-list .wrap-list .list tr td:nth-child(4) , .layout-popup#popup-table-list .wrap-list .list tr td:nth-child(5) , .layout-popup#popup-table-list .wrap-list .list tr td:nth-child(6) , .layout-popup#popup-table-list .wrap-list .list tr td:nth-child(7) { text-align: right; }
.layout-popup#popup-table-list .wrap-list .list tr td input[type=checkbox] , .layout-popup#popup-table-list .wrap-list .list tr td input[type=radio] { position: absolute; left: -9999px; }
.layout-popup#popup-table-list .wrap-list .list tr td input[type=checkbox] + label , .layout-popup#popup-table-list .wrap-list .list tr td input[type=radio] + label { display: block; margin-left: .625rem; padding-left: 0; }
.layout-popup#popup-table-list .wrap-list .list tr td input[type=checkbox]:checked + label:after , .layout-popup#popup-table-list .wrap-list .list tr td input[type=radio]:checked + label:after {transition: opacity .3s ease-out;  opacity: 1; }

.layout-popup.popup-charge-detail .layout-popup-contents , .layout-popup.popup-free-charge-detail .layout-popup-contents { padding-top: 20px; }
.layout-popup.popup-charge-detail .layout-popup-contents .top-message , .layout-popup.popup-free-charge-detail .layout-popup-contents .top-message {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  display: block; color: #000; }
.layout-popup.popup-charge-detail .layout-popup-contents .sub-title , .layout-popup.popup-free-charge-detail .layout-popup-contents .sub-title {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-top: 20px; color: #000; }
.layout-popup.popup-charge-detail .layout-popup-contents .sub-title + h4 , .layout-popup.popup-free-charge-detail .layout-popup-contents .sub-title + h4 {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-top: 0px; color: #000; }
.layout-popup.popup-charge-detail .layout-popup-contents .sub-title-description , .layout-popup.popup-free-charge-detail .layout-popup-contents .sub-title-description {font-size: .75rem; font-weight: 400;  display: block; margin-top: 6px; color: #999; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges {width: 100%;  margin-top: 9px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody tr + tr th , .layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody tr + tr td , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody tr + tr th , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody tr + tr td { border-top: 1px solid #efefef; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody th , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody th {font-size: .75rem; font-weight: 400; width: 45%; height: 29px;  padding: 0 0 0 20px; text-align: left; color: #666; background-color: #f6f6f6; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody td , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody td {font-size: .75rem; font-weight: 400; width: 55%;  padding: 0 20px 0 0; text-align: right; color: #666; background-color: #fff; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody em , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; color: #000; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody em.excess , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody em.excess { color: #e73c98; }
.layout-popup.popup-charge-detail .layout-popup-contents .tbl-charges tbody strong , .layout-popup.popup-free-charge-detail .layout-popup-contents .tbl-charges tbody strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 500; color: #0072f7; }
.layout-popup.popup-charge-detail .layout-popup-contents .total-charges , .layout-popup.popup-free-charge-detail .layout-popup-contents .total-charges {position: relative;  overflow: hidden; margin-top: 25px; padding: 10px 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #f6f6f6; }
.layout-popup.popup-charge-detail .layout-popup-contents .total-charges .info , .layout-popup.popup-free-charge-detail .layout-popup-contents .total-charges .info {font-size: .875rem; font-weight: 700; line-height: 1.78571em;  display: block; float: left; color: #000; }
.layout-popup.popup-charge-detail .layout-popup-contents .total-charges .info p , .layout-popup.popup-free-charge-detail .layout-popup-contents .total-charges .info p {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  margin-top: 1px; color: #666; }
.layout-popup.popup-charge-detail .layout-popup-contents .total-charges .price , .layout-popup.popup-free-charge-detail .layout-popup-contents .total-charges .price {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 500; line-height: 2.05em;  display: block; float: right; color: #0072f7; }

.layout-popup.popup-charge-detail .layout-popup-footer , .layout-popup.popup-free-charge-detail .layout-popup-footer { margin-top: 30px; }

.layout-popup.popup-setting-exceptions { width: 1100px; }
.layout-popup.popup-setting-exceptions .search-exception-items { display: block; padding: 17px 0 0 0; }
.layout-popup.popup-setting-exceptions .search-exception-items .description { font-size: 1rem; line-height: 1.5em; color: #000; }
.layout-popup.popup-setting-exceptions .search-exception-items table {width: 100%;  margin-top: 8px; }
.layout-popup.popup-setting-exceptions .search-exception-items table tbody th { font-size: .75rem; font-weight: 500; line-height: 40px; text-align: left; vertical-align: top; color: #9b9b9b; }
.layout-popup.popup-setting-exceptions .search-exception-items table tbody td { padding: 8px 0 0 10px; vertical-align: top; }
.layout-popup.popup-setting-exceptions .search-exception-items table tbody .column-items { display: -ms-flexbox; display: flex; }
.layout-popup.popup-setting-exceptions .search-exception-items table tbody .column-items + .column-items { margin-top: 10px; }
.layout-popup.popup-setting-exceptions .search-exception-items table tbody .column-items select {width: 300px;  margin-right: 10px; }
.layout-popup.popup-setting-exceptions .search-exception-items .btn {font-size: .75rem; font-weight: 500; line-height: 40px;  display: block; box-sizing: border-box; height: 40px; padding: 0 12px; text-align: center; color: #fff; background-color: #666; }
.layout-popup.popup-setting-exceptions .search-exception-items .btn:before {display: inline-block; margin: -3px 8px 0 0;  content: ''; vertical-align: middle; }
.layout-popup.popup-setting-exceptions .search-exception-items .btn.btn-add-tag:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -200px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-setting-exceptions .search-exception-items .btn.btn-add-tag:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-setting-exceptions .search-exception-items .btn.btn-search {width: 160px;  margin-top: 10px; }
.layout-popup.popup-setting-exceptions .search-exception-items .btn.btn-search:before { content: none; }
.layout-popup.popup-setting-exceptions .search-results { padding: 20px 0 0 0; border-top: 1px solid #ddd; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table { margin-top: 20px; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table .pagination.compact.right { float: right; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table .table_info {font-size: .75rem; line-height: 32px;  display: block; float: left; padding: 0 0 10px 0; color: #999; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table .table_info em { font-weight: 400; color: #333; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table .table_info span:before { content: '|'; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table table tbody tr:hover { background-color: #f4f4f4; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table table .btn-tag { color: #0053ae; }
.layout-popup.popup-setting-exceptions .search-results.alertnow-ui-table table .btn-tag:after { content: none; }


.layout-popup.popup-send-billing-v2 .fieldset-recipients .title-recipients {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .selected-recipients { overflow: scroll; overflow-x: hidden; max-height: 100px; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .selected-recipients .selected-item {font-size: .75rem; font-weight: 700; line-height: 23px; position: relative;  display: block; float: left; box-sizing: border-box; height: 25px; margin-right: 9px; margin-bottom: 10px; padding: 0 25px 0 15px; color: #1670e7; border: 1px solid #1670e7; border-radius: 5px; background-color: #fff; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .selected-recipients .selected-item button {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 20px;  padding: 5px; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .selected-recipients .selected-item button em { position: absolute; top: 50%; right: 7px; overflow: hidden; width: 9px; height: 9px; margin-top: -4.5px; white-space: nowrap; text-indent: 100%; background-image: url(/assets/images/sprites.png); background-position: -739px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .fieldset-recipients .selected-recipients .selected-item button em { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .forms-item { margin-top: 14px; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .multiselect-group label { padding: 10px 0px 10px 20px !important; }
.layout-popup.popup-send-billing-v2 .fieldset-recipients .multiselect-group label:before , .layout-popup.popup-send-billing-v2 .fieldset-recipients .multiselect-group label:after { content: none !important; }
.layout-popup.popup-send-billing-v2 .forms-item .selected-item-filer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.layout-popup.popup-send-billing-v2 .forms-item .selected-item-filer .selected-item {font-size: .75rem; font-weight: 500; line-height: 22px; display: block; box-sizing: border-box; width: 196px; height: 24px; margin: 4px 4px 0 0;  padding: 0 8px; text-align: left; vertical-align: middle; color: #408bd3; border: 1px solid #cbe6ff; border-radius: 2px; background: #e5f3ff; }
.layout-popup.popup-send-billing-v2 .forms-item .selected-item-filer .info { font-size: .875rem; font-weight: 500; line-height: 24px; margin: 4px 0 0 4px; vertical-align: middle; color: #999; }
.layout-popup.popup-send-billing-v2 .forms-item .icon:before {position: relative; top: -2px; display: inline-block; margin: 0 7px 0 0;  content: ''; vertical-align: middle; }
.layout-popup.popup-send-billing-v2 .forms-item .icon.aws:before { width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .icon.azu:before { width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.azu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .icon.ali:before { width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.ali:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .icon.GOOGLE:before { width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.GOOGLE:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .icon.gcp:before { width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.gcp:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .icon.idc:before { width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .label { font-weight: 700; }
.layout-popup.popup-send-billing-v2 .forms-item .label.btn-toggle:after {display: inline-block; width: 7px; height: 7px; margin: -3px 0 0 5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -625px -107px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .label.btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .label.btn-toggle[data-state=shut]:after { transform: rotateX(0deg); }
.layout-popup.popup-send-billing-v2 .forms-item p.txt { font-weight: 400; }
.layout-popup.popup-send-billing-v2 .forms-item p.txt strong { font-weight: 700; }
.layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format { font-size: .75rem; }
.layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format:before {display: inline-block; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; }
.layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format.excel:before {width: 22px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -311px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format.excel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format.pdf:before {width: 30px; height: 30px;  background-image: url(/assets/images/sprites.png); background-position: -504px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item p.txt .file-format.pdf:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .forms-item .caution-send-date {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 20px; padding: 8px 20px; color: #73a9e9; background-color: #f8f8f8; }
.layout-popup.popup-send-billing-v2 .forms-item .button-icon.icon-delete-05 { display: block; float: right; }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title { font-size: .75rem; font-weight: 700; line-height: 1.66667em; color: #000; }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title:before {display: inline-block; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering01]:before {width: 30px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -815px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering02]:before {width: 30px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -851px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering02]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering03]:before {width: 32px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -777px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering03]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering04]:before {width: 35px; height: 26px;  background-image: url(/assets/images/contents_sprites.png); background-position: -659px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering04]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering05]:before {width: 34px; height: 27px;  background-image: url(/assets/images/contents_sprites.png); background-position: -619px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=metering05]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=invoice01]:before {width: 25px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -884px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=invoice01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-summary]:before {width: 34px; height: 23px;  background-image: url(/assets/images/contents_sprites.png); background-position: -826px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-summary]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-usage]:before {width: 32px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -739px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-usage]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-performance]:before {width: 37px; height: 23px;  background-image: url(/assets/images/contents_sprites.png); background-position: -783px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-performance]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-service-group]:before {width: 33px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -700px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .forms-item .report-item-title[data-state=by-service-group]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.layout-popup.popup-send-billing-v2 .frequency-case { margin-top: 13px; padding: 10px 30px 14px 30px; background-color: #f8f8f8; }
.layout-popup.popup-send-billing-v2 .frequency-case.invoice { margin: 10px 0 16px 0; padding: 15px; }
.layout-popup.popup-send-billing-v2 .frequency-case.invoice .forms-item { margin-top: 8px; }
.layout-popup.popup-send-billing-v2 .frequency-case.invoice .frequency-desc { margin-top: 0; }
.layout-popup.popup-send-billing-v2 .frequency-case label {font-size: .75rem; font-weight: 400 !important; line-height: 1em !important;  display: block; color: #666; }
.layout-popup.popup-send-billing-v2 .frequency-case label + .forms-item { margin-top: 20px; }
.layout-popup.popup-send-billing-v2 .frequency-case .forms-item.report-item { margin-top: 23px; }
.layout-popup.popup-send-billing-v2 .frequency-case .forms-item.report-item .head {font-size: .75rem;  padding: 0 0 15px 0; color: #666; }
.layout-popup.popup-send-billing-v2 .frequency-case .forms-item.report-item label {font-size: .75rem;  display: inline-block; margin: 0 0 0 40px; color: #000; }
.layout-popup.popup-send-billing-v2 .frequency-case .forms-item.report-item label.first { margin: 0; }
.layout-popup.popup-send-billing-v2 .frequency-case .forms-item select { display: inline-block; min-width: 120px; }
.layout-popup.popup-send-billing-v2 .frequency-case .cost-calculated { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.layout-popup.popup-send-billing-v2 .frequency-case .cost-calculated label { display: inline-block; }
.layout-popup.popup-send-billing-v2 .frequency-case .cost-calculated label ~ label { margin-left: 40px; }
.layout-popup.popup-send-billing-v2 .frequency-case .frequency-desc {font-size: .75rem; font-weight: 400; line-height: 1.58333em;  display: block; margin-top: 20px; color: #4a90e2; }
.layout-popup.popup-send-billing-v2 .chexkbox-radio label ~ label { margin-left: 50px; }
.layout-popup.popup-send-billing-v2 .chexkbox-radio .txt { display: inline-block; margin: 0 10px 0 0; }
.layout-popup.popup-send-billing-v2 .chexkbox-radio .txt:before {display: inline-block; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; }
.layout-popup.popup-send-billing-v2 .chexkbox-radio .txt.excel:before {width: 22px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -311px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .chexkbox-radio .txt.excel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-popup.popup-send-billing-v2 .chexkbox-radio .txt.pdf:before {width: 30px; height: 30px;  background-image: url(/assets/images/sprites.png); background-position: -504px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-send-billing-v2 .chexkbox-radio .txt.pdf:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.layout-popup.popup-sent-billing .layout-popup-subtitle {font-size: 1.25rem; font-weight: 500; line-height: 1.45em;  display: block; padding-top: 38px; padding-bottom: 33px; color: #000; }

.layout-popup.popup-sent-billing .tbl-grid-utils { margin: 0; padding: 0; }

.layout-popup.popup-sent-billing .tbl-data-list tbody td {line-height: 1.3em;  padding: 10px 15px; }

.layout-popup.popup-sent-billing .tbl-data-list tbody .l { padding-left: 15px; }

.layout-popup.popup-sent-billing .tbl-data-list tbody .subscription { padding: 0; }
.layout-popup.popup-sent-billing .tbl-data-list tbody .subscription:before { content: none; }

.layout-popup.popup-sent-billing .tbl-data-list tbody .btn-recipient { text-decoration: none; }

.layout-popup.popup-sent-billing .tbl-bottom-message {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 3px; text-align: right; color: #7f7f7f; }


.layout-popup-map {position: relative;  display: block; width: 1100px; height: 700px; margin: 0 auto; border: 2px solid #000; background-color: #fff; }
.layout-popup-map .layout-popup-map-title {font-size: .875rem;  box-sizing: border-box; height: 45px; padding: 9px 0 9px 30px; vertical-align: middle; color: #000; background-color: #eee; }
.layout-popup-map .layout-popup-map-title .product {font-size: .875rem; font-weight: 700; line-height: 27px;  display: inline-block; vertical-align: middle; }
.layout-popup-map .layout-popup-map-title .description {line-height: 27px; line-height: 27px;  display: inline-block; vertical-align: middle; }
.layout-popup-map .layout-popup-map-title .description:before {font-size: .75rem; line-height: 27px; display: inline-block; margin: -4px 8px 0 5px;  content: '|'; vertical-align: middle; color: #ccc; }
.layout-popup-map .layout-popup-map-content { padding: 30px; }
.layout-popup-map .layout-popup-map-content .tbl-grid-utils { margin-top: 0; }


.layout-notice-popup {position: fixed; z-index: 800; top: 50%; left: 50%;  display: -ms-flexbox; display: flex; flex-direction: column; min-width: 600px; min-height: 450px; margin: 0 auto; transform: translate(-50%, -50%); border: 2px solid #000; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5); -ms-flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }
.layout-notice-popup .layout-notice-popup-title {font-size: 1.125rem; font-weight: 700; line-height: 1.22222em;  display: block; padding: 30px 35px 17px 36px; color: #333; border-bottom: 1px solid #d2d2d2; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 8px; color: #999; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils .notice-category { font-weight: 700; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils .notice-update:before {display: inline-block; width: 1px; height: 11px; margin: 0 5px;  content: ''; vertical-align: middle; background-color: #d2d2d2; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils[data-state=new] .notice-category { color: #1886ff; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils[data-state=event] .notice-category { color: #6cb41d; }
.layout-notice-popup .layout-notice-popup-title .notice-popup-utils[data-state=check] .notice-category { color: #f66c23; }
.layout-notice-popup .layout-notice-popup-contents { display: block; overflow: scroll; box-sizing: border-box; padding: 15px 36px; -ms-flex: 1; flex: 1; }
.layout-notice-popup .layout-notice-popup-footer { display: block; box-sizing: border-box; height: 50px; padding: 10px 15px; text-align: right; background-color: #f4f4f4; }
.layout-notice-popup .layout-notice-popup-footer label { display: inline-block; margin-right: 15px; vertical-align: middle; }
.layout-notice-popup .layout-notice-popup-footer .btn-close {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; min-width: 80px; height: 30px; text-align: center; color: #fff; background-color: #000; }

.layout-ri-compare { width: 1000px; height: 718px; padding: 20px 25px 14px; transition: background-color .3s ease-in-out; border: 0; background-color: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2); }
.layout-ri-compare .mfp-close { display: none; }
.layout-ri-compare .layout-popup-title { font-size: 1.25rem; padding: 0; }
.layout-ri-compare .layout-popup-title:before { content: none; }
.layout-ri-compare .layout-popup-subtitle { font-size: .875rem; line-height: 1.42857em; position: relative; padding: 5px 0 18px; color: #999; }
.layout-ri-compare .layout-popup-subtitle:after {position: absolute; bottom: 0; left: -25px; width: calc(100% + 50px); height: 1px;  content: ''; background: #ebebeb; }
.layout-ri-compare .btn_area { position: absolute; top: 57px; right: 25px; }
.layout-ri-compare .btn_area button {font-size: .875rem; font-weight: 700; line-height: 32px;  display: inline-block; min-width: 80px; height: 32px; padding: 0 14px; color: #fff; background-color: #006bff; }
.layout-ri-compare .btn_area button.btn-cancle {position: static; top: auto; right: auto; width: auto; height: auto; margin-right: 6px; text-indent: 0;  background-color: #5e5e5e; background-image: none; }
.layout-ri-compare .btn_area button.btn-cancle:after { content: none; }
.layout-ri-compare .filter-ri-options .info {font-size: .75rem; line-height: 26px; display: inline-block; box-sizing: border-box; height: 28px; margin: 14px 0 0; padding: 0 8px; vertical-align: middle; color: #666;  border: 1px solid #e6e6e6; }
.layout-ri-compare .filter-ri-options .info em:before {position: relative; top: 2px; display: inline-block; width: 24px; height: 14px; margin-right: 8px;  content: ''; background-color: #05c968; }
.layout-ri-compare .filter-ri-options .btn-toggle {font-size: 1rem; font-weight: 500; line-height: 1.5em; display: block; padding: 9px 20px 0 24px;  pointer-events: none; color: #050505; }
.layout-ri-compare .filter-ri-options .btn-toggle:after {display: inline-block; width: 10px; height: 7px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -554px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-ri-compare .filter-ri-options .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-ri-compare .filter-ri-options .selected-options {position: absolute; top: 7px; left: calc(100% + 15px); display: block; white-space: nowrap;  opacity: 0; }
.layout-ri-compare .filter-ri-options .selected-options span {font-size: .875rem; font-weight: 500; line-height: 28px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 10px; white-space: nowrap; color: #888; border: 1px solid #999; border-radius: 10px; }
.layout-ri-compare .filter-ri-options .selected-options span + span { margin-left: 10px; }
.layout-ri-compare .filter-ri-options .options {display: block; visibility: visible; box-sizing: border-box; transition: opacity .2s ease-in-out, visibility .2s ease-in-out;  opacity: 1; }
.layout-ri-compare .filter-ri-options .options .descriptions {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 8px; color: #9b9b9b; }
.layout-ri-compare .filter-ri-options .options table {width: 100%; margin-top: 18px;  table-layout: fixed; }
.layout-ri-compare .filter-ri-options .options table .legend {font-size: .75rem; font-weight: 500; line-height: 30px;  display: block; box-sizing: border-box; height: 30px; padding: 0 18px; text-align: center; white-space: nowrap; color: #899aae; border-radius: 4px; }
.layout-ri-compare .filter-ri-options .options table .legend.selected { font-weight: 700; color: #fff; background-color: #899aae; }
.layout-ri-compare .filter-ri-options .options table .legend.selected.hover { background-color: #899aae; }
.layout-ri-compare .filter-ri-options .options table .legend.hover { background-color: #eef0f3; }
.layout-ri-compare .filter-ri-options .options table thead th { padding: 0 0 10px 0; }
.layout-ri-compare .filter-ri-options .options table thead th + th { padding-left: 0px; }
.layout-ri-compare .filter-ri-options .options table thead th .legend { max-width: 220px; }
.layout-ri-compare .filter-ri-options .options table tbody th { position: relative; }
.layout-ri-compare .filter-ri-options .options table tbody .legend {position: relative; top: -8px; width: 30px; height: 150px;  padding: 18px 0; -ms-writing-mode: tb-rl; writing-mode: tb-rl; }
html[lang=en] .layout-ri-compare .filter-ri-options .options table tbody .legend { transform: rotate(180deg); }
.layout-ri-compare .filter-ri-options .options table tbody td { padding: 0 0 16px 0; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  display: block; float: left; box-sizing: border-box; width: 220px; height: 150px; padding: 10px; background-color: #f4f4f4; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item:after { content: none; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin: 0;  content: ''; transition: opacity .3s linear; opacity: 0; border: 2px solid #0086ff; background-image: none; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item:hover:before { opacity: 1; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item:hover .total-saving:after { animation: down .5s linear infinite alternate; }

@keyframes down { 0% { transform: translateY(0); }
	100% { transform: translateY(4px); } }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .option-item-title {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; display: block;  height: 20px; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .option-item-title em {font-size: .6875rem; line-height: 18px; display: inline-block;  box-sizing: border-box; height: 20px; padding: 0 6px; color: #f5a623; border: 1px solid #f5a623; border-radius: 4px; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .total-saving {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.75rem; line-height: 1; display: block; padding: 18px 5px 20px; transition: color .1s ease-in-out;  color: #00c871; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .total-saving:after {position: relative; bottom: 2px; display: inline-block; width: 18px; height: 17px; margin-left: 4px;  content: ''; vertical-align: middle; background: url('/assets/images/ri_save.svg') no-repeat; background-size: cover; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .saving-detail { overflow: hidden; padding: 0 5px; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dt , .layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dd {font-size: .75rem; font-weight: 400; line-height: 1;  display: block; margin-bottom: 5px; transition: color .1s ease-in-out; color: #333; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dt {float: left;  clear: both; color: #666; }
.layout-ri-compare .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  float: right; }
.layout-ri-compare .filter-ri-options .options table input[type=radio]:checked + .option-item { background-color: #44495a; }
.layout-ri-compare .filter-ri-options .options table input[type=radio]:checked + .option-item .option-item-title , .layout-ri-compare .filter-ri-options .options table input[type=radio]:checked + .option-item .saving-detail dt , .layout-ri-compare .filter-ri-options .options table input[type=radio]:checked + .option-item .saving-detail dd { color: #fff; }
.layout-ri-compare .summary { display: -ms-flexbox; display: flex; margin-top: 12px; }
.layout-ri-compare .summary > li { box-sizing: border-box; width: 336px; margin: 0 0 0 14px; padding: 17px 15px 8px; background-color: #44495a; }
.layout-ri-compare .summary > li:first-child {width: auto; margin: 0;  -ms-flex: 1; flex: 1; }
.layout-ri-compare .summary > li .key {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5em;  display: block; text-align: left; color: #fff; }
.layout-ri-compare .summary > li .desc {font-size: .875rem; font-weight: 400; line-height: 1.28571em;  display: block; margin-top: 2px; text-align: left; color: #9aa1b8; }
.layout-ri-compare .summary > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 3.0625rem; font-weight: 400;  display: block; margin-top: 22px; text-align: right; letter-spacing: -.02em; color: #fff; }
.layout-ri-compare .summary > li .value strong { display: inline-block; }
.layout-ri-compare .summary > li .value .rate {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400;  display: block; margin-top: -3px; text-align: right; color: #7ed321; }
.layout-ri-compare .summary > li .value .rate:before {display: inline-block; width: 17px; height: 15px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -569px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-ri-compare .summary > li .value .rate:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-ri-compare .summary > li .value .rate.up { color: #ff5a6f; }
.layout-ri-compare .summary > li .value .rate.up:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-ri-compare .summary > li .value .rate.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-ri-compare .ri-summary-desctiption {font-size: .875rem; font-weight: 400; line-height: 1.28571em;  display: block; margin-top: 17px; color: #999; }


.layout-tooltip { display: block; box-sizing: border-box; }
.layout-tooltip .list-tooltip-menus li .btn {font-size: .75rem; font-weight: 400; line-height: 30px;  display: block; box-sizing: border-box; width: 100%; height: 32px; padding: 0 10px; text-align: left; color: #333; }
.layout-tooltip .list-tooltip-menus li .btn:hover { background-color: #f1f1f1; }

[data-tooltip=info-bottom]:after {display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { [data-tooltip=info-bottom]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.tooltipster-sidetip.tooltipster-bsp3-info .tooltipster-box {border-color: #fff;  border-radius: 0; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 4px rgba(137, 141, 148, .2); }

.tooltipster-sidetip.tooltipster-bsp3-info .tooltipster-content { font-size: .875rem; color: #222; }

.tooltipster-sidetip.tooltipster-bsp3-info .tooltipster-arrow-border {border-width: 6px;  border-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp3-info .tooltipster-arrow-background { border-width: 6px; border-color: #fff; }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-box , .tooltipster-sidetip.tooltipster-bsp-info2 .tooltipster-box , .tooltipster-bsp-info-right-arrow .tooltipster-box , .tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-box , .tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-box { border-radius: 0; background-color: #000; }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content , .tooltipster-sidetip.tooltipster-bsp-info2 .tooltipster-content , .tooltipster-bsp-info-right-arrow .tooltipster-content , .tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-content , .tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-content { font-size: .6875rem; line-height: 1.54545em; word-break: break-all; color: #fff; }
.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content .key , .tooltipster-sidetip.tooltipster-bsp-info2 .tooltipster-content .key , .tooltipster-bsp-info-right-arrow .tooltipster-content .key , .tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-content .key , .tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-content .key { display: block; }
.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content .value , .tooltipster-sidetip.tooltipster-bsp-info2 .tooltipster-content .value , .tooltipster-bsp-info-right-arrow .tooltipster-content .value , .tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-content .value , .tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-content .value { display: block; margin-top: 5px; }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info2 .tooltipster-arrow-background , .tooltipster-bsp-info-right-arrow .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-arrow-background { border-right-color: #000; }

.tooltipster-sidetip.tooltipster-bsp-info.tooltipster-top .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info2.tooltipster-top .tooltipster-arrow-background , .tooltipster-bsp-info-right-arrow.tooltipster-top .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-short.tooltipster-top .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-middle.tooltipster-top .tooltipster-arrow-background { border-top-color: #000; border-right-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp-info.tooltipster-bottom .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info2.tooltipster-bottom .tooltipster-arrow-background , .tooltipster-bsp-info-right-arrow.tooltipster-bottom .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-short.tooltipster-bottom .tooltipster-arrow-background , .tooltipster-sidetip.tooltipster-bsp-info-middle.tooltipster-bottom .tooltipster-arrow-background {border-right-color: transparent;  border-bottom-color: #000; }

.tooltipster-sidetip.tooltipster-bsp-info-short .tooltipster-arrow {position: absolute;  left: 50% !important; margin-left: -3px; }

.tooltipster-sidetip.tooltipster-bsp-info-middle .tooltipster-arrow {position: absolute;  left: 60% !important; }

.tooltipster-sidetip.tooltipster-bsp-info-right-arrow .tooltipster-arrow {position: absolute;  left: calc(100% - 10px) !important; }

.tooltipster-sidetip.arrow-left .tooltipster-arrow {position: absolute;  left: 20% !important; }

.tooltipster-sidetip.tooltipster-bsp-info2.tooltipster-bottom .tooltipster-arrow { margin-left: 1px; }


.tooltipster-sidetip.tooltipster-bsp-chart {right: 60px !important; left: 60px !important;  box-sizing: border-box; width: calc(100% - 120px) !important; }
.tooltipster-sidetip.tooltipster-bsp-chart .tooltipster-box { border: 2px solid #0b0b0b; border-radius: 0; background-color: #fff; }
.tooltipster-sidetip.tooltipster-bsp-chart .tooltipster-content { padding: 0; }
.tooltipster-sidetip.tooltipster-bsp-chart .tooltipster-arrow {width: 13px; height: 13px;  margin: 0; transform: rotate(-135deg); border: 2px solid #000; border-top-width: 0; border-left-width: 0; background-color: #eee; }
.tooltipster-sidetip.tooltipster-bsp-chart .tooltipster-arrow * { display: none; }
.tooltipster-sidetip.tooltipster-bsp-chart.tooltipster-top .tooltipster-arrow { top: -7px !important; bottom: auto !important; }
.tooltipster-sidetip.tooltipster-bsp-chart.tooltipster-bottom .tooltipster-arrow { top: 1px !important; }


.tooltipster-sidetip.tooltipster-bsp-input .tooltipster-box { border: 0px; border-radius: 5px; background-color: #5caaff; }

.tooltipster-sidetip.tooltipster-bsp-input .tooltipster-content { font-size: .75rem; line-height: 1.33333em; color: #fff; }

.tooltipster-sidetip.tooltipster-bsp-input .tooltipster-arrow {width: 13px; height: 10px;  margin: 0; transform: rotate(-135deg); border: 1px solid #5caaff; border-top-width: 0; border-left-width: 0; background-color: #5caaff; }
.tooltipster-sidetip.tooltipster-bsp-input .tooltipster-arrow * { display: none; }

.tooltipster-sidetip.tooltipster-bsp-input .tooltipster-arrow-background { border-right-color: #5caaff; }

.tooltipster-sidetip.tooltipster-bsp-input.tooltipster-top .tooltipster-arrow-background { border-top-color: #5caaff; border-right-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp-input.tooltipster-bottom .tooltipster-arrow { top: 3px; }

.tooltipster-sidetip.tooltipster-bsp-input.tooltipster-bottom .tooltipster-arrow-background {border-right-color: transparent;  border-bottom-color: #5caaff; }


.tooltipster-sidetip.tooltipster-bsp-caution .tooltipster-box {max-width: 259px; padding: 5px 0; word-break: break-all;  border: 0px; border-radius: 0px; background-color: #ff2d47; }

.tooltipster-sidetip.tooltipster-bsp-caution .tooltipster-content { font-size: .75rem; line-height: 1.33333em; color: #fff; }

.tooltipster-sidetip.tooltipster-bsp-caution .tooltipster-arrow {position: absolute; left: 50% !important; width: 13px; height: 10px;  margin: 0 0 0 5px; transform: rotate(-135deg); border: 1px solid #ff2d47; border-top-width: 0; border-left-width: 0; background-color: #ff2d47; }
.tooltipster-sidetip.tooltipster-bsp-caution .tooltipster-arrow * { display: none; }

.tooltipster-sidetip.tooltipster-bsp-caution .tooltipster-arrow-background { border-right-color: #ff2d47; }

.tooltipster-sidetip.tooltipster-bsp-caution.tooltipster-top .tooltipster-arrow-background { border-top-color: #ff2d47; border-right-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp-caution.tooltipster-bottom .tooltipster-arrow { top: 4px; }

.tooltipster-sidetip.tooltipster-bsp-caution.tooltipster-bottom .tooltipster-arrow-background {border-right-color: transparent;  border-bottom-color: #ff2d47; }


.tooltipster-sidetip.billing .tooltipster-box { padding: 0; border: 1px solid #bbb; border-radius: 0; background-color: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, .05); }
.tooltipster-sidetip.billing .tooltipster-box .tooltipster-content { padding: 0; }

.tooltip_templates { display: none; }

.common-tabs { position: relative; animation-name: fadeIn2; animation-duration: .3s; animation-fill-mode: both; }
.common-tabs.newer { z-index: 100; }
.common-tabs.newer.manual-on .manual { display: -ms-flexbox; display: flex; }
.common-tabs.newer.manual-on .auto { display: none; }
.common-tabs.newer.auto-on .auto { display: -ms-flexbox; display: flex; }
.common-tabs.newer.auto-on .manual { display: none; }
.common-tabs.newer .multiselect-native-select .btn-group.default .multiselect { min-width: 320px; box-shadow: inset 0 0 0 1px #d5d9db; }
.common-tabs.newer .multiselect-native-select .btn-group.default .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; }
.common-tabs.newer:before { content: none; }
.common-tabs.newer button { border-radius: 2px !important; }
.common-tabs.newer .custom-tooltip { min-width: 520px; }
.common-tabs.newer .custom-tooltip h2 { font-size: .875rem; color: #222; }
.common-tabs.newer .custom-tooltip .info { font-size: .75rem; padding: 15px 0; color: #666; }
.common-tabs.newer .custom-tooltip .resource-info h3 { font-size: .6875rem; padding-bottom: 5px; color: #222; }
.common-tabs.newer .custom-tooltip .resource-info p { font-size: .6875rem; padding-left: 34px; text-indent: -34px; color: #666; }
.common-tabs.newer .shut-list { display: none; }
.common-tabs.newer .shut-list .btn {font-size: .875rem; font-weight: 700; line-height: 38px; box-sizing: border-box; min-width: auto; height: 40px; margin-right: 10px;  padding-right: 10px; padding-left: 10px; text-align: center; color: #4a4a4a; border: 0px; border-bottom: 2px solid #bbb; }
.common-tabs.newer .shut-list .btn.is-selected { color: #4cacff; border-color: #4cacff; }
.common-tabs.newer .update-tooltip:before {display: inline-block; width: 16px; height: 16px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2luZm88L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNOCwwLjUgQzEyLjE0MjEzNTYsMC41IDE1LjUsMy44NTc4NjQzOCAxNS41LDggQzE1LjUsMTIuMTQyMTM1NiAxMi4xNDIxMzU2LDE1LjUgOCwxNS41IEMzLjg1Nzg2NDM4LDE1LjUgMC41LDEyLjE0MjEzNTYgMC41LDggQzAuNSwzLjg1Nzg2NDM4IDMuODU3ODY0MzgsMC41IDgsMC41IFogTTgsMiBDNC42ODYyOTE1LDIgMiw0LjY4NjI5MTUgMiw4IEMyLDExLjMxMzcwODUgNC42ODYyOTE1LDE0IDgsMTQgQzExLjMxMzcwODUsMTQgMTQsMTEuMzEzNzA4NSAxNCw4IEMxNCw0LjY4NjI5MTUgMTEuMzEzNzA4NSwyIDgsMiBaIE04Ljc1LDcuMjUzMjI2NSBMOC43NSwxMS43NDk5OTk3IEw3LjI1LDExLjc0OTk5OTcgTDcuMjUsNy4yNTMyMjY1IEw4Ljc1LDcuMjUzMjI2NSBaIE04LDQuMjUgQzguNTE3NzY2OTUsNC4yNSA4LjkzNzUsNC42Njk3MzMwNSA4LjkzNzUsNS4xODc1IEM4LjkzNzUsNS43MDUyNjY5NSA4LjUxNzc2Njk1LDYuMTI1IDgsNi4xMjUgQzcuNDgyMjMzMDUsNi4xMjUgNy4wNjI1LDUuNzA1MjY2OTUgNy4wNjI1LDUuMTg3NSBDNy4wNjI1LDQuNjY5NzMzMDUgNy40ODIyMzMwNSw0LjI1IDgsNC4yNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtMi4wX1VzYWdlX3BlcmZvcm1hbmNlXzIwMTkxMjI3IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjgwMDAwMDAxMiI+CiAgICAgICAgPGcgaWQ9IkFtLTIuMF9Vc2FnZV9jdXJyZW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5Mi4wMDAwMDAsIC0zNjguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIyMC5idXR0b24vMi5tZWRpdW0tZW1waGFzaXMvTDQwLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MDAuMDAwMDAwLCAzNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9pbmZvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Mi4wMDAwMDAsIDEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iaWNfaW5mbyIgZmlsbD0iIzAwMDAwMCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9ycy9CbGFjayIgbWFzaz0idXJsKCNtYXNrLTIpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuMDAwMDAwLCAtMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iQmxhY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center; background-size: 100% 100%; }
.common-tabs.newer .update-btn { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }
.common-tabs.newer .new-select-tab {position: relative;  display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.common-tabs.newer .new-select-tab .time {font-size: .875rem;  color: #a3a3a3; }
.common-tabs.newer .new-select-tab > * { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.common-tabs.newer .new-select-tab > *:first-child { margin-right: auto; }
.common-tabs.newer .new-select-tab .source-list {position: absolute; z-index: 100; top: 0; right: 0; left: 0; overflow: hidden; overflow-y: auto; max-height: 355px; padding: 7px 20px 32px; transition: opacity .3s linear; pointer-events: none;  opacity: 0; background: #fff; }
.common-tabs.newer .new-select-tab .source-list[data-state=open] {pointer-events: auto;  opacity: 1; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, .2); }
.common-tabs.newer .new-select-tab .source-list button[data-icon=close] { position: absolute; top: 10px; right: 10px; }
.common-tabs.newer .new-select-tab .source-list .btn {font-size: .875rem; font-weight: 700; line-height: 38px; box-sizing: border-box; min-width: auto; height: 40px; margin-right: 10px;  padding-right: 10px; padding-left: 10px; text-align: center; color: #4a4a4a; border: 0px; border-bottom: 2px solid #bbb; }
.common-tabs.newer .new-select-tab .source-list .btn.is-selected { color: #4cacff; border-color: #4cacff; }
.common-tabs.newer[data-state=shut] .shut-list { display: block; }
.common-tabs.newer[data-state=shut] .new-select-tab { display: none; }
.common-tabs.newer[data-state=shut] .btn { margin-right: 10px; }
.common-tabs.newer[data-state=shut] .btn + .btn { margin-left: 0; }
.common-tabs:before {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 2px;  content: ''; background-color: #bbb; }
.common-tabs:after {display: block; clear: both;  content: ''; }
.common-tabs > .btn {font-size: .875rem; font-weight: 700; line-height: 38px;  display: block; float: left; box-sizing: border-box; min-width: 130px; height: 40px; padding-right: 20px; padding-left: 20px; text-align: center; color: #ccc; border: 1px solid #e6e6e6; }
.common-tabs > .btn.wide { min-width: 200px; padding-right: 10px; padding-left: 10px; }
.common-tabs > .btn.is-selected { position: relative; z-index: 2; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 0; border-left: 1px solid #bbb; background-color: #fff; }
.common-tabs .utils { position: absolute; top: 2px; right: 0; }
.common-tabs[data-state=shut] { animation-name: fadeIn; }
.common-tabs[data-state=shut]:before { content: none; }
.common-tabs[data-state=shut] .btn {min-width: auto;  padding-right: 10px; padding-left: 10px; color: #4a4a4a; border: 0px; border-bottom: 2px solid #bbb; }
.common-tabs[data-state=shut] .btn + .btn { margin-left: 10px; }
.common-tabs[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.common-tabs[data-state=stretch] .btn { -ms-flex: 1; flex: 1; }
.common-tabs.general { position: relative; animation-name: fadeIn2; animation-duration: .3s; animation-fill-mode: both; }
.common-tabs.general:before {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 1px;  content: ''; background-color: #d5d9db; }
.common-tabs.general:after {display: block; clear: both;  content: ''; }
.common-tabs.general > .btn {font-size: .875rem; font-weight: 700; line-height: 38px;  display: block; float: left; box-sizing: border-box; min-width: 130px; height: 40px; padding-right: 20px; padding-left: 20px; text-align: center; color: #ccc; border: 1px solid #d5d9db; }
.common-tabs.general > .btn.wide { min-width: 200px; padding-right: 10px; padding-left: 10px; }
.common-tabs.general > .btn.is-selected { position: relative; z-index: 2; color: #000; border-top: 2px solid #52545c; border-right: 1px solid #d5d9db; border-bottom: 0; border-left: 1px solid #d5d9db; background-color: #fff; }
.common-tabs.general > .btn.is-selected + .btn { border-left: 0; }
.common-tabs.general > .btn + .btn { border-left: 0; }
.common-tabs.general .utils { position: absolute; top: 2px; right: 0; }
.common-tabs.general[data-state=shut] { animation-name: fadeIn; }
.common-tabs.general[data-state=shut]:before { content: none; }
.common-tabs.general[data-state=shut] .btn {min-width: auto;  padding-right: 10px; padding-left: 10px; color: #4a4a4a; border: 0px; border-bottom: 2px solid #d5d9db; }
.common-tabs.general[data-state=shut] .btn + .btn { margin-left: 10px; }
.common-tabs.general[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.common-tabs.general[data-state=stretch] .btn { -ms-flex: 1; flex: 1; }

.common-tabs-nonejs { position: relative; animation-name: fadeIn2; animation-duration: .3s; animation-fill-mode: both; }
.common-tabs-nonejs:before {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 2px;  content: ''; background-color: #bbb; }
.common-tabs-nonejs:after {display: block; clear: both;  content: ''; }
.common-tabs-nonejs > .btn {font-size: .875rem; font-weight: 700; line-height: 38px;  display: block; float: left; box-sizing: border-box; min-width: 130px; height: 40px; padding-right: 20px; padding-left: 20px; text-align: center; color: #ccc; border: 1px solid #e6e6e6; }
.common-tabs-nonejs > .btn.wide { min-width: 200px; padding-right: 10px; padding-left: 10px; }
.common-tabs-nonejs > .btn.is-selected { position: relative; z-index: 2; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 0; border-left: 1px solid #bbb; background-color: #fff; }
.common-tabs-nonejs .utils { position: absolute; top: 2px; right: 0; }
.common-tabs-nonejs[data-state=shut] { animation-name: fadeIn; }
.common-tabs-nonejs[data-state=shut]:before { content: none; }
.common-tabs-nonejs[data-state=shut] .btn {min-width: auto;  padding-right: 10px; padding-left: 10px; color: #4a4a4a; border: 0px; border-bottom: 2px solid #bbb; }
.common-tabs-nonejs[data-state=shut] .btn + .btn { margin-left: 10px; }
.common-tabs-nonejs[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.common-tabs-nonejs[data-state=stretch] .btn { -ms-flex: 1; flex: 1; }
.common-tabs-nonejs.general { position: relative; animation-name: fadeIn2; animation-duration: .3s; animation-fill-mode: both; }
.common-tabs-nonejs.general:before {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 1px;  content: ''; background-color: #d5d9db; }
.common-tabs-nonejs.general:after {display: block; clear: both;  content: ''; }
.common-tabs-nonejs.general > .btn {font-size: .875rem; font-weight: 700; line-height: 38px;  display: block; float: left; box-sizing: border-box; min-width: 130px; height: 40px; padding-right: 20px; padding-left: 20px; text-align: center; color: #ccc; border: 1px solid #d5d9db; }
.common-tabs-nonejs.general > .btn.wide { min-width: 200px; padding-right: 10px; padding-left: 10px; }
.common-tabs-nonejs.general > .btn.is-selected { position: relative; z-index: 2; color: #000; border-top: 2px solid #52545c; border-right: 1px solid #d5d9db; border-bottom: 0; border-left: 1px solid #d5d9db; background-color: #fff; }
.common-tabs-nonejs.general > .btn.is-selected + .btn { border-left: 0; }
.common-tabs-nonejs.general > .btn + .btn { border-left: 0; }
.common-tabs-nonejs.general .utils { position: absolute; top: 2px; right: 0; }
.common-tabs-nonejs.general[data-state=shut] { animation-name: fadeIn; }
.common-tabs-nonejs.general[data-state=shut]:before { content: none; }
.common-tabs-nonejs.general[data-state=shut] .btn {min-width: auto;  padding-right: 10px; padding-left: 10px; color: #4a4a4a; border: 0px; border-bottom: 2px solid #d5d9db; }
.common-tabs-nonejs.general[data-state=shut] .btn + .btn { margin-left: 10px; }
.common-tabs-nonejs.general[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.common-tabs-nonejs.general[data-state=stretch] .btn { -ms-flex: 1; flex: 1; }

.common-sub-tabs { position: relative; overflow: hidden; }
.common-sub-tabs .btn {font-size: .75rem; font-weight: 700; line-height: 26px;  display: block; float: left; box-sizing: border-box; min-width: 150px; height: 30px; text-align: center; color: #666; border: 2px solid #888; background-color: #fff; }
.common-sub-tabs .btn.is-selected { color: #fff; background-color: #888; }

.chart_in_color.billing em {position: relative; top: 2px;  display: inline-block; width: 16px; height: 16px; margin-right: 5px; background-color: #0dacea; }

.button-ui.aggrid { font-size: .75rem; padding: 0; }

.button-ui.text-decoration { text-decoration: underline; }

.overlay-nodata { margin: 20px 0 0; }
.overlay-nodata span {font-size: .875rem; font-weight: 500;  display: block; text-align: center; color: #b2b2b2; }
.overlay-nodata span:before {display: block; width: 35px; height: 28px; margin: 0 auto 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -366px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .overlay-nodata span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.ag-bsp-front01 { font-size: .75rem; color: #4a4a4a; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.ag-bsp-front01 img { vertical-align: middle; border: 0; }
.ag-bsp-front01 .ag-cell-not-inline-editing { padding: 2px; }
.ag-bsp-front01 .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-bsp-front01 .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-bsp-front01 .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-bsp-front01 .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-bsp-front01 .ag-cell-focus { border: 1px solid transparent; }
.ag-bsp-front01 .ag-cell-no-focus { border-top: 1px solid transparent; border-bottom: 1px solid #f0f0f0; }
.ag-bsp-front01 .ag-ltr .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-front01 .ag-rtl .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-front01 .ag-rtl .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-ltr .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-rtl .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-front01 .ag-ltr .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-front01 .ag-cell-highlight { border: 1px solid #006400; }
.ag-bsp-front01 .ag-cell-highlight-animation { transition: border 1s; }
.ag-bsp-front01 .ag-value-change-delta { padding-right: 2px; }
.ag-bsp-front01 .ag-value-change-delta-up { color: #006400; }
.ag-bsp-front01 .ag-value-change-delta-down { color: #8b0000; }
.ag-bsp-front01 .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-bsp-front01 .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-bsp-front01 .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-front01 .ag-rich-select-value { padding: 2px; }
.ag-bsp-front01 .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-bsp-front01 .ag-rich-select-row { padding: 2px; }
.ag-bsp-front01 .ag-rich-select-row-selected { background-color: #bde2e5; }
.ag-bsp-front01 .ag-large-text { border: 1px solid #808080; }
.ag-bsp-front01 .ag-header-select-all {line-height: 0;  padding: 8px 0px 0px 10px; }
.ag-bsp-front01 .ag-header { font-weight: 700; color: #000; border-bottom: 1px solid #ccc; background-color: #f6f6f6; }
.ag-bsp-front01 .ag-header .ag-pinned-left-header { background-color: #fff; }
.ag-bsp-front01 .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; }
.ag-bsp-front01 .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-front01 .ag-header-icon.ag-sort-none-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-front01 .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-front01 .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-front01 .ag-header-icon.ag-sort-ascending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-front01 .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-front01 .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-front01 .ag-header-icon.ag-sort-descending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-front01 .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-front01 .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-front01 .ag-no-scrolls .ag-header-container { border-bottom: 1px solid #808080; }
.ag-bsp-front01 .ag-header-cell-moving .ag-header-cell-label { opacity: .5; }
.ag-bsp-front01 .ag-header-cell-moving { background-color: #bebebe; }
.ag-bsp-front01 .ag-ltr .ag-header-group-cell { border-right: 1px solid #808080; }
.ag-bsp-front01 .ag-rtl .ag-header-group-cell { border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-header-group-cell-with-group { border-bottom: 1px solid #808080; }
.ag-bsp-front01 .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 10px 2px 10px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-bsp-front01 .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-bsp-front01 .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-bsp-front01 .ag-header-cell-text { padding-left: 2px; }
.ag-bsp-front01 .ag-header-group-cell-label { padding: 4px; }
.ag-bsp-front01 .ag-ltr .ag-header-group-cell-label { padding-left: 10px; }
.ag-bsp-front01 .ag-rtl .ag-header-group-cell-label { padding-right: 10px; }
.ag-bsp-front01 .ag-rtl .ag-header-group-text { margin-left: 2px; }
.ag-bsp-front01 .ag-ltr .ag-header-group-text { margin-right: 2px; }
.ag-bsp-front01 .ag-header-cell-menu-button {line-height: 0px;  display: none; box-sizing: content-box; margin-top: 4px; margin-right: 1px; margin-left: 1px; padding: 2px; border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-front01 .ag-ltr .ag-pinned-right-header { border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-rtl .ag-pinned-left-header { border-right: 1px solid #808080; }
.ag-bsp-front01 .ag-header-cell-menu-button:hover { border: 1px solid #808080; }
.ag-bsp-front01 .ag-body { background-color: #f6f6f6; }
.ag-bsp-front01 .ag-body .ag-pinned-left-cols-viewport { background-color: #fff; }
.ag-bsp-front01 .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell { padding: 10px; }
.ag-bsp-front01 .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell.set_unit { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; padding-right: 20px; text-align: right; }
.ag-bsp-front01 .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell.billing {line-height: 1;  padding: 5px; vertical-align: middle; }
.ag-bsp-front01 .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell .time_color em { display: inline-block; width: 10px; height: 10px; margin-right: 5px; background-color: #0dacea; }
.ag-bsp-front01 .ag-body .ag-body-viewport .ag-body-container .ag-cell { padding: 10px; }
.ag-bsp-front01 .ag-floating-top .ag-row { background-color: #f0f0f0; }
.ag-bsp-front01 .ag-floating-bottom { border-top: 2px solid #000; }
.ag-bsp-front01 .ag-floating-bottom .ag-row { background-color: #f0f0f0; }
.ag-bsp-front01 .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row { background-color: #fff; }
.ag-bsp-front01 .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-front01 .ag-floating-bottom .ag-floating-bottom-viewport .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-front01 .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-bsp-front01 .ag-overlay-loading-center { display: inline-block; width: 50px; height: 50px; animation: rotate .4s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }
.ag-bsp-front01 .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-bsp-front01 .ag-overlay-no-rows-center:before {display: block; width: 36px; height: 29px; margin: 0 auto 14px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-front01 .ag-overlay-no-rows-center:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-front01 .ag-group-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-front01 .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-front01 .ag-ltr .ag-group-expanded { padding-right: 4px; }
.ag-bsp-front01 .ag-rtl .ag-group-expanded { padding-left: 4px; }
.ag-bsp-front01 .ag-ltr .ag-group-contracted { padding-right: 4px; }
.ag-bsp-front01 .ag-rtl .ag-group-contracted { padding-left: 4px; }
.ag-bsp-front01 .ag-ltr .ag-group-value { padding-right: 2px; }
.ag-bsp-front01 .ag-rtl .ag-group-value { padding-left: 2px; }
.ag-bsp-front01 .ag-ltr .ag-group-checkbox { padding-right: 2px; }
.ag-bsp-front01 .ag-rtl .ag-group-checkbox { padding-left: 2px; }
.ag-bsp-front01 .ag-group-child-count { display: inline-block; }
.ag-bsp-front01 .ag-menu {font-size: 14px; cursor: default;  border: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-front01 .ag-menu .ag-tab-header { background-color: #e6e6e6; }
.ag-bsp-front01 .ag-menu .ag-tab {display: inline-block; margin: 2px 2px 0px 2px;  padding: 6px 8px 6px 8px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ag-bsp-front01 .ag-menu .ag-tab-selected {border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;  background-color: #f6f6f6; }
.ag-bsp-front01 .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-bsp-front01 .ag-menu-option-active { background-color: #bde2e5; }
.ag-bsp-front01 .ag-menu-option-icon { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-front01 .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-front01 .ag-menu-option-shortcut { padding: 2px 2px 2px 2px; vertical-align: middle; }
.ag-bsp-front01 .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-front01 .ag-menu-option-disabled { opacity: .5; }
.ag-bsp-front01 .ag-menu-column-select-wrapper { margin: 2px; }
.ag-bsp-front01 .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-bsp-front01 .ag-filter-header-container { border-bottom: 1px solid #d3d3d3; }
.ag-bsp-front01 .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-bsp-front01 .ag-filter-value { margin-left: 4px; }
.ag-bsp-front01 .ag-ltr .ag-selection-checkbox { margin-top: -2px; padding-right: 8px; }
.ag-bsp-front01 .ag-rtl .ag-selection-checkbox { padding-left: 4px; }
.ag-bsp-front01 .ag-paging-panel { padding: 4px; }
.ag-bsp-front01 .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-bsp-front01 .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-bsp-front01 .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-bsp-front01 .ltr .ag-tool-panel { border-right: 1px solid #808080; }
.ag-bsp-front01 .rtl .ag-tool-panel { border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-status-bar {font-size: 14px; height: 22px; padding: 2px;  color: #222; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-front01 .ag-status-bar-aggregations { float: right; }
.ag-bsp-front01 .ag-status-bar-item { padding-left: 10px; }
.ag-bsp-front01 .ag-column-drop-cell { color: #000; border: 1px solid #808080; }
.ag-bsp-front01 .ag-column-drop-cell-ghost { opacity: .5; }
.ag-bsp-front01 .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-front01 .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-front01 .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-bsp-front01 .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-bsp-front01 .ag-column-drop-icon { margin: 3px; }
.ag-bsp-front01 .ag-column-drop { background-color: #f6f6f6; }
.ag-bsp-front01 .ag-column-drop-horizontal { padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-bsp-front01 .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-bsp-front01 .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-bsp-front01 .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-bsp-front01 .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-front01 .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-bsp-front01 .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-front01 .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-front01 .ag-select-agg-func-item:hover { background-color: #bde2e5; }
.ag-bsp-front01 .rag-red { background-color: lightcoral; }
.ag-bsp-front01 .rag-green {color: red;  background-color: rgba(247, 167, 12, .2); }
.ag-bsp-front01 .rag-amber {color: blue;  background-color: rgba(247, 167, 12, .2); }
.ag-bsp-front01 .rag-red-outer .rag-element { background-color: lightcoral; }
.ag-bsp-front01 .rag-green-outer .rag-element { background-color: lightgreen; }
.ag-bsp-front01 .rag-amber-outer .rag-element { background-color: lightsalmon; }

.ag-bsp-default {font-size: .75rem; position: relative;  overflow: hidden; width: 100%; color: #333; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.ag-bsp-default.checkbox-modify .ag-ltr .ag-selection-checkbox { position: absolute; top: 12px; left: 6px; margin-top: 0; padding-right: 0; }
.ag-bsp-default .detail-button { font-size: .75rem; font-weight: 500; text-decoration: underline; color: #4a90e2; }
.ag-bsp-default img { vertical-align: middle; border: 0; }
.ag-bsp-default .ag-cell-not-inline-editing { padding: 2px; }
.ag-bsp-default .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-bsp-default .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-bsp-default .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-bsp-default .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-bsp-default .ag-cell-focus {border-bottom: 1px solid #f0f0f0;  outline: none; }
.ag-bsp-default .ag-cell-focus input { text-align: inherit; }
.ag-bsp-default .ag-cell-focus input:focus {font-size: inherit; width: 100%; height: inerit; margin: -10px; padding: 10px; outline: 0; background: #fff;  box-shadow: inset 0 0 0 2px #007aff; }
.ag-bsp-default .ag-cell-no-focus { border-top: 1px solid transparent; border-bottom: 1px solid #f0f0f0; }
.ag-bsp-default .ag-ltr .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-default .ag-rtl .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-default .ag-rtl .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-default .ag-ltr .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-default .ag-rtl .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-default .ag-ltr .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-default .ag-cell-highlight { border: 1px solid #006400; }
.ag-bsp-default .ag-cell-highlight-animation { transition: border 1s; }
.ag-bsp-default .ag-value-change-delta { padding-right: 2px; }
.ag-bsp-default .ag-value-change-delta-up { color: #006400; }
.ag-bsp-default .ag-value-change-delta-down { color: #8b0000; }
.ag-bsp-default .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-bsp-default .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-bsp-default .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-default .ag-rich-select-value { padding: 2px; }
.ag-bsp-default .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-bsp-default .ag-rich-select-row { padding: 2px; }
.ag-bsp-default .ag-rich-select-row-selected { background-color: #bde2e5; }
.ag-bsp-default .ag-large-text { border: 1px solid #808080; }
.ag-bsp-default .ag-header-select-all {line-height: 0;  padding: 11px 0px 0px 3px; }
.ag-bsp-default .ag-header { font-weight: 700; color: #000; border-bottom: 1px solid #ccc; background-color: transparent; }
.ag-bsp-default .ag-header .ag-pinned-left-header { background-color: #fff; }
.ag-bsp-default.ag-new-style .ag-header { border-bottom: 1px solid #b0b7bf; }
.ag-bsp-default.ag-new-style .ag-header-cell-resize { border-right: 1px solid #e6e6e6; background: none; }
.ag-bsp-default.ag-new-style .ag-ltr .ag-header-group-cell-label {padding: 0 10px;  text-align: center; }
.ag-bsp-default.ag-new-style .ag-ltr .ag-header-group-text {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 500;  color: #222; }
.ag-bsp-default.ag-new-style .ag-ltr .ag-cell-no-focus { border-right: 1px solid #e6e6e6; border-bottom-color: #e6e6e6; }
.ag-bsp-default.ag-new-style .ag-scrolls .ag-header-row .group-cell-style { border-bottom: 1px solid #e6e6e6; }
.ag-bsp-default.ag-new-style .ag-scrolls .ag-header-row .align-center-style .ag-header-cell-label { transform: translateY(-50%); }
.ag-bsp-default.ag-new-style .ag-scrolls .ag-header-row .align-center-style .ag-header-cell-text {font-weight: 500;  color: #222; }
.ag-bsp-default.ag-new-style .ag-header-cell-label .ag-header-cell-text {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem;  font-weight: 500; color: #222; }
.ag-bsp-default.ag-new-style .group-child-header-style .ag-header-cell-label .ag-header-cell-text { font-weight: 400; color: #666; }
.ag-bsp-default.ag-new-style .ag-header-icon { display: none; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-none-icon {display: inline-block;  width: 10px; height: 12px; text-indent: -999em; background-color: transparent; background-image: url('/assets/images/button_sorting.svg#normal'); background-repeat: no-repeat; background-position: center center; background-size: 8px 12px; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-ascending-icon {display: inline-block;  width: 10px; height: 12px; text-indent: -999em; background-color: transparent; background-image: url('/assets/images/button_sorting.svg#asc'); background-repeat: no-repeat; background-position: center center; background-size: 8px 12px; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-descending-icon {display: inline-block;  width: 10px; height: 12px; text-indent: -999em; background-color: transparent; background-image: url('/assets/images/button_sorting.svg#desc'); background-repeat: no-repeat; background-position: center center; background-size: 8px 12px; }
.ag-bsp-default.ag-new-style .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-default .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; color: #000; stroke: none; fill: #000; }
.ag-bsp-default .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-default .ag-header-icon.ag-sort-none-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-default .ag-header-icon.ag-sort-ascending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-default .ag-header-icon.ag-sort-descending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-default .ag-no-scrolls .ag-header-container { border-bottom: 1px solid #808080; }
.ag-bsp-default .ag-header-cell-moving .ag-header-cell-label { opacity: .5; }
.ag-bsp-default .ag-header-cell-resize { width: 3px; background: url('/assets/images/ag_cell_resize@2x.png') center center no-repeat; background-size: 2px 20px; }
.ag-bsp-default .ag-header-cell-moving { background-color: #bebebe; }
.ag-bsp-default .ag-ltr .ag-header-group-cell { border-right: 0px; }
.ag-bsp-default .ag-rtl .ag-header-group-cell { border-left: 0px; }
.ag-bsp-default .ag-header-group-cell-with-group { border-bottom: 0px; }
.ag-bsp-default .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 13px 2px 12px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-bsp-default .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-bsp-default .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-bsp-default .ag-header-cell-text { padding-left: 2px; }
.ag-bsp-default .ag-header-group-cell-label {line-height: 40px;  padding: 4px; }
.ag-bsp-default .ag-ltr .ag-header-group-cell-label { padding-left: 10px; }
.ag-bsp-default .ag-rtl .ag-header-group-cell-label { padding-right: 10px; }
.ag-bsp-default .ag-rtl .ag-header-group-text { margin-left: 2px; }
.ag-bsp-default .ag-ltr .ag-header-group-text { margin-right: 2px; }
.ag-bsp-default .ag-header-cell-menu-button {line-height: 0px;  display: none; box-sizing: content-box; margin-top: 4px; margin-right: 1px; margin-left: 1px; padding: 2px; border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-default .ag-ltr .ag-pinned-right-header { border-left: 1px solid #808080; }
.ag-bsp-default .ag-rtl .ag-pinned-left-header { border-right: 1px solid #808080; }
.ag-bsp-default .ag-header-cell-menu-button:hover { border: 1px solid #808080; }
.ag-bsp-default .ag-body { background-color: transparent; }
.ag-bsp-default .ag-body .ag-pinned-left-cols-viewport { background-color: #fff; }
.ag-bsp-default .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell { padding: 10px; }
.ag-bsp-default .ag-body .ag-body-viewport .ag-body-container .ag-cell {line-height: 20px;  padding: 10px; }
.ag-bsp-default .ag-row-selected { background-color: rgba(103, 173, 255, .2); }
.ag-bsp-default .ag-floating-top .ag-row { background-color: #f0f0f0; }
.ag-bsp-default .ag-floating-bottom { border-top: 2px solid #000; }
.ag-bsp-default .ag-floating-bottom .ag-row { background-color: #f0f0f0; }
.ag-bsp-default .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row { background-color: #fff; }
.ag-bsp-default .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-default .ag-floating-bottom .ag-floating-bottom-viewport .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-default .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-bsp-default .ag-overlay-loading-center { display: inline-block; width: 50px; height: 50px; animation: rotate .4s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }
.ag-bsp-default .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-bsp-default .ag-overlay-no-rows-center:before {display: block; width: 36px; height: 29px; margin: 0 auto 14px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default .ag-overlay-no-rows-center:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default .ag-group-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-default .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-default .ag-ltr .ag-group-expanded { padding-right: 4px; }
.ag-bsp-default .ag-rtl .ag-group-expanded { padding-left: 4px; }
.ag-bsp-default .ag-ltr .ag-group-contracted { padding-right: 4px; }
.ag-bsp-default .ag-rtl .ag-group-contracted { padding-left: 4px; }
.ag-bsp-default .ag-ltr .ag-group-value { padding-right: 2px; }
.ag-bsp-default .ag-rtl .ag-group-value { padding-left: 2px; }
.ag-bsp-default .ag-ltr .ag-group-checkbox { padding-right: 2px; }
.ag-bsp-default .ag-rtl .ag-group-checkbox { padding-left: 2px; }
.ag-bsp-default .ag-group-child-count { display: inline-block; }
.ag-bsp-default .ag-menu {font-size: 14px; cursor: default;  border: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default .ag-menu .ag-tab-header { background-color: #e6e6e6; }
.ag-bsp-default .ag-menu .ag-tab {display: inline-block; margin: 2px 2px 0px 2px;  padding: 6px 8px 6px 8px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ag-bsp-default .ag-menu .ag-tab-selected {border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;  background-color: #f6f6f6; }
.ag-bsp-default .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-bsp-default .ag-menu-option-active { background-color: #bde2e5; }
.ag-bsp-default .ag-menu-option-icon { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default .ag-menu-option-shortcut { padding: 2px 2px 2px 2px; vertical-align: middle; }
.ag-bsp-default .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default .ag-menu-option-disabled { opacity: .5; }
.ag-bsp-default .ag-menu-column-select-wrapper { margin: 2px; }
.ag-bsp-default .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-bsp-default .ag-filter-header-container { border-bottom: 1px solid #d3d3d3; }
.ag-bsp-default .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-bsp-default .ag-filter-value { margin-left: 4px; }
.ag-bsp-default .ag-ltr .ag-selection-checkbox { margin-top: -2px; padding-right: 8px; }
.ag-bsp-default .ag-rtl .ag-selection-checkbox { padding-left: 4px; }
.ag-bsp-default .ag-paging-panel { padding: 4px; }
.ag-bsp-default .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-bsp-default .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-bsp-default .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-bsp-default .ltr .ag-tool-panel { border-right: 1px solid #808080; }
.ag-bsp-default .rtl .ag-tool-panel { border-left: 1px solid #808080; }
.ag-bsp-default .ag-status-bar {font-size: 14px; height: 22px; padding: 2px;  color: #222; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default .ag-status-bar-aggregations { float: right; }
.ag-bsp-default .ag-status-bar-item { padding-left: 10px; }
.ag-bsp-default .ag-column-drop-cell { color: #000; border: 1px solid #808080; }
.ag-bsp-default .ag-column-drop-cell-ghost { opacity: .5; }
.ag-bsp-default .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-default .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-default .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-bsp-default .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-bsp-default .ag-column-drop-icon { margin: 3px; }
.ag-bsp-default .ag-column-drop { background-color: #f6f6f6; }
.ag-bsp-default .ag-column-drop-horizontal { padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-bsp-default .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-bsp-default .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-bsp-default .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-bsp-default .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-bsp-default .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-default .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-default .ag-select-agg-func-item:hover { background-color: #bde2e5; }
.ag-bsp-default .ag-grid-area-container {position: relative;  box-sizing: border-box; width: 100%; height: 100%; padding: 0; }
.ag-bsp-default .ag-grid-area-container .ag-bsp-default { border-top: 0; border-bottom: 0; }
.ag-bsp-default .ag-grid-area-container .ag-header { background-color: #f4f4f4; }
.ag-bsp-default .ag-grid-area-container .ag-cell-no-focus , .ag-bsp-default .ag-grid-area-container .ag-cell-focus { border-bottom: 1px solid #ddd; }
.ag-bsp-default .ag-grid-area-container .ag-body { background-color: #f4f4f4; }
.ag-bsp-default .full-width-grid { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 45px 40px; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.ag-bsp-default .grid-detail { border-top: 0; border-bottom: 0; }

.grid-detail {position: absolute; z-index: 1; top: 0; right: -100%; bottom: 0;  display: block; box-sizing: border-box; width: 747px; transition: right .3s ease-in-out; border: 2px solid #666; background-color: #fff; }
.grid-detail .btn-close {position: absolute; top: 18px; right: 18px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .grid-detail .btn-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.grid-detail header {font-size: .875rem; font-weight: 700;  display: block; overflow: hidden; padding: 17px 50px 17px 30px; color: #000; background-color: #eee; }
.grid-detail header .grid-detail-title { display: none; }
.grid-detail header .list-info-items { overflow: hidden; }
.grid-detail header .list-info-items > li { display: block; }
.grid-detail header .instance-id {font-size: .875rem; line-height: 1.42857em;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid-detail header .instance-id:before {font-size: .75rem; font-weight: 400; line-height: 1.5em; display: inline-block; width: 45px; margin-top: -2px;  content: 'ID'; vertical-align: middle; }
.grid-detail header .instance-name {font-size: .875rem; line-height: 1.42857em;  display: block; overflow: hidden; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; }
.grid-detail header .instance-name:before {font-size: .75rem; font-weight: 400; line-height: 1.5em; display: inline-block; width: 45px; margin-top: -2px;  content: 'Name'; vertical-align: middle; }
.grid-detail .instance-content {position: relative;  display: block; height: calc(100% - 103px); margin-top: 20px; padding: 0 30px; }
.grid-detail .instance-content .common-tabs { margin: 0 !important; }
.grid-detail .instance-content .scroll {position: absolute; top: 59px; right: 28px; bottom: 0; left: 28px;  display: block; overflow-x: hidden; overflow-y: auto; }
.grid-detail[data-state=open] { right: 0; }

.ag-bsp-default-revert {font-size: .75rem;  position: relative; width: 100%; color: #333; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.ag-bsp-default-revert img { vertical-align: middle; border: 0; }
.ag-bsp-default-revert .ag-cell-not-inline-editing { padding: 2px; }
.ag-bsp-default-revert .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-bsp-default-revert .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-bsp-default-revert .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-bsp-default-revert .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-bsp-default-revert .ag-cell-focus {border-bottom: 1px solid #ddd;  outline: none; }
.ag-bsp-default-revert .ag-cell-no-focus { border-top: 1px solid transparent; border-bottom: 1px solid #ddd; }
.ag-bsp-default-revert .ag-ltr .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-default-revert .ag-rtl .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-bsp-default-revert .ag-rtl .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-ltr .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-rtl .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-default-revert .ag-ltr .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-bsp-default-revert .ag-cell-highlight { border: 1px solid #006400; }
.ag-bsp-default-revert .ag-cell-highlight-animation { transition: border 1s; }
.ag-bsp-default-revert .ag-value-change-delta { padding-right: 2px; }
.ag-bsp-default-revert .ag-value-change-delta-up { color: #006400; }
.ag-bsp-default-revert .ag-value-change-delta-down { color: #8b0000; }
.ag-bsp-default-revert .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-bsp-default-revert .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-bsp-default-revert .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-default-revert .ag-rich-select-value { padding: 2px; }
.ag-bsp-default-revert .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-bsp-default-revert .ag-rich-select-row { padding: 2px; }
.ag-bsp-default-revert .ag-rich-select-row-selected { background-color: #bde2e5; }
.ag-bsp-default-revert .ag-large-text { border: 1px solid #808080; }
.ag-bsp-default-revert .ag-header-select-all {line-height: 0;  padding: 10px 0px 0px 10px; }
.ag-bsp-default-revert .ag-header { font-weight: 700; color: #000; border-bottom: 1px solid #bbb; background-color: transparent; }
.ag-bsp-default-revert .ag-header .ag-pinned-left-header { background-color: #fff; }
.ag-bsp-default-revert .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; color: #000; stroke: none; fill: #000; }
.ag-bsp-default-revert .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-default-revert .ag-header-icon.ag-sort-none-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default-revert .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default-revert .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-default-revert .ag-header-icon.ag-sort-ascending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default-revert .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default-revert .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-default-revert .ag-header-icon.ag-sort-descending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default-revert .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default-revert .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-default-revert .ag-no-scrolls .ag-header-container { border-bottom: 1px solid #808080; }
.ag-bsp-default-revert .ag-ltr .ag-header-cell { text-align: center; }
.ag-bsp-default-revert .ag-header-cell-moving .ag-header-cell-label { opacity: .5; }
.ag-bsp-default-revert .ag-header-cell-resize { width: 3px; background: url('/assets/images/ag_cell_resize@2x.png') center center no-repeat; background-size: 2px 20px; }
.ag-bsp-default-revert .ag-header-cell-moving { background-color: #bebebe; }
.ag-bsp-default-revert .ag-ltr .ag-header-group-cell { border-right: 1px solid #808080; }
.ag-bsp-default-revert .ag-rtl .ag-header-group-cell { border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-header-group-cell-with-group { border-bottom: 1px solid #808080; }
.ag-bsp-default-revert .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 12px 2px 12px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-bsp-default-revert .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-bsp-default-revert .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-bsp-default-revert .ag-header-cell-text { padding-left: 2px; }
.ag-bsp-default-revert .ag-header-group-cell-label { padding: 4px; }
.ag-bsp-default-revert .ag-ltr .ag-header-group-cell-label { padding-left: 10px; }
.ag-bsp-default-revert .ag-rtl .ag-header-group-cell-label { padding-right: 10px; }
.ag-bsp-default-revert .ag-rtl .ag-header-group-text { margin-left: 2px; }
.ag-bsp-default-revert .ag-ltr .ag-header-group-text { margin-right: 2px; }
.ag-bsp-default-revert .ag-header-cell-menu-button {line-height: 0px;  display: none; box-sizing: content-box; margin-top: 4px; margin-right: 1px; margin-left: 1px; padding: 2px; border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-default-revert .ag-ltr .ag-pinned-right-header { border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-rtl .ag-pinned-left-header { border-right: 1px solid #808080; }
.ag-bsp-default-revert .ag-header-cell-menu-button:hover { border: 1px solid #808080; }
.ag-bsp-default-revert .ag-body { background-color: transparent; }
.ag-bsp-default-revert .ag-body .ag-pinned-left-cols-viewport { background-color: #fff; }
.ag-bsp-default-revert .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell { padding: 10px; }
.ag-bsp-default-revert .ag-body .ag-body-viewport .ag-body-container .ag-cell { padding: 10px; }
.ag-bsp-default-revert .ag-row-selected { background-color: rgba(103, 173, 255, .2); }
.ag-bsp-default-revert .ag-floating-top .ag-row { background-color: #f0f0f0; }
.ag-bsp-default-revert .ag-floating-bottom { border-top: 2px solid #000; }
.ag-bsp-default-revert .ag-floating-bottom .ag-row { background-color: #f0f0f0; }
.ag-bsp-default-revert .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row { background-color: #fff; }
.ag-bsp-default-revert .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-default-revert .ag-floating-bottom .ag-floating-bottom-viewport .ag-cell { padding: 10px; border: 0px; }
.ag-bsp-default-revert .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-bsp-default-revert .ag-overlay-loading-center { display: inline-block; width: 50px; height: 50px; animation: rotate .4s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }
.ag-bsp-default-revert .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-bsp-default-revert .ag-overlay-no-rows-center:before {display: block; width: 36px; height: 29px; margin: 0 auto 14px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-default-revert .ag-overlay-no-rows-center:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-default-revert .ag-group-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-ltr .ag-group-expanded { padding-right: 4px; }
.ag-bsp-default-revert .ag-rtl .ag-group-expanded { padding-left: 4px; }
.ag-bsp-default-revert .ag-ltr .ag-group-contracted { padding-right: 4px; }
.ag-bsp-default-revert .ag-rtl .ag-group-contracted { padding-left: 4px; }
.ag-bsp-default-revert .ag-ltr .ag-group-value { padding-right: 2px; }
.ag-bsp-default-revert .ag-rtl .ag-group-value { padding-left: 2px; }
.ag-bsp-default-revert .ag-ltr .ag-group-checkbox { padding-right: 2px; }
.ag-bsp-default-revert .ag-rtl .ag-group-checkbox { padding-left: 2px; }
.ag-bsp-default-revert .ag-group-child-count { display: inline-block; }
.ag-bsp-default-revert .ag-menu {font-size: 14px; cursor: default;  border: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-menu .ag-tab-header { background-color: #e6e6e6; }
.ag-bsp-default-revert .ag-menu .ag-tab {display: inline-block; margin: 2px 2px 0px 2px;  padding: 6px 8px 6px 8px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ag-bsp-default-revert .ag-menu .ag-tab-selected {border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;  background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-bsp-default-revert .ag-menu-option-active { background-color: #bde2e5; }
.ag-bsp-default-revert .ag-menu-option-icon { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default-revert .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default-revert .ag-menu-option-shortcut { padding: 2px 2px 2px 2px; vertical-align: middle; }
.ag-bsp-default-revert .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-default-revert .ag-menu-option-disabled { opacity: .5; }
.ag-bsp-default-revert .ag-menu-column-select-wrapper { margin: 2px; }
.ag-bsp-default-revert .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-bsp-default-revert .ag-filter-header-container { border-bottom: 1px solid #d3d3d3; }
.ag-bsp-default-revert .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-bsp-default-revert .ag-filter-value { margin-left: 4px; }
.ag-bsp-default-revert .ag-ltr .ag-selection-checkbox { padding-right: 8px; }
.ag-bsp-default-revert .ag-rtl .ag-selection-checkbox { padding-left: 4px; }
.ag-bsp-default-revert .ag-paging-panel { padding: 4px; }
.ag-bsp-default-revert .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-bsp-default-revert .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-bsp-default-revert .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-bsp-default-revert .ltr .ag-tool-panel { border-right: 1px solid #808080; }
.ag-bsp-default-revert .rtl .ag-tool-panel { border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-status-bar {font-size: 14px; height: 22px; padding: 2px;  color: #222; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-status-bar-aggregations { float: right; }
.ag-bsp-default-revert .ag-status-bar-item { padding-left: 10px; }
.ag-bsp-default-revert .ag-column-drop-cell { color: #000; border: 1px solid #808080; }
.ag-bsp-default-revert .ag-column-drop-cell-ghost { opacity: .5; }
.ag-bsp-default-revert .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-default-revert .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-default-revert .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-bsp-default-revert .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-bsp-default-revert .ag-column-drop-icon { margin: 3px; }
.ag-bsp-default-revert .ag-column-drop { background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-column-drop-horizontal { padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-bsp-default-revert .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-bsp-default-revert .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-bsp-default-revert .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-bsp-default-revert .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-default-revert .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-bsp-default-revert .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-default-revert .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-default-revert .ag-select-agg-func-item:hover { background-color: #bde2e5; }

.ag-bespin-global .ag-cell-focus.ag-cell.ag-cell-value.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-inline-editing input { height: 36px; direction: RTL; }

.ag-add-filter {font-size: .75rem; position: relative;  overflow: hidden; width: 100%; color: #333; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.ag-add-filter img { vertical-align: middle; border: 0; }
.ag-add-filter .ag-cell-not-inline-editing { padding: 2px; }
.ag-add-filter .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-add-filter .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-add-filter .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-add-filter .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-add-filter .ag-cell-focus {border-bottom: 1px solid #f0f0f0;  outline: none; }
.ag-add-filter .ag-cell-focus input { text-align: inherit; }
.ag-add-filter .ag-cell-focus input:focus {font-size: inherit; width: 100%; height: inerit; margin: -10px; padding: 10px; outline: 0; background: #fff;  box-shadow: inset 0 0 0 2px #007aff; }
.ag-add-filter .ag-cell-no-focus { border-top: 1px solid transparent; border-bottom: 1px solid #f0f0f0; }
.ag-add-filter .ag-ltr .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-add-filter .ag-rtl .ag-cell-no-focus { border-right: 1px solid transparent; border-left: 1px solid transparent; }
.ag-add-filter .ag-rtl .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-add-filter .ag-ltr .ag-cell-first-right-pinned { border-left: 1px solid #808080; }
.ag-add-filter .ag-rtl .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-add-filter .ag-ltr .ag-cell-last-left-pinned { border-right: 1px solid transparent; }
.ag-add-filter .ag-cell-highlight { border: 1px solid #006400; }
.ag-add-filter .ag-cell-highlight-animation { transition: border 1s; }
.ag-add-filter .ag-value-change-delta { padding-right: 2px; }
.ag-add-filter .ag-value-change-delta-up { color: #006400; }
.ag-add-filter .ag-value-change-delta-down { color: #8b0000; }
.ag-add-filter .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-add-filter .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-add-filter .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-add-filter .ag-rich-select-value { padding: 2px; }
.ag-add-filter .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-add-filter .ag-rich-select-row { padding: 2px; }
.ag-add-filter .ag-rich-select-row-selected { background-color: #bde2e5; }
.ag-add-filter .ag-large-text { border: 1px solid #808080; }
.ag-add-filter .ag-header-select-all {line-height: 0;  padding: 11px 0px 0px 3px; }
.ag-add-filter .ag-header { font-weight: 700; color: #000; border-bottom: 1px solid #ccc; background-color: transparent; }
.ag-add-filter .ag-header .ag-pinned-left-header { background-color: #fff; }
.ag-add-filter .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; color: #000; stroke: none; fill: #000; }
.ag-add-filter .ag-header-icon.ag-filter-icon { margin: 0; }
.ag-add-filter .ag-header-icon.ag-filter-icon svg { display: none; }
.ag-add-filter .ag-header-icon.ag-hidden { display: block; }
.ag-add-filter .ag-header-icon.ag-sort-none-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-add-filter .ag-header-icon.ag-sort-ascending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-add-filter .ag-header-icon.ag-sort-descending-icon {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-add-filter .ag-no-scrolls .ag-header-container { border-bottom: 1px solid #808080; }
.ag-add-filter .ag-header-cell-moving .ag-header-cell-label { opacity: .5; }
.ag-add-filter .ag-header-cell-resize { width: 3px; background: url('/assets/images/ag_cell_resize@2x.png') center center no-repeat; background-size: 2px 20px; }
.ag-add-filter .ag-header-cell-moving { background-color: #bebebe; }
.ag-add-filter .ag-ltr .ag-header-group-cell { border-right: 0px; }
.ag-add-filter .ag-rtl .ag-header-group-cell { border-left: 0px; }
.ag-add-filter .ag-header-group-cell-with-group { border-bottom: 0px; }
.ag-add-filter .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 13px 2px 12px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-add-filter .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-add-filter .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-add-filter .ag-header-cell-text { padding-left: 2px; }
.ag-add-filter .ag-header-group-cell-label {line-height: 40px;  padding: 4px; }
.ag-add-filter .ag-ltr .ag-header-group-cell-label { padding-left: 10px; }
.ag-add-filter .ag-rtl .ag-header-group-cell-label { padding-right: 10px; }
.ag-add-filter .ag-rtl .ag-header-group-text { margin-left: 2px; }
.ag-add-filter .ag-ltr .ag-header-group-text { margin-right: 2px; }
.ag-add-filter .ag-header-cell-menu-button {line-height: 0px;  position: relative; display: block; box-sizing: content-box; margin-top: 10px; margin-right: 1px; margin-left: 1px; padding: 2px; opacity: 1 !important; border: 1px solid transparent; border-radius: 3px; }
.ag-add-filter .ag-header-cell-menu-button:after {position: absolute; top: 50%; right: 5px; width: 16px; height: 16px;  content: ''; transform: translateY(-50%); background-image: url(/assets/images/sprites.png); background-position: -696px -309px; background-size: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-header-cell-menu-button:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-header-cell-menu-button svg { opacity: 0; }
.ag-add-filter .ag-ltr .ag-pinned-right-header { border-left: 1px solid #808080; }
.ag-add-filter .ag-rtl .ag-pinned-left-header { border-right: 1px solid #808080; }
.ag-add-filter .ag-header-cell-menu-button:hover { border: 1px solid transparent; }
.ag-add-filter .ag-body { background-color: transparent; }
.ag-add-filter .ag-body .ag-pinned-left-cols-viewport { background-color: #fff; }
.ag-add-filter .ag-body .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container .ag-cell { padding: 10px; }
.ag-add-filter .ag-body .ag-body-viewport .ag-body-container .ag-cell {line-height: 20px;  padding: 10px; }
.ag-add-filter .ag-row-selected { background-color: rgba(103, 173, 255, .2); }
.ag-add-filter .ag-floating-top .ag-row { background-color: #f0f0f0; }
.ag-add-filter .ag-floating-bottom { border-top: 2px solid #000; }
.ag-add-filter .ag-floating-bottom .ag-row { background-color: #f0f0f0; }
.ag-add-filter .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row { background-color: #fff; }
.ag-add-filter .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-cell { padding: 10px; border: 0px; }
.ag-add-filter .ag-floating-bottom .ag-floating-bottom-viewport .ag-cell { padding: 10px; border: 0px; }
.ag-add-filter .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-add-filter .ag-overlay-loading-center { display: inline-block; width: 50px; height: 50px; animation: rotate .4s infinite linear; text-indent: -9999px; border: 2px solid #000; border-left-color: transparent; border-radius: 50%; }
.ag-add-filter .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-add-filter .ag-overlay-no-rows-center:before {display: block; width: 36px; height: 29px; margin: 0 auto 14px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-overlay-no-rows-center:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-group-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-add-filter .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-add-filter .ag-ltr .ag-group-expanded { padding-right: 4px; }
.ag-add-filter .ag-rtl .ag-group-expanded { padding-left: 4px; }
.ag-add-filter .ag-ltr .ag-group-contracted { padding-right: 4px; }
.ag-add-filter .ag-rtl .ag-group-contracted { padding-left: 4px; }
.ag-add-filter .ag-ltr .ag-group-value { padding-right: 2px; }
.ag-add-filter .ag-rtl .ag-group-value { padding-left: 2px; }
.ag-add-filter .ag-ltr .ag-group-checkbox { padding-right: 2px; }
.ag-add-filter .ag-rtl .ag-group-checkbox { padding-left: 2px; }
.ag-add-filter .ag-group-child-count { display: inline-block; }
.ag-add-filter .ag-menu {font-size: 14px; cursor: default;  border: 1px solid #e6e6e6; background-color: #fff; }
.ag-add-filter .ag-menu .ag-tab-header {border-bottom: 1px solid #e6e6e6;  background-color: #f4f4f4; }
.ag-add-filter .ag-menu .ag-tab {display: inline-block; margin: 2px 2px 0px 2px;  padding: 6px 8px 6px 8px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ag-add-filter .ag-menu .ag-tab-selected { position: relative; margin-bottom: -1px; border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background-color: #fff; }
.ag-add-filter .ag-menu .ag-tab-selected:after {position: absolute; top: 50%; right: 6px; width: 16px; height: 16px;  content: ''; transform: translateY(-50%); background-image: url(/assets/images/sprites.png); background-position: -696px -309px; background-size: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-add-filter .ag-menu .ag-tab-selected:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-add-filter .ag-menu .ag-tab-selected svg { opacity: 0; }
.ag-add-filter .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-add-filter .ag-menu-option-active { background-color: #bde2e5; }
.ag-add-filter .ag-menu-option-icon { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-add-filter .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-add-filter .ag-menu-option-shortcut { padding: 2px 2px 2px 2px; vertical-align: middle; }
.ag-add-filter .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-add-filter .ag-menu-option-disabled { opacity: .5; }
.ag-add-filter .ag-menu-column-select-wrapper { margin: 2px; }
.ag-add-filter .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-add-filter .ag-filter-header-container { border-bottom: 1px solid #d3d3d3; }
.ag-add-filter .ag-filter-header-container label input[type=checkbox] { background-color: #fff; }
.ag-add-filter .ag-filter-header-container label input[type=checkbox] + .ag-filter-value {font-size: .75rem;  position: relative; padding-left: 18px; }
.ag-add-filter .ag-filter-header-container label input[type=checkbox] + .ag-filter-value:before {position: absolute; top: 50%; left: 0; display: inline-block; width: 15px; height: 15px;  content: ''; transform: translateY(-50%); background: url('/assets/images/checkbox_normal.png') no-repeat; }
.ag-add-filter .ag-filter-header-container label input[type=checkbox]:checked + .ag-filter-value:before { background: url('/assets/images/checkbox_checked.png') no-repeat; }
.ag-add-filter .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-add-filter .ag-filter-value {font-size: .875rem; line-height: 1.5rem;  margin-left: 4px; }
.ag-add-filter .ag-ltr .ag-selection-checkbox { margin-top: -2px; padding-right: 8px; }
.ag-add-filter .ag-rtl .ag-selection-checkbox { padding-left: 4px; }
.ag-add-filter .ag-paging-panel { padding: 4px; }
.ag-add-filter .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-add-filter .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-add-filter .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-add-filter .ltr .ag-tool-panel { border-right: 1px solid #808080; }
.ag-add-filter .rtl .ag-tool-panel { border-left: 1px solid #808080; }
.ag-add-filter .ag-status-bar {font-size: 14px; height: 22px; padding: 2px;  color: #222; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #f6f6f6; }
.ag-add-filter .ag-status-bar-aggregations { float: right; }
.ag-add-filter .ag-status-bar-item { padding-left: 10px; }
.ag-add-filter .ag-column-drop-cell { color: #000; border: 1px solid #808080; }
.ag-add-filter .ag-column-drop-cell-ghost { opacity: .5; }
.ag-add-filter .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-add-filter .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-add-filter .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-add-filter .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-add-filter .ag-column-drop-icon { margin: 3px; }
.ag-add-filter .ag-column-drop { background-color: #f6f6f6; }
.ag-add-filter .ag-column-drop-horizontal { padding: 2px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-add-filter .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-add-filter .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-add-filter .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-add-filter .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-add-filter .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-add-filter .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-add-filter .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-add-filter .ag-select-agg-func-item:hover { background-color: #bde2e5; }
.ag-add-filter .ag-grid-area-container {position: relative;  box-sizing: border-box; width: 100%; height: 100%; padding: 0; }
.ag-add-filter .ag-grid-area-container .ag-filter-customize { border-top: 0; border-bottom: 0; }
.ag-add-filter .ag-grid-area-container .ag-header { background-color: #f4f4f4; }
.ag-add-filter .ag-grid-area-container .ag-cell-no-focus , .ag-add-filter .ag-grid-area-container .ag-cell-focus { border-bottom: 1px solid #ddd; }
.ag-add-filter .ag-grid-area-container .ag-body { background-color: #f4f4f4; }
.ag-add-filter .full-width-grid { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 45px 40px; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.ag-add-filter .grid-detail { border-top: 0; border-bottom: 0; }
.ag-add-filter .ag-menu { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ag-add-filter .ag-menu-column-select-wrapper {overflow: auto;  width: 200px; height: 300px; }
.ag-add-filter .ag-menu-list { display: table; border-collapse: collapse; }
.ag-add-filter .ag-menu-option { display: table-row; }
.ag-add-filter .ag-menu-option-text { display: table-cell; }
.ag-add-filter .ag-menu-option-shortcut { display: table-cell; }
.ag-add-filter .ag-menu-option-icon { display: table-cell; }
.ag-add-filter .ag-menu-option-popup-pointer { display: table-cell; }
.ag-add-filter .ag-menu-separator { display: table-row; }
.ag-add-filter .ag-menu-separator-cell { display: table-cell; }
.ag-add-filter .ag-virtual-list-viewport { overflow-x: auto; width: 100%; height: 100%; }
.ag-add-filter .ag-virtual-list-container { position: relative; overflow: hidden; }
.ag-add-filter .ag-rich-select { outline: none; }
.ag-add-filter .ag-rich-select-row { white-space: nowrap; }
.ag-add-filter .ag-rich-select-list { width: 200px; height: 200px; }
.ag-add-filter .ag-set-filter-list { width: 200px; height: 200px; }
.ag-add-filter .ag-set-filter-item {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
.ag-add-filter .ag-set-filter-item input[type=checkbox] { background-color: #fff; }
.ag-add-filter .ag-set-filter-item input[type=checkbox] + .ag-filter-value {font-size: .75rem !important;  position: relative; padding-left: 23px; }
.ag-add-filter .ag-set-filter-item input[type=checkbox] + .ag-filter-value:before {position: absolute; top: 50%; left: 3px; display: inline-block; width: 15px; height: 15px;  content: ''; transform: translateY(-50%); background: url('/assets/images/checkbox_normal.png') no-repeat; }
.ag-add-filter .ag-set-filter-item input[type=checkbox]:checked + .ag-filter-value:before { background: url('/assets/images/checkbox_checked.png') no-repeat; }
.ag-add-filter .ag-virtual-list-item { position: absolute; width: 100%; }
.ag-add-filter .ag-filter-filter { width: calc(100% - 8px); margin: 4px; }
.ag-add-filter .ag-filter-filter[type=text] {font-size: .875rem; font-weight: 400; line-height: 28px;  height: 30px; }
.ag-add-filter .ag-filter-select { width: 110px; margin: 4px 4px 0px 4px; }

.grid-detail {position: absolute; z-index: 1; top: 0; right: -100%; bottom: 0;  display: block; box-sizing: border-box; width: 747px; transition: right .3s ease-in-out; border: 2px solid #666; background-color: #fff; }
.grid-detail.sec-label header .instance-id:before {width: 85px;  content: 'Project name'; }
.grid-detail.sec-label header .instance-name:before {width: 85px;  content: 'Server name'; }
.grid-detail .btn-close {position: absolute; top: 18px; right: 18px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .grid-detail .btn-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.grid-detail header {font-size: .875rem; font-weight: 700;  display: block; overflow: hidden; padding: 17px 50px 17px 30px; color: #000; background-color: #eee; }
.grid-detail header .grid-detail-title { display: none; }
.grid-detail header .list-info-items { overflow: hidden; }
.grid-detail header .list-info-items > li { display: block; }
.grid-detail header .instance-id {font-size: .875rem; line-height: 1.42857em;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid-detail header .instance-id:before {font-size: .75rem; font-weight: 400; line-height: 1.5em; display: inline-block; width: 45px; margin-top: -2px;  content: 'ID'; vertical-align: middle; }
.grid-detail header .instance-name {font-size: .875rem; line-height: 1.42857em;  display: block; overflow: hidden; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; }
.grid-detail header .instance-name:before {font-size: .75rem; font-weight: 400; line-height: 1.5em; display: inline-block; width: 45px; margin-top: -2px;  content: 'Name'; vertical-align: middle; }
.grid-detail header .instance-time {font-size: .875rem; line-height: 1.42857em;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid-detail header .instance-time:before {font-size: .75rem; font-weight: 400; line-height: 1.5em; display: inline-block; width: 45px; margin-top: -2px;  content: 'Time'; vertical-align: middle; }
.grid-detail .instance-content {position: relative;  display: block; height: calc(100% - 103px); margin-top: 20px; padding: 0 30px; }
.grid-detail .instance-content .common-tabs { margin: 0 !important; }
.grid-detail .instance-content .scroll {position: absolute; top: 59px; right: 28px; bottom: 0; left: 28px;  display: block; overflow-x: hidden; overflow-y: auto; }
.grid-detail div.tbl-instance-info { border: 0; }
.grid-detail div.tbl-instance-info h2 { font-size: .75rem; font-weight: 700; padding: 20px 0 5px; }
.grid-detail div.tbl-instance-info .am-chart[data-state=none] { border: 2px dashed rgba(151, 151, 151, .25); }
.grid-detail .button-wrapper {position: absolute; top: 18px; right: 18px;  display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.grid-detail .button-wrapper.separator > * { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.grid-detail .button-wrapper.separator > *:first-child:before { content: none; }
.grid-detail .button-wrapper.separator > *:before {display: inline-block; width: 1px; height: 20px; margin: 0 10px;  content: ''; background-color: #343434; }
.grid-detail .button-wrapper .btn-close { position: static; }
.grid-detail button.extra.back_to_list {font-size: .75rem; line-height: 33px;  height: 33px; margin-left: 25px; padding-left: 20px; transition: all .3s; color: #666; background: url('/assets/images/arrow_left_tail_gray_transparent_13_12.png') left center no-repeat transparent; background-size: 13px 12px; }
.grid-detail button.extra.back_to_list:hover { color: #000; }
.grid-detail button.extra.view_more { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/arrow_leff_diagonal_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px; background-size: 16px 16px; }
.grid-detail button.extra.view_more:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.grid-detail button.extra.close { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/x_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px 16px; }
.grid-detail button.extra.close:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.grid-detail button.extra.close:after { display: none; }
.grid-detail .back_to_list_wrapper { display: none; height: 30px; -ms-flex-align: center; align-items: center; }
.grid-detail .time-set { font-size: .75rem; line-height: 1.5; }
.grid-detail .time-set label { color: #999; }
.grid-detail .time-set time {font-weight: 700;  color: #000; }
.grid-detail[data-grid='wide'] {right: 0;  left: 0; width: auto; transition: none; }
.grid-detail[data-grid='wide'] .back_to_list_wrapper { display: -ms-flexbox; display: flex; }
.grid-detail[data-grid='wide'] .button-wrapper { top: 48px; }
.grid-detail[data-grid='wide'] .instance-content .scroll { padding-bottom: 30px; }
.grid-detail.performance[data-state=open] { left: 170px; width: auto; }
.grid-detail[data-state=open] { right: 0; }

.jconfirm {font-family: inherit; position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0;  overflow: hidden; }

.jconfirm.jconfirm-theme-bsp .jconfirm-bg {position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: opacity .3s ease-out !important;  opacity: .8; background-color: #0b0b0b; }
.jconfirm.jconfirm-theme-bsp .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; }

.jconfirm.jconfirm-theme-bsp .jconfirm-box {position: relative; overflow: auto; overflow-x: hidden;  box-sizing: border-box; width: 500px; max-height: 800px; margin: 0 auto; padding: 44px 50px 50px 50px; transition: transform .2s ease-out, opacity .2s ease-out !important; transform: translateY(0) perspective(600px) rotateX(0); opacity: 1; border: 2px solid #000; outline: none; background-color: #fff; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon {position: absolute; z-index: 1; top: 50px; right: 50px; display: block; width: 24px; height: 24px;  cursor: pointer; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -367px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 24px; height: 24px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -397px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon:hover:after { opacity: 1; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-closeIcon[disabled] { opacity: .3; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c {position: relative;  display: block; padding-bottom: 18px; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c .jconfirm-title { font-size: 1.25rem; font-weight: 700; line-height: 1.5em; color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c .jconfirm-title:before {position: absolute; bottom: 0; left: 0; display: block; width: 60px; height: 3px;  content: ''; background-color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content-pane {min-height: 100px;  margin-top: 37px; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content { font-size: 1rem; line-height: 1.5625em; word-wrap: break-word; color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content strong { font-weight: 700; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons { display: -ms-flexbox; display: flex; margin-top: 50px; text-align: center; -ms-flex-pack: center; justify-content: center; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button {font-size: .875rem; font-weight: 700; line-height: 46px;  display: inline-block; box-sizing: border-box; min-width: 190px; max-width: 200px; height: 50px; transition: color .3s ease-in-out; text-align: center; color: #fff; border: 2px solid #000; border-radius: 4px; background-color: #000; -ms-flex: 1; flex: 1; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button:hover { color: rgba(255, 255, 255, .6); }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button[disabled] { color: rgba(255, 255, 255, .3); border: 2px solid #747474; background-color: #747474; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-submit { border: 2px solid #1886ff; background-color: #1886ff; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-submit[disabled] { border: 2px solid #8fc6fe; background-color: #8fc6fe; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-delete { color: #fff; border: 2px solid #ff2d47; background-color: #ff2d47; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-delete:hover { color: rgba(255, 255, 255, .6); }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button + button { margin-left: 20px; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box.jconfirm-animation-default {transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }


.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track , .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before , .slick-track:after {display: table;  content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide {display: none;  float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.select2-container {position: relative; display: inline-block;  box-sizing: border-box; margin: 0; vertical-align: middle; }
.select2-container .select2-selection--single {display: block;  box-sizing: border-box; height: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered { display: block; overflow: hidden; padding: 0 35px 0 10px; white-space: nowrap; text-overflow: ellipsis; }
.select2-container .select2-selection--single .select2-selection__clear { position: relative; }
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered { padding: 0 35px 0 10px; }
.select2-container .select2-selection--multiple {display: block;  box-sizing: border-box; min-height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; white-space: nowrap; text-overflow: ellipsis; }
.select2-container .select2-search--inline { float: left; }
.select2-container .select2-search--inline .select2-search__field {font-size: 100%;  box-sizing: border-box; margin-top: 5px; padding: 0; border: none; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown {position: absolute; z-index: 1051; top: -20px; left: -100000px; display: block; box-sizing: border-box; width: 100%; transition: opacity .3s ease-in-out, top .3s ease-in-out; opacity: 0; border: 1px solid #bbb; border-radius: 0px;  background-color: white; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); }
.select2-dropdown.fullwidth { width: 100% !important; }

.select2-results { display: block; padding: 1px; }

.select2-results__options {margin: 0; padding: 0;  list-style: none; }

.select2-results__option {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0 0 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000; }
.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { top: 0; right: 0; left: 0; opacity: 1; }

.select2-search--dropdown {position: relative;  display: block; padding: 1px; }
.select2-search--dropdown:before {position: absolute; z-index: 1; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -63px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .select2-search--dropdown:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.select2-search--dropdown .select2-search__field {font-size: .875rem; font-weight: 500; line-height: 24px; box-sizing: border-box; width: 100%; height: 24px;  padding-left: 30px; color: #000; border-bottom: 1px solid #e7e7e7; box-shadow: none; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
.select2-search--dropdown .select2-search__field:focus { box-shadow: none; }
.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask {position: fixed; z-index: 99; top: 0; left: 0; display: block; width: auto; min-width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; opacity: 0;  border: 0; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible {position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important;  border: 0 !important; }

.select2-container--default .select2-selection--single {border: 1px solid #e4e4e4; border-radius: 0px;  background-color: #fff; }
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: .875rem; font-weight: 500; line-height: 38px; color: #000; }
.select2-container--default .select2-selection--single .select2-selection__clear {font-weight: bold; float: right;  cursor: pointer; }
.select2-container--default .select2-selection--single .select2-selection__arrow {position: absolute; top: 1px; right: 1px; width: 30px;  height: 38px; transition: transform .3s ease-in-out; background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 30px 40px; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {right: auto;  left: 1px; }

.select2-container--default.select2-container--disabled .select2-selection--single {cursor: default;  background-color: #eee; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotateX(-180deg); }

.select2-container--default .select2-selection--multiple {cursor: text; border: 1px solid #aaa; border-radius: 4px;  background-color: white; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; width: 100%; margin: 0; padding: 0 5px; list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {float: left; margin-top: 5px;  color: #999; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {font-weight: bold; float: right; margin-top: 5px; margin-right: 10px;  cursor: pointer; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {float: left; margin-top: 5px; margin-right: 5px; padding: 0 5px; cursor: default; border: 1px solid #aaa; border-radius: 4px;  background-color: #e4e4e4; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {font-weight: bold; display: inline-block; margin-right: 2px; cursor: pointer;  color: #999; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice , .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder , .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {margin-right: auto;  margin-left: 5px; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {margin-right: auto;  margin-left: 2px; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {cursor: default;  background-color: #eee; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default .select2-search--inline .select2-search__field {border: none; outline: 0;  background: transparent; box-shadow: none; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {overflow-y: auto;  max-height: 200px; }

.select2-container--default .select2-results__option { white-space: nowrap; }
.select2-container--default .select2-results__option .country-code { display: inline-block; min-width: 40px; padding-right: 8px; }
.select2-container--default .select2-results__option[role=group] { padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #e7e7e7; }
.select2-container--default .select2-results__option .select2-results__option { padding-left: 10px; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -10px; padding-left: 20px; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -20px; padding-left: 30px; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -30px; padding-left: 40px; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -40px; padding-left: 50px; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -50px; padding-left: 60px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #e7e7e7; }

.select2-container--default .select2-results__group {display: block; padding: 6px;  cursor: default; }


span.multiselect-native-select { position: relative; }

span.multiselect-native-select select {position: absolute !important; top: 30px; left: 50%; overflow: hidden !important; clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; margin: -1px -1px -1px -3px !important; padding: 0 !important;  border: 0 !important; }

.multiselect-container { position: absolute; margin: 0; padding: 0; list-style-type: none; }
.multiselect-container .input-group { margin: 5px; }
.multiselect-container > li { padding: 0; }
.multiselect-container > li > a.multiselect-all label { font-weight: bold; }
.multiselect-container > li.multiselect-group label {font-weight: bold; height: 100%;  margin: 0; padding: 3px 20px 3px 20px; }
.multiselect-container > li.multiselect-group-clickable label { cursor: pointer; }
.multiselect-container > li > a { padding: 0; }
.multiselect-container > li > a > label {font-weight: normal; height: 100%;  margin: 0; padding: 3px 20px 3px 40px; cursor: pointer; }
.multiselect-container > li > a > label.radio , .multiselect-container > li > a > label.checkbox { margin: 0; }
.multiselect-container > li > a > label > input[type='checkbox'] { margin-bottom: 5px; }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.form-inline .multiselect-container label.checkbox , .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; }

.form-inline .multiselect-container li a label.checkbox input[type='checkbox'] , .form-inline .multiselect-container li a label.radio input[type='radio'] {margin-right: 0;  margin-left: -20px; }

.console_brokerage .search-report-subscription.cost-optimization span.multiselect-native-select .multiselect-container.dropdown-menu { min-width: 245px; }

.servicegroup-multiselect { margin-top: 14px; }
.servicegroup-multiselect .multiselect-native-select { width: 100%; }
.servicegroup-multiselect .multiselect-native-select select + .btn-group .multiselect {font-size: .75rem; font-weight: 400;  white-space: inherit; }
.servicegroup-multiselect .multiselect-native-select select + .btn-group .multiselect-container.dropdown-menu > li > a > label.checkbox { font-size: .75rem; font-weight: 400; line-height: inherit; height: inherit; margin: 0; padding-top: 6px; padding-bottom: 6px; word-break: break-all; -ms-flex: 1; flex: 1; }

.multiselect-native-select select.filter + .btn-group {position: relative; top: 0; right: 0; bottom: 0; left: 0;  display: block; }
.multiselect-native-select select.filter + .btn-group .multiselect:focus { box-shadow: inset 0 0 0 0px #007aff; }
.multiselect-native-select select.filter + .btn-group .multiselect .multiselect-selected-text {font-size: .75rem; font-weight: 700;  line-height: 1.875rem; color: #666; }
.multiselect-native-select select.filter + .btn-group .multiselect:after {width: 16px; height: 16px; margin-top: -8px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -309px; background-size: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select select.filter + .btn-group .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: auto; left: 50%;  display: none; float: left; box-sizing: border-box; min-width: auto; padding: 1px; padding: 5px 0; transform: translateX(-50%); border: 1px solid #e4e4e4; border-radius: 2px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, .3); }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu:before {position: absolute; top: -4px; left: 50%; width: 10px; height: 11px;  content: ''; transform: translateY(-50%); background-image: url(/assets/images/sprites.png); background-position: -739px -216px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu .filter-btn {font-size: .75rem; font-weight: 500; line-height: 1.75rem; display: block; width: calc( 100% - 12px); margin: 6px 6px 0; color: #000; border: 1px solid #e6e6e6;  background-color: #eee; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; border-bottom: 1px solid #e7e7e7; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu ul { display: block; overflow-y: auto; max-height: 334px; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li { padding: 0; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li a { padding: 0 5px; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox { height: auto; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:before , .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:after {left: 5px;  margin-top: 0; }
.multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li label {font-size: .75rem; line-height: 1.375rem; overflow: hidden;  padding: 0 10px 0 25px; text-align: left; text-overflow: ellipsis; }
.multiselect-native-select select.filter + .btn-group.open .multiselect:after {width: 16px; height: 16px;  transform: rotateX(0deg); background-image: url(/assets/images/sprites.png); background-position: -696px -331px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select select.filter + .btn-group.open .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select select.filter + .btn-group.open .dropdown-menu { display: block; }

.multiselect-native-select {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: inline-block; vertical-align: top; }
.multiselect-native-select select[invalid] + .btn-group .multiselect { box-shadow: inset 0 0 0 2px #ff2d47; }
.multiselect-native-select select[data-state=optionDefault] + .btn-group .multiselect { white-space: inherit; }
.multiselect-native-select select[data-state=optionDefault] + .btn-group .dropdown-menu > li > a > label { font-size: .875rem; line-height: inherit; height: inherit; margin: 0; padding: 5.5px 0; word-break: break-all; -ms-flex: 1; flex: 1; }
.multiselect-native-select select[data-view=small] + .btn-group .multiselect {font-size: .75rem; font-weight: 500; line-height: 22px;  display: inline-block; overflow: hidden; box-sizing: border-box; width: 150px; max-width: 100%; height: 24px; padding: 0 15px 0 10px; text-align: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; background-color: #e6e6e6; }
.multiselect-native-select .btn-group {position: relative; top: 0; right: 0; bottom: 0; left: 0;  display: block; }
.multiselect-native-select .btn-group .multiselect { display: block; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 120px; height: 100%; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; }
.multiselect-native-select .btn-group .multiselect:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.multiselect-native-select .btn-group .multiselect:focus { box-shadow: inset 0 0 0 2px #007aff; }
.multiselect-native-select .btn-group .multiselect.disabled { opacity: .3; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: 0; left: 0;  display: none; float: left; box-sizing: border-box; min-width: 200px; padding: 1px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; border-bottom: 1px solid #e7e7e7; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li { padding: 0; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li > a {position: relative;  display: block; padding: 0px 10px; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li > a:focus { outline: 0; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li > a:hover { background-color: #e6e6e6; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox {font-size: .875rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 35px; cursor: pointer; white-space: nowrap; color: #000; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.multiselect-group { border-top: 1px solid #e7e7e7; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.multiselect-group > a > label {font-size: .875rem; font-weight: 500; line-height: 15px; position: relative;  display: block; height: 15px; padding: 8px 0px 7px 0px; white-space: nowrap; color: #000; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.multiselect-group > a .caret-container {position: absolute; top: 50%; right: 10px;  display: block; width: 20px; height: 30px; margin-top: -15px; background-image: url(/assets/images/sprites.png); background-position: -154px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.multiselect-group > a .caret-container { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-native-select .btn-group.open .multiselect:after { transform: rotateX(180deg); }
.multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.multiselect-native-select .btn-group.small { display: inline-block; }
.multiselect-native-select .btn-group.small .multiselect {font-size: .75rem; font-weight: 500; line-height: 24px; position: relative;  display: inline-block; width: auto; height: 24px; padding: 0 30px 0 8px; text-indent: 0; color: #000; border: 0px; background: #e6e6e6 url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 30px 40px; }
.multiselect-native-select .btn-group.small .multiselect-container.dropdown-menu > li > a > label { padding-left: 0; }
.multiselect-native-select .btn-group.small .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }


.btn-group.default { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.default .multiselect {font-size: .875rem; font-weight: 500; line-height: 38px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.btn-group.default .multiselect-container.dropdown-menu { position: absolute; right: auto; overflow-y: auto; width: auto; min-width: 100%; max-height: 250px; }
.btn-group.default .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; }
.btn-group.default .multiselect-container.dropdown-menu .input-group .multiselect-search {line-height: 28px; width: 100%; height: 30px;  margin: 0; padding-left: 20px; background-size: 14px 14px; box-shadow: none; bbackground: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; }
.btn-group.default .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.btn-group.default .multiselect-container.dropdown-menu .input-group .input-group-btn {position: absolute; top: 50%; right: 0;  display: block; }
.btn-group.default .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.btn-group.default .multiselect-container.dropdown-menu > li > a > label {line-height: 30px;  display: block; height: 30px; padding: 0; }
.btn-group.default .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.default .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }

.btn-group.general-multiselect { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.general-multiselect.severity { width: 180px; }
.btn-group.general-multiselect.severity .severity-wrap { margin-left: 4px; }
.btn-group.general-multiselect.severity .severity-wrap button { margin-left: 4px; }
.btn-group.general-multiselect.severity .severity-wrap.low button { opacity: .2; }
.btn-group.general-multiselect.severity .severity-wrap.low button:first-child { opacity: 1; }
.btn-group.general-multiselect.severity .severity-wrap.medium button { opacity: .2; }
.btn-group.general-multiselect.severity .severity-wrap.medium button:first-child , .btn-group.general-multiselect.severity .severity-wrap.medium button:nth-of-type(2) { opacity: 1; }
.btn-group.general-multiselect.severity .severity-wrap.high button { opacity: .2; }
.btn-group.general-multiselect.severity .severity-wrap.high button:first-child , .btn-group.general-multiselect.severity .severity-wrap.high button:nth-of-type(2) , .btn-group.general-multiselect.severity .severity-wrap.high button:nth-of-type(3) { opacity: 1; }
.btn-group.general-multiselect .multiselect {font-size: .875rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #222; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu { position: absolute; right: auto; overflow-y: auto; width: auto; min-width: 100%; max-height: 250px; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu .input-group .multiselect-search {line-height: 28px; width: 100%; height: 30px;  margin: 0; padding-left: 20px; background-size: 14px 14px; box-shadow: none; bbackground: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.btn-group.general-multiselect .multiselect-container.dropdown-menu .input-group .input-group-btn {position: absolute; top: 50%; right: 0;  display: block; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu > li > a > label {font-size: .75rem; line-height: 24px;  display: block; height: 24px; padding: 0; color: #222; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu > li > a .checkbox {line-height: 22px; height: 24px; padding: 0 0 0 35px;  white-space: normal; word-break: break-all; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.general-multiselect .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.btn-group.general-multiselect.optgroup .multiselect-container { max-height: 400px; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li > a .caret-container.reverse { transform: rotate(180deg); }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch { border: 0; border-bottom: 1px solid #d5d9db; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .ing , .btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .delete {position: relative;  background: #f8f8f8; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .ing:before {font-size: 10px; line-height: 20px; display: block; padding-left: 39px;  content: attr(data-head); color: #666; background-color: #eee; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .ing + .ing:before { display: none; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .delete:before {font-size: 10px; line-height: 2em; display: block; padding-left: 39px;  content: attr(data-head); color: #666; background-color: #eee; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.subscribe-bunch ~ .delete + .delete:before { display: none; }
.btn-group.general-multiselect.optgroup .multiselect-container.dropdown-menu > li.delete + .multiselect-item.multiselect-group { margin-top: 0 !important; }


.btn-group.country-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.country-code .multiselect {font-size: .875rem; font-weight: 500; line-height: 38px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.btn-group.country-code.drop-up .multiselect-container.dropdown-menu { transform: translateY(-6px); }
.btn-group.country-code.drop-up .multiselect-container.dropdown-menu.no-search { transform: translateY(259px); }
.btn-group.country-code .multiselect-container.dropdown-menu { position: absolute; right: auto; overflow: hidden; overflow-y: auto; width: auto; min-width: 100%; max-height: 300px; }
.btn-group.country-code .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; }
.btn-group.country-code .multiselect-container.dropdown-menu .input-group .multiselect-search {line-height: 28px; width: 100%; height: 30px;  margin: 0; padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.btn-group.country-code .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.btn-group.country-code .multiselect-container.dropdown-menu .input-group .input-group-btn {position: absolute; top: 50%; right: 0;  display: block; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a > label {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0; white-space: nowrap; color: #000; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a > label em { display: inline-block; width: 70px; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; min-width: 100px; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a > label span.selected_option {width: 100%;  text-align: center; }
.btn-group.country-code .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.country-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.btn-group.vendor-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.vendor-code .multiselect {font-size: .75rem; font-weight: 500; line-height: 38px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.btn-group.vendor-code .multiselect .multiselect-selected-text em {position: relative; top: -2px; display: inline-block; width: 70px; margin: 0 7px 0 0;  vertical-align: middle; }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.AWS { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.AWS { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.AZURE { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.AZURE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.ALIBABA { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.ALIBABA { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.GCP { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.GCP { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect .multiselect-selected-text em.IDC { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect .multiselect-selected-text em.IDC { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0; white-space: pre; color: #000; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em {position: relative; top: -1px; display: inline-block; width: 70px; margin: 0 7px 0 0;  vertical-align: middle; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.AWS { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.AWS { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.AZURE { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.AZURE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ALIBABA { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ALIBABA { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GCP { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GCP { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.IDC { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.IDC { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; min-width: 100px; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.vendor-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.service-metering.page-dashboard .dropdown-menu:not(.daterangepicker) { left: auto !important; }


.page-application .multiselect-native-select { vertical-align: middle; }

.btn-group.user-scale { display: inline-block; vertical-align: middle; }
.btn-group.user-scale .multiselect {font-size: .875rem; font-weight: 500; line-height: 38px;  display: inline-block; box-sizing: border-box; width: 490px; max-width: 350px; height: 40px; padding: 0 28px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.btn-group.user-scale .multiselect .multiselect-selected-text em { display: inline-block; margin-right: 10px; }
.btn-group.user-scale .multiselect .multiselect-selected-text span {position: relative;  display: inline-block; padding-left: 15px; }
.btn-group.user-scale .multiselect .multiselect-selected-text span:before {position: absolute; left: 0; display: block;  content: '|'; }
.btn-group.user-scale .multiselect .multiselect-selected-text span + span { margin-left: 7px; padding-left: 7px; }
.btn-group.user-scale .multiselect .multiselect-selected-text span + span:before {position: absolute; left: 0; display: block;  content: '|'; }
.btn-group.user-scale .multiselect-container.dropdown-menu { position: absolute; right: 0; width: auto; min-width: auto; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a {font-size: .875rem;  padding: 0 8px; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 30px; display: block; height: 30px;  padding: 0; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label:after {display: table; clear: both;  content: ''; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label em {line-height: 30px;  display: inline-block; float: left; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label .price_wrap {line-height: 30px;  float: right; margin-right: 12px; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; text-align: right; color: #1886ff; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label span + span { margin-left: 7px; padding-left: 7px; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label span + span:before {position: absolute; left: 0; display: block;  content: '|'; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.qs-items .multiselect-native-select { display: block; }
.qs-items .multiselect-native-select select[data-state=auto] + .btn-group .multiselect { border: 1px solid #a3cfff; background-color: #cfe6ff; }
.qs-items .multiselect-native-select .btn-group {position: relative;  display: block; }
.qs-items .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 24px; padding-left: 7px; text-align: left; color: #666; border: 1px solid #ddd; border-radius: 2px; background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 30px 40px; }
.qs-items .multiselect-native-select .btn-group .multiselect[selected] { color: #fff !important; background-color: #3b99ff !important; background-image: url('/assets/images/selectbox_arrow_02_selected@2x.png'); }
.qs-items .multiselect-native-select .btn-group .multiselect:focus { box-shadow: none; }
.qs-items .multiselect-native-select .btn-group .multiselect:after { content: none; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: relative; z-index: 500; top: 0; right: auto; left: 0;  display: none; float: left; overflow-x: auto !important; width: auto; min-width: 220px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 35px; cursor: pointer; text-overflow: ellipsis; color: #666; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.qs-items .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_02_open@2x.png'); }
.qs-items .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_02_selected_open@2x.png'); }
.qs-items .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.btn-group.radio .multiselect-container.dropdown-menu { min-width: 251px; }
.btn-group.radio .multiselect-container.dropdown-menu > li .radio {font-size: .875rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 25px; cursor: pointer; white-space: nowrap; color: #000; }
.btn-group.radio .multiselect-container.dropdown-menu > li .radio:before {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -538px -228px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.radio .multiselect-container.dropdown-menu > li .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.radio .multiselect-container.dropdown-menu > li .radio:after {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -210px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-group.radio .multiselect-container.dropdown-menu > li .radio:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.btn-group.radio .multiselect-container.dropdown-menu > li .radio input[type=radio] {visibility: hidden;  opacity: 0; }
.btn-group.radio .multiselect-container.dropdown-menu > li.active .radio:after {transition: opacity .3s ease-in-out;  opacity: 1; }

.btn-group.radio.open .multiselect:after { transform: rotateX(180deg); }

.btn-group.radio.open .dropdown-menu { display: block; }


.dashboard-select-box .vendor-account .multiselect-native-select {position: relative;  display: block; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group { display: block; padding: 0; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect { display: block; float: none; max-width: 100%; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor {font-size: .875rem; font-weight: 500; line-height: 1; position: relative;  display: block; width: 140px; max-width: 175px; height: 38px; padding: 0 25px 0 55px; transition: background-color .3s ease-in-out; text-align: left; vertical-align: middle; color: #000; border: 1px solid #e5e5e5; border-right: 0; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor .multiselect-selected-text span {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .625rem; font-weight: 500; line-height: 1;  display: block; color: #999; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:before {position: absolute; top: 50%; left: 30px; display: block; margin-top: -8.5px;  content: ''; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:focus { box-shadow: none; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.softlayer:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -201px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.softlayer:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; top: calc(100% + 5px); right: auto; left: -1px;  display: none; box-sizing: border-box; width: auto; min-width: 200px; max-width: auto; padding: 1px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; border-bottom: 1px solid #e7e7e7; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #e6e6e6; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .875rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 10px 7px 35px; cursor: pointer; color: #000; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group.open .multiselect.btn-vendor { background-color: #f7f7f7; }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group.open .multiselect.btn-vendor:after { transform: rotateX(180deg); }
.dashboard-select-box .vendor-account .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.vendor-account .multiselect-native-select {position: relative;  display: block; }
.vendor-account .multiselect-native-select .btn-group { display: block; padding: 4px 5px 4px 5px; }
.vendor-account .multiselect-native-select .btn-group .multiselect { display: block; float: none; max-width: 100%; }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor {font-size: .875rem; font-weight: 700; line-height: 1.78571em; position: relative;  display: block; width: 175px; max-width: 175px; height: 50px; padding: 0 35px 0 70px; transition: background-color .3s ease-in-out; text-align: left; vertical-align: middle; color: #000; }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:before {position: absolute; top: 50%; left: 35px; display: block; margin-top: -11.5px;  content: ''; }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor:focus { box-shadow: none; }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -439px -343px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.softlayer:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -367px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.softlayer:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -178px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect.btn-vendor .cnt {font-size: .625rem; font-weight: 500; line-height: 1.5em;  display: block; color: #999; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; top: 100%; right: auto; left: -1px;  display: none; box-sizing: border-box; width: auto; min-width: 200px; max-width: auto; padding: 1px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; border-bottom: 1px solid #e7e7e7; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #e6e6e6; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .875rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 10px 7px 35px; cursor: pointer; color: #000; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.vendor-account .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.vendor-account .multiselect-native-select .btn-group.open .multiselect.btn-vendor { background-color: #eee; }
.vendor-account .multiselect-native-select .btn-group.open .multiselect.btn-vendor:after { transform: rotateX(180deg); }
.vendor-account .multiselect-native-select .btn-group.open .dropdown-menu {z-index: 100;  display: block; }


.products-container .multiselect-native-select {position: relative;  display: block; }
.products-container .multiselect-native-select .btn-group { display: block; padding: 0; }
.products-container .multiselect-native-select .btn-group .multiselect {font-size: .6875rem; font-weight: 400; line-height: 30px; position: relative;  display: block; float: none; box-sizing: border-box; width: 100%; max-width: 100%; height: 30px; padding: 0 0 0 12px; text-align: left; vertical-align: middle; color: #666; background-color: #fff; box-shadow: inset 0 0 0 1px #ccc; }
.products-container .multiselect-native-select .btn-group .multiselect:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.products-container .multiselect-native-select .btn-group .multiselect:focus { box-shadow: inset 0 0 0 1px #1886ff; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: 0; left: 0; float: left;  box-sizing: border-box; min-width: 188px; max-width: auto; padding: 0px; border: 1px solid #bbb; border-radius: 0px; background-color: #fff; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1); }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 4px 0 2px 0; padding: 0 20px; border: 0px; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 30px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a {position: relative;  display: block; padding: 0px 10px; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #e6e6e6; }
.products-container .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 35px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #666; }


.vendor-account-resource .multiselect-native-select {position: relative;  display: block; }
.vendor-account-resource .multiselect-native-select .btn-group { display: block; padding: 0; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect { display: block; float: none; max-width: 100%; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor {font-size: .875rem; font-weight: 700; line-height: 50px; position: relative;  display: block; box-sizing: border-box; width: 100%; height: 50px; padding: 0 37px 0 80px; text-align: left; vertical-align: middle; color: #000; border-bottom: 1px solid #eee; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor:before {position: absolute; top: 50%; left: 58px; display: block; margin-top: -7.5px;  content: ''; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor:focus { box-shadow: none; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect.btn-vendor .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 50px;  display: block; float: right; color: #999; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: static;  display: none; box-sizing: border-box; width: 309px; min-width: 100%; max-width: auto; padding: 10px 0px; border: 0px; border-bottom: 1px solid #eee; border-radius: 0px; background-color: #fff; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 20px 7px 60px; cursor: pointer; text-overflow: ellipsis; color: #000; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 30px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 30px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.vendor-account-resource .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.vendor-account-resource .multiselect-native-select .btn-group.open .multiselect.btn-vendor:after { transform: rotateX(180deg); }
.vendor-account-resource .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.cloud-product .multiselect-native-select {position: relative;  display: block; }
.cloud-product .multiselect-native-select .btn-group { display: block; padding: 0; }
.cloud-product .multiselect-native-select .btn-group .multiselect { display: block; float: none; max-width: 100%; }
.cloud-product .multiselect-native-select .btn-group .multiselect.btn-product {font-size: .875rem; font-weight: 400; line-height: 50px; position: relative;  display: block; box-sizing: border-box; width: 100%; height: 50px; padding: 0 37px 0 30px; text-align: left; vertical-align: middle; color: #000; border-bottom: 1px solid #eee; }
.cloud-product .multiselect-native-select .btn-group .multiselect.btn-product:before {position: absolute; top: 50%; left: 58px; display: block; margin-top: -7.5px;  content: ''; }
.cloud-product .multiselect-native-select .btn-group .multiselect.btn-product:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.cloud-product .multiselect-native-select .btn-group .multiselect.btn-product:focus { box-shadow: none; }
.cloud-product .multiselect-native-select .btn-group .multiselect.btn-product .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 50px;  display: block; float: right; color: #999; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: static;  display: none; box-sizing: border-box; width: 309px; min-width: 100%; max-width: auto; padding: 10px 0px; border: 0px; border-bottom: 1px solid #eee; border-radius: 0px; background-color: #fff; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 57px; display: block;  content: ''; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 20px 7px 80px; cursor: pointer; text-overflow: ellipsis; color: #000; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 30px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 30px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled { opacity: .5; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.aws a:before {width: 17px; height: 16px;  margin-top: -8px; background-image: url(/assets/images/sprites.png); background-position: -513px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.aws a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.azure a:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -421px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.azure a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.google a:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -528px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.google a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.alibaba a:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -398px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled.alibaba a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all .checkbox { padding-left: 60px; }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.aws a:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.aws a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.azure a:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.azure a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.google a:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.google a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.alibaba a:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cloud-product .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.alibaba a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.cloud-product .multiselect-native-select .btn-group.open .multiselect.btn-product:after { transform: rotateX(180deg); }
.cloud-product .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.filter-resource-optimization .multiselect-native-select {position: relative;  display: inline-block; vertical-align: middle; }
.filter-resource-optimization .multiselect-native-select .btn-group { display: inline-block; padding: 0; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 24px; position: relative;  display: block; float: none; box-sizing: border-box; width: 100%; max-width: 100%; height: 24px; padding: 0 25px 0 10px; transition: box-shadow .3s ease-in-out; text-align: left; vertical-align: middle; color: #333; background-color: #fff; box-shadow: inset 0 0 0 1px #e6e6e6; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect:hover , .filter-resource-optimization .multiselect-native-select .btn-group .multiselect:focus { box-shadow: inset 0 0 0 1px #0076ff; }
.filter-resource-optimization .multiselect-native-select .btn-group.open .multiselect { box-shadow: inset 0 0 0 1px #0076ff; }
.filter-resource-optimization .multiselect-native-select .btn-group.open .multiselect:after { background-image: url('/assets/images/selectbox_arrow_02_open_02@2x.png'); }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: calc(100% - 1px); right: 0; left: 0; float: left;  box-sizing: border-box; min-width: auto; max-width: auto; padding: 0px 0px 10px 0px; border: 1px solid #0076ff; border-radius: 0px; background-color: #fff; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a {position: relative;  display: block; padding: 0px; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #e6e6e6; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: auto; width: auto; max-width: 100%; height: auto; margin: 0; padding: 8px 20px 7px 40px; cursor: pointer; white-space: normal; text-overflow: inherit; word-break: break-all; color: #666; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before , .filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { left: 15px; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label {font-size: .75rem; font-weight: 400; line-height: 20px; position: relative;  display: block; height: 20px; padding: 5px 0px 5px 40px !important; white-space: nowrap; color: #666; background-color: #fff !important; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all + .multiselect-group { margin-top: 0; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group { margin-top: 10px; margin-bottom: 10px; border-top: 0px; background-color: #efefef; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label {font-size: .75rem; font-weight: 500; line-height: 24px; position: relative; display: block; height: 24px; padding: 0px 0px 0px 15px;  cursor: pointer; white-space: nowrap; color: #333; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before , .filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { content: none; }
.filter-resource-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container { display: none; }


.fieldset-recipients .multiselect-native-select {position: relative;  display: inline-block; }
.fieldset-recipients .multiselect-native-select .btn-group { display: inline-block; padding: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect { display: inline-block; float: none; max-width: 100%; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect.btn-report {font-size: .75rem; font-weight: 400; line-height: 40px; position: relative;  display: inline-block; box-sizing: border-box; width: 380px; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; border: 0px; box-shadow: inset 0 0 0 1px #e4e4e4; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect.btn-report:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: 0; left: 0; float: left;  box-sizing: border-box; max-width: auto; padding: 0px; border: 1px solid #ccc; border-radius: 0px; background-color: #fff; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 5px 20px 5px 60px; cursor: pointer; text-overflow: ellipsis; color: #000; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 40px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 40px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox em { font-weight: 700; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .input-group { padding-top: 5px; padding-bottom: 5px; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all { border-bottom: 0px !important; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label {font-size: .75rem; font-weight: 400; line-height: 20px; position: relative;  display: block; height: 20px; padding: 10px 0px 10px 40px !important; white-space: nowrap; color: #000; background-color: #fff !important; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all + .multiselect-group { margin-top: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-item.filter + .multiselect-group { margin-top: 0; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group { margin-top: 10px; border-top: 1px solid #e7e7e7; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label {font-size: .75rem; font-weight: 400; line-height: 20px; position: relative;  display: block; height: 20px; margin-bottom: 0px; padding: 10px 0px 10px 40px; white-space: nowrap; color: #000; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b { font-weight: 400; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container {position: absolute; top: 50%; right: 18px;  display: block; width: 20px; height: 30px; margin-top: -15px; background-image: url(/assets/images/sprites.png); background-position: -154px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.fieldset-recipients .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-collapsible-hidden + .multiselect-group { margin-top: 0; }
.fieldset-recipients .multiselect-native-select .btn-group.open .multiselect.btn-report { box-shadow: inset 0 0 0 2px #007aff; }
.fieldset-recipients .multiselect-native-select .btn-group.open .multiselect.btn-report:after { transform: rotateX(180deg); }
.fieldset-recipients .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { z-index: 100; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li {margin: 0;  padding: 0; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.first { margin-top: 15px; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.last { margin-bottom: 15px; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group { margin-top: 10px; border-top: 1px solid #e7e7e7; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group + .first { margin-top: 7px; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.default label { padding-top: 0; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group > a:hover { background: transparent; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label {font-size: .75rem; font-weight: 400; line-height: 24px; position: relative;  display: block; height: 24px; padding: 0 0 0 15px; padding-top: 5px; cursor: default; white-space: nowrap; color: #000; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { content: none; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { content: none; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b { font-weight: 400; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container { display: none; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {overflow: auto; height: auto;  padding: 5px 20px 5px 40px; white-space: normal; text-overflow: inherit; word-break: break-all; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { left: 15px; }
.search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { left: 15px; }

.search-report-subscription .multiselect-native-select {position: relative;  display: inline-block; }
.search-report-subscription .multiselect-native-select .btn-group { display: inline-block; padding: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect { display: inline-block; float: none; max-width: 100%; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect.btn-report {font-size: .75rem; font-weight: 400; line-height: 40px; position: relative;  display: inline-block; box-sizing: border-box; width: 380px; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; border: 0px; box-shadow: inset 0 0 0 1px #e4e4e4; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect.btn-report:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect.btn-cost-optimization {line-height: 22px; height: 24px;  padding: 0 35px 0 10px; background: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect.btn-cost-optimization:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: 0; left: 0; float: left;  box-sizing: border-box; max-width: auto; padding: 0px; border: 1px solid #ccc; border-radius: 0px; background-color: #fff; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 5px 20px 5px 60px; cursor: pointer; text-overflow: ellipsis; color: #000; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 40px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 40px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .input-group { padding-top: 5px; padding-bottom: 5px; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label {font-size: .75rem; font-weight: 400; line-height: 20px; position: relative;  display: block; height: 20px; padding: 10px 0px 10px 40px !important; white-space: nowrap; color: #000; background-color: #fff !important; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all + .multiselect-group { margin-top: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-item.filter + .multiselect-group { margin-top: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group { margin-top: 10px; border-top: 1px solid #e7e7e7; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.disabled + .disabled { margin-top: 0; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.disabled label:after {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -42px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.disabled label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.default { background: #efefef; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label {font-size: .75rem; font-weight: 400; line-height: 20px; position: relative;  display: block; height: 20px; padding: 10px 0px 10px 40px; white-space: nowrap; color: #000; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after {position: absolute; top: 50%; left: 15px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b { font-weight: 400; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container {position: absolute; top: 50%; right: 18px;  display: block; width: 20px; height: 30px; margin-top: -15px; background-image: url(/assets/images/sprites.png); background-position: -154px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group .caret-container { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.search-report-subscription .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-collapsible-hidden + .multiselect-group { margin-top: 0; }
.search-report-subscription .multiselect-native-select .btn-group.open .multiselect.btn-report { box-shadow: inset 0 0 0 2px #007aff; }
.search-report-subscription .multiselect-native-select .btn-group.open .multiselect.btn-report:after { transform: rotateX(180deg); }
.search-report-subscription .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }

.search-report-subscription .multiselect-container .subscribe-bunch ~ .ing , .search-report-subscription .multiselect-container .subscribe-bunch ~ .delete {position: relative;  background: #f8f8f8; }

.search-report-subscription .multiselect-container .subscribe-bunch ~ .ing:before {font-size: 10px; line-height: 20px; display: block; padding-left: 39px;  content: attr(data-head); color: #666; background-color: #eee; }

.search-report-subscription .multiselect-container .subscribe-bunch ~ .ing + .ing:before { display: none; }

.search-report-subscription .multiselect-container .subscribe-bunch ~ .delete:before {font-size: 10px; line-height: 2em; display: block; padding-left: 39px;  content: attr(data-head); color: #666; background-color: #eee; }

.search-report-subscription .multiselect-container .subscribe-bunch ~ .delete + .delete:before { display: none; }

.search-report-subscription .multiselect-container .delete + .multiselect-item.multiselect-group { margin-top: 0 !important; }

.search-report-subscription .multiselect-item.multiselect-group label b { font-weight: bold !important; }

:lang(ko) .subscribe-bunch ~ .ing:before { content: '구독리스트'; }

:lang(ko) .subscribe-bunch ~ .delete:before { content: '삭제된 구독리스트'; }

:lang(en) .subscribe-bunch ~ .ing:before { content: 'Subscription'; }

:lang(en) .subscribe-bunch ~ .delete:before { content: 'Deleted Subscription list'; }

:lang(zn) .subscribe-bunch ~ .ing:before { content: 'Subscription'; }

:lang(zn) .subscribe-bunch ~ .delete:before { content: 'Deleted Subscription list'; }


.multiselect-icons .multiselect-native-select {position: relative;  display: block; }

.multiselect-icons .btn-group { display: block; padding: 0; }
.multiselect-icons .btn-group .multiselect { display: block; float: none; max-width: 100%; }
.multiselect-icons .btn-group .multiselect.btn-icons {font-size: .75rem; font-weight: 400; line-height: 38px; position: relative;  display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 33px; text-align: left; vertical-align: middle; color: #000; border: 1px solid #e6e6e6; }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor {font-size: .75rem; font-weight: 400; line-height: 18px;  display: inline-block; box-sizing: border-box; height: 20px; margin-left: 7px; padding: 0 5px; vertical-align: middle; text-transform: uppercase; color: #666; border: 1px solid #ddd; }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor:before {display: inline-block; margin-top: -2px; margin-right: 3px;  content: ''; vertical-align: middle; }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor.aws:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -344px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons .vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor.azure:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -488px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons .vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor.google:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -146px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons .vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons .vendor.alibaba:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -272px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons .vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons:before {position: absolute; top: 50%; left: 13px; display: block;  content: ''; }
.multiselect-icons .btn-group .multiselect.btn-icons:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.multiselect-icons .btn-group .multiselect.btn-icons:focus { box-shadow: none; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=''] { padding-left: 10px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=aws]:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=aws]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=azure]:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=azure]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=google]:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=google]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=alibababa]:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=alibababa]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=idc]:before {width: 17px; height: 16px;  margin-top: -8px; background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=idc]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=excel_table]:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -506px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=excel_table]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=bar_chart01]:before {width: 17px; height: 13px;  margin-top: -6.5px; background-image: url(/assets/images/sprites.png); background-position: -584px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=bar_chart01]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=bar_chart02]:before {width: 17px; height: 11px;  margin-top: -5.5px; background-image: url(/assets/images/sprites.png); background-position: -355px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=bar_chart02]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=excel]:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -524px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=pdf]:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -254px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=pdf]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering01] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering01]:before { left: 20px; width: 30px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -815px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering02] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering02]:before { left: 20px; width: 30px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -851px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering02]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering03] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering03]:before { left: 20px; width: 32px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -777px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering03]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering04] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering04]:before { left: 20px; width: 35px; height: 26px; margin-top: -13px; background-image: url(/assets/images/contents_sprites.png); background-position: -659px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering04]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering05] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering05]:before { left: 20px; width: 34px; height: 27px; margin-top: -13.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -619px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering05]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-rsrcOpti] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-rsrcOpti]:before { left: 20px; width: 33px; height: 25px; transform: translateY(-50%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgNDIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgMjYgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSIyMDE5LjA4LjA5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE3LjAwMDAwMCwgLTM2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI2LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNy4wMDAwMDAsIDM2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwyNS41MTMxNDI5IEwxMy45MTc2NDcxLDI1LjUxMzE0MjkgTDEzLjkxNzY0NzEsMTkuOTQ4MDUxOSBMMCwxOS45NDgwNTE5IEwwLDI1LjUxMzE0MjkgWiBNMS42NDc0NzA1OSwyMy44NTA4MDUyIEwxMi4yNzA1ODgyLDIzLjg1MDgwNTIgTDEyLjI3MDU4ODIsMjEuNjEwMzg5NiBMMS42NDc0NzA1OSwyMS42MTAzODk2IEwxLjY0NzQ3MDU5LDIzLjg1MDgwNTIgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMzIgTDEzLjkxNzY0NzEsMzIgTDEzLjkxNzY0NzEsMjYuNDM0OTA5MSBMMCwyNi40MzQ5MDkxIEwwLDMyIFogTTEuNjQ3NDcwNTksMzAuMzM4MDc3OSBMMTIuMjcwNTg4MiwzMC4zMzgwNzc5IEwxMi4yNzA1ODgyLDI4LjA5NzI0NjggTDEuNjQ3NDcwNTksMjguMDk3MjQ2OCBMMS42NDc0NzA1OSwzMC4zMzgwNzc5IFoiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDUuNTY1MDkwOTEgTDI3Ljg5NzA1ODgsNS41NjUwOTA5MSBMMjcuODk3MDU4OCwwIEwxMy45Nzk0MTE4LDAgTDEzLjk3OTQxMTgsNS41NjUwOTA5MSBaIE0xNS42MjY0NzA2LDMuOTAyNzUzMjUgTDI2LjI1LDMuOTAyNzUzMjUgTDI2LjI1LDEuNjYyMzM3NjYgTDE1LjYyNjQ3MDYsMS42NjIzMzc2NiBMMTUuNjI2NDcwNiwzLjkwMjc1MzI1IFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDEyLjA1MTk0ODEgTDI3Ljg5NzA1ODgsMTIuMDUxOTQ4MSBMMjcuODk3MDU4OCw2LjQ4Njg1NzE0IEwxMy45Nzk0MTE4LDYuNDg2ODU3MTQgTDEzLjk3OTQxMTgsMTIuMDUxOTQ4MSBaIE0xNS42MjY0NzA2LDEwLjM4OTYxMDQgTDI2LjI1LDEwLjM4OTYxMDQgTDI2LjI1LDguMTQ5MTk0ODEgTDE1LjYyNjQ3MDYsOC4xNDkxOTQ4MSBMMTUuNjI2NDcwNiwxMC4zODk2MTA0IFoiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOCwyNS41MTMxNDI5IEw0MS45MTcyMzUzLDI1LjUxMzE0MjkgTDQxLjkxNzIzNTMsMTkuOTQ4MDUxOSBMMjgsMTkuOTQ4MDUxOSBMMjgsMjUuNTEzMTQyOSBaIE0yOS42NDcwNTg4LDIzLjg1MDgwNTIgTDQwLjI3MDU4ODIsMjMuODUwODA1MiBMNDAuMjcwNTg4MiwyMS42MTAzODk2IEwyOS42NDcwNTg4LDIxLjYxMDM4OTYgTDI5LjY0NzA1ODgsMjMuODUwODA1MiBaIiBpZD0iRmlsbC01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjgsMzIgTDQxLjkxNzIzNTMsMzIgTDQxLjkxNzIzNTMsMjYuNDM0OTA5MSBMMjgsMjYuNDM0OTA5MSBMMjgsMzIgWiBNMjkuNjQ3MDU4OCwzMC4zMzgwNzc5IEw0MC4yNzA1ODgyLDMwLjMzODA3NzkgTDQwLjI3MDU4ODIsMjguMDk3MjQ2OCBMMjkuNjQ3MDU4OCwyOC4wOTcyNDY4IEwyOS42NDcwNTg4LDMwLjMzODA3NzkgWiIgaWQ9IkZpbGwtNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjAzNTI0MTIsOC45MDkyOTg3IEMzMC44MDA1MzUzLDguOTA5Mjk4NyAzMC41NjcwNjQ3LDguODA4MzExNjkgMzAuNDA0NDE3Niw4LjYxMjU3MTQzIEMzMC4zMjAwMDU5LDguNTExNTg0NDIgMzAuMjM0NzcwNiw4LjQxMTg0NDE2IDMwLjE0NzQ3NjUsOC4zMTM3NjYyMyBDMjkuODQ0MDA1OSw3Ljk3MTc0MDI2IDI5Ljg3MjgyOTQsNy40NDYwMjU5NyAzMC4yMTE3MTE4LDcuMTQwMTU1ODQgQzMwLjU1MDE4MjQsNi44MzQyODU3MSAzMS4wNzA2NTI5LDYuODYyOTYxMDQgMzEuMzc0NTM1Myw3LjIwNDk4NzAxIEMzMS40NzI5NDcxLDcuMzE2MzYzNjQgMzEuNTcwMTIzNSw3LjQyODk4NzAxIDMxLjY2NTI0MTIsNy41NDM2ODgzMSBDMzEuOTU4MDA1OSw3Ljg5NTI3MjczIDMxLjkxMjcxMTgsOC40MTkzMjQ2OCAzMS41NjQzNTg4LDguNzE0Mzg5NjEgQzMxLjQxMDM1ODgsOC44NDUyOTg3IDMxLjIyMjE4MjQsOC45MDkyOTg3IDMxLjAzNTI0MTIsOC45MDkyOTg3IE0xMC41OTE5NDcxLDkuMjE3NjYyMzQgQzEwLjQxMzI0MTIsOS4yMTc2NjIzNCAxMC4yMzMzLDkuMTU5NDgwNTIgMTAuMDgyMTgyNCw5LjAzODk2MTA0IEM5LjcyNTE4MjM1LDguNzU0Mjg1NzEgOS42NjQ2NTI5NCw4LjIzMTQ4MDUyIDkuOTQ2Myw3Ljg3MTE2ODgzIEMxMC4wMzgxMjM1LDcuNzU0Mzg5NjEgMTAuMTMxNTk0MSw3LjYzODQ0MTU2IDEwLjIyNjcxMTgsNy41MjQxNTU4NCBDMTAuNTIwMyw3LjE3MzQwMjYgMTEuMDM5OTQ3MSw3LjEyODUxOTQ4IDExLjM4NzQ3NjUsNy40MjQ0MTU1OCBDMTEuNzM1MDA1OSw3LjcyMDcyNzI3IDExLjc3OTQ3NjUsOC4yNDQ3NzkyMiAxMS40ODYzLDguNTk1OTQ4MDUgQzExLjQwMjMsOC42OTY1MTk0OCAxMS4zMTk1MzUzLDguNzk4MzM3NjYgMTEuMjM4ODI5NCw4LjkwMTgxODE4IEMxMS4wNzYxODI0LDkuMTA5MTk0ODEgMTAuODM1Myw5LjIxNzY2MjM0IDEwLjU5MTk0NzEsOS4yMTc2NjIzNCBNMzMuMzI0MjQxMiwxMi45MDc2MzY0IEMzMi45ODc4Mjk0LDEyLjkwNzYzNjQgMzIuNjcyMDA1OSwxMi42OTc3NjYyIDMyLjU1MDUzNTMsMTIuMzYwMzExNyBDMzIuNTA1NjUyOSwxMi4yMzYwNTE5IDMyLjQ1OTEyMzUsMTIuMTEyNjIzNCAzMi40MTAxMjM1LDExLjk5MDAyNiBDMzIuMjQxMywxMS41NjQwNTE5IDMyLjQ0NjM1ODgsMTEuMDgwMzExNyAzMi44Njg0MTc2LDEwLjkwOTUwNjUgQzMzLjI5MDQ3NjUsMTAuNzM4NzAxMyAzMy43Njk3NzA2LDEwLjk0NTY2MjMgMzMuOTM5MDA1OSwxMS4zNzIwNTE5IEMzMy45OTQxODI0LDExLjUxMDg1NzEgMzQuMDQ3MywxMS42NTA5MDkxIDM0LjA5Nzk0NzEsMTEuNzkxNzkyMiBDMzQuMjUzNTk0MSwxMi4yMjMxNjg4IDM0LjAzMzMsMTIuNzAwMjU5NyAzMy42MDU4ODgyLDEyLjg1NzM1MDYgQzMzLjUxMjgyOTQsMTIuODkxNDI4NiAzMy40MTc3MTE4LDEyLjkwNzYzNjQgMzMuMzI0MjQxMiwxMi45MDc2MzY0IE04LjQyMzE4MjM1LDEzLjI4MjA3NzkgQzguMzM3OTQ3MDYsMTMuMjgyMDc3OSA4LjI1MTA2NDcxLDEzLjI2ODc3OTIgOC4xNjU0MTc2NSwxMy4yNDAxMDM5IEM3LjczMzQ3NjQ3LDEzLjA5NjcyNzMgNy40OTg3NzA1OSwxMi42MjcxMTY5IDcuNjQwODI5NDEsMTIuMTkwNzUzMiBDNy42ODczNTg4MiwxMi4wNDg2MjM0IDcuNzM2MzU4ODIsMTEuOTA3MzI0NyA3Ljc4NzQxNzY1LDExLjc2Njg1NzEgQzcuOTQzMDY0NzEsMTEuMzM1NDgwNSA4LjQxNzgyOTQxLDExLjExNDM4OTYgOC44NDM1OTQxMiwxMS4yNzIzMTE3IEM5LjI3MTAwNTg4LDExLjQyOTgxODIgOS40OTAwNjQ3MSwxMS45MDczMjQ3IDkuMzMzNTk0MTIsMTIuMzM4Mjg1NyBDOS4yODkxMjM1MywxMi40NjE3MTQzIDkuMjQ1ODg4MjQsMTIuNTg1OTc0IDkuMjA1NTM1MjksMTIuNzEwNjQ5NCBDOS4wOTE0NzY0NywxMy4wNjA1NzE0IDguNzY5MDY0NzEsMTMuMjgyMDc3OSA4LjQyMzE4MjM1LDEzLjI4MjA3NzkgTTM0LjExNDQxNzYsMTcuNTA2NDkzNSBDMzMuNjU5ODI5NCwxNy41MDY0OTM1IDMzLjI5MDg4ODIsMTcuMTM0NTQ1NSAzMy4yOTA4ODgyLDE2LjY3NTMyNDcgTDMzLjI5MTMsMTYuNjEzODE4MiBDMzMuMjkxMywxNi40OTA4MDUyIDMzLjI4OTI0MTIsMTYuMzU4NjQ5NCAzMy4yODUxMjM1LDE2LjIyNjkwOTEgQzMzLjI3MTEyMzUsMTUuNzY4MTAzOSAzMy42Mjg1MzUzLDE1LjM4NDkzNTEgMzQuMDgzMTIzNSwxNS4zNzA4MDUyIEMzNC41NDQzLDE1LjM2NDU3MTQgMzQuOTE3NzcwNiwxNS43MTc4MTgyIDM0LjkzMTM1ODgsMTYuMTc2MjA3OCBDMzQuOTM1ODg4MiwxNi4zMjQ5ODcgMzQuOTM4MzU4OCwxNi40NzM3NjYyIDM0LjkzODM1ODgsMTYuNjIzMzc2NiBMMzQuOTM3OTQ3MSwxNi42NzUzMjQ3IEMzNC45Mzc5NDcxLDE3LjEzNDU0NTUgMzQuNTY5NDE3NiwxNy41MDY0OTM1IDM0LjExNDQxNzYsMTcuNTA2NDkzNSBNNy43NjcyNDExOCwxNy44NTAxODE4IEM3LjMyMzM1ODgyLDE3Ljg1MDE4MTggNi45NTczLDE3LjQ5NDAyNiA2Ljk0NDUzNTI5LDE3LjA0MzUzMjUgQzYuOTQwNDE3NjUsMTYuOTAzODk2MSA2LjkzODM1ODgyLDE2Ljc2Mzg0NDIgNi45MzgzNTg4MiwxNi42MjMzNzY2IEM2LjkzODM1ODgyLDE2LjE2NDU3MTQgNy4zMDY4ODgyNCwxNS43NzkzMjQ3IDcuNzYxODg4MjQsMTUuNzc5MzI0NyBDOC4yMTY0NzY0NywxNS43NzkzMjQ3IDguNTg1NDE3NjUsMTYuMTM4Mzg5NiA4LjU4NTQxNzY1LDE2LjU5NzYxMDQgQzguNTg1NDE3NjUsMTYuNjAzODQ0MiA4LjU4NTQxNzY1LDE2LjYzNjY3NTMgOC41ODUwMDU4OCwxNi42NDI5MDkxIEM4LjU4NTQxNzY1LDE2Ljc0NzYzNjQgOC41ODcwNjQ3MSwxNi44NzE0ODA1IDguNTkwNzcwNTksMTYuOTk0OTA5MSBDOC42MDM5NDcwNiwxNy40NTM3MTQzIDguMjQ2MTIzNTMsMTcuODM2NDY3NSA3Ljc5MTUzNTI5LDE3Ljg0OTc2NjIgQzcuNzgzMywxNy44NTAxODE4IDcuNzc1MDY0NzEsMTcuODUwMTgxOCA3Ljc2NzI0MTE4LDE3Ljg1MDE4MTggTTIzLjE4NjE4MjQsMzAuNTYwNDE1NiBDMjIuNzkyOTQ3MSwzMC41NjA0MTU2IDIyLjQ0NTAwNTksMzAuMjc0OTA5MSAyMi4zNzU4Mjk0LDI5Ljg3MDEyOTkgQzIyLjI5ODQxNzYsMjkuNDE3OTc0IDIyLjU5OTQxNzYsMjguOTg3ODQ0MiAyMy4wNDc4Mjk0LDI4LjkwOTcxNDMgQzIzLjE3NjcxMTgsMjguODg3Njg4MyAyMy4zMDUxODI0LDI4Ljg2MzE2ODggMjMuNDMyNDE3NiwyOC44MzY5ODcgQzIzLjg3NzUzNTMsMjguNzQzODk2MSAyNC4zMTMxODI0LDI5LjAzMzk3NCAyNC40MDQ1OTQxLDI5LjQ4MzYzNjQgQzI0LjQ5NjQxNzYsMjkuOTMzMjk4NyAyNC4yMDk0MTc2LDMwLjM3MjU3MTQgMjMuNzYzODg4MiwzMC40NjUyNDY4IEMyMy42MTg5NDcxLDMwLjQ5NTE2ODggMjMuNDczNTk0MSwzMC41MjI1OTc0IDIzLjMyNzAwNTksMzAuNTQ4MzYzNiBDMjMuMjgwMDY0NywzMC41NTYyNTk3IDIzLjIzMjcxMTgsMzAuNTYwNDE1NiAyMy4xODYxODI0LDMwLjU2MDQxNTYgTTE5LjAyNjk0NzEsMzAuNjE0NDQxNiBDMTguOTg3ODI5NCwzMC42MTQ0NDE2IDE4Ljk0Nzg4ODIsMzAuNjExNTMyNSAxOC45MDc1MzUzLDMwLjYwNTcxNDMgQzE4Ljc2MDUzNTMsMzAuNTg0MTAzOSAxOC42MTQzNTg4LDMwLjU2IDE4LjQ2OTAwNTksMzAuNTM0MjMzOCBDMTguMDIxNDE3NiwzMC40NTM2MTA0IDE3LjcyMjg4ODIsMzAuMDIyMjMzOCAxNy44MDI3NzA2LDI5LjU3MDA3NzkgQzE3Ljg4MjI0MTIsMjkuMTE3OTIyMSAxOC4zMTA4ODgyLDI4LjgxNjYyMzQgMTguNzU4MDY0NywyOC44OTcyNDY4IEMxOC44ODYxMjM1LDI4LjkyMDUxOTUgMTkuMDE1MDA1OSwyOC45NDE3MTQzIDE5LjE0NDcxMTgsMjguOTYwODMxMiBDMTkuNTk0NzcwNiwyOS4wMjY0OTM1IDE5LjkwNjQ3NjUsMjkuNDQ4MzExNyAxOS44NDEwMDU5LDI5LjkwMjU0NTUgQzE5Ljc4MTMsMzAuMzE2NDY3NSAxOS40MjkyNDEyLDMwLjYxNDQ0MTYgMTkuMDI2OTQ3MSwzMC42MTQ0NDE2IiBpZD0iRmlsbC03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjg2ODA4NTMsMTQuNzYxNTE0MSBDMjEuODM1MDA0LDE1LjU3MjE5NzcgMjAuMzg4MTgzOSwxNS41NzIxOTc3IDE5LjM1NTEwMjYsMTQuNzYxNTE0MSBMMTcuNjcwMjY4NiwxMy40Mzk0OTE4IEMxNi42NTMzOTI1LDEyLjY0MTU3ODggMTUuMzc2NzI2OSwxMi4xNjM0NDQgMTMuOTg2NjI1LDEyLjE2OTA2MzEgQzEwLjgxMzQ0NSwxMi4xODIzNDQ2IDguMTMxNDg1MDEsMTQuODIxMjgwOSA4LjA0NDg4ODQ5LDE4LjAyMDU5NTMgQzcuOTUxNzA4NjIsMjEuNDIzNzMgMTAuNjU4OTg5MiwyNC4yMTE4MjggMTQuMDExOTQ1NiwyNC4yMTE4MjggQzE1LjM5MTkxOTMsMjQuMjExODI4IDE2LjY1OTQ2OTUsMjMuNzM1MjI1NyAxNy42NzAyNjg2LDIyLjk0MTM5OTMgTDE5LjM1NTEwMjYsMjEuNjE5ODg3OCBDMjAuMzg4MTgzOSwyMC44MDg2OTMzIDIxLjgzNTAwNCwyMC44MDg2OTMzIDIyLjg2ODA4NTMsMjEuNjE5ODg3OCBMMjQuNTUyOTE5MywyMi45NDEzOTkzIEMyNS41Njk3OTUzLDIzLjczOTgyMzEgMjYuODQ2NDYwOSwyNC4yMTc5NTc5IDI4LjIzNjU2MjksMjQuMjExODI4IEMzMS40MDkyMzY1LDI0LjE5OTA1NzMgMzQuMDkxMTk2NCwyMS41NjAxMjEgMzQuMTc4Mjk5NCwxOC4zNjAyOTU4IEMzNC4yNzE0NzkzLDE0Ljk1NzE2MTEgMzEuNTY0MTk4NywxMi4xNjkwNjMxIDI4LjIxMTI0MjMsMTIuMTY5MDYzMSBDMjYuODMxMjY4NiwxMi4xNjkwNjMxIDI1LjU2MzcxODQsMTIuNjQ2MTc2MiAyNC41NTI5MTkzLDEzLjQzOTQ5MTggTDIyLjg2ODA4NTMsMTQuNzYxNTE0MSBaIiBpZD0iUGFnZS0xIiBmaWxsPSIjM0I5OUZGIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5OyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQtQ29weS00IiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjE2LjUzMTkxNDkgOC44MzM4MDU1NyAxNy40MjU1MzE5IDguODMzODA1NTcgMTcuNDI1NTMxOSA5LjczNTIxNDAyIDE2LjUzMTkxNDkgOS43MzUyMTQwMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNTMxOTE1LCAyLjI1MzUyMSkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42ODA4NTEsIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4zODI5NzksIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjY4MDg1MSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjM4Mjk3OSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering06] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering06]:before { left: 20px; width: 25px; height: 25px; margin-top: -12.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -884px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=metering06]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-summary] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-summary]:before {width: 34px; height: 23px; margin-top: -11.5px;  background-image: url(/assets/images/contents_sprites.png); background-position: -826px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-summary]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-usage] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-usage]:before {width: 32px; height: 25px; margin-top: -12.5px;  background-image: url(/assets/images/contents_sprites.png); background-position: -739px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-usage]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-performance] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-performance]:before {width: 37px; height: 23px; margin-top: -11.5px;  background-image: url(/assets/images/contents_sprites.png); background-position: -783px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-performance]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-service-group] {font-size: .875rem; font-weight: 700;  padding-left: 65px; }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-service-group]:before {width: 33px; height: 25px; margin-top: -12.5px;  background-image: url(/assets/images/contents_sprites.png); background-position: -700px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect.btn-icons[data-icon=by-service-group]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect.btn-icons[data-icon=none] {font-size: .875rem; font-weight: 700;  padding-left: 20px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1; top: 100%; right: 0; left: 0; float: left;  box-sizing: border-box; max-width: auto; padding: 0px; border: 1px solid #e6e6e6; border-radius: 0px; background-color: #fff; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li { padding: 0; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio {font-size: .75rem; font-weight: 400; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 5px 50px 5px 37px; cursor: pointer; text-overflow: ellipsis; color: #000; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio:before {position: absolute; top: 50%; left: 13px; display: block;  content: ''; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span {font-size: .75rem; font-weight: 400; line-height: 18px;  display: inline-block; box-sizing: border-box; height: 20px; margin-left: 7px; padding: 0 5px; vertical-align: middle; text-transform: uppercase; color: #666; border: 1px solid #ddd; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span.vendor:before {display: inline-block; margin-top: -2px; margin-right: 3px;  content: ''; vertical-align: middle; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span.vendor.aws:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -344px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span.vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span.vendor.azure:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -488px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li .radio span.vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.aws .radio:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.aws .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.azure .radio:before {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.azure .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.google .radio:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.google .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.alibaba .radio:before {width: 17px; height: 17px;  margin-top: -8.5px; background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.alibaba .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.idc .radio:before {width: 17px; height: 16px;  margin-top: -8px; background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.idc .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.excel_table .radio:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -506px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.excel_table .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.bar_chart01 .radio:before {width: 17px; height: 13px;  margin-top: -6.5px; background-image: url(/assets/images/sprites.png); background-position: -584px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.bar_chart01 .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.bar_chart02 .radio:before {width: 17px; height: 11px;  margin-top: -5.5px; background-image: url(/assets/images/sprites.png); background-position: -355px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.bar_chart02 .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.excel .radio:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -524px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.excel .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.pdf .radio:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/sprites.png); background-position: -254px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.pdf .radio:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering01 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering01 .radio:before { left: 20px; width: 30px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -815px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering01 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering02 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering02 .radio:before { left: 20px; width: 30px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -851px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering02 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering03 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering03 .radio:before { left: 20px; width: 32px; height: 24px; margin-top: -12px; background-image: url(/assets/images/contents_sprites.png); background-position: -777px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering03 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering04 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering04 .radio:before { left: 20px; width: 35px; height: 26px; margin-top: -13px; background-image: url(/assets/images/contents_sprites.png); background-position: -659px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering04 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering05 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering05 .radio:before { left: 20px; width: 34px; height: 27px; margin-top: -13.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -619px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering05 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-rsrcOpti .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-rsrcOpti .radio:before { left: 20px; width: 33px; height: 25px; transform: translateY(-50%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgNDIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgMjYgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSIyMDE5LjA4LjA5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE3LjAwMDAwMCwgLTM2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI2LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNy4wMDAwMDAsIDM2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwyNS41MTMxNDI5IEwxMy45MTc2NDcxLDI1LjUxMzE0MjkgTDEzLjkxNzY0NzEsMTkuOTQ4MDUxOSBMMCwxOS45NDgwNTE5IEwwLDI1LjUxMzE0MjkgWiBNMS42NDc0NzA1OSwyMy44NTA4MDUyIEwxMi4yNzA1ODgyLDIzLjg1MDgwNTIgTDEyLjI3MDU4ODIsMjEuNjEwMzg5NiBMMS42NDc0NzA1OSwyMS42MTAzODk2IEwxLjY0NzQ3MDU5LDIzLjg1MDgwNTIgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMzIgTDEzLjkxNzY0NzEsMzIgTDEzLjkxNzY0NzEsMjYuNDM0OTA5MSBMMCwyNi40MzQ5MDkxIEwwLDMyIFogTTEuNjQ3NDcwNTksMzAuMzM4MDc3OSBMMTIuMjcwNTg4MiwzMC4zMzgwNzc5IEwxMi4yNzA1ODgyLDI4LjA5NzI0NjggTDEuNjQ3NDcwNTksMjguMDk3MjQ2OCBMMS42NDc0NzA1OSwzMC4zMzgwNzc5IFoiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDUuNTY1MDkwOTEgTDI3Ljg5NzA1ODgsNS41NjUwOTA5MSBMMjcuODk3MDU4OCwwIEwxMy45Nzk0MTE4LDAgTDEzLjk3OTQxMTgsNS41NjUwOTA5MSBaIE0xNS42MjY0NzA2LDMuOTAyNzUzMjUgTDI2LjI1LDMuOTAyNzUzMjUgTDI2LjI1LDEuNjYyMzM3NjYgTDE1LjYyNjQ3MDYsMS42NjIzMzc2NiBMMTUuNjI2NDcwNiwzLjkwMjc1MzI1IFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDEyLjA1MTk0ODEgTDI3Ljg5NzA1ODgsMTIuMDUxOTQ4MSBMMjcuODk3MDU4OCw2LjQ4Njg1NzE0IEwxMy45Nzk0MTE4LDYuNDg2ODU3MTQgTDEzLjk3OTQxMTgsMTIuMDUxOTQ4MSBaIE0xNS42MjY0NzA2LDEwLjM4OTYxMDQgTDI2LjI1LDEwLjM4OTYxMDQgTDI2LjI1LDguMTQ5MTk0ODEgTDE1LjYyNjQ3MDYsOC4xNDkxOTQ4MSBMMTUuNjI2NDcwNiwxMC4zODk2MTA0IFoiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOCwyNS41MTMxNDI5IEw0MS45MTcyMzUzLDI1LjUxMzE0MjkgTDQxLjkxNzIzNTMsMTkuOTQ4MDUxOSBMMjgsMTkuOTQ4MDUxOSBMMjgsMjUuNTEzMTQyOSBaIE0yOS42NDcwNTg4LDIzLjg1MDgwNTIgTDQwLjI3MDU4ODIsMjMuODUwODA1MiBMNDAuMjcwNTg4MiwyMS42MTAzODk2IEwyOS42NDcwNTg4LDIxLjYxMDM4OTYgTDI5LjY0NzA1ODgsMjMuODUwODA1MiBaIiBpZD0iRmlsbC01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjgsMzIgTDQxLjkxNzIzNTMsMzIgTDQxLjkxNzIzNTMsMjYuNDM0OTA5MSBMMjgsMjYuNDM0OTA5MSBMMjgsMzIgWiBNMjkuNjQ3MDU4OCwzMC4zMzgwNzc5IEw0MC4yNzA1ODgyLDMwLjMzODA3NzkgTDQwLjI3MDU4ODIsMjguMDk3MjQ2OCBMMjkuNjQ3MDU4OCwyOC4wOTcyNDY4IEwyOS42NDcwNTg4LDMwLjMzODA3NzkgWiIgaWQ9IkZpbGwtNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjAzNTI0MTIsOC45MDkyOTg3IEMzMC44MDA1MzUzLDguOTA5Mjk4NyAzMC41NjcwNjQ3LDguODA4MzExNjkgMzAuNDA0NDE3Niw4LjYxMjU3MTQzIEMzMC4zMjAwMDU5LDguNTExNTg0NDIgMzAuMjM0NzcwNiw4LjQxMTg0NDE2IDMwLjE0NzQ3NjUsOC4zMTM3NjYyMyBDMjkuODQ0MDA1OSw3Ljk3MTc0MDI2IDI5Ljg3MjgyOTQsNy40NDYwMjU5NyAzMC4yMTE3MTE4LDcuMTQwMTU1ODQgQzMwLjU1MDE4MjQsNi44MzQyODU3MSAzMS4wNzA2NTI5LDYuODYyOTYxMDQgMzEuMzc0NTM1Myw3LjIwNDk4NzAxIEMzMS40NzI5NDcxLDcuMzE2MzYzNjQgMzEuNTcwMTIzNSw3LjQyODk4NzAxIDMxLjY2NTI0MTIsNy41NDM2ODgzMSBDMzEuOTU4MDA1OSw3Ljg5NTI3MjczIDMxLjkxMjcxMTgsOC40MTkzMjQ2OCAzMS41NjQzNTg4LDguNzE0Mzg5NjEgQzMxLjQxMDM1ODgsOC44NDUyOTg3IDMxLjIyMjE4MjQsOC45MDkyOTg3IDMxLjAzNTI0MTIsOC45MDkyOTg3IE0xMC41OTE5NDcxLDkuMjE3NjYyMzQgQzEwLjQxMzI0MTIsOS4yMTc2NjIzNCAxMC4yMzMzLDkuMTU5NDgwNTIgMTAuMDgyMTgyNCw5LjAzODk2MTA0IEM5LjcyNTE4MjM1LDguNzU0Mjg1NzEgOS42NjQ2NTI5NCw4LjIzMTQ4MDUyIDkuOTQ2Myw3Ljg3MTE2ODgzIEMxMC4wMzgxMjM1LDcuNzU0Mzg5NjEgMTAuMTMxNTk0MSw3LjYzODQ0MTU2IDEwLjIyNjcxMTgsNy41MjQxNTU4NCBDMTAuNTIwMyw3LjE3MzQwMjYgMTEuMDM5OTQ3MSw3LjEyODUxOTQ4IDExLjM4NzQ3NjUsNy40MjQ0MTU1OCBDMTEuNzM1MDA1OSw3LjcyMDcyNzI3IDExLjc3OTQ3NjUsOC4yNDQ3NzkyMiAxMS40ODYzLDguNTk1OTQ4MDUgQzExLjQwMjMsOC42OTY1MTk0OCAxMS4zMTk1MzUzLDguNzk4MzM3NjYgMTEuMjM4ODI5NCw4LjkwMTgxODE4IEMxMS4wNzYxODI0LDkuMTA5MTk0ODEgMTAuODM1Myw5LjIxNzY2MjM0IDEwLjU5MTk0NzEsOS4yMTc2NjIzNCBNMzMuMzI0MjQxMiwxMi45MDc2MzY0IEMzMi45ODc4Mjk0LDEyLjkwNzYzNjQgMzIuNjcyMDA1OSwxMi42OTc3NjYyIDMyLjU1MDUzNTMsMTIuMzYwMzExNyBDMzIuNTA1NjUyOSwxMi4yMzYwNTE5IDMyLjQ1OTEyMzUsMTIuMTEyNjIzNCAzMi40MTAxMjM1LDExLjk5MDAyNiBDMzIuMjQxMywxMS41NjQwNTE5IDMyLjQ0NjM1ODgsMTEuMDgwMzExNyAzMi44Njg0MTc2LDEwLjkwOTUwNjUgQzMzLjI5MDQ3NjUsMTAuNzM4NzAxMyAzMy43Njk3NzA2LDEwLjk0NTY2MjMgMzMuOTM5MDA1OSwxMS4zNzIwNTE5IEMzMy45OTQxODI0LDExLjUxMDg1NzEgMzQuMDQ3MywxMS42NTA5MDkxIDM0LjA5Nzk0NzEsMTEuNzkxNzkyMiBDMzQuMjUzNTk0MSwxMi4yMjMxNjg4IDM0LjAzMzMsMTIuNzAwMjU5NyAzMy42MDU4ODgyLDEyLjg1NzM1MDYgQzMzLjUxMjgyOTQsMTIuODkxNDI4NiAzMy40MTc3MTE4LDEyLjkwNzYzNjQgMzMuMzI0MjQxMiwxMi45MDc2MzY0IE04LjQyMzE4MjM1LDEzLjI4MjA3NzkgQzguMzM3OTQ3MDYsMTMuMjgyMDc3OSA4LjI1MTA2NDcxLDEzLjI2ODc3OTIgOC4xNjU0MTc2NSwxMy4yNDAxMDM5IEM3LjczMzQ3NjQ3LDEzLjA5NjcyNzMgNy40OTg3NzA1OSwxMi42MjcxMTY5IDcuNjQwODI5NDEsMTIuMTkwNzUzMiBDNy42ODczNTg4MiwxMi4wNDg2MjM0IDcuNzM2MzU4ODIsMTEuOTA3MzI0NyA3Ljc4NzQxNzY1LDExLjc2Njg1NzEgQzcuOTQzMDY0NzEsMTEuMzM1NDgwNSA4LjQxNzgyOTQxLDExLjExNDM4OTYgOC44NDM1OTQxMiwxMS4yNzIzMTE3IEM5LjI3MTAwNTg4LDExLjQyOTgxODIgOS40OTAwNjQ3MSwxMS45MDczMjQ3IDkuMzMzNTk0MTIsMTIuMzM4Mjg1NyBDOS4yODkxMjM1MywxMi40NjE3MTQzIDkuMjQ1ODg4MjQsMTIuNTg1OTc0IDkuMjA1NTM1MjksMTIuNzEwNjQ5NCBDOS4wOTE0NzY0NywxMy4wNjA1NzE0IDguNzY5MDY0NzEsMTMuMjgyMDc3OSA4LjQyMzE4MjM1LDEzLjI4MjA3NzkgTTM0LjExNDQxNzYsMTcuNTA2NDkzNSBDMzMuNjU5ODI5NCwxNy41MDY0OTM1IDMzLjI5MDg4ODIsMTcuMTM0NTQ1NSAzMy4yOTA4ODgyLDE2LjY3NTMyNDcgTDMzLjI5MTMsMTYuNjEzODE4MiBDMzMuMjkxMywxNi40OTA4MDUyIDMzLjI4OTI0MTIsMTYuMzU4NjQ5NCAzMy4yODUxMjM1LDE2LjIyNjkwOTEgQzMzLjI3MTEyMzUsMTUuNzY4MTAzOSAzMy42Mjg1MzUzLDE1LjM4NDkzNTEgMzQuMDgzMTIzNSwxNS4zNzA4MDUyIEMzNC41NDQzLDE1LjM2NDU3MTQgMzQuOTE3NzcwNiwxNS43MTc4MTgyIDM0LjkzMTM1ODgsMTYuMTc2MjA3OCBDMzQuOTM1ODg4MiwxNi4zMjQ5ODcgMzQuOTM4MzU4OCwxNi40NzM3NjYyIDM0LjkzODM1ODgsMTYuNjIzMzc2NiBMMzQuOTM3OTQ3MSwxNi42NzUzMjQ3IEMzNC45Mzc5NDcxLDE3LjEzNDU0NTUgMzQuNTY5NDE3NiwxNy41MDY0OTM1IDM0LjExNDQxNzYsMTcuNTA2NDkzNSBNNy43NjcyNDExOCwxNy44NTAxODE4IEM3LjMyMzM1ODgyLDE3Ljg1MDE4MTggNi45NTczLDE3LjQ5NDAyNiA2Ljk0NDUzNTI5LDE3LjA0MzUzMjUgQzYuOTQwNDE3NjUsMTYuOTAzODk2MSA2LjkzODM1ODgyLDE2Ljc2Mzg0NDIgNi45MzgzNTg4MiwxNi42MjMzNzY2IEM2LjkzODM1ODgyLDE2LjE2NDU3MTQgNy4zMDY4ODgyNCwxNS43NzkzMjQ3IDcuNzYxODg4MjQsMTUuNzc5MzI0NyBDOC4yMTY0NzY0NywxNS43NzkzMjQ3IDguNTg1NDE3NjUsMTYuMTM4Mzg5NiA4LjU4NTQxNzY1LDE2LjU5NzYxMDQgQzguNTg1NDE3NjUsMTYuNjAzODQ0MiA4LjU4NTQxNzY1LDE2LjYzNjY3NTMgOC41ODUwMDU4OCwxNi42NDI5MDkxIEM4LjU4NTQxNzY1LDE2Ljc0NzYzNjQgOC41ODcwNjQ3MSwxNi44NzE0ODA1IDguNTkwNzcwNTksMTYuOTk0OTA5MSBDOC42MDM5NDcwNiwxNy40NTM3MTQzIDguMjQ2MTIzNTMsMTcuODM2NDY3NSA3Ljc5MTUzNTI5LDE3Ljg0OTc2NjIgQzcuNzgzMywxNy44NTAxODE4IDcuNzc1MDY0NzEsMTcuODUwMTgxOCA3Ljc2NzI0MTE4LDE3Ljg1MDE4MTggTTIzLjE4NjE4MjQsMzAuNTYwNDE1NiBDMjIuNzkyOTQ3MSwzMC41NjA0MTU2IDIyLjQ0NTAwNTksMzAuMjc0OTA5MSAyMi4zNzU4Mjk0LDI5Ljg3MDEyOTkgQzIyLjI5ODQxNzYsMjkuNDE3OTc0IDIyLjU5OTQxNzYsMjguOTg3ODQ0MiAyMy4wNDc4Mjk0LDI4LjkwOTcxNDMgQzIzLjE3NjcxMTgsMjguODg3Njg4MyAyMy4zMDUxODI0LDI4Ljg2MzE2ODggMjMuNDMyNDE3NiwyOC44MzY5ODcgQzIzLjg3NzUzNTMsMjguNzQzODk2MSAyNC4zMTMxODI0LDI5LjAzMzk3NCAyNC40MDQ1OTQxLDI5LjQ4MzYzNjQgQzI0LjQ5NjQxNzYsMjkuOTMzMjk4NyAyNC4yMDk0MTc2LDMwLjM3MjU3MTQgMjMuNzYzODg4MiwzMC40NjUyNDY4IEMyMy42MTg5NDcxLDMwLjQ5NTE2ODggMjMuNDczNTk0MSwzMC41MjI1OTc0IDIzLjMyNzAwNTksMzAuNTQ4MzYzNiBDMjMuMjgwMDY0NywzMC41NTYyNTk3IDIzLjIzMjcxMTgsMzAuNTYwNDE1NiAyMy4xODYxODI0LDMwLjU2MDQxNTYgTTE5LjAyNjk0NzEsMzAuNjE0NDQxNiBDMTguOTg3ODI5NCwzMC42MTQ0NDE2IDE4Ljk0Nzg4ODIsMzAuNjExNTMyNSAxOC45MDc1MzUzLDMwLjYwNTcxNDMgQzE4Ljc2MDUzNTMsMzAuNTg0MTAzOSAxOC42MTQzNTg4LDMwLjU2IDE4LjQ2OTAwNTksMzAuNTM0MjMzOCBDMTguMDIxNDE3NiwzMC40NTM2MTA0IDE3LjcyMjg4ODIsMzAuMDIyMjMzOCAxNy44MDI3NzA2LDI5LjU3MDA3NzkgQzE3Ljg4MjI0MTIsMjkuMTE3OTIyMSAxOC4zMTA4ODgyLDI4LjgxNjYyMzQgMTguNzU4MDY0NywyOC44OTcyNDY4IEMxOC44ODYxMjM1LDI4LjkyMDUxOTUgMTkuMDE1MDA1OSwyOC45NDE3MTQzIDE5LjE0NDcxMTgsMjguOTYwODMxMiBDMTkuNTk0NzcwNiwyOS4wMjY0OTM1IDE5LjkwNjQ3NjUsMjkuNDQ4MzExNyAxOS44NDEwMDU5LDI5LjkwMjU0NTUgQzE5Ljc4MTMsMzAuMzE2NDY3NSAxOS40MjkyNDEyLDMwLjYxNDQ0MTYgMTkuMDI2OTQ3MSwzMC42MTQ0NDE2IiBpZD0iRmlsbC03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjg2ODA4NTMsMTQuNzYxNTE0MSBDMjEuODM1MDA0LDE1LjU3MjE5NzcgMjAuMzg4MTgzOSwxNS41NzIxOTc3IDE5LjM1NTEwMjYsMTQuNzYxNTE0MSBMMTcuNjcwMjY4NiwxMy40Mzk0OTE4IEMxNi42NTMzOTI1LDEyLjY0MTU3ODggMTUuMzc2NzI2OSwxMi4xNjM0NDQgMTMuOTg2NjI1LDEyLjE2OTA2MzEgQzEwLjgxMzQ0NSwxMi4xODIzNDQ2IDguMTMxNDg1MDEsMTQuODIxMjgwOSA4LjA0NDg4ODQ5LDE4LjAyMDU5NTMgQzcuOTUxNzA4NjIsMjEuNDIzNzMgMTAuNjU4OTg5MiwyNC4yMTE4MjggMTQuMDExOTQ1NiwyNC4yMTE4MjggQzE1LjM5MTkxOTMsMjQuMjExODI4IDE2LjY1OTQ2OTUsMjMuNzM1MjI1NyAxNy42NzAyNjg2LDIyLjk0MTM5OTMgTDE5LjM1NTEwMjYsMjEuNjE5ODg3OCBDMjAuMzg4MTgzOSwyMC44MDg2OTMzIDIxLjgzNTAwNCwyMC44MDg2OTMzIDIyLjg2ODA4NTMsMjEuNjE5ODg3OCBMMjQuNTUyOTE5MywyMi45NDEzOTkzIEMyNS41Njk3OTUzLDIzLjczOTgyMzEgMjYuODQ2NDYwOSwyNC4yMTc5NTc5IDI4LjIzNjU2MjksMjQuMjExODI4IEMzMS40MDkyMzY1LDI0LjE5OTA1NzMgMzQuMDkxMTk2NCwyMS41NjAxMjEgMzQuMTc4Mjk5NCwxOC4zNjAyOTU4IEMzNC4yNzE0NzkzLDE0Ljk1NzE2MTEgMzEuNTY0MTk4NywxMi4xNjkwNjMxIDI4LjIxMTI0MjMsMTIuMTY5MDYzMSBDMjYuODMxMjY4NiwxMi4xNjkwNjMxIDI1LjU2MzcxODQsMTIuNjQ2MTc2MiAyNC41NTI5MTkzLDEzLjQzOTQ5MTggTDIyLjg2ODA4NTMsMTQuNzYxNTE0MSBaIiBpZD0iUGFnZS0xIiBmaWxsPSIjM0I5OUZGIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5OyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQtQ29weS00IiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjE2LjUzMTkxNDkgOC44MzM4MDU1NyAxNy40MjU1MzE5IDguODMzODA1NTcgMTcuNDI1NTMxOSA5LjczNTIxNDAyIDE2LjUzMTkxNDkgOS43MzUyMTQwMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNTMxOTE1LCAyLjI1MzUyMSkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42ODA4NTEsIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4zODI5NzksIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjY4MDg1MSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjM4Mjk3OSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering06 .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering06 .radio:before { left: 20px; width: 25px; height: 25px; margin-top: -12.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -884px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.metering06 .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-summary .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-summary .radio:before { left: 20px; width: 34px; height: 23px; margin-top: -11.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -826px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-summary .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-usage .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-usage .radio:before { left: 20px; width: 32px; height: 25px; margin-top: -12.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -739px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-usage .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-performance .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-performance .radio:before { left: 20px; width: 37px; height: 23px; margin-top: -11.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -783px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-performance .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-service-group .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-service-group .radio:before { left: 20px; width: 33px; height: 25px; margin-top: -12.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -700px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.by-service-group .radio:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.none .radio {line-height: 20px; height: 20px;  padding: 10px 10px 10px 65px; }
.multiselect-icons .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.multiselect-icons .btn-group.open .multiselect.btn-vendor:after { transform: rotateX(180deg); }
.multiselect-icons .btn-group.open .dropdown-menu { display: block; overflow-y: auto; max-height: 290px; }

.daterangepicker { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; position: absolute; top: -9999px; left: -9999px;width: 278px; margin-top: 1px; padding: 4px; color: inherit; border-radius: 0px; background-color: #fff;  }
.daterangepicker:before , .daterangepicker:after { position: absolute; display: inline-block; content: ''; border-bottom-color: rgba(0, 0, 0, .2); }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.daterangepicker.opensleft:before { right: 9px; }
.daterangepicker.opensleft:after { right: 10px; }
.daterangepicker.openscenter:before {right: 0;  left: 0; width: 0; margin-right: auto; margin-left: auto; }
.daterangepicker.openscenter:after {right: 0;  left: 0; width: 0; margin-right: auto; margin-left: auto; }
.daterangepicker.opensright:before { left: 9px; }
.daterangepicker.opensright:after { left: 10px; }
.daterangepicker.dropup { margin-top: -5px; }
.daterangepicker.dropup:before { top: initial; bottom: -7px; border-top: 7px solid #ccc; border-bottom: initial; }
.daterangepicker.dropup:after { top: initial; bottom: -6px; border-top: 6px solid #fff; border-bottom: initial; }
.daterangepicker.dropdown-menu { font-size: .875rem; z-index: 3001; max-width: none; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.daterangepicker.single .ranges , .daterangepicker.single .calendar { float: none; }
.daterangepicker.show-calendar .calendar { display: block; }
.daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; }
.daterangepicker .calendar.single .calendar-table { border: none; }
.daterangepicker .calendar th , .daterangepicker .calendar td {min-width: 32px; padding: 5px 0; text-align: center;  white-space: nowrap; }
.daterangepicker .calendar-table {padding: 4px;  border: 1px solid #fff; border-radius: 0px; background-color: #fff; }
.daterangepicker table { width: 100%; margin: 0; }
.daterangepicker td , .daterangepicker th {width: 20px; height: 20px; cursor: pointer;  text-align: center; white-space: nowrap; border: 1px solid transparent; border-radius: 0px; }
.daterangepicker td .fa-chevron-left:before , .daterangepicker th .fa-chevron-left:before {display: inline-block; width: 7px; height: 10px;  content: ''; transform: rotateY(180deg); background-image: url(/assets/images/sprites.png); background-position: -625px -74px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterangepicker td .fa-chevron-left:before , .daterangepicker th .fa-chevron-left:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.daterangepicker td .fa-chevron-right:before , .daterangepicker th .fa-chevron-right:before {display: inline-block; width: 7px; height: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -625px -74px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterangepicker td .fa-chevron-right:before , .daterangepicker th .fa-chevron-right:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.daterangepicker td.available:hover , .daterangepicker th.available:hover {color: inherit; border-color: transparent;  background-color: #eee; }
.daterangepicker td.week , .daterangepicker th.week { font-size: 80%; color: #ccc; }
.daterangepicker td.off , .daterangepicker td.off.in-range , .daterangepicker td.off.start-date , .daterangepicker td.off.end-date {color: #999; border-color: transparent;  background-color: #fff; }
.daterangepicker td.in-range {color: #000; border-color: transparent; border-radius: 0;  background-color: #f5f5f5; }
.daterangepicker td.start-date { border-radius: 15px 0 0 15px; }
.daterangepicker td.end-date { border-radius: 0 15px 15px 0; }
.daterangepicker td.start-date.end-date { border-radius: 0px; }
.daterangepicker td.active , .daterangepicker td.active:hover {color: #fff; border-color: transparent;  background-color: #555; }
.daterangepicker th.month { width: auto; }
.daterangepicker td.disabled , .daterangepicker option.disabled {cursor: not-allowed; text-decoration: line-through;  color: #d5d5d5; }
.daterangepicker select.monthselect , .daterangepicker select.yearselect { font-size: 12px; height: auto; margin: 0; padding: 1px; cursor: default; }
.daterangepicker select.monthselect {width: 56%;  margin-right: 2%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect , .daterangepicker select.minuteselect , .daterangepicker select.secondselect , .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }
.daterangepicker .input-mini {line-height: 30px; display: block; width: 100%; height: 30px; margin: 0 0 5px 0; padding: 0 6px 0 28px; vertical-align: middle; color: #555;  border: 1px solid #ccc; border-radius: 4px; }
.daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; }
.daterangepicker .daterangepicker_input {position: relative;  display: none; }
.daterangepicker .daterangepicker_input i { position: absolute; top: 8px; left: 8px; }
.daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; }
.daterangepicker.rtl .daterangepicker_input i {right: 8px;  left: auto; }
.daterangepicker .calendar-time {line-height: 30px; position: relative; margin: 5px auto; padding-left: 28px;  text-align: center; }
.daterangepicker .calendar-time select.disabled {cursor: not-allowed;  color: #ccc; }

.ranges { font-size: 11px; float: none; margin: 4px; text-align: left; }
.ranges ul {width: 100%; margin: 0 auto; padding: 0;  list-style: none; }
.ranges li { font-size: 13px; margin-bottom: 8px; padding: 3px 12px; cursor: pointer; color: #555; border: 1px solid #f5f5f5; border-radius: 0px; background-color: #f5f5f5; }
.ranges li:hover {color: #fff; border: 1px solid #555;  background-color: #555; }
.ranges li.active {color: #fff; border: 1px solid #555;  background-color: #555; }


@media (min-width: 564px) { .daterangepicker { width: auto; }
	.daterangepicker .ranges ul , .daterangepicker .ranges .compare { width: 160px; }
	.daterangepicker.single .ranges ul , .daterangepicker.single .ranges .compare { width: 100%; }
	.daterangepicker.single .calendar.left { clear: none; }
	.daterangepicker.single.ltr .ranges , .daterangepicker.single.ltr .calendar { float: left; }
	.daterangepicker.single.rtl .ranges , .daterangepicker.single.rtl .calendar { float: right; }
	.daterangepicker.ltr {text-align: left;  direction: ltr; }
	.daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; }
	.daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.daterangepicker.ltr .calendar.right { margin-left: 0; }
	.daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; }
	.daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; }
	.daterangepicker.ltr .ranges , .daterangepicker.ltr .calendar { float: left; }
	.daterangepicker.rtl {text-align: right;  direction: rtl; }
	.daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; }
	.daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.daterangepicker.rtl .calendar.right { margin-right: 0; }
	.daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; }
	.daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; }
	.daterangepicker.rtl .ranges , .daterangepicker.rtl .calendar {float: right;  text-align: right; } }

@media (min-width: 730px) { .daterangepicker .ranges { width: auto; }
	.daterangepicker.ltr .ranges { float: left; }
	.daterangepicker.rtl .ranges { float: right; }
	.daterangepicker .calendar.left { clear: none !important; } }


section.date_picker { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
section.date_picker > * { margin-right: 4px; }
section.date_picker input[type='text'] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; width: 60px; text-align: center; }
section.date_picker input.daterange { width: 125px; outline: 0; background: transparent; }
section.date_picker input.daterange2 { width: 210px; padding-right: calc(9px * 2); padding-left: 32px; cursor: pointer; text-align: left; border: .5px solid lightgray; background: transparent; background-size: 14px 14px,9px 5px; }


div.range_inputs { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
div.range_inputs > button { -ms-flex: 1; flex: 1; }
div.range_inputs > button:nth-of-type(1) { margin-left: 2px; -ms-flex-order: 2; order: 2; }
div.range_inputs > button:nth-of-type(2) { margin-right: 2px; -ms-flex-order: 1; order: 1; }
div.range_inputs > button:nth-of-type(2):lang(ja) { -ms-flex: 2; flex: 2; }

.daterangepicker td::selection { background: transparent !important; }

.daterange.dropdown-menu .data-picker-placeholder { right: 21px; }

.data-picker-placeholder {font-size: .75rem; font-weight: 400; line-height: 32px;  position: absolute; z-index: 500; top: 1px; right: 1px; bottom: 1px; left: 35px; background: #fff; }

.inteligent .inteligent-container { position: relative; }

.inteligent [data-status=content-dimmed].dimmed { position: relative; }
.inteligent [data-status=content-dimmed].dimmed:before {position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;  content: ''; opacity: .5; background: #fff; }

.inteligent .popups-area { position: absolute; z-index: 10; top: 24px; right: 0px; }
.inteligent .popups-area.popon .popup {pointer-events: auto;  opacity: 1; }
.inteligent .popups-area .help_info { position: absolute; top: 50%; right: 30px; width: 24px; height: 24px; transform: translateY(-50%); }
.inteligent .popups-area .help_info:hover {border-radius: 2px;  background: rgba(24, 134, 255, .2); }
.inteligent .popups-area .help_info:hover:before {width: 18px; height: 18px;  background-image: url(../images/layout_sprites.png); background-position: -319px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .popups-area .help_info:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .popups-area .help_info:before {position: absolute; top: 50; left: 50%; width: 18px; height: 18px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -247px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .popups-area .help_info:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .popups-area .popup {position: absolute; z-index: 100; top: calc(100% + 20px); right: 30px; width: 700px; padding: 14px; transition: opacity .3s linear; pointer-events: none;  opacity: 0; border: 1px solid #ccc; background: #fff; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .2); }
.inteligent .popups-area .popup h2 { font-size: .875rem; font-weight: 700; }
.inteligent .popups-area .popup h2 + p {font-size: .75rem; padding: 10px 0;  color: #666; }
.inteligent .popups-area .popup ul { padding: 0 0 10px; }
.inteligent .popups-area .popup ul li { font-size: .75rem; line-height: 1.66667em; position: relative; padding-left: 68px; text-indent: -56px; }
.inteligent .popups-area .popup ul li span { font-weight: 700; }
.inteligent .popups-area .popup ul li span:before {position: absolute; top: 8px; left: 0; width: 4px; height: 4px;  content: ''; background: #999; }
.inteligent .popups-area .popup ul + p {font-size: .75rem;  color: #666; }
.inteligent .popups-area .popup p a { font-size: .75rem; text-decoration: underline; color: #4a90e2; }
.inteligent .popups-area .popup p a:hover { color: #0052b2; }
.inteligent .popups-area .popup p a:after {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin: 0 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .popups-area .popup p a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .popups-area .popup:before {position: absolute; top: -11px; right: 6px;  content: ''; border-right: 5px solid transparent; border-bottom: 11px solid #bbb; border-left: 5px solid transparent; }
.inteligent .popups-area .popup:after {position: absolute; top: -10px; right: 7px;  content: ''; border-right: 4px solid transparent; border-bottom: 10px solid #fff; border-left: 4px solid transparent; }

.inteligent .search-result {position: relative; display: -ms-flexbox; display: flex; overflow: hidden; box-sizing: border-box;  height: 48px; padding: 8px 30px 12px; background: #f5f5f7; }
.inteligent .search-result .other-fold-btn { display: none; }
.inteligent .search-result .search-result-auto { position: relative; display: -ms-flexbox; display: flex; min-width: 944px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 1; flex: 1; }
.inteligent .search-result .search-setting-form {line-height: 24px; display: inline-block; min-width: 100px;  height: 24px; margin-right: 30px; padding: 4px 0 0; }
.inteligent .search-result .search-setting-form .other-expand { font-size: .875rem; position: relative; bottom: 2px; height: 24px; margin-right: 4px; text-decoration: underline; color: #4a90e2; }
.inteligent .search-result .search-setting-form .tag_delete , .inteligent .search-result .search-setting-form .other-expand {overflow: hidden; height: 0; transition: all .3s linear;  opacity: 0; }
.inteligent .search-result .search-setting-form .tag_delete.on , .inteligent .search-result .search-setting-form .other-expand.on { height: auto; opacity: 1; }
.inteligent .search-result .search-setting-form .tag_delete:before {display: inline-block; width: 16px; height: 16px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -378px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-result .search-setting-form .tag_delete:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-result.expand { height: auto; max-height: 610px; padding-bottom: 47px; }
.inteligent .search-result.expand .search-result-auto { overflow-y: auto; }
.inteligent .search-result.expand .other-fold-btn {line-height: 22px; position: absolute; bottom: 10px; left: 50%;  display: block; box-sizing: border-box; height: 24px; padding: 0 12px; transform: translateX(-50%); border-radius: 2px; }
.inteligent .search-result.expand .other-fold-btn:hover { border: 1px solid rgba(184, 190, 195, .2); background: rgba(184, 190, 195, .2); }
.inteligent .search-result.expand .other-fold-btn:before {position: relative; display: inline-block; width: 12px; height: 8px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -706px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-result.expand .other-fold-btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-result.expand .search-item { margin: 4px 4px 0 0; }
.inteligent .search-result .search-item {font-size: .75rem; font-weight: 500; line-height: 22px; position: relative; top: 0; display: inline-block; overflow: hidden; box-sizing: border-box; width: 180px; height: 24px; margin: 4px 4px 30px 0;  padding: 0 8px; transition: opacity .3s linear, top .3s linear; white-space: nowrap; text-overflow: ellipsis; color: #408bd3; border: 1px solid #cbe6ff; border-radius: 2px; background: #e5f3ff; }
.inteligent .search-result .search-item.remove {top: 100px;  opacity: 0; }

.inteligent .search-form { padding: 0 30px; }
.inteligent .search-form.overflow .apply {position: relative;  margin-top: -15px; }
.inteligent .search-form .filter {position: relative;  display: -ms-flexbox; display: flex; min-height: 32px; padding-top: 18px; }
.inteligent .search-form .filter.favorite ~ .apply { display: none; }
.inteligent .search-form .filter.favorite .view , .inteligent .search-form .filter.favorite .close-btn { display: none; }
.inteligent .search-form .filter .view {display: -ms-flexbox; display: flex;  margin-right: auto; }
.inteligent .search-form .filter .view > li {line-height: 30px;  margin-left: 22px; }
.inteligent .search-form .filter .view > li:first-child { margin-left: 0; }
.inteligent .search-form .filter .view > li .multiselect-native-select .btn-group.default .multiselect {line-height: 30px; height: 30px; color: #666;  box-shadow: none; }
.inteligent .search-form .filter .view > li .multiselect-native-select .btn-group.default .multiselect:before {bottom: 0; display: inline-block; width: 16px; height: 12px; margin-right: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -486px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .filter .view > li .multiselect-native-select .btn-group.default .multiselect:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .filter .view > li .multiselect-native-select .btn-group.default .multiselect:after {right: 10px; width: 8px; height: 5px; margin-top: -2.5px;  background: url('/assets/images/icon_arrow_full_8_5@2x.png') no-repeat; background-size: 8px 5px; }
.inteligent .search-form .filter .view > li .multiselect-native-select .btn-group.default .multiselect:hover { border-radius: 2px; background: rgba(184, 190, 195, .3); box-shadow: inset 0 0 0 1px rgba(184, 190, 195, .3); }
.inteligent .search-form .filter .view > li > button { font-size: .875rem; line-height: 30px; box-sizing: border-box; height: 32px; padding: 0 8px; color: #666; border: 1px solid transparent; }
.inteligent .search-form .filter .view > li > button:before {position: relative; bottom: 4px; display: inline-block; width: 10px; height: 2px; margin-right: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -666px -55px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .filter .view > li > button:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .filter .view > li > button:hover {border: 1px solid rgba(184, 190, 195, .3);  border-radius: 2px; background: rgba(184, 190, 195, .3); }
.inteligent .search-form .filter .view > li.all_expand button:before { bottom: 1px; width: 10px; height: 10px; background-image: url(../images/layout_sprites.png); background-position: -660px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .filter .view > li.all_expand button:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .filter .view > li.all_fold { margin-left: 10px; }
.inteligent .search-form .filter .tab { position: absolute; top: 18px; left: 50%; display: -ms-flexbox; display: flex; transform: translateX(-50%); }
.inteligent .search-form .filter .tab li {font-size: .75rem; font-weight: 700; line-height: 26px; box-sizing: border-box;  min-width: 100px; height: 30px; cursor: pointer; text-align: center; color: #666; border: 2px solid #898e94; }
.inteligent .search-form .filter .tab li.selected {line-height: 30px; color: #fff;  border: 0; background: #898e94; }
.inteligent .search-form .filter .close-btn {font-size: .875rem; line-height: 30px; box-sizing: border-box;  min-width: 65px; height: 32px; color: #666; border-radius: 2px; }
.inteligent .search-form .filter .close-btn:hover {border: 1px solid rgba(184, 190, 195, .3);  border-radius: 2px; background: rgba(184, 190, 195, .3); }
.inteligent .search-form .filter .close-btn:after {position: relative; display: inline-block; width: 10px; height: 10px; margin-left: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -676px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .filter .close-btn:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .apply {margin: 0 -30px; padding: 16px 0;  text-align: center; border-top: 1px solid #e6e6e6; background: rgba(255, 255, 255, .8); }
.inteligent .search-form .apply button {font-size: .875rem;  width: 500px; height: 40px; color: #fff; border-radius: 2px; background: #52545c; }
.inteligent .search-form .apply button[disabled] {cursor: not-allowed;  opacity: .2; }
.inteligent .search-form .search-option-view > * { display: none; }
.inteligent .search-form .search-option-view > *[data-state=view] { display: block; }
.inteligent .search-form .search-tag-wrap { padding-top: 25px; }
.inteligent .search-form .search-tag-wrap > p { padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; }
.inteligent .search-form .search-tag-wrap > p input[type=checkbox] + label { font-size: .875rem; font-weight: 700; }
.inteligent .search-form .search-tag-wrap .search-tag-scroll {position: relative; overflow: hidden; overflow-y: auto;  max-height: 395px; }
.inteligent .search-form .search-favorite-wrap { padding-top: 5px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap {position: relative; margin-top: 8px; padding: 12px 12px 4px; cursor: pointer;  border: 1px solid #e6e6e6; border-radius: 2px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap:last-child { border-bottom: 1px solid #e6e6e6; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .copy_btn {position: absolute; top: 12px; right: 12px;  width: 24px; height: 24px; border-radius: 2px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .copy_btn:hover { border: 1px solid rgba(184, 190, 195, .2); background: rgba(184, 190, 195, .2); }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .copy_btn:before {position: absolute; top: 50%; left: 50%; width: 16px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -312px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .copy_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap:hover:before {position: absolute; top: -1px; right: 0; bottom: 0; left: -1px;  content: ''; border: 2px solid #006bff; border-radius: 2px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap:hover .search-tag-each .search-tag-list > li .tag-wrap .selected-tag-item {color: #408bd3;  border-color: #cbe6ff; background: #e5f3ff; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow {position: relative; overflow: hidden;  height: 32px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow.expand { height: auto; padding-bottom: 32px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow.expand .other-fold-btn {line-height: 22px;  position: absolute; bottom: 10px; left: 50%; box-sizing: border-box; height: 24px; padding: 0 12px; transform: translateX(-50%); border-radius: 2px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow.expand .other-fold-btn:hover { border: 1px solid rgba(184, 190, 195, .2); background: rgba(184, 190, 195, .2); }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow.expand .other-fold-btn:before {position: relative; display: inline-block; width: 12px; height: 8px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -706px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow.expand .other-fold-btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand { display: -ms-flexbox; display: flex; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand > p { width: 150px; padding-right: 8px; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand > p input[type=checkbox] + label:before {width: 17px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -444px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand > p input[type=checkbox] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand > p input[type=checkbox] + label:after { left: 1px; width: 15px; height: 15px; background-image: url(../images/layout_sprites.png); background-position: -451px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-overflow .search-expand > p input[type=checkbox] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-tag-each { padding-right: 210px; -ms-flex: auto; flex: auto; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .selected-tag-item {font-size: .75rem; line-height: 22px; position: relative; bottom: 0; display: inline-block; overflow: hidden; box-sizing: border-box; width: 180px; height: 24px; padding: 0 8px; transition: all .5s linear; text-align: left; white-space: nowrap; text-overflow: ellipsis; opacity: 1; color: #408bd3; color: #6b6e73;  border: 1px solid #f6f7f8; border-color: #f6f7f8; border-radius: 2px; background: #f6f7f8; box-shadow: none; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .selected-tag-item:hover:before , .inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .selected-tag-item:hover:after { content: none; }
.inteligent .search-form .search-favorite-wrap .search-tag-list-wrap .search-tag-each .other-expand { font-size: .875rem; position: relative; bottom: 2px; height: 24px; margin-right: 5px; text-decoration: underline; color: #4a90e2; }
.inteligent .search-form .search-tag-list-wrap { display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 40px; padding: 8px 0 0; border-bottom: 1px solid #e6e6e6; }
.inteligent .search-form .search-tag-list-wrap:last-child { border-bottom: 0; }
.inteligent .search-form .search-tag-list-wrap > p { width: 185px; }
.inteligent .search-form .search-tag-list-wrap > p label { font-size: .875rem; color: #222; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each.off .search-tag-list > li { display: none; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand) { width: 24px; height: 24px; margin-right: 8px; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand):hover {border: 1px solid rgba(184, 190, 195, .2);  border-radius: 2px; background-color: rgba(184, 190, 195, .2); }
.inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand).on:before { bottom: 0; width: 10px; height: 10px; background-image: url(../images/layout_sprites.png); background-position: -660px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand).on:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand):before {position: relative; bottom: 2px; display: inline-block; width: 10px; height: 2px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -666px -55px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-tag-list-wrap .search-tag-each > button:not(.other-expand):before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 1; flex: 1; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li { position: relative; margin: 0 8px 8px 0; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap {position: relative; height: 24px;  transition: all 100ms ease-out; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap em {position: absolute; top: 50%; right: 8px;  width: 20px; cursor: pointer; transform: translateY(-50%); text-align: right; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap em:before {display: inline-block; width: 14px; height: 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -679px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap input[type=checkbox]:checked + .tag-item {color: #408bd3; border: 1px solid #cbe6ff;  background: #e5f3ff; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap input[type=checkbox][disabled] + .tag-item {cursor: not-allowed; color: #ccc;  border: 1px solid #f6f7f8; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap input[type=checkbox][disabled] + .tag-item:hover:before , .inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap input[type=checkbox][disabled] + .tag-item:hover:after { content: none; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap.guard:before {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;  content: ''; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .btn-group > button {font-size: .75rem; line-height: 22px; position: relative; bottom: 0; overflow: hidden; box-sizing: border-box; width: 180px; height: 24px; padding: 0 8px; transition: all .5s linear; text-align: left; white-space: nowrap; text-overflow: ellipsis; opacity: 1; color: #408bd3;  border: 1px solid #cbe6ff; border-radius: 2px; box-shadow: none; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item {font-size: .75rem; font-weight: 500; line-height: 22px; position: relative; bottom: 0; box-sizing: border-box; width: 180px; height: 24px; padding: 0 8px; transition: all .5s linear; text-align: left; opacity: 1; color: #408bd3;  border: 1px solid #cbe6ff; border-radius: 2px; box-shadow: none; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item span {line-height: 22px;  display: inline-block; overflow: hidden; width: calc(100% - 24px); white-space: nowrap; text-overflow: ellipsis; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item:before , .inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item:after { background: none; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item:before {position: absolute; top: -1px; left: -1px; box-sizing: border-box; width: 180px; height: 24px; margin-top: 0;  content: ''; transition: opacity .3s linear; opacity: 0; border: 2px solid #006bff; border-radius: 2px; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item:hover:before { opacity: 1; }
.inteligent .search-form .search-tag-list-wrap .search-tag-each .search-tag-list > li .tag-wrap .tag-item[data-state=activated] {color: #3c89d6;  border-color: #cbe6ff; background: #e5f3ff; }

.inteligent .filter-select { padding: 12px 27px 8px; }
.inteligent .filter-select .item-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.inteligent .filter-select .items { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.inteligent .filter-select .items + .items { padding-left: 10px; }
.inteligent .filter-select .items.custom { padding-right: 10px; }
.inteligent .filter-select .items.custom time { display: none; }
.inteligent .filter-select .items.custom .item-custom { display: block; }
.inteligent .filter-select .items .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
.inteligent .filter-select .items select {line-height: 30px;  height: 32px; }
.inteligent .filter-select .items .item-custom {position: absolute; z-index: 10; top: 0; left: 100%;  display: none; box-sizing: border-box; width: 272px; height: 132px; padding: 8px; border: 1px solid #d5d9db; border-radius: 2px; background: #fff; }
.inteligent .filter-select .items .item-custom p { font-size: .875rem; font-weight: 500; color: #666; }
.inteligent .filter-select .items .item-custom .select-area { padding: 10px 0 0; }
.inteligent .filter-select .items .item-custom .select-area span { font-size: .875rem; line-height: 24px; padding: 0 2px; vertical-align: middle; }
.inteligent .filter-select .items .item-custom .select-area select {font-size: 12px; line-height: 22px;  width: 64px; height: 24px; padding-right: 25px; border-radius: 2px; }
.inteligent .filter-select .items .item-custom .select-area select + select { width: 48px; }
.inteligent .filter-select .items .item-custom .invalid-message { font-size: .75rem; color: #ff233a; }
.inteligent .filter-select .items .item-custom .btn-area { position: absolute; right: 8px; bottom: 8px; left: 0; text-align: right; }
.inteligent .filter-select .items .item-custom .btn-area button { width: 77px; height: 24px; color: #fff; border-radius: 2px; background: #898e94; }
.inteligent .filter-select .items .item-custom .btn-area button.submit { background: #006bff; }
.inteligent .filter-select .items time { font-size: .875rem; font-weight: 400; padding: 0 8px; color: #6e91bf; }
.inteligent .filter-select .btn-group.vendor-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.inteligent .filter-select .btn-group.vendor-code .multiselect {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em {position: relative; top: -2px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0; white-space: pre; color: #000; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em {position: relative; top: -1px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; min-width: 100px; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.inteligent .filter-select .btn-group.vendor-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }

div.cloned-search-item { position: absolute; z-index: 200; top: 0; left: 0; display: none; overflow: hidden; width: 180px; height: 24px; box-shadow: 0px 5px 31px -1px rgba(0, 0, 0, .15); }

div.cloned-search-item .tag-wrap .tag-item {font-weight: 500; display: block; width: 100%; height: 24px;  padding: 0 8px; text-align: left; color: #408bd3; border: 1px solid #cbe6ff; border-radius: 2px; background: #e5f3ff; }
div.cloned-search-item .tag-wrap .tag-item:before , div.cloned-search-item .tag-wrap .tag-item:after { content: none; }

.MakeSearchItem div.cloned-search-item.moveToSearchItem { top: 205px !important; transition: all .2s ease-out; opacity: 0; box-shadow: 0px 5px 31px -1px rgba(0, 0, 0, 0); }

div.cloned-search-item.moveToSearchItem {top: 215px !important;  left: 30px !important; transition: all .3s ease-in-out; }


.obsnow-join .btn-bsp {font-size: 1.0625rem; font-weight: 700; line-height: 50px; position: fixed; top: 0; left: 20px;  display: block; vertical-align: middle; color: #000; }
.obsnow-join .btn-bsp img { vertical-align: middle; }


.page-login {min-width: auto;  padding: 0; background-color: #f2f2f2; }
.page-login .dimmed { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; transition: opacity .3s linear; pointer-events: none; opacity: 0; background: rgba(0, 0, 0, .38); }
.page-login .dimmed.open {pointer-events: auto;  opacity: 1; }
.page-login[data-device=bsp-mobile] select , .page-login[data-device=bsp-mobile] input[type=checkbox] , .page-login[data-device=bsp-mobile] input[type=radio] , .page-login[data-device=bsp-mobile] input[type=text] , .page-login[data-device=bsp-mobile] input[type=password] , .page-login[data-device=bsp-mobile] input[type=submit] , .page-login[data-device=bsp-mobile] input[type=email] , .page-login[data-device=bsp-mobile] input[type=search] , .page-login[data-device=bsp-mobile] input[type=number] , .page-login[data-device=bsp-mobile] textarea { font-size: .75rem; }
.page-login[data-device=bsp-mobile] .layout-wrap {position: relative; display: -ms-flexbox; display: flex; flex-direction: column; min-width: auto;  padding: 0 1rem 2.5rem; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.page-login[data-device=bsp-mobile] .layout-wrap .btn-bsp.logo-bg {position: absolute;  top: 20px; }
.page-login[data-device=mobile] select , .page-login[data-device=mobile] input[type=checkbox] , .page-login[data-device=mobile] input[type=radio] , .page-login[data-device=mobile] input[type=text] , .page-login[data-device=mobile] input[type=password] , .page-login[data-device=mobile] input[type=submit] , .page-login[data-device=mobile] input[type=email] , .page-login[data-device=mobile] input[type=search] , .page-login[data-device=mobile] input[type=number] , .page-login[data-device=mobile] textarea { font-size: .75rem; }
.page-login[data-device=mobile] .layout-wrap {position: relative; display: -ms-flexbox; display: flex; overflow-x: hidden !important; flex-direction: column; min-width: auto;  padding: 0 1rem 2.5rem; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.page-login[data-device=mobile] .layout-wrap .btn-bsp.logo-bg { top: 20px; }
.page-login[data-device=mobile] .layout-wrap .btn-bsp { position: absolute; }
.page-login[data-device=mobile] .layout-wrap .login-container , .page-login[data-device=mobile] .layout-wrap .password-container {position: static;  min-height: auto; padding: 3.125rem 0 1.875rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms , .page-login[data-device=mobile] .layout-wrap .password-container .login-forms {height: auto;  margin-top: 0; }
.page-login[data-device=mobile] .layout-wrap .selected-district { display: -ms-flexbox; display: flex; margin-top: 1rem; padding: .75rem; background-color: rgba(216, 216, 216, .2); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .selected-district + .login-container { margin-top: 0; }
.page-login[data-device=mobile] .layout-wrap .selected-district p { font-size: .75rem; color: #7b8088; }
.page-login[data-device=mobile] .layout-wrap .selected-district em {font-size: .875rem; display: -ms-flexbox; display: flex; padding: .15625rem .625rem; text-align: center; color: #7b8088;  border: 1px solid #7b8088; border-radius: 20px; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .email-passed {display: -ms-flexbox; display: flex;  padding: .5rem 0 .9375rem; -ms-flex-pack: center; justify-content: center; }
.page-login[data-device=mobile] .layout-wrap .email-passed p {font-size: .875rem; display: -ms-flexbox; display: flex; padding: .625rem .9375rem; text-align: center; color: #7b8088;  border: 1px solid #7b8088; border-radius: 20px; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .district { display: -ms-flexbox; display: flex; flex-direction: column; padding: 2rem 0 1.5rem; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; }
.page-login[data-device=mobile] .layout-wrap .district p { font-size: .875rem; padding-bottom: .75rem; text-align: center; color: #9da5af; }
.page-login[data-device=mobile] .layout-wrap .district .select-btn {font-size: .875rem; font-weight: 400; line-height: 2rem;  display: inline-block; box-sizing: border-box; width: 5.875rem; height: 2rem; padding: 0 2.1875rem 0 .625rem; vertical-align: middle; color: #000; background: #fff url(/assets/images/selectbox_arrow_02@2x.png) right center no-repeat; background-size: 30px 40px; box-shadow: inset 0 0 0 1px #e4e4e4; }
.page-login[data-device=mobile] .layout-wrap .btns button { height: 2.5rem !important; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1); }
.page-login[data-device=mobile] .layout-wrap .password-container .btns button {border-color: transparent;  background: transparent; }
.page-login[data-device=mobile] .layout-wrap .district-popup { position: fixed; z-index: 1001; right: 0; bottom: 0; left: 0; padding: 1.75rem 1rem 1.25rem; transition: all .3s linear; transform: translateY(100%); pointer-events: none; opacity: 0; border-radius: 4px 4px 0 0; background: #fff; }
.page-login[data-device=mobile] .layout-wrap .district-popup .mobile_icon_common { top: 1.75rem; }
.page-login[data-device=mobile] .layout-wrap .district-popup.open {transform: translateY(0); pointer-events: auto;  opacity: 1; }
.page-login[data-device=mobile] .layout-wrap .district-popup h2 { font-size: 1rem; font-weight: 500; line-height: 1; text-align: center; }
.page-login[data-device=mobile] .layout-wrap .district-popup .domain-wrapper { padding-top: 1.5rem; }
.page-login[data-device=mobile] .layout-wrap .district-popup .domain-wrapper > li { height: 3rem; border-top: 1px solid #d5dae0; border-bottom: 0; }
.page-login[data-device=mobile] .layout-wrap .district-popup .domain-wrapper > li:first-child { border-top: 0; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper {overflow-y: auto; width: 100%;  max-height: 15.625rem; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li {position: relative;  height: 4rem; border-bottom: 1px solid #d5dae0; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li.selected:before {position: absolute; top: 50%; right: 0; width: 24px; height: 24px;  content: ''; transform: translateY(-50%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FbGVtZW50L0ljb24vQ2hlY2s8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iMjAyMDAyMDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyLjcuMC3ruYTrsIDrsojtmLgt7LC+6riwLTot64+E66mU7J24LeyEoO2DnS0o6rOE7KCV7JeQLeyXsOqysOuQnC3rj4TrqZTsnbjsnbQtMuqwnC3snbTsg4Hsnbwt6rK97JqwKS0tIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIzLjAwMDAwMCwgLTE2OS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkVsZW1lbnQvSWNvbi9DaGVjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIwLjAwMDAwMCwgMTY0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNGRjdCNDkiIHBvaW50cz0iOSAxNi4yIDQuOCAxMiAzLjQgMTMuNCA5IDE5IDIxIDcgMTkuNiA1LjYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li.logon button .tag { display: -ms-inline-flexbox; display: inline-flex; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li button { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li button[disabled] { color: #9da5af; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li button span {font-size: .875rem; font-weight: 500; overflow: hidden;  max-width: calc(100% - 4rem); white-space: nowrap; text-overflow: ellipsis; }
.page-login[data-device=mobile] .layout-wrap .domain-wrapper > li button .tag {font-size: .625rem;  display: none; margin-left: .375rem; padding: 0 .25rem; color: #9da5af; border: 1px solid #9da5af; border-radius: .25rem; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .no-join-container { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap .no-join-container:before {width: 12.9375rem; height: 10.9375rem; margin: 1.875rem 0 3.125rem;  content: ''; background: url('/assets/images/icon_mobile_no_join.png') no-repeat; background-size: 100% 100%; }
.page-login[data-device=mobile] .layout-wrap .no-join-container p {font-size: .9375rem; line-height: 1.25rem;  text-align: center; color: #9da5af; }
.page-login[data-device=mobile] .layout-wrap .no-join-container .btns { margin-top: 2.5rem; }
.page-login[data-device=mobile] .layout-wrap .no-join-container .btns button { margin-right: .5rem; }
.page-login[data-device=mobile] .layout-wrap .login-header {padding-top: 1.5rem;  text-align: center; }
.page-login[data-device=mobile] .layout-wrap .login-header.no-join { padding-top: 4rem; }
.page-login[data-device=mobile] .layout-wrap .login-header.no-join h2 { font-size: 1.5rem; font-weight: 400; line-height: 2rem; color: #222; }
.page-login[data-device=mobile] .layout-wrap .login-header h2 { font-size: 1rem; font-size: 500; padding-bottom: .9375rem; color: rgba(0, 0, 0, .5); }
.page-login[data-device=mobile] .layout-wrap .login-header h2 + p { font-size: .875rem; font-size: 500; line-height: 1.5rem; color: rgba(0, 0, 0, .38); }
.page-login[data-device=mobile] .layout-wrap .login-footer { position: fixed; right: 0; bottom: 0; left: 0; padding: 1.25rem 1rem; background-color: #fafafa; }
.page-login[data-device=mobile] .layout-wrap .login-footer .btns button { height: 2.5rem; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common {position: absolute; top: 1.5rem; left: 1rem;  width: 1.5rem; height: 1.5rem; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common ~ .mobile-logo { margin: 4rem auto 0; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common .text {display: inline-block;  overflow: hidden; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common.icon_close:before {position: absolute; top: 50%; left: 50%; width: .875rem; height: .875rem;  content: ''; transform: translate(-50%, -50%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FbGVtZW50L0ljb24vQ2xvc2U8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjE0IDEuNTA0NTgzNTUgMTIuNiAtMS40ODAyOTczN2UtMTQgNyA2LjAxODMzNDIyIDEuNCAtMS40ODAyOTczN2UtMTQgMCAxLjUwNDU4MzU1IDUuNiA3LjUyMjkxNzc3IDAgMTMuNTQxMjUyIDEuNCAxNS4wNDU4MzU1IDcgOS4wMjc1MDEzMyAxMi42IDE1LjA0NTgzNTUgMTQgMTMuNTQxMjUyIDguNCA3LjUyMjkxNzc3Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMjAyMDAyMDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyLjQuMC3ruYTrsIDrsojtmLgt7LC+6riwLe2MneyXhS0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS4wMDAwMDAsIC01My4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkVsZW1lbnQvSWNvbi9DbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJCb3VuZHMiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9yL1doaXRlIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDUuMjA4MzMzKSI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjMDAwMDAwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ29sb3IvQmxhY2siIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjAwMDAwMCwgLTUuMjA4MzMzKSIgaWQ9IlJlY3RhbmdsZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBwb2ludHM9IjAgMCAyNCAwIDI0IDI1IDAgMjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-size: 100% 100%; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common.icon_back { top: 1.5rem; left: 1.125rem; }
.page-login[data-device=mobile] .layout-wrap .mobile_icon_common.icon_back:before {position: absolute; top: 50%; left: 50%; width: .625rem; height: 1rem;  content: ''; transform: translate(-50%, -50%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FbGVtZW50L0ljb24vQmFjazwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iNy43NjY1NDc2MiAxMiAxNC4zNjY1NDc2IDUuNCAxMi45NjY1NDc2IDQgNC45NjY1NDc2MiAxMiAxMi45NjY1NDc2IDIwIDE0LjM2NjU0NzYgMTguNiI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IjIwMjAwMjA1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i64+E66ek7J24LeyeheugpS0o7IK87ISxLUFEKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzLjAwMDAwMCwgLTUyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iRWxlbWVudC9JY29uL0JhY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgNDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQmFjayI+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJCb3VuZHMiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9yL0JsYWNrIiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZSIgcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.page-login[data-device=mobile] .layout-wrap .mobile-logo { display: block; width: 10.75rem; height: 2rem; margin: 2.5rem auto 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTcycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE3MiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjEuMiAoODk2NTMpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkdyb3VwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjIwMjAwMjA1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMi4yLjAt66Gc6re47J24IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQuMDAwMDAwLCAtNjQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTQuMDAwMDAwLCA2NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01NS4yMjY3OTIxLDI1Ljc5NzMzMzMgTDUzLjU0NjQxNjEsMjEuOTcyIEw0NS45NzE3OTc5LDIxLjk3MiBMNDQuMjkxNDIxOSwyNS43OTczMzMzIEw0MCwyNS43OTczMzMzIEw0Ny44MDcyODU2LDguMDg5MzMzMzMgTDUxLjcxMDkyODQsOC4wODkzMzMzMyBMNTkuNTE4MjE0LDI1Ljc5NzMzMzMgTDU1LjIyNjc5MjEsMjUuNzk3MzMzMyBaIE00OS43NzIwMzMsMTMuMzU4NjY2NyBMNDcuNDk3MDYyMywxOC41MDEzMzMzIEw1Mi4wMjExNTE3LDE4LjUwMTMzMzMgTDQ5Ljc3MjAzMywxMy4zNTg2NjY3IFogTTY2LjAyNTUxNjIsMjUuNzk3MzMzMyBMNjIuMTQ3NzI1NCwyNS43OTczMzMzIEw2Mi4xNDc3MjU0LDcgTDY2LjAyNTUxNjIsNyBMNjYuMDI1NTE2MiwyNS43OTczMzMzIFogTTgyLjY2Njc3ODYsMjMuODIxMzMzMyBDODEuMDk4NDE5OCwyNS4yNzM3ODUgNzkuMjU4NjQxOSwyNiA3Ny4xNDczODk2LDI2IEM3NS4wMzYxMzc0LDI2IDczLjI5MTE0ODksMjUuMzYyNDUwOCA3MS45MTIzNzIsMjQuMDg3MzMzMyBDNzAuNTMzNTk1LDIyLjgxMjIxNTggNjkuODQ0MjE2OCwyMS4xMDIyMzI5IDY5Ljg0NDIxNjgsMTguOTU3MzMzMyBDNjkuODQ0MjE2OCwxNi44MTI0MzM3IDcwLjU0NjUyMDgsMTUuMTA2NjczIDcxLjk1MTE0OTksMTMuODQgQzczLjM1NTc3ODksMTIuNTczMzI3IDc1LjAxNDU5NTEsMTEuOTQgNzYuOTI3NjQ4MSwxMS45NCBDNzguODQwNzAxMiwxMS45NCA4MC40NjUwNDg1LDEyLjUwNTc3MjEgODEuODAwNzM4NywxMy42MzczMzMzIEM4My4xMzY0Mjg4LDE0Ljc2ODg5NDUgODMuODA0MjYzOSwxNi4zMjI2NTY4IDgzLjgwNDI2MzksMTguMjk4NjY2NyBMODMuODA0MjYzOSwyMC4zMjUzMzMzIEw3My42NzAzMDM4LDIwLjMyNTMzMzMgQzczLjc5MDk0NjgsMjEuMDY4NDQ4MiA3NC4xODczMzkyLDIxLjY3NjQ0MjEgNzQuODU5NDkzLDIyLjE0OTMzMzMgQzc1LjUzMTY0NjgsMjIuNjIyMjI0NiA3Ni4yODk5NjI4LDIyLjg1ODY2NjcgNzcuMTM0NDYzNywyMi44NTg2NjY3IEM3OC40OTYwMDU5LDIyLjg1ODY2NjcgNzkuNjE2MjQ1NCwyMi40MTExMTU2IDgwLjQ5NTIxNTcsMjEuNTE2IEw4Mi42NjY3Nzg2LDIzLjgyMTMzMzMgWiBNNzkuODc0NzY5MiwxNy42MTQ2NjY3IEM3OS43ODg1OTU2LDE2LjgwMzk5NTkgNzkuNDc4Mzc1NSwxNi4xNzkxMTMzIDc4Ljk0NDA5OTQsMTUuNzQgQzc4LjQwOTgyMzMsMTUuMzAwODg2NyA3Ny43NTkyMjI3LDE1LjA4MTMzMzMgNzYuOTkyMjc4LDE1LjA4MTMzMzMgQzc2LjIyNTMzMzMsMTUuMDgxMzMzMyA3NS41MjMwMjkzLDE1LjMwOTMzMTEgNzQuODg1MzQ1LDE1Ljc2NTMzMzMgQzc0LjI0NzY2MDYsMTYuMjIxMzM1NiA3My44NzcxMTk4LDE2LjgzNzc3MzkgNzMuNzczNzExNiwxNy42MTQ2NjY3IEw3OS44NzQ3NjkyLDE3LjYxNDY2NjcgWiBNOTQuODM1NjU1NSwxNS41MTIgQzkzLjY4MDkyOTgsMTUuNTEyIDkyLjgxOTIwNzEsMTUuOTEzMTA3MSA5Mi4yNTA0NjE2LDE2LjcxNTMzMzMgQzkxLjY4MTcxNjEsMTcuNTE3NTU5NiA5MS4zOTczNDc2LDE4LjU3NzMyNjcgOTEuMzk3MzQ3NiwxOS44OTQ2NjY3IEw5MS4zOTczNDc2LDI1Ljc5NzMzMzMgTDg3LjUxOTU1NjgsMjUuNzk3MzMzMyBMODcuNTE5NTU2OCwxMi4xNjggTDkxLjM5NzM0NzYsMTIuMTY4IEw5MS4zOTczNDc2LDEzLjk2NjY2NjcgQzkxLjg5NzE1NDMsMTMuNDA5MzMwNSA5Mi41MjE5MDMyLDEyLjkzNjQ0NjQgOTMuMjcxNjEzMiwxMi41NDggQzk0LjAyMTMyMzIsMTIuMTU5NTUzNiA5NC43ODM5NDc4LDExLjk1Njg4OSA5NS41NTk1MDk4LDExLjk0IEw5NS41ODUzNjE4LDE1LjUxMiBMOTQuODM1NjU1NSwxNS41MTIgWiBNMTAzLjY5NTQ4NCwxNC45MDQgTDEwMy42OTU0ODQsMjEuMDA5MzMzMyBDMTAzLjY5NTQ4NCwyMS41MzI4OTE1IDEwMy44MzMzNiwyMS45NDI0NDMgMTA0LjEwOTExNSwyMi4yMzggQzEwNC4zODQ4NzEsMjIuNTMzNTU3IDEwNC43MTIzMjUsMjIuNjgxMzMzMyAxMDUuMDkxNDg5LDIyLjY4MTMzMzMgQzEwNS44MTUzNDcsMjIuNjgxMzMzMyAxMDYuNDI3MTcsMjIuMzYwNDQ3NyAxMDYuOTI2OTc3LDIxLjcxODY2NjcgTDEwOC4zNzQ2ODUsMjQuMzc4NjY2NyBDMTA3LjE2ODI1NSwyNS40NTk1NjEgMTA1Ljg5NzIxNCwyNiAxMDQuNTYxNTI0LDI2IEMxMDMuMjI1ODM0LDI2IDEwMi4wOTY5NzcsMjUuNTY5MzM3NiAxMDEuMTc0OTIsMjQuNzA4IEMxMDAuMjUyODYzLDIzLjg0NjY2MjQgOTkuNzkxODQxNCwyMi42NzI4OTYzIDk5Ljc5MTg0MTQsMjEuMTg2NjY2NyBMOTkuNzkxODQxNCwxNC45MDQgTDk4LjE2MzE2OTMsMTQuOTA0IEw5OC4xNjMxNjkzLDEyLjE2OCBMOTkuNzkxODQxNCwxMi4xNjggTDk5Ljc5MTg0MTQsOC4wODkzMzMzMyBMMTAzLjY5NTQ4NCw4LjA4OTMzMzMzIEwxMDMuNjk1NDg0LDEyLjE2OCBMMTA3LjA1NjIzNiwxMi4xNjggTDEwNy4wNTYyMzYsMTQuOTA0IEwxMDMuNjk1NDg0LDE0LjkwNCBaIE0xMjQuMzk1NTAxLDguMDg5MzMzMzMgTDEyOC40Mjg0MDQsOC4wODkzMzMzMyBMMTI4LjQyODQwNCwyNS43OTczMzMzIEwxMjQuMzk1NTAxLDI1Ljc5NzMzMzMgTDExNS43ODY4MDUsMTQuNzAxMzMzMyBMMTE1Ljc4NjgwNSwyNS43OTczMzMzIEwxMTEuNzUzOTAzLDI1Ljc5NzMzMzMgTDExMS43NTM5MDMsOC4wODkzMzMzMyBMMTE1LjUyODI4Niw4LjA4OTMzMzMzIEwxMjQuMzk1NTAxLDE5LjQ4OTMzMzMgTDEyNC4zOTU1MDEsOC4wODkzMzMzMyBaIE0xMzYuNTEyNjc0LDE4Ljk4MjY2NjcgQzEzNi41MTI2NzQsMjAuMDk3MzM4OSAxMzYuODM1ODIsMjEuMDA1MTA3NiAxMzcuNDgyMTIyLDIxLjcwNiBDMTM4LjEyODQyMywyMi40MDY4OTI0IDEzOC45NTU2NzcsMjIuNzU3MzMzMyAxMzkuOTYzOTA4LDIyLjc1NzMzMzMgQzE0MC45NzIxMzksMjIuNzU3MzMzMyAxNDEuNzk5MzkyLDIyLjQwNjg5MjQgMTQyLjQ0NTY5NCwyMS43MDYgQzE0My4wOTE5OTYsMjEuMDA1MTA3NiAxNDMuNDE1MTQyLDIwLjA5NzMzODkgMTQzLjQxNTE0MiwxOC45ODI2NjY3IEMxNDMuNDE1MTQyLDE3Ljg2Nzk5NDQgMTQzLjA5MTk5NiwxNi45NTYwMDM1IDE0Mi40NDU2OTQsMTYuMjQ2NjY2NyBDMTQxLjc5OTM5MiwxNS41MzczMjk4IDE0MC45NzIxMzksMTUuMTgyNjY2NyAxMzkuOTYzOTA4LDE1LjE4MjY2NjcgQzEzOC45NTU2NzcsMTUuMTgyNjY2NyAxMzguMTI4NDIzLDE1LjUzNzMyOTggMTM3LjQ4MjEyMiwxNi4yNDY2NjY3IEMxMzYuODM1ODIsMTYuOTU2MDAzNSAxMzYuNTEyNjc0LDE3Ljg2Nzk5NDQgMTM2LjUxMjY3NCwxOC45ODI2NjY3IFogTTE0Ny4zMTg3ODUsMTguOTgyNjY2NyBDMTQ3LjMxODc4NSwyMC45NTg2NzY1IDE0Ni42MjA3ODksMjIuNjIyMjE1NSAxNDUuMjI0Nzc4LDIzLjk3MzMzMzMgQzE0My44Mjg3NjYsMjUuMzI0NDUxMiAxNDIuMDc1MTYsMjYgMTM5Ljk2MzkwOCwyNiBDMTM3Ljg1MjY1NiwyNiAxMzYuMDk5MDUsMjUuMzI0NDUxMiAxMzQuNzAzMDM4LDIzLjk3MzMzMzMgQzEzMy4zMDcwMjcsMjIuNjIyMjE1NSAxMzIuNjA5MDMxLDIwLjk1ODY3NjUgMTMyLjYwOTAzMSwxOC45ODI2NjY3IEMxMzIuNjA5MDMxLDE3LjAwNjY1NjggMTMzLjMwNzAyNywxNS4zMzg4OTU3IDEzNC43MDMwMzgsMTMuOTc5MzMzMyBDMTM2LjA5OTA1LDEyLjYxOTc3MSAxMzcuODUyNjU2LDExLjk0IDEzOS45NjM5MDgsMTEuOTQgQzE0Mi4wNzUxNiwxMS45NCAxNDMuODI4NzY2LDEyLjYxOTc3MSAxNDUuMjI0Nzc4LDEzLjk3OTMzMzMgQzE0Ni42MjA3ODksMTUuMzM4ODk1NyAxNDcuMzE4Nzg1LDE3LjAwNjY1NjggMTQ3LjMxODc4NSwxOC45ODI2NjY3IFogTTE1OC4wOTE2NTcsMjUuNzk3MzMzMyBMMTU0LjA4NDYwNiwyNS43OTczMzMzIEwxNDkuMzUzNzAxLDEyLjE2OCBMMTUzLjM2MDc1MiwxMi4xNjggTDE1Ni4wNzUyMDYsMjAuNDAxMzMzMyBMMTU4Ljc4OTY1OSwxMi4xNjggTDE2Mi41MzgxOSwxMi4xNjggTDE2NS4yNTI2NDQsMjAuNDAxMzMzMyBMMTY3Ljk2NzA5OCwxMi4xNjggTDE3MiwxMi4xNjggTDE2Ny4yNjkwOTUsMjUuNzk3MzMzMyBMMTYzLjIzNjE5MywyNS43OTczMzMzIEwxNjAuNjc2ODUxLDE4LjM3NDY2NjcgTDE1OC4wOTE2NTcsMjUuNzk3MzMzMyBaIiBpZD0iQWxlcnROb3ciIGZpbGw9IiMxQzIwMjQiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb24vc2VydmljZS9BTSIgZmlsbD0iI0ZGN0I0OSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0xMS1Db3B5LTQiIG9wYWNpdHk9IjAuMjAwMDAwMDAzIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41NTk0OTgzLDYuMzc3NzA2MTcgTDguODIxNDU3NjYsOC42Mzk2NjU1MyBMNi4zOTgsMTEuMDYyIEw2LjM5OCwyMC45MzcgTDguODIxNDU3NjYsMjMuMzYwMzM0NSBMNi41NTk0OTgzLDI1LjYyMjI5MzggTDMuMjMzNDQwNzQsMjIuMjk2MjM2MyBMMy4yNjIsMjIuMjY3IEwzLjIsMjIuMjY3MzM1OSBMMy4yLDkuNzIzOTg3MzcgTDMuMjUzLDkuNzIzIEwzLjIzMzQ0MDc0LDkuNzAzNzYzNzMgTDYuNTU5NDk4Myw2LjM3NzcwNjE3IFogTTI1LjQyNDUwNzIsNi4zNzc3MDYxNyBMMjguNzUwNTY0OCw5LjcwMzc2MzczIEwyOC43Myw5LjcyMyBMMjguNzkxMTQ4OCw5LjcyMzk4NzM3IEwyOC43OTExNDg4LDIyLjI2NzMzNTkgTDI4LjcyMSwyMi4yNjcgTDI4Ljc1MDU2NDgsMjIuMjk2MjM2MyBMMjUuNDI0NTA3MiwyNS42MjIyOTM4IEwyMy4xNjI1NDc5LDIzLjM2MDMzNDUgTDI1LjU5MiwyMC45MyBMMjUuNTkyLDExLjA2OSBMMjMuMTYyNTQ3OSw4LjYzOTY2NTUzIEwyNS40MjQ1MDcyLDYuMzc3NzA2MTcgWiBNMTAuMjM4MDA1OSwxMC42MjAxNTkgTDEyLjQ5OTk2NTMsMTIuODgyMTE4MyBMMTEuMTk3LDE0LjE4NCBMMTEuMTk3LDE3LjgyOSBMMTIuNDk5OTY1MywxOS4xMzE0OTA3IEwxMC4yMzgwMDU5LDIxLjM5MzQ1IEw4LjAyMDYzNDIzLDE5LjE3NjA3ODMgTDguMDY1LDE5LjEzMSBMNy45OTgzNDA0LDE5LjEzMTQ5ODggTDcuOTk4MzQwNCwxMi44NTk4MjQ1IEw4LjA0MiwxMi44NTkgTDguMDIwNjM0MjMsMTIuODM3NTMwNyBMMTAuMjM4MDA1OSwxMC42MjAxNTkgWiBNMjEuNzM0NjMyNywxMC42MjAxNTkgTDIzLjk1MjAwNDQsMTIuODM3NTMwNyBMMjMuOTMsMTIuODU5IEwyMy45OTI4MDg0LDEyLjg1OTgyNDUgTDIzLjk5MjgwODQsMTkuMTMxNDk4OCBMMjMuOTA3LDE5LjEzMSBMMjMuOTUyMDA0NCwxOS4xNzYwNzgzIEwyMS43MzQ2MzI3LDIxLjM5MzQ1IEwxOS40NzI2NzMzLDE5LjEzMTQ5MDcgTDIwLjc5MywxNy44MTEgTDIwLjc5MywxNC4yMDIgTDE5LjQ3MjY3MzMsMTIuODgyMTE4MyBMMjEuNzM0NjMyNywxMC42MjAxNTkgWiBNMTUuOTk1NTc0NCwxNC40Mjc3NDMxIEMxNi44Nzg5MjQ1LDE0LjQyNzc0MzEgMTcuNTk1MDIxMiwxNS4xMjk3MjQxIDE3LjU5NTAyMTIsMTUuOTk1NjYxNiBDMTcuNTk1MDIxMiwxNi44NjE1OTkyIDE2Ljg3ODkyNDUsMTcuNTYzNTgwMiAxNS45OTU1NzQ0LDE3LjU2MzU4MDIgQzE1LjExMjIyNDMsMTcuNTYzNTgwMiAxNC4zOTYxMjc2LDE2Ljg2MTU5OTIgMTQuMzk2MTI3NiwxNS45OTU2NjE2IEMxNC4zOTYxMjc2LDE1LjEyOTcyNDEgMTUuMTEyMjI0MywxNC40Mjc3NDMxIDE1Ljk5NTU3NDQsMTQuNDI3NzQzMSBaIiBpZD0iaWNfYWxlcnRfbm9yIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: cover; }
.page-login[data-device=mobile] .layout-wrap .mobile-logo + .login-header { margin-top: 2rem; }
.page-login[data-device=mobile] .layout-wrap .find-password { font-size: .875rem; padding-top: .5rem; text-align: center; }
.page-login[data-device=mobile] .layout-wrap .find-password * { font-size: inherit; }
.page-login[data-device=mobile] .layout-wrap .or { position: relative; padding: 2.875rem 0 1.25rem; }
.page-login[data-device=mobile] .layout-wrap .or.domain { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.page-login[data-device=mobile] .layout-wrap .or.domain p { white-space: nowrap; }
.page-login[data-device=mobile] .layout-wrap .or:before {position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: 1px;  content: ''; background-color: #e6e6e6; }
.page-login[data-device=mobile] .layout-wrap .or p {font-size: .875rem;  position: absolute; z-index: 10; top: 50%; left: 50%; padding: 0 .9375rem; transform: translate(-50%, -50%); color: #9b9b9b; background-color: #fff; }
.page-login[data-device=mobile] .layout-wrap input[type=checkbox] + label { display: -ms-flexbox; display: flex; padding-left: 0; -ms-flex-align: center; align-items: center; }
.page-login[data-device=mobile] .layout-wrap input[type=checkbox] + label:before , .page-login[data-device=mobile] .layout-wrap input[type=checkbox] + label:after { content: none; }
.page-login[data-device=mobile] .layout-wrap input[type=checkbox]:checked + label .custom-checkbox.colored:after { z-index: 1; transition: all .2s cubic-bezier(.6, .04, .98, .335); transition-delay: 0s; transform: scale3d(1, 1, 1); border-radius: 3px; }
.page-login[data-device=mobile] .layout-wrap input[type=checkbox]:checked + label .custom-checkbox.colored polyline {transition-delay: .1s;  stroke-dashoffset: 89.5; }
.page-login[data-device=mobile] .layout-wrap .password-container {position: static; min-height: auto;  margin-top: 3rem; }
.page-login[data-device=mobile] .layout-wrap .password-container input[type=text] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=password] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=email] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=number] {line-height: 2.5rem; height: 2.5rem; padding: 0; transition: border-color .5s ease-in-out; border-bottom: 1px solid rgba(0, 0, 0, .12);  background: none; box-shadow: none; }
.page-login[data-device=mobile] .layout-wrap .password-container input[type=text][invalid] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=password][invalid] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=email][invalid] , .page-login[data-device=mobile] .layout-wrap .password-container input[type=number][invalid] {border-bottom: 1px solid #ff2d47;  box-shadow: none; }
.page-login[data-device=mobile] .layout-wrap .password-container input[type=text][invalid]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=password][invalid]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=email][invalid]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=number][invalid]:focus { border-color: #ff2d47; }
.page-login[data-device=mobile] .layout-wrap .password-container input[type=text]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=password]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=email]:focus , .page-login[data-device=mobile] .layout-wrap .password-container input[type=number]:focus {border-color: black;  box-shadow: none; }
.page-login[data-device=mobile] .layout-wrap .password-container.invalid input[type=text] , .page-login[data-device=mobile] .layout-wrap .password-container.invalid input[type=password] , .page-login[data-device=mobile] .layout-wrap .password-container.invalid input[type=email] , .page-login[data-device=mobile] .layout-wrap .password-container.invalid input[type=number] {border-bottom: 1px solid #ff2d47;  box-shadow: none; }
.page-login[data-device=mobile] .layout-wrap .login-container { position: static; min-height: auto; margin-top: 2.25rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .invalid-count.box { margin: 1.25rem 0; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms {width: 100%;  height: auto; margin-top: 0; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms.login-forms-2step .btns { margin-top: 2rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .btns { margin-top: 1.625rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .btns button { height: 2.5rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox {position: relative; display: inline-block;  height: 20px; margin-right: .375rem; vertical-align: middle; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox svg { cursor: pointer; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox path {transition: all .2s cubic-bezier(.6, .04, .98, .335);  fill: none; stroke: #89949b; stroke-width: 1.1; stroke-linecap: round; stroke-dasharray: 50; stroke-dashoffset: 0; vector-effect: non-scaling-stroke; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox polyline , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox line {transition: all .3s cubic-bezier(.5, -.5, .5, 1.5);  fill: none; stroke: #424950; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; stroke-dashoffset: 101; vector-effect: non-scaling-stroke; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox.colored {overflow: hidden;  width: 20px; height: 20px; border-radius: 3px; background-color: #fff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox.colored:after {position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 20px; height: 20px;  content: ''; transition: all .2s cubic-bezier(.215, .61, .355, 1); transition-delay: .2s; transform: scale3d(0, 0, 1); border-radius: 50%; background-color: #ff5722; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox.colored svg {position: absolute; z-index: 2; top: 0; left: 0;  width: 20px; height: 20px; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox.colored svg polyline , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .custom-checkbox.colored svg line { stroke: #fff; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input { padding-top: .9375rem; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=text] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=password] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=email] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=number] {line-height: 2.5rem; height: 2.5rem; padding: 0; transition: border-color .5s ease-in-out; border-bottom: 1px solid rgba(0, 0, 0, .12);  background: none; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=text]:focus , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=password]:focus , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=email]:focus , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input input[type=number]:focus {border-color: black;  box-shadow: none; }
.page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input.invalid input[type=text] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input.invalid input[type=password] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input.invalid input[type=email] , .page-login[data-device=mobile] .layout-wrap .login-container .login-forms .input.invalid input[type=number] {border-bottom: 1px solid #ff2d47;  box-shadow: none; }

.page-login.samsung-login .join-forms {width: 440px;  margin: 0 auto; }
.page-login.samsung-login .join-forms.result { width: 690px; }
.page-login.samsung-login .join-forms h5 { font-size: 1rem; font-weight: 100; line-height: 1.75rem; margin: 0; padding: 0; text-align: center; color: #222; }
.page-login.samsung-login .join-forms h5:lang(ja) { white-space: nowrap; }
.page-login.samsung-login .join-forms .desc {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.75rem;  display: block; text-align: center; color: #222; }
.page-login.samsung-login .join-forms .desc:before {display: block; width: 239px; height: 109px; margin: 35px auto;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .desc:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-login.samsung-login .join-forms .invited-join-confirm-icon-area {position: relative; display: inline-block; width: 100%; height: 121px;  margin: 0 auto; }
.page-login.samsung-login .join-forms .invited-join-confirm-icon-area.center { text-align: center; }
.page-login.samsung-login .join-forms .invited-join-confirm-icon-area.left { text-align: left; }
.page-login.samsung-login .join-forms .invited-join-confirm-icon-area.right { text-align: right; }
.page-login.samsung-login .join-forms .invited-join-confirm-icon-area:after {position: absolute; top: 50%; left: 50%; width: 140px; height: 116px;  content: ''; transform: translate(-50%, -50%); background: url('/assets/images/815/submit_consulting_icon@2x.png') no-repeat; background-size: 100% 100%; }
.page-login.samsung-login .join-forms .join-service-icon-area { display: -ms-flexbox; display: flex; width: 690px; margin: 90px auto; -ms-flex-pack: justify; justify-content: space-between; }
.page-login.samsung-login .join-forms .join-service-icon-area.center { text-align: center; }
.page-login.samsung-login .join-forms .join-service-icon-area.left { text-align: left; }
.page-login.samsung-login .join-forms .join-service-icon-area.right { text-align: right; }
.page-login.samsung-login .join-forms .join-service-icon-area > div { position: relative; }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(1) .items:after {width: 28px; height: 28px;  background-image: url(../images/layout_sprites.png); background-position: -493px -125px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(1) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(2) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -338px -285px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(2) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(3) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -376px -285px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(3) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(4) .items { width: 130px; }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(4) .items:after {width: 74px; height: 32px;  background-image: url(../images/layout_sprites.png); background-position: -616px -136px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(4) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(5) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -322px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-service-icon-area > div:nth-of-type(5) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .join-service-icon-area > div .items { position: relative; display: inline-block; min-width: 90px; height: 90px; border-radius: 100px; background: #f5f5f5; }
.page-login.samsung-login .join-forms .join-service-icon-area > div .items:after {position: absolute; top: 50%; left: 50%;  content: ''; transform: translate(-50%, -50%); }
.page-login.samsung-login .join-forms .join-service-icon-area > div p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 100; line-height: 1.125rem;  margin: .625rem 0; }
.page-login.samsung-login .join-forms .bottom-btns { display: -ms-flexbox; display: flex; width: 100%; margin: 40px auto 0; -ms-flex-pack: center; justify-content: center; }
.page-login.samsung-login .join-forms .bottom-btns.invited { -ms-flex-pack: center; justify-content: center; }
.page-login.samsung-login .join-forms .bottom-btns button + button { margin-left: 10px; }
.page-login.samsung-login .join-forms .common-sub-text { font-size: 1rem; font-weight: 100; line-height: 1.75rem; color: #222; }
.page-login.samsung-login .join-forms .common-sub-text.center { text-align: center; }
.page-login.samsung-login .join-forms .common-sub-text.left { text-align: left; }
.page-login.samsung-login .join-forms .common-sub-text.right { text-align: right; }
.page-login.samsung-login .join-forms .common-sub-text p { padding: 0 145px; }
.page-login.samsung-login .join-forms .join-forms-btns { margin-top: 60px; text-align: center; }
.page-login.samsung-login .join-forms .join-forms-btns.multiple { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.page-login.samsung-login .join-forms .join-forms-btns.multiple .button-normal {margin: 0;  -ms-flex: 1 1 0px; flex: 1 1 0; }
.page-login.samsung-login .join-forms .join-forms-btns.multiple .button-normal + .button-normal { margin-left: 10px; }
.page-login.samsung-login .join-forms .join-forms-btns:lang(en) .button-home { min-width: 110px; margin: 0 6px 0 0; }
.page-login.samsung-login .join-forms .join-forms-btns:lang(en) .button-email { max-width: 275px; padding: 0 16px 0 39px; }
.page-login.samsung-login .join-forms .join-forms-btns:lang(en) .button-email:after { left: 16px; }
.page-login.samsung-login .join-forms .join-forms-btns .button-home {border-color: #606060;  background-color: #606060; }
.page-login.samsung-login .join-forms .join-forms-btns .button-email { position: relative; box-sizing: border-box; padding: 0 0 0 55px; text-align: left; }
.page-login.samsung-login .join-forms .join-forms-btns .button-email:hover:after {transition: .3s ease-in-out;  opacity: .5; }
.page-login.samsung-login .join-forms .join-forms-btns .button-email:after {position: absolute; top: 50%; left: 26px; width: 18px; height: 16px; margin-top: -8px;  content: ''; transition: .3s ease-in-out; background-image: url(../images/layout_sprites.png); background-position: -335px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .join-forms-btns .button-email:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-login.samsung-login .join-forms .email-text { margin: 40px 0 0; text-align: center; }
.page-login.samsung-login .join-forms .email-text.invited { margin: 20px 0 0; }
.page-login.samsung-login .join-forms .email-text p { font-size: .75rem; line-height: 1.66667em; text-align: center; }
.page-login.samsung-login .join-forms .email-text p strong { color: #1886ff; }
.page-login.samsung-login .join-forms .email-text .email-image { display: inline-block; width: 262px; height: 101px; margin: 37px 0 0; background-image: url(/assets/images/contents_sprites.png); background-position: -1028px -369px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login.samsung-login .join-forms .email-text .email-image { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-login.samsung-login .invalid-message { font-size: .75rem !important; }
.page-login.samsung-login .forms .forms-item .label { color: #222; }
.page-login.samsung-login .password-container .btns button { background-color: transparent; }
.page-login.samsung-login .password-container .update-password .update-password-form {margin-top: 10px; padding-top: 0;  border: 0; }
.page-login.samsung-login .password-container .update-password .update-password-form .invalid-message.box {font-size: .75rem; margin-top: 20px; padding: 7px 10px; color: #ff2d47;  border-radius: 4px; background: #ffeaec; }
.page-login.samsung-login .password-container .update-password .update-password-form .btns button {min-width: 120px;  -ms-flex: 0 0 120px; flex: 0 0 120px; }
.page-login.samsung-login button { border-radius: 4px !important; }
.page-login.samsung-login .samsung-id .or { position: relative; height: 65px; }
.page-login.samsung-login .samsung-id .or:before {position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: 1px;  content: ''; background-color: #e6e6e6; }
.page-login.samsung-login .samsung-id .or p {font-size: .875rem;  position: absolute; z-index: 10; top: 50%; left: 50%; padding: 0 15px; transform: translate(-50%, -50%); color: #9b9b9b; background-color: #f2f2f2; }
.page-login.samsung-login .samsung-id .login-label { font-size: .875rem; padding-bottom: 5px; color: #9b9b9b; }
.page-login.samsung-login .samsung-id button { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-login.samsung-login .samsung-id button span {font-size: 1rem; font-weight: 700; margin-left: 5px;  color: #fff; }
.page-login.samsung-login .samsung-id button img { width: 91px; }
.page-login .layout-wrap { padding: 0; }
.page-login .login-container {position: absolute; top: 0; bottom: 0;  display: -ms-flexbox; display: flex; width: 100%; min-height: 900px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.page-login .login-container .login-forms { display: block; width: 410px;height: 400px; margin-top: -10%;  }
.page-login .login-container .login-forms.login-forms-2step { width: 700px; height: auto; padding: 0 0 35px; border-bottom: 1px solid #d1d1d1; }
.page-login .login-container .login-forms.login-forms-2step h1.title { font-size: 1.5rem; font-weight: 500; padding: 0 0 20px; border-bottom: 1px solid #d1d1d1; }
.page-login .login-container .login-forms.login-forms-2step .help { font-size: .875rem; padding-bottom: 15px; text-align: center; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number] { font-size: 1.625rem; font-weight: 700; padding: 0; text-align: center; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]:-webkit-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]::-webkit-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]:-moz-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]::-moz-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]:-ms-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .input input[type=number]::-ms-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.page-login .login-container .login-forms.login-forms-2step .login-2step { width: 423px; margin: 0 auto; }
.page-login .login-container .login-forms h1.title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.250rem; font-weight: 700; line-height: 1.222em;  display: block; margin-bottom: 40px; text-align: center; }
html[lang=zh] .page-login .login-container .login-forms h1.title { font-family: 'Microsoft Yahei','Helvetica','Arial','sans-serif'; }
.page-login .login-container .login-forms .input { padding-top: 15px; }
.page-login .login-container .login-forms .input input[type=text] , .page-login .login-container .login-forms .input input[type=password] {font-size: 1.00rem; font-weight: 500; line-height: 48px;  display: block; box-sizing: border-box; width: 100%; height: 50px; padding: 0 0 0 20px; transition: box-shadow .2s ease-in-out; border: 0px; background-color: #fff; }
.page-login .login-container .login-forms .input input[type=text]:focus , .page-login .login-container .login-forms .input input[type=password]:focus { box-shadow: inset 0 0 0 2px #007aff; }
.page-login .login-container .login-forms .input.invalid input[type=text] , .page-login .login-container .login-forms .input.invalid input[type=password] {transition: box-shadow .2s ease-in-out;  border: 0px; box-shadow: inset 0 0 0 2px #ff2d47; }
.page-login .login-container .login-forms .invalid-message {font-size: .875rem; line-height: 1.429em;  display: block; height: 40px; margin-top: 10px; color: #ff4e21; }
.page-login .login-container .login-forms .invalid-count {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: block; margin-bottom: 20px; padding: 14px 19px; color: #000; border: 1px solid #d9d9d9; background-color: #ebebeb; }
.page-login .login-container .login-forms .invalid-count strong { font-weight: 500; color: #ff4e21; }
.page-login .login-container .login-forms .btns { overflow: hidden; margin-top: 20px; }
.page-login .login-container .login-forms .btns button {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.000rem; font-weight: 400;  display: block; box-sizing: border-box; width: 200px; height: 50px; text-align: center; color: #fff; }
.page-login .login-container .login-forms .btns button[disabled] { color: #bfbfbf; border: 2px solid #ccc; background-color: #d4d4d4; }
.page-login .login-container .login-forms .btns .btn-cancel { float: left; border: 1px solid #505050; background-color: #606060; }
.page-login .login-container .login-forms .btns .btn-login { float: right; border: 1px solid #000; background-color: #000; }
.page-login .login-container .login-forms .utils { margin-top: 20px; text-align: center; }
.page-login .login-container .login-forms .utils a {font-size: .875rem;  display: inline-block; color: #9b9b9b; }
.page-login .login-container .login-forms .utils a + a:before {display: inline-block; width: 1px; height: 16px; margin-right: 10px; margin-left: 6px;  content: ''; vertical-align: middle; background-color: #d1d1d1; }
.page-login .password-container {position: absolute; top: 0; bottom: 0;  display: -ms-flexbox; display: flex; width: 100%; min-height: 900px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.page-login .password-container .login-limit { display: block; width: 410px; }
.page-login .password-container .login-limit h1 { font-size: 1.5rem; font-weight: 500; line-height: 1.33333em; text-align: center; color: #000; }
.page-login .password-container .login-limit .desc {font-size: .875rem; font-weight: 400; line-height: 1.85714em;  display: block; text-align: center; color: #494949; }
.page-login .password-container .login-limit .desc:before {display: block; width: 239px; height: 109px; margin: 35px auto;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login .password-container .login-limit .desc:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-login .password-container .login-limit .btns { margin-top: 50px; }
.page-login .password-container .update-password { width: 700px; }
.page-login .password-container .update-password .update-password-title { font-size: 1.5rem; font-weight: 500; line-height: 1.33333em; text-align: center; color: #000; }
.page-login .password-container .update-password .update-password-form { margin-top: 22px; padding: 30px 145px 35px 145px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.page-login .password-container .update-password .update-password-form .title { font-size: .875rem; font-weight: 500; line-height: 1.57143em; text-align: center; color: #000; }
.page-login .password-container .update-password .update-password-form .title strong { color: #ff2d47; }
.page-login .password-container .update-password .update-password-form .title ~ .desc { margin-top: 15px; }
.page-login .password-container .update-password .update-password-form .desc {font-size: .875rem; font-weight: 400; line-height: 1.57143em;  display: block; margin: 0 0 30px 0; text-align: center; color: #494949; }
.page-login .password-container .update-password .update-password-form .forms-item { margin-top: 0px; }
.page-login .password-container .update-password .update-password-form .forms-item ~ .forms-item { margin-top: 15px; }
.page-login .password-container .update-password .update-password-form .forms-item .invalid-message { margin-top: 5px; }
.page-login .password-container .update-password .update-password-form .invalid-message { margin-top: 15px; }
.page-login .password-container .update-password .update-password-form .invalid-message + .password-validation { margin-top: 10px; }
.page-login .password-container .update-password .update-password-form .btns { margin-top: 30px; }
.page-login .password-container .update-password .list-guide { margin-top: 25px; padding-left: 145px; }
.page-login .password-container .update-password .list-guide > li { font-size: .75rem; font-weight: 400; line-height: 1.66667em; color: #9b9b9b; }
.page-login .password-container .btns { display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 20px; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; }
.page-login .password-container .btns button {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.000rem; font-weight: 400;  display: block; box-sizing: border-box; width: 100%; min-width: 200px; height: 50px; text-align: center; color: #fff; border: 1px solid #000; background-color: #000; }
.page-login .password-container .btns button[disabled] { color: #bfbfbf; border: 2px solid #ccc; background-color: #d4d4d4; }
.page-login .password-container .btns button[data-state=cancel] { border: 1px solid #505050; background-color: #606060; }
.page-login .password-container .btns button + button { margin-left: 10px; }
.page-login.page-admin .btn-admin {font-size: 1.0625rem; font-weight: 700; line-height: 50px; position: fixed; top: 0; left: 20px;  display: block; vertical-align: middle; color: #000; }
.page-login.page-admin .btn-admin img { max-height: 14px; vertical-align: middle; }
@media (max-width: 767px) { .page-login[data-state=logout] .layout-wrap { padding-top: 20px; padding-bottom: 0px; }
	.page-login[data-device=bsp-mobile] .layout-wrap , .page-login[data-device=mobile] .layout-wrap { padding: 0 1rem 2.5rem; }
	.page-login[data-device=bsp-mobile] .login-container , .page-login[data-device=bsp-mobile] .password-container , .page-login[data-device=mobile] .login-container , .page-login[data-device=mobile] .password-container { width: 100%; margin: 0; }
	.page-login[data-device=bsp-mobile] main , .page-login[data-device=bsp-mobile] .layout-contents , .page-login[data-device=mobile] main , .page-login[data-device=mobile] .layout-contents {width: 100% !important;  min-height: auto !important; }
	.page-login[data-device=bsp-mobile] .service-portal.page-join .layout-contents-inner , .page-login[data-device=mobile] .service-portal.page-join .layout-contents-inner { padding-right: 0; padding-left: 0; }
	.page-login[data-device=bsp-mobile] .service-portal.page-join .join-forms , .page-login[data-device=mobile] .service-portal.page-join .join-forms { width: 100%; max-width: 400px; }
	.page-login .layout-wrap {min-width: auto;  min-height: auto; }
	.page-login .layout-wrap .btn-bsp.logo-bg { position: relative; left: 0; margin-top: 0; }
	.page-login .login-container , .page-login .password-container { position: relative; width: calc(100% - 30px); min-height: auto; margin: 0 15px; }
	.page-login .login-container .update-password .update-password-title , .page-login .password-container .update-password .update-password-title { font-size: 1.25rem; line-height: 1.5rem; margin-top: 1.25rem; }
	.page-login .login-container .update-password .update-password-form , .page-login .password-container .update-password .update-password-form { padding: 10px 0; }
	.page-login .login-container .update-password .update-password-form .btns button , .page-login .password-container .update-password .update-password-form .btns button { min-width: auto; }
	.page-login .login-container .login-limit h1 , .page-login .password-container .login-limit h1 { font-size: 1.25rem; line-height: 1.5rem; margin-top: 1.25rem; }
	.page-login .login-container .login-limit .desc , .page-login .password-container .login-limit .desc { line-height: 1.5rem; }
	.page-login .login-container .login-limit .btns.idp button , .page-login .password-container .login-limit .btns.idp button { min-width: auto; }
	.page-login .login-container .login-forms.login-forms-2step h1.title , .page-login .password-container .login-forms.login-forms-2step h1.title {font-size: 1.5rem; line-height: 1.5rem;  padding-top: 20px; }
	.page-login .login-container .login-forms.login-forms-2step .login-2step-icon , .page-login .password-container .login-forms.login-forms-2step .login-2step-icon { height: 150px; }
	.page-login .login-container .login-forms.login-forms-2step .login-2step , .page-login .password-container .login-forms.login-forms-2step .login-2step { width: auto; }
	.page-login .login-container .login-forms .invalid-count.box , .page-login .password-container .login-forms .invalid-count.box { font-size: .6875rem; }
	.page-login .login-container .login-forms h1.title , .page-login .password-container .login-forms h1.title {font-size: 1.5rem;  margin-top: 0; margin-bottom: 0; }
	.page-login[data-device=bsp-mobile] .layout-popup { max-width: 100%; }
	.page-login[data-device=bsp-mobile] .layout-popup *:not(h2) { font-size: .75rem !important; }
	.page-login[data-device=bsp-mobile] .layout-popup .layout-popup-message , .page-login[data-device=bsp-mobile] .layout-popup .forms .forms-item { margin-top: 1rem !important; }
	.page-login[data-device=bsp-mobile] .layout-popup h2 { font-size: 1.25rem !important; }
	.page-login[data-device=bsp-mobile] .btn-bsp img { width: 65px; }
	.page-login[data-device=bsp-mobile] .login-container .login-forms h1.title , .page-login[data-device=bsp-mobile] .password-container .login-forms h1.title { padding-top: 2.5rem; }
	.page-login[data-device=bsp-mobile] .layout-wrap .login-container , .page-login[data-device=bsp-mobile] .layout-wrap .password-container { padding-top: 1.875rem; }
	.page-login[data-device=bsp-mobile] .login-container .login-forms .bottom-area { padding-bottom: 1.25rem; } }

@media all and (min-width: 768px) { html.mobile { font-size: 1.25rem; } }


.page-renewal {min-width: auto;  padding: 0; background-color: #f2f2f2; }
.page-renewal .layout-wrap { padding: 0; }
.page-renewal .renewal-container {position: absolute; top: 0; bottom: 0;  display: -ms-flexbox; display: flex; width: 100%; min-height: 900px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.page-renewal .renewal-container .message { box-sizing: border-box; width: 600px; height: 460px; padding: 55px 60px 0 60px; background-color: #fff; }
.page-renewal .renewal-container .message h1 { font-size: 1.125rem; font-weight: 700; line-height: 1.55556em; color: #000; }
.page-renewal .renewal-container .message p {font-size: .875rem; line-height: 1.78571em;  margin-top: 40px; color: #000; }


.page-error .error-container { text-align: center; }
.page-error .error-container.whatap .error-icon { position: relative; height: 80px; margin-bottom: 10px; background: url('/assets/images/whatap_error_icon.png') center center no-repeat; }
.page-error .error-container.whatap .error-message { font-size: 1rem; font-weight: 300; line-height: 1.5em; word-break: keep-all; color: #999; }
.page-error .error-container.whatap .button-normal { display: block; min-width: 150px; margin: 40px auto 0 auto; }
.page-error .error-container .error-code {position: relative;  display: block; width: 400px; height: 220px; margin: 0 auto; background: url(/assets/images/error.gif) center top no-repeat; background-size: 400px 220px; }
.page-error .error-container .error-code .code {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 5.625rem; font-weight: 400; line-height: 1.22222em; position: absolute; right: 0; bottom: -3px; left: 0;  display: block; text-align: center; letter-spacing: .15em; color: #000; }
.page-error .error-container .error-code .code .hidden { visibility: hidden; }
.page-error .error-container .error-message { font-size: 1rem; font-weight: 400; line-height: 1.5em; color: #000; }
.page-error .error-container .button-normal { display: block; min-width: 150px; margin: 40px auto 0 auto; }

.page-home .layout-wrap { padding-top: 0 !important; }

@keyframes fadeIn { 0% { opacity: 0; }
	100% { opacity: 1; } }

@keyframes bounceIn { 0% {transform: scale(.3) rotate(30deg);  opacity: 0; }
	100% {transform: scale(1) rotate(0);  opacity: 1; } }

.page-home .home-summary { background-color: #0994f3; background-image: url('/assets/images/bg_portal_home.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: center 610px; }
.page-home .home-summary.opsnow-summary {position: relative; overflow: hidden;  background: #0f1315 !important; background: none; }
.page-home .home-summary.opsnow-summary .home-summary-inner {z-index: 1;  height: 600px; }
.page-home .home-summary.opsnow-summary .home-summary-inner h1 { font-size: 3.5rem; font-weight: 500; line-height: 1.143em; }
.page-home .home-summary.opsnow-summary .home-summary-inner p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.61111em;  margin-top: 35px; }
.page-home .home-summary .opsnow-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-home .home-summary .opsnow-bg .bg-wrapper {position: relative;  height: 100%; }
.page-home .home-summary .opsnow-bg .bg-wrapper .circle {position: absolute; z-index: 1; top: 105px; right: 450px; display: none; width: 429px; height: 429px;  background: url('/assets/images/circle.png') no-repeat; }
@media only screen and (max-width: 1399px) { .page-home .home-summary .opsnow-bg .bg-wrapper .circle { right: 100px !important; } }
@media only screen and (max-width: 1920px) { .page-home .home-summary .opsnow-bg .bg-wrapper .circle { right: 15%; } }
.page-home .home-summary .opsnow-bg .bg-wrapper .circle.animated { display: inherit; animation: fadeIn .5s linear; }
.page-home .home-summary .opsnow-bg .bg-wrapper .particle { position: absolute; top: 0; right: 0; display: none; width: 1600px; height: 600px; background: url('/assets/images/particle.png') no-repeat; }
@media only screen and (max-width: 1399px) { .page-home .home-summary .opsnow-bg .bg-wrapper .particle { right: -400px !important; } }
@media only screen and (max-width: 1920px) { .page-home .home-summary .opsnow-bg .bg-wrapper .particle { right: -15%; } }
.page-home .home-summary .opsnow-bg .bg-wrapper .particle.animated { display: inherit; animation: bounceIn 1s ease; }
.page-home .home-summary .opsnow-bg .bg-wrapper .gradient {position: absolute; top: 0; right: 0;  width: 100%; height: 100%; transform: translateX(300px); opacity: 0; background: linear-gradient(90deg, #111 31%, #001d34 100%); }
.page-home .home-summary .opsnow-bg .bg-wrapper .gradient.animated {transition: .3s ease; transform: translateX(0);  opacity: .5; }
.page-home .home-summary .home-summary-inner {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  position: relative; top: 60px; box-sizing: border-box; width: 1200px; height: 660px; margin: 0 auto; padding-top: 190px; padding-left: 25px; opacity: 0; color: #fff; }
.page-home .home-summary .home-summary-inner h1 { font-size: 4.375rem; font-weight: 700; line-height: 1.143em; }
.page-home .home-summary .home-summary-inner p {font-size: 1.563rem; font-weight: 400; line-height: 1.200em;  margin-top: 35px; }
.page-home .home-summary .home-summary-inner[data-animation=animated] { top: 0; transition: top .7s ease-in-out .3s, opacity .8s ease-in-out .3s; opacity: 1; }
.page-home .home-summary .free-trial {position: relative;  display: block; overflow: hidden; background-color: rgba(0, 90, 151, .5); }
.page-home .home-summary .free-trial.opsnow { background-color: #005a97; }
.page-home .home-summary .free-trial .free-trial-inner {position: relative;  box-sizing: border-box; width: 1200px; height: 120px; margin: 0 auto; padding: 0 25px; }
.page-home .home-summary .free-trial .free-trial-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 120px;  display: block; float: left; color: #fffab1; }
.page-home .home-summary .free-trial .free-trial-description {font-size: 1rem; line-height: 1.4375em;  display: block; float: left; margin: 37px 0 0 40px; color: #fff; }
.page-home .home-summary .free-trial .btn-free-trail {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 700; line-height: 52px; position: absolute; top: 50%; right: 25px;  display: block; width: 194px; height: 50px; margin-top: -25px; color: #fff; background-color: #000; }
.page-home .home-summary .free-trial .btn-free-trail:after {position: absolute; top: 50%; right: 26px; display: block; width: 15px; height: 13px; margin-top: -6.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -126px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .home-summary .free-trial .btn-free-trail:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.page-home .list-services { box-sizing: border-box; padding: 40px 25px 50px; }
.page-home .list-services > li { position: relative; padding: 50px 530px 50px 0; }
.page-home .list-services > li:after {position: absolute; top: 50%; right: 0; display: block;  content: ''; }
.page-home .list-services > li.asset:after {width: 519px; height: 119px;  margin-top: -59.5px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -369px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.asset:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.metering:after {width: 491px; height: 96px;  margin-top: -48px; background-image: url(/assets/images/contents_sprites.png); background-position: -503px -494px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.metering:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.alertnow:after {width: 497px; height: 114px;  margin-top: -57px; background-image: url(/assets/images/contents_sprites.png); background-position: -525px -369px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.alertnow:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.monitoring:after {width: 480px; height: 84px;  margin-top: -42px; background-image: url(/assets/images/contents_sprites.png); background-position: -511px -600px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.monitoring:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.project:after {width: 479px; height: 92px;  margin-top: -46px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.project:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.approval:after {width: 505px; height: 89px;  margin-top: -44.5px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -600px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.approval:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li.devops:after {width: 497px; height: 100px;  margin-top: -50px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -494px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li.devops:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-home .list-services > li .title { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 3.438rem; font-weight: 400; line-height: 1.091em; color: #000; }
.page-home .list-services > li .title span.beta {font-size: 1rem; line-height: 1.125em;  width: 45px; height: 20px; margin-left: 5px; padding: 0; text-align: center; vertical-align: middle; }
.page-home .list-services > li .sub-title {font-size: 1.250rem; font-weight: 500;  margin-top: 18px; color: rgba(0, 0, 0, .65); }
.page-home .list-services > li .description {font-size: 1.250rem; font-weight: 400; line-height: 1.250em;  margin-top: 9px; color: rgba(0, 0, 0, .4); }
.page-home .list-services > li .btn-learn-more {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 36px; position: relative;  display: block; overflow: hidden; box-sizing: border-box; width: 40px; height: 40px; margin-top: 20px; transition: width .3s ease-in-out; text-align: center; color: #000; border: 3px solid #000; }
.page-home .list-services > li .btn-learn-more:after {position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 34px; height: 34px;  content: ''; transition: transform 1.0s ease-in-out; transform: rotateX(0deg); background-image: url(/assets/images/sprites.png); background-position: -592px -411px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-home .list-services > li .btn-learn-more:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-home .list-services > li .btn-learn-more .txt {font-size: 1.000rem; font-weight: 700; line-height: 34px; position: absolute; top: 0; right: 40px; bottom: 0;  display: block; height: 34px; transition: opacity .3s ease-in-out; white-space: nowrap; opacity: 0; color: #000; }
.page-home .list-services > li .btn-learn-more:hover { width: 180px; transition: width .3s ease-in-out, background-color .3s ease-in-out; }
.page-home .list-services > li .btn-learn-more:hover:after {transition: transform 1.0s ease-in-out;  transform: rotateX(180deg); }
.page-home .list-services > li .btn-learn-more:hover .txt {transition: opacity .3s ease-in-out;  opacity: 1; }
.page-home .list-services > li .btn-learn-more:active {transition: background-color .3s ease-in-out;  background-color: #000; }
.page-home .list-services > li .btn-learn-more:active:after { color: #fff; }
.page-home .list-services > li .btn-learn-more:active .txt { color: #fff; }
.page-home .list-services > li + li { border-top: 1px solid rgba(0, 0, 0, .2); }


.service-portal .btn-bsp {font-size: 1.0625rem; font-weight: 700; line-height: 50px; position: fixed; top: 0; left: 20px;  display: block; vertical-align: middle; color: #000; }
.service-portal .btn-bsp img { vertical-align: middle; }
.service-portal [data-tooltip=info]:after {display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal .page-section {position: relative;  margin-top: 40px; }
.service-portal .page-section .page-section-title { font-size: 1.25rem; font-weight: 700; color: #000; }
.service-portal .page-section .page-section-description { font-size: .75rem; line-height: 1.5em; color: #999; }
.service-portal .page-section .page-section-utils {position: absolute; top: -10px; right: 0;  display: block; }
.service-portal .edit-files { position: relative; overflow: hidden; }
.service-portal .edit-files .guide-message { margin-left: 15px; }
.service-portal .edit-files .list-files {position: relative; overflow: auto;  box-sizing: border-box; max-width: 600px; max-height: 142px; margin-top: 10px; padding: 10px 15px; border: 1px solid #e6e6e6; background: rgba(255, 255, 255, .5); }
.service-portal .edit-files .list-files .delete_btn {position: absolute; z-index: 1; top: 50%; left: 15px; display: block; overflow: hidden; width: 12px; height: 10px; margin-top: -5px;  content: ''; white-space: nowrap; text-indent: 100%; background-image: url(/assets/images/sprites.png); background-position: -662px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .edit-files .list-files .delete_btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal .edit-files .list-files > p .file {font-size: .75rem; line-height: 30px; position: relative;  display: inline-block; overflow: hidden; width: 400px; padding-left: 48px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.service-portal .edit-files .list-files > p .file.icon-img { position: relative; }
.service-portal .edit-files .list-files > p .file.icon-img:after {position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; margin-top: -10px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -356px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .edit-files .list-files > p .file.icon-img:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .edit-files .list-files > p .file .file-icon { display: inline-block; margin: -3px 5px 0 -3px; vertical-align: middle; }
.service-portal .edit-files .list-files .file-size {font-size: .75rem; line-height: 50px; position: absolute; top: 0; right: 20px;  display: block; color: #666; }
.service-portal .edit-files .list-files .file-size .size { display: inline-block; }
.service-portal .edit-files .list-files .file-size .size .current { color: #3b99ff; }
.service-portal .edit-files .btn-delete-all {font-size: .75rem; font-weight: 400;  display: inline-block; margin-top: 10px; margin-left: 14px; text-decoration: underline; color: #666; }

.service-portal.page-join { background-color: #f2f2f2; }
.service-portal.page-join .layout-page-title { padding: 40px 0 0 0; text-align: center; border: 0px; }
.service-portal.page-join .layout-page-title h1 {font-size: 1.875rem;  display: inline-block; }
.service-portal.page-join .layout-page-title.multiline { height: auto; }
.service-portal.page-join .layout-contents-inner { padding-right: 100px; padding-left: 100px; }
.service-portal.page-join .join-container {width: 100%;  margin-top: 40px; padding: 0; }
.service-portal.page-join .join-container .agreement-container { border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-join .join-container .agreement-container .agreement-container-header {font-weight: 500; line-height: 60px; height: 60px;  padding: 0 30px; border-bottom: 1px solid #e6e6e6; }
.service-portal.page-join .join-container .agreement-container .agreement-container-header label { font-size: 1rem; font-weight: inherit; padding-left: 25px; color: #999; }
.service-portal.page-join .join-container .agreement-container .agreement-container-header input[type='checkbox']:checked + label { color: #000; }
.service-portal.page-join .join-container .agreement-container .agreement-statement { height: auto; max-height: 240px; margin: 0; padding: 40px 60px; border: 0px; }
.service-portal.page-join .join-container .agreement-container .agreement-statement a:link { font-size: .875rem; text-decoration: underline; }
.service-portal.page-join .join-container .agreement-container .agreement-statement p { font-size: .875rem; }
.service-portal.page-join .join-container .agreement-container + .agreement-container { margin-top: 10px; }
.service-portal.page-join .join-container .agreement-container .agreenemt-radio-group { padding: 10px 30px 20px; }
.service-portal.page-join .join-container .agreement-container .agreenemt-radio-group label { font-size: 1rem; }
.service-portal.page-join .join-container .agreement-container .agreenemt-radio-group label + input[type='radio'] + label { margin-left: 1em; }
.service-portal.page-join .join-container .agreement-container[data-state=invited] .agreement-statement { height: 550px; }
.service-portal.page-join .join-container .join-container-btns { margin-top: 60px; text-align: center; }
.service-portal.page-join .join-container .join-container-btns .button-normal {min-width: 200px;  margin: 0 3px; }
.service-portal.page-join .join-forms {width: 440px;  margin: 0 auto; }
.service-portal.page-join .join-forms .join-forms-btns { margin-top: 60px; text-align: center; }
.service-portal.page-join .join-forms .join-forms-btns.multiple { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.page-join .join-forms .join-forms-btns.multiple .button-normal {margin: 0;  -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-portal.page-join .join-forms .join-forms-btns.multiple .button-normal + .button-normal { margin-left: 10px; }
.service-portal.page-join .join-forms .join-forms-btns:lang(en) .button-home { min-width: 110px; margin: 0 6px 0 0; }
.service-portal.page-join .join-forms .join-forms-btns:lang(en) .button-email { max-width: 275px; padding: 0 16px 0 39px; }
.service-portal.page-join .join-forms .join-forms-btns:lang(en) .button-email:after { left: 16px; }
.service-portal.page-join .join-forms .join-forms-btns .button-home {border-color: #606060;  background-color: #606060; }
.service-portal.page-join .join-forms .join-forms-btns .button-email { position: relative; box-sizing: border-box; padding: 0 0 0 55px; text-align: left; }
.service-portal.page-join .join-forms .join-forms-btns .button-email:hover:after {transition: .3s ease-in-out;  opacity: .5; }
.service-portal.page-join .join-forms .join-forms-btns .button-email:after {position: absolute; top: 50%; left: 26px; width: 18px; height: 16px; margin-top: -8px;  content: ''; transition: .3s ease-in-out; background-image: url(../images/layout_sprites.png); background-position: -335px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-join .join-forms .join-forms-btns .button-email:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-join .join-forms .email-text { margin: 40px 0 0; text-align: center; }
.service-portal.page-join .join-forms .email-text p { font-size: .75rem; line-height: 1.66667em; text-align: center; }
.service-portal.page-join .join-forms .email-text p strong { color: #1886ff; }
.service-portal.page-join .join-forms .email-text .email-image { display: inline-block; width: 262px; height: 101px; margin: 37px 0 0; background-image: url(/assets/images/contents_sprites.png); background-position: -1028px -369px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-join .join-forms .email-text .email-image { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
@media (max-width: 1025px) { .service-portal.page-join main , .service-portal.page-join .layout-contents {width: 100% !important;  min-height: auto !important; }
	.service-portal.page-join .btn-bsp.logo-bg { position: absolute; }
	.service-portal.page-join select , .service-portal.page-join input[type=checkbox] , .service-portal.page-join input[type=radio] , .service-portal.page-join input[type=text] , .service-portal.page-join input[type=password] , .service-portal.page-join input[type=submit] , .service-portal.page-join input[type=email] , .service-portal.page-join input[type=search] , .service-portal.page-join input[type=number] , .service-portal.page-join textarea {font-size: .75rem;  height: 2rem; }
	.service-portal.page-join .layout-wrap {position: relative; display: -ms-flexbox; display: flex; flex-direction: column; min-width: auto;  padding: 0 1rem 2.5rem; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
	.service-portal.page-join .layout-contents { padding-bottom: 0; }
	.service-portal.page-join .layout-contents .layout-page-title { padding: 4.0625rem 0 0; }
	.service-portal.page-join .layout-contents .layout-page-title h1 { font-size: 1.5rem; }
	.service-portal.page-join .layout-contents-inner { padding-right: 0; padding-left: 0; }
	.service-portal.page-join .join-forms { width: 100%; max-width: 400px; }
	.service-portal.page-join .join-forms h5 { font-size: .875rem; line-height: 1.5; }
	.service-portal.page-join .join-forms * { font-size: .75rem; }
	.service-portal.page-join .join-forms .forms-item { margin-top: .9375rem; }
	.service-portal.page-join .layout-footer { display: none; } }

.upgrade-guide-bar { display: -ms-flexbox; display: flex; height: 48px; background: #0acd7f; -ms-flex-align: center; align-items: center; }
.upgrade-guide-bar.d-day { background: #dbdee1; }
.upgrade-guide-bar.d-day p { color: #3f484e; }
.upgrade-guide-bar.d-day p:before { top: 0; width: 22px; height: 22px; background-image: url(../images/layout_sprites.png); background-position: -94px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upgrade-guide-bar.d-day p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.upgrade-guide-bar p {font-size: .8125rem; line-height: 1.1875rem;  position: relative; margin-left: 1.25rem; padding-left: 2rem; color: #fff; }
.upgrade-guide-bar p:before {position: absolute; top: 1px; left: 0; display: inline-block; width: 22px; height: 18px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -350px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upgrade-guide-bar p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.upgrade-guide-bar p + .btns {margin-top: .1875rem;  margin-left: .625rem; }
.upgrade-guide-bar .btns.idp .button.middle {font-size: .8125rem; line-height: 1.75rem;  height: 1.875rem; padding: 0 10px; }

.service-portal.change-paid-user { background-color: #fff; }
.service-portal.change-paid-user .layout-contents h5 { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; font-weight: 100; line-height: 1.25rem; margin: 90px auto 0; padding: 0; text-align: center; color: #5e6b78; }
.service-portal.change-paid-user .layout-contents h5.no-title { margin: 70px auto 0; }
.service-portal.change-paid-user .layout-contents .layout-page-title { padding: 72px 0 0 0; text-align: center; border: 0px; }
.service-portal.change-paid-user .layout-contents .layout-page-title.completion { padding: 107px 0 0 0; }
.service-portal.change-paid-user .layout-contents .layout-page-title h1 {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 1.875rem;  display: inline-block; }
.service-portal.change-paid-user .layout-contents .layout-page-title .layout-page-title-inner h1 { font-size: 1.25rem; line-height: 1.25rem; }
.service-portal.change-paid-user .layout-contents .layout-page-title.multiline { height: auto; }
.service-portal.change-paid-user .layout-contents .layout-page-title + h5 { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; font-weight: 100; line-height: .8125rem; margin: 10px auto 0; padding: 0; text-align: center; color: #222; }
.service-portal.change-paid-user .layout-contents .layout-contents-inner { padding-right: 100px; padding-left: 100px; }
.service-portal.change-paid-user .join-container {width: 100%;  margin-top: 40px; padding: 0; }
.service-portal.change-paid-user .join-container .agreement-container { border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-container-header {font-weight: 500; line-height: 60px; height: 60px;  padding: 0 30px; border-bottom: 1px solid #e6e6e6; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-container-header label { font-size: 1rem; font-weight: inherit; padding-left: 25px; color: #999; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-container-header input[type='checkbox']:checked + label { color: #000; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-statement { height: auto; max-height: 240px; margin: 0; padding: 40px 60px; border: 0px; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-statement a:link { font-size: .875rem; text-decoration: underline; }
.service-portal.change-paid-user .join-container .agreement-container .agreement-statement p { font-size: .875rem; }
.service-portal.change-paid-user .join-container .agreement-container + .agreement-container { margin-top: 10px; }
.service-portal.change-paid-user .join-container .agreement-container .agreenemt-radio-group { padding: 10px 30px 20px; }
.service-portal.change-paid-user .join-container .agreement-container .agreenemt-radio-group label { font-size: 1rem; }
.service-portal.change-paid-user .join-container .agreement-container .agreenemt-radio-group label + input[type='radio'] + label { margin-left: 1em; }
.service-portal.change-paid-user .join-container .agreement-container[data-state=invited] .agreement-statement { height: 550px; }
.service-portal.change-paid-user .join-container .join-container-btns { margin-top: 60px; text-align: center; }
.service-portal.change-paid-user .join-container .join-container-btns .button-normal {min-width: 200px;  margin: 0 3px; }
.service-portal.change-paid-user .join-forms {width: 400px;  margin: 0 auto; }
.service-portal.change-paid-user .join-forms p.add-explan { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; font-weight: 100; line-height: 1.25rem; margin: 30px auto 0; padding: 0; text-align: center; color: #5e6b78; }
.service-portal.change-paid-user .join-forms .forms-item { margin-top: 20px; }
.service-portal.change-paid-user .join-forms .forms-item:nth-of-type(1) { margin-top: 30px; }
.service-portal.change-paid-user .join-forms.result { width: 690px; }
.service-portal.change-paid-user .join-forms h5 { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 100; line-height: 1.75rem; margin: 0; padding: 0; text-align: center; color: #222; }
.service-portal.change-paid-user .join-forms .upgrade-guide {display: -ms-flexbox; display: flex; width: 736px;  margin-top: 14px; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.change-paid-user .join-forms .upgrade-guide + .add-explan { margin-top: 10px; }
.service-portal.change-paid-user .join-forms .upgrade-guide + .add-explan a {text-decoration: underline;  color: #5e6b78; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items { position: relative; overflow: hidden; width: 353px; min-height: 190px; padding-bottom: 100px; border: solid 1px #efefef; border-radius: .25rem; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items h3 { font-size: 1.125rem; line-height: 1.6875rem; padding-top: 1.625rem; padding-bottom: 1.625rem; text-align: center; color: #1c2024; border-bottom: solid 1px #efefef; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items p.info { font-size: .875rem; line-height: 1.25rem; padding: 1.875rem 1.875rem 0; text-align: center; word-break: keep-all; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items p.info a:not(:first-child) , .service-portal.change-paid-user .join-forms .upgrade-guide .items p.info span:not(:first-child) { margin: 12px 0 0; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items p.info span { display: block; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items p.info a {font-size: .875rem; line-height: 1.25rem;  display: block; padding: 0 15px; color: #1886ff; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items p.info a:hover { text-decoration: underline; }
html[lang=zh] .service-portal.change-paid-user .join-forms .upgrade-guide .items p.info { word-break: break-all; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items .join-forms-btns { position: absolute; bottom: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100px; margin-top: 0; margin-bottom: 0px; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items .join-forms-btns .button-normal { min-width: 260px; }
.service-portal.change-paid-user .join-forms .upgrade-guide .items .join-forms-btns .button-normal[data-size=large] { font-size: .875rem; font-weight: 300; line-height: 2.25rem; height: 2.5rem; }
.service-portal.change-paid-user .join-forms .consult-service-icon-area {position: relative; display: inline-block; width: 100%; height: 141px;  margin: 5rem auto 3.125rem; }
.service-portal.change-paid-user .join-forms .consult-service-icon-area.center { text-align: center; }
.service-portal.change-paid-user .join-forms .consult-service-icon-area.left { text-align: left; }
.service-portal.change-paid-user .join-forms .consult-service-icon-area.right { text-align: right; }
.service-portal.change-paid-user .join-forms .consult-service-icon-area:after {position: absolute; top: 50%; left: 50%; width: 140px; height: 116px;  content: ''; transform: translate(-50%, -50%); background: url('/assets/images/815/submit_consulting_icon@2x.png') no-repeat; background-size: 100% 100%; }
.service-portal.change-paid-user .join-forms .desc {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.75rem;  display: block; text-align: center; color: #222; }
.service-portal.change-paid-user .join-forms .desc:before {display: block; width: 239px; height: 109px; margin: 35px auto;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .desc:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.change-paid-user .join-forms .invited-join-confirm-icon-area {position: relative; display: inline-block; width: 100%; height: 121px;  margin: 0 auto; }
.service-portal.change-paid-user .join-forms .invited-join-confirm-icon-area.center { text-align: center; }
.service-portal.change-paid-user .join-forms .invited-join-confirm-icon-area.left { text-align: left; }
.service-portal.change-paid-user .join-forms .invited-join-confirm-icon-area.right { text-align: right; }
.service-portal.change-paid-user .join-forms .invited-join-confirm-icon-area:after {position: absolute; top: 50%; left: 50%; width: 140px; height: 116px;  content: ''; transform: translate(-50%, -50%); background: url('/assets/images/815/submit_consulting_icon@2x.png') no-repeat; background-size: 100% 100%; }
.service-portal.change-paid-user .join-forms .join-service-icon-area { display: -ms-flexbox; display: flex; width: 690px; margin: 90px auto; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.change-paid-user .join-forms .join-service-icon-area.center { text-align: center; }
.service-portal.change-paid-user .join-forms .join-service-icon-area.left { text-align: left; }
.service-portal.change-paid-user .join-forms .join-service-icon-area.right { text-align: right; }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div { position: relative; }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(1) .items:after {width: 28px; height: 28px;  background-image: url(../images/layout_sprites.png); background-position: -493px -125px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(1) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(2) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -338px -285px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(2) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(3) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -376px -285px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(3) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(4) .items { width: 130px; }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(4) .items:after {width: 74px; height: 32px;  background-image: url(../images/layout_sprites.png); background-position: -616px -136px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(4) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(5) .items:after {width: 32px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -322px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-service-icon-area > div:nth-of-type(5) .items:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div .items { position: relative; display: inline-block; min-width: 90px; height: 90px; border-radius: 100px; background: #f5f5f5; }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div .items:after {position: absolute; top: 50%; left: 50%;  content: ''; transform: translate(-50%, -50%); }
.service-portal.change-paid-user .join-forms .join-service-icon-area > div p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 100; line-height: 1.125rem;  margin: .625rem 0; }
.service-portal.change-paid-user .join-forms .bottom-btns { display: -ms-flexbox; display: flex; width: 250px; margin: 40px auto 0; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.change-paid-user .join-forms .bottom-btns.invited { -ms-flex-pack: center; justify-content: center; }
.service-portal.change-paid-user .join-forms .bottom-btns.invited button { width: 180px; }
.service-portal.change-paid-user .join-forms .bottom-btns.confirm { width: 330px; }
.service-portal.change-paid-user .join-forms .bottom-btns.confirm button { width: 160px; }
.service-portal.change-paid-user .join-forms .bottom-btns button { width: 120px; padding: 0; }
.service-portal.change-paid-user .join-forms .common-sub-text { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 100; line-height: 1.75rem; color: #222; }
.service-portal.change-paid-user .join-forms .common-sub-text.center { text-align: center; }
.service-portal.change-paid-user .join-forms .common-sub-text.left { text-align: left; }
.service-portal.change-paid-user .join-forms .common-sub-text.right { text-align: right; }
.service-portal.change-paid-user .join-forms .common-sub-text p { padding: 0 145px; }
.service-portal.change-paid-user .join-forms .join-forms-btns { margin-top: 40px; text-align: center; }
.service-portal.change-paid-user .join-forms .join-forms-btns .button-normal { min-width: 200px; }
.service-portal.change-paid-user .join-forms .join-forms-btns.multiple { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.change-paid-user .join-forms .join-forms-btns.multiple .button-normal {margin: 0;  -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-portal.change-paid-user .join-forms .join-forms-btns.multiple .button-normal + .button-normal { margin-left: 10px; }
.service-portal.change-paid-user .join-forms .join-forms-btns:lang(en) .button-home { min-width: 110px; margin: 0 6px 0 0; }
.service-portal.change-paid-user .join-forms .join-forms-btns:lang(en) .button-email { max-width: 275px; padding: 0 16px 0 39px; }
.service-portal.change-paid-user .join-forms .join-forms-btns:lang(en) .button-email:after { left: 16px; }
.service-portal.change-paid-user .join-forms .join-forms-btns .button-home {border-color: #606060;  background-color: #606060; }
.service-portal.change-paid-user .join-forms .join-forms-btns .button-email { position: relative; box-sizing: border-box; padding: 0 0 0 55px; text-align: left; }
.service-portal.change-paid-user .join-forms .join-forms-btns .button-email:hover:after {transition: .3s ease-in-out;  opacity: .5; }
.service-portal.change-paid-user .join-forms .join-forms-btns .button-email:after {position: absolute; top: 50%; left: 26px; width: 18px; height: 16px; margin-top: -8px;  content: ''; transition: .3s ease-in-out; background-image: url(../images/layout_sprites.png); background-position: -335px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .join-forms-btns .button-email:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.change-paid-user .join-forms .email-text { margin: 40px 0 0; text-align: center; }
.service-portal.change-paid-user .join-forms .email-text.invited { margin: 20px 0 0; }
.service-portal.change-paid-user .join-forms .email-text p { font-size: .75rem; line-height: 1.66667em; text-align: center; }
.service-portal.change-paid-user .join-forms .email-text p strong { color: #1886ff; }
.service-portal.change-paid-user .join-forms .email-text .email-image { display: inline-block; width: 262px; height: 101px; margin: 37px 0 0; background-image: url(/assets/images/contents_sprites.png); background-position: -1028px -369px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.change-paid-user .join-forms .email-text .email-image { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.change-paid-user .join-forms textarea { height: 90px; }


.service-portal.page-dashboard-v2 { background-color: #f4f4f4; }
.service-portal.page-dashboard-v2 .movie-layout-popup { width: 580px; padding: 38px 0 0; }
.service-portal.page-dashboard-v2 .movie-layout-popup iframe { position: relative; top: 3px; }
.service-portal.page-dashboard-v2 .movie-layout-popup .mfp-close {top: 13px; right: 13px; width: 14px; height: 14px;  transition: all .5s ease-in; background: url('/assets/images/popup_close_btn.svg#gray') no-repeat; }
.service-portal.page-dashboard-v2 .movie-layout-popup .mfp-close:hover { transition: all .5s ease-in; background: url('/assets/images/popup_close_btn.svg#black') no-repeat; }
.service-portal.page-dashboard-v2 .movie-layout-popup .mfp-close:after { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item-box .-inline-notification { box-sizing: border-box; width: 100%; }
.service-portal.page-dashboard-v2 .dashboard-item-box .-inline-notification ~ .metering-box { height: 380px; }
.service-portal.page-dashboard-v2 .dashboard-item-box .-inline-notification ~ .metering-box .value.graph { margin-top: 10px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot {min-height: 502px;  padding: 28px 30px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .header , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .header { cursor: default; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .header:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .header:before { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .value , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .value {display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box;  height: 105px; margin-top: 18px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .rules-wrap , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .rules-wrap { margin-top: 14px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .rules-wrap:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .rules-wrap:before { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .rules-wrap .value , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .rules-wrap .value { height: 223px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .rules-wrap .value button , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .rules-wrap .value button {font-size: .75rem; font-weight: 500;  min-width: 104px; height: 24px; margin-top: 20px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance[data-state=none] .rules-wrap .value button[data-fill='blue'] , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot[data-state=none] .rules-wrap .value button[data-fill='blue'] { background: #1886ff; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance + .dashboard-item-add-info , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot + .dashboard-item-add-info { padding-left: 0; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .lr-layout , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .lr-layout { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .lr-layout > *:first-child , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .lr-layout > *:first-child { margin-right: auto; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header { position: relative; cursor: pointer; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header:before {position: absolute; z-index: 10; top: -15px; right: -15px; bottom: -20px; left: -15px; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; background-color: #fff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header > * , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header > * { position: relative; z-index: 20; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header:hover:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header h3 , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header h3 { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #222; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header h3 button , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header h3 button { line-height: 1; position: relative; top: 1px; display: -ms-flexbox; display: flex; width: 20px; height: 20px; margin-left: 5px; transition: all .3s linear; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header h3 button:hover , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header h3 button:hover {border: 1px solid rgba(184, 190, 195, .3);  border-radius: 4px; background: rgba(184, 190, 195, .2); }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header h3 button:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header h3 button:before {display: inline-block; width: 14px; height: 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -699px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item-box.governance .header h3 button:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header h3 button:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header .score , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header .score {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 2.5rem; font-weight: 400; padding: 18px 0 12px; letter-spacing: -.56px; color: #222; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header ul li , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header ul li {font-size: .75rem;  position: relative; margin-bottom: 6px; padding-left: 12px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .header ul li:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .header ul li:before {position: absolute; top: 50%; left: 0; width: 5px; height: 5px;  content: ''; transform: translateY(-50%); border-radius: 100%; background: #1886ff; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap {position: relative; box-sizing: border-box; margin-top: 18px;  padding-top: 22px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap:before {position: absolute; top: 0; width: 100%; height: 1px;  content: ''; background: #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap .headline , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap .headline { font-size: .875rem; font-weight: 500; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap .headline + * , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap .headline + * { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap .headline + * button , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap .headline + * button { font-size: .75rem; font-weight: 500; margin-left: 10px; transition: opacity .3s linear; opacity: .6; color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap .headline + * button:hover , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap .headline + * button:hover { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap .headline + * button.selected , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap .headline + * button.selected { font-weight: 700; opacity: 1; color: #222; border-bottom: 2px solid #222; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul { padding-top: 7px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul[data-state=pass] li a , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul[data-state=pass] li a { background: #f3f9ff; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li { margin-top: 11px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a {position: relative; height: 48px; padding: 0 16px;  color: #222; border-radius: 4px; background: #fff4f6; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border: 1px solid #1886ff; border-radius: 4px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:after , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:after {position: absolute; top: 50%; right: 16px; width: 6px; height: 10px;  content: ''; transform: translateY(-50%); background-image: url(../images/layout_sprites.png); background-position: -215px -115px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:after , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:hover:after , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:hover:after {width: 6px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -215px -131px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:hover:after , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:hover:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:hover , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:hover { box-shadow: 0 1px 4px 1px rgba(124, 129, 148, .25); }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a:hover:before , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status {font-size: .875rem;  display: -ms-flexbox; display: flex; color: inherit; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status + em , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status + em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; padding-right: 20px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency { display: -ms-flexbox; display: flex; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency > * , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency > * { display: -ms-inline-flexbox; display: inline-flex; width: 10px; height: 10px; margin-right: 4px; border-radius: 100%; background: #ff614b; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency > *:nth-of-type(4) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency > *:nth-of-type(4) { margin-right: 10px; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='3'] > *:nth-of-type(4) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='3'] > *:nth-of-type(4) { opacity: .2; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='2'] > *:nth-of-type(3) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='2'] > *:nth-of-type(3) { opacity: .2; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='2'] > *:nth-of-type(4) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='2'] > *:nth-of-type(4) { opacity: .2; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(2) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(2) { opacity: .2; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(3) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(3) { opacity: .2; }
.service-portal.page-dashboard-v2 .dashboard-item-box.governance .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(4) , .service-portal.page-dashboard-v2 .dashboard-item-box.chatbot .rules-wrap ul li a .status .urgency[data-severity='1'] > *:nth-of-type(4) { opacity: .2; }
.service-portal.page-dashboard-v2 .layout-contents { display: block; overflow: hidden; box-sizing: border-box; width: 1200px; margin: 0 auto; padding-top: 50px; padding-right: 100px; padding-left: 100px; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard-v2 .layout-contents {width: 1400px;  padding-right: 0; padding-left: 0; } }
.service-portal.page-dashboard-v2 .layout-contents.ba_dashboard { width: 1000px; padding-right: 0; padding-left: 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top { display: -ms-flexbox; display: flex; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div {box-sizing: border-box;  width: 480px; height: 260px; margin: 0 0 0 40px; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone { margin: 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a {position: relative;  display: block; width: 478px; height: 258px; outline: 0; background: url('/assets/images/815/movie_thumbnail@2x.png') no-repeat; background-size: 100% 100%; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:before {position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;  content: ''; transition: all .2s ease-in; border-radius: 50%; background: rgba(24, 134, 255, .7); }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:after {position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -12px 0 0 -6px;  content: ''; transition: all .2s ease-in; border-width: 12px 0 12px 17px; border-style: solid; border-color: transparent transparent transparent #fff; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:hover:before { transform: scale(1.2); background: #1886ff; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:hover:after { transform: scale(1.2); }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone {padding: 20px;  border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > p { font-size: 1rem; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul {margin: 20px 0 0;  border-top: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li {position: relative; box-sizing: border-box;  border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li:nth-child(3) { border-bottom: 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li:after {position: absolute; top: 50%; right: 10px; width: 6px; height: 10px; margin: -5px; content: '';  background: url('/assets/images/arrow_right.svg#gray') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li a:before { position: absolute; top: 50%; left: 10px; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.help a:before {width: 20px; height: 20px; margin-top: -10px; content: '';  background: url('/assets/images/dashboard_help.svg') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.aws a:before {width: 20px; height: 12px; margin-top: -6px; content: '';  background: url('/assets/images/vendor_aws.svg') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.azure a:before {width: 20px; height: 20px; margin-top: -10px; content: '';  background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 100%; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li a {font-size: .875rem; line-height: 42px;  display: block; height: 42px; padding-left: 42px; color: #333; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li a:hover { text-decoration: underline; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom { padding: 41px 0 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom h2 { font-size: 20px; font-weight: 500; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul {display: table; clear: both;  content: ''; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li {position: relative;  float: left; box-sizing: border-box; width: 220px; height: 290px; margin: 40px 0 0 40px; padding: 20px; border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(-n+4) { margin-top: 20px; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(4n+1) { margin-left: 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3 {font-size: 1rem; position: relative;  padding: 56px 0 0; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:after , .service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:before {position: absolute; top: 0; left: 0; width: 36px; height: 36px;  content: ''; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:after { left: 46px; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.asset { color: #0dadea; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.asset:before { background: url('/assets/images/bsp_ico.svg#asset') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.metering { color: #f5a623; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.metering:before { background: url('/assets/images/bsp_ico.svg#metering') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring { color: #dd4000; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring:before { background: url('/assets/images/bsp_ico.svg#monitoring') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring:after { background: url('/assets/images/bsp_ico.svg#monitoring2') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project { color: #6254b4; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project:before { background: url('/assets/images/bsp_ico.svg#project') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project:after { background: url('/assets/images/bsp_ico.svg#project2') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.opsnow { color: #ee464f; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.opsnow:before { background: url('/assets/images/bsp_ico.svg#opsnow') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.approval { color: #6882b1; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.approval:before { background: url('/assets/images/bsp_ico.svg#approval') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.devops { color: #978e50; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.devops:before { background: url('/assets/images/bsp_ico.svg#devops') no-repeat; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.azure { color: #00a2ea; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.azure:before { background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 100%; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service a { font-size: .875rem; font-weight: 400; display: inline-block; margin: 5px 0 0; transition: all .2s ease-out; text-decoration: underline; color: #999; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service a:hover { color: #666; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service p { font-size: .875rem; margin: 3px 0 0; color: #999; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn {font-size: .875rem; line-height: 34px;  position: absolute; right: 20px; bottom: 20px; left: 20px; box-sizing: border-box; height: 36px; transition: all .2s ease-out; text-align: center; color: #666; border: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn:hover { border-color: #666; }
.service-portal.page-dashboard-v2 .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn-disabled {font-size: .875rem; line-height: 34px;  position: absolute; right: 20px; bottom: 20px; left: 20px; box-sizing: border-box; height: 36px; text-align: center; color: #ececec; border: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout {position: relative; clear: both;  text-align: left; }
.service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout:before {position: absolute; top: 0; right: 0; left: 0; height: 1px;  content: ''; background-color: #e2e2e2; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom:before {right: 40px;  left: 40px; }
	.service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom h2 { text-indent: 40px; }
	.service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom > ul {display: table; clear: both;  content: ''; }
	.service-portal.page-dashboard-v2 .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(4n+1) {margin-top: 20px;  margin-left: 40px; } }
.service-portal.page-dashboard-v2 .dashboard-item { display: inline-block; width: 416px; margin: 0 16px 65px; text-align: left; vertical-align: top; }
.service-portal.page-dashboard-v2 .dashboard-item:nth-child(3n+1) { clear: both; }
.service-portal.page-dashboard-v2 .dashboard-item:nth-child(2n+1) { margin-left: 0; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard-v2 .dashboard-item { margin: 0 16px 65px; }
	.service-portal.page-dashboard-v2 .dashboard-item:nth-child(2n+1) { margin-left: 16px; }
	.service-portal.page-dashboard-v2 .dashboard-item:nth-child(3n+1) { margin-left: 40px; } }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 500; line-height: 1.2em;  margin-bottom: 16px; padding: 0; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-title a { display: block; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-title a:after {display: inline-block; width: 20px; height: 18px; margin: -3px 0 0 9px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -148px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-title a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-title a:hover { text-decoration: underline; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box {position: relative; display: block;  overflow: hidden; box-sizing: border-box; border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item {display: -ms-flexbox; display: flex;  overflow: hidden; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button {display: block; box-sizing: border-box; padding: 12px 0 12px 0; transition: background-color .3s ease-in-out; border-bottom: 1px solid #ececec; background-color: #f6f6f6;  -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button + button { border-left: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button:hover { background-color: #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button.is-selected { border-bottom: 1px solid #fff; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button.is-only { border-bottom: 1px solid #ececec; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item button .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 1.225em;  display: block; margin-top: 6px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-box .tabs-item[data-state=none] button .value { color: rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-add-info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 1.25em;  margin-top: 10px; padding-left: 10px; color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-add-info .updated { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 1.25em; color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-add-info .updated time:before {display: inline-block; width: 13px; height: 14px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -19px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .dashboard-item-add-info .updated time:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 { display: block; height: 401px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 326px; margin: 35px 40px 36px; padding: 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .inner-scroll { display: block; overflow: scroll; overflow-x: hidden; box-sizing: border-box; height: 331px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .btn-show-all {font-size: .75rem; font-weight: 500; line-height: 2em;  display: block; box-sizing: border-box; width: 140px; height: 26px; margin: 0 auto; transition: border .3s ease-in-out; text-align: center; color: #333; border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .btn-show-all:after {display: inline-block; width: 9px; height: 6px; margin: -2px 0 0 4px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -710px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .btn-show-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .btn-show-all:hover { border: 1px solid #929292; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message {position: relative;  display: block; padding: 0 0 0 30px; border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .info {font-size: .75rem; font-weight: 400; line-height: 2.5em;  display: inline-block; color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .info:before {display: inline-block; width: 16px; height: 16px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .info:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all {font-size: .75rem; line-height: 2.5em; position: absolute; top: 0; right: 15px;  display: block; color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all:after {display: inline-block; width: 13px; height: 10px; margin: -3px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -540px -495px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident { margin-bottom: 4px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li { display: block; border-top: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li:first-child { border-top: 0px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item {position: relative;  display: block; padding: 15px 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar {position: absolute; top: 0; bottom: 0; left: 0;  display: block; width: 14px; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:before {position: absolute; top: 20px; left: 50%; display: block; width: 2px; height: 11px; margin-left: -1px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -688px -101px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:after { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label { padding-right: .5em; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label:before , .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label:after { top: 21px; margin-top: 0; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item a { text-decoration: none; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item a:hover { text-decoration: underline; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .service {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; overflow: hidden; max-width: 340px; white-space: nowrap; text-overflow: ellipsis; color: #0053ae; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title { display: block; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title:hover em { text-decoration: underline; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title .index {font-size: .75rem; font-weight: 500; line-height: 16px;  display: block; float: left; box-sizing: border-box; min-width: 40px; height: 18px; margin-right: 4px; padding: 0 8px; text-align: center; vertical-align: middle; color: #999; border: 1px solid rgba(153, 153, 153, .5); border-radius: 5px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative;  display: inline-block; overflow: hidden; max-height: 38px; margin-right: -1em; padding-right: 1em; word-break: break-all; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em:before {position: absolute; right: .2em; bottom: .25em;  content: '...'; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em:after {position: absolute; right: 0; width: 1em; height: 1em; margin-top: .2em;  content: ''; background-color: #fff; background-image: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em { line-height: 19px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times { margin-top: 3px; white-space: nowrap; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times time {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; letter-spacing: -.03em; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times time + time:before {display: inline-block; width: 1px; height: 10px; margin: -2px 6px 0 6px;  content: ''; vertical-align: middle; background-color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status { margin-top: 2px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .key {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; vertical-align: middle; letter-spacing: -.03em; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .key ~ .key:before {display: inline-block; width: 1px; height: 10px; margin: -2px 8px 0 8px;  content: ''; vertical-align: middle; background-color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .urgency {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; vertical-align: middle; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .status {font-size: .75rem; font-weight: 500; line-height: 16px;  display: inline-block; box-sizing: border-box; min-width: 40px; height: 18px; margin-top: -1px; margin-left: 4px; padding: 0 8px; text-align: center; vertical-align: middle; color: #4d95f7; border: 1px solid rgba(77, 149, 247, .5); border-radius: 5px; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .status[data-state=created] { color: #ff4b55; border-color: rgba(255, 75, 85, .5); }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .urgency-bar { background-color: #6f1206; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -297px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .urgency-bar { background-color: #b62612; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -181px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .urgency-bar { background-color: #ff614b; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -355px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .urgency-bar { background-color: #ff9c8e; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -239px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .urgency-bar { background-color: #ffcbc3; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -559px -533px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls { display: -ms-flexbox; display: flex; border-top: 1px solid #e4e3e3; background-color: #f6f6f6; -ms-flex-align: stretch; align-items: stretch; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button {font-size: .875rem; font-weight: 500; line-height: 2.71429em; position: relative; display: block; transition: background-color .3s ease-in-out; text-align: center; color: #4d95f7;  -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button:hover { background-color: #e4e3e3; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button[disabled] {pointer-events: none;  color: rgba(77, 149, 247, .6); }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button + button { color: #6a6e74; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button + button:before {position: absolute; top: 8px; bottom: 8px; left: 0; display: block; width: 1px;  content: ''; background-color: #e4e3e3; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .incident-controls button + button[disabled] { color: rgba(106, 110, 116, .6); }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .clear-meassage {font-size: .875rem; font-weight: 500;  display: block; padding-top: 136px; text-align: center; color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .clear-meassage:before {display: block; width: 81px; height: 80px; margin: 0 auto 36px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .alertnow-box-v2 .clear-meassage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box-utils { position: absolute; z-index: 1; top: 253px; right: 18px; padding: 8px 12px; text-align: right; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box-utils button {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin-left: 8px; transition: color .3s ease-in-out; color: rgba(155, 155, 155, .6); }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box-utils button:hover { color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box-utils button.is-selected { font-weight: 700; color: black; border-bottom: 2px solid #000; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box {position: relative;  display: block; float: left; box-sizing: border-box; width: calc(50% - 18px); margin: 18px 0 0 18px; padding: 12px 0 17px 12px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box + .asset-box { margin-right: 18px; margin-left: 0px; padding-left: 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box + .asset-box:after {position: absolute; top: 15px; bottom: 15px; left: 0; display: block; width: 1px;  content: ''; background-color: #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box + .asset-box .value { width: auto; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value {position: relative;  display: block; box-sizing: border-box; height: 124px; margin-top: 6px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .cnt { font-size: 1.25rem; font-weight: 500; line-height: 49px; letter-spacing: -.5px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .cnt strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 49px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .state > li .key {font-size: .75rem; line-height: 1.5em;  display: inline-block; width: 70px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .state > li em {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 20px;  display: inline-block; box-sizing: border-box; min-width: 30px; height: 20px; padding: 0 10px; text-align: center; color: #000; border-radius: 20px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .state > li em.running { background-color: #67adff; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .state > li em.stopped { background-color: #d8d8d8; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .state > li em.etc { background-color: #ffdf6b; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph {width: 100%; margin-top: 0px;  table-layout: fixed; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tfoot th {font-size: .625rem; font-weight: 400; line-height: 1.25em; width: 20%;  padding-top: 8px; text-align: center; color: rgba(0, 0, 0, .45); border-top: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td { height: 130px; text-align: center; vertical-align: bottom; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph {position: relative; bottom: -3px;  display: inline-block; width: 40px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph .txt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; position: absolute; top: -16px;  display: block; width: 100%; text-align: center; color: #04688f; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=low] { background-color: #a7d9ff; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=low-middle] { background-color: #67bdff; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=middle] { background-color: #3e9de6; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=middle-high] { background-color: #217dc3; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=high] { background-color: #065d9f; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box .value[data-state=none] { display: -ms-flexbox; display: flex; width: 147px; height: 114px; margin: 16px 0 0 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full] {width: calc(100% - 36px);  margin: 51px 18px 18px 18px; padding: 0px 22px 15px 12px; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full]:after { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full]:hover .key:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full] .key {position: absolute; top: -38px; left: 0;  display: block; box-sizing: border-box; height: 41px; padding: 12px 12px 0 12px; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full] .key:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full] .key:after {position: absolute; z-index: 2; right: -5px; bottom: -6px; left: 0; display: block; height: 9px;  content: ''; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .asset-box[data-state=full] .value {width: 100%; height: 176px;  margin-top: 0; padding-top: 25px; }
.service-portal.page-dashboard-v2 .dashboard-item div.asset-box:before { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item div.asset-box[data-state=full] .key:before , .service-portal.page-dashboard-v2 .dashboard-item div.asset-box[data-state=full] .key:after { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item div.asset-box[data-state=full] .value[data-state=none] {width: auto; height: 167px;  margin-top: 8px; padding: 0; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box { position: relative; display: block; box-sizing: border-box; height: 420px; margin: 18px; padding: 12px 39px 18px 40px; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box:after {position: absolute; bottom: 18px; left: 50%; display: block; width: 1px; height: 284px;  content: ''; background-color: #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value {position: relative;  display: block; box-sizing: border-box; height: 49px; margin-top: 6px; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; line-height: 1.225em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .hotbill { color: #f6a323; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .completed { color: #1886ff !important; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .expected { color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-month { display: block; text-align: right; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-month dt { font-size: .75rem; line-height: 1.5em; white-space: nowrap; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-month dd { margin-top: 1px; margin-bottom: 10px; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-month dd .txt-cost { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 24px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-month dd .txt-cost.too { font-size: 1rem; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; float: right; width: 120px; margin-top: 5px; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph .graph { position: relative; height: 150px; margin-bottom: 6px; text-align: left; text-indent: -9999px; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph .graph .payment {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0;  display: block; box-sizing: border-box; background-color: #666; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph .graph .hotbill {position: absolute; z-index: 2; right: 0; left: 0;  display: none; background-color: rgba(255, 179, 0, .5); }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph .graph .compare {position: absolute; z-index: 2; right: 0; bottom: 0; left: 0;  display: block; background-color: #1886ff; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value .cost-graph .graph .compare .days { display: none; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.this-month .expected { color: #999 !important; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.this-month .payment { opacity: .3; border: 2px dashed #979797; background-color: transparent !important; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.this-month .hotbill { display: block; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.last-month .cost-month { float: right; min-width: 100%; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.last-month .cost-graph { float: right; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.graph { float: left; width: 50%; height: 284px; margin-top: 30px; padding-right: 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value.graph + .graph { float: right; padding-right: 0; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value[data-state=none] { display: -ms-flexbox; display: flex; margin: 15px 0 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value[data-state=none].graph { float: left; width: 137px; margin-top: 20px; padding: 0; }
.service-portal.page-dashboard-v2 .dashboard-item .metering-box .value[data-state=none].graph + .graph { float: right; }
.service-portal.page-dashboard-v2 .dashboard-item div.metering-box { padding: 12px 22px 18px 22px; }
.service-portal.page-dashboard-v2 .dashboard-item div.metering-box:before { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box { position: relative; display: block; box-sizing: border-box; height: 420px; margin: 18px; padding: 12px 22px 18px 22px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value {position: relative;  display: block; box-sizing: border-box; margin-top: 8px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .count {font-size: 1.25rem; font-weight: 500; line-height: 2.45em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .count strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 1.225em; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge {position: relative; z-index: 'default';  display: block; width: 80px; margin: 96px 8px 0; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge:after {position: absolute; z-index: 0; top: 0; display: block; width: 80px; height: 80px;  content: ''; border-radius: 80px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; line-height: 80px; position: relative;  display: block; width: 80px; height: 80px; text-align: center; color: #000; border-radius: 80px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge .txt {font-size: .875rem; font-weight: 500;  display: block; margin-top: 70px; text-align: center; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] {width: 160px;  margin-top: 56px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt {position: relative;  display: block; width: 160px; height: 160px; text-indent: -9999px; border-radius: 160px; background-color: #3fd2c4; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt:before {position: absolute; top: 50%; left: 50%; display: block; width: 56px; height: 92px; margin-top: -46px; margin-left: -28px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -258px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .txt { margin-top: 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=normal] { z-index: 6; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=normal] .cnt { background-color: #3fd2c4; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=user] { z-index: 5; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=user]:after {animation: alarm 1s 1s infinite ease-out alternate;  background-color: rgba(255, 209, 106, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=user] .cnt { background-color: #ffd86f; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=alarm] { z-index: 4; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=alarm]:after {animation: alarm 1s 1s infinite ease-out alternate;  background-color: rgba(255, 92, 125, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value .state .badge[data-state=alarm] .cnt { background-color: #ff5c7d; }
.service-portal.page-dashboard-v2 .dashboard-item .monitoring-box .value[data-state=none] { display: -ms-flexbox; display: flex; height: 358px; margin-top: 12px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item div.monitoring-box:before { content: none; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; padding: 20px 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .btn-detail {position: relative;  display: block; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .btn-detail:before {position: absolute; top: -14px; right: -12px; bottom: 0; left: -12px; display: block;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; border-radius: 6px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .btn-detail:hover:before { opacity: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .status-title { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status { display: -ms-flexbox; display: flex; padding: 16px 0 8px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li { display: block; -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .key {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; margin-top: 4px; text-align: center; color: #3769a1; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .key[data-state=reject] { color: #a2444f; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 2.6em; position: relative;  display: block; box-sizing: border-box; width: 78px; height: 78px; margin: 0 auto; text-align: center; color: #000; border: 1px solid #1886ff; border-radius: 78px; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-state=open] { background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-state=in-progress] { background-color: #c2dfff; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-state=resolved] { background-color: #1886ff; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-state=re-opended]:before {position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; display: block;  content: ''; border: 1px solid #1886ff; border-radius: 64px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-state=reject] { color: #ff2d47; border: 1px solid #ff2d47; background-color: #fff; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status > li .value[data-count=zero] { color: rgba(0, 0, 0, .3); }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .list-status[data-state=none] { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 136px; margin: 16px 0 20px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .desc {font-size: .6875rem; font-weight: 400; line-height: 1.18182em;  position: relative; min-height: 26px; max-height: 26px; margin-top: 5px; padding: 0 0 0 20px; color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .desc:before {position: absolute; top: -1px; left: 0; display: block; width: 16px; height: 16px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .project-request-box .desc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container { position: relative; margin-top: 20px; padding: 20px 0 0; border-top: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-container-title { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-legend {font-size: .6875rem; font-weight: 400; line-height: 1.18182em; position: absolute; top: 24px; right: 0;  display: block; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-legend span { display: inline-block; margin-left: 12px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-legend span:before {display: inline-block; width: 8px; height: 8px; margin-right: 4px;  content: ''; border-radius: 8px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-legend .open:before { background-color: #2cc7c3; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .chart-legend .closed:before { background-color: #0a4079; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .am-chart { display: block; width: auto; height: 150px; margin: 2px -30px 0 -15px; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .am-chart[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 150px; margin: 15px 10px 16px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item .project-request-box .chart-container .desc { margin-top: 4px; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; height: 401px; padding: 0 0 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item {position: relative;  display: block; box-sizing: border-box; padding: 17px 15px 14px 30px; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item:hover .approval-item-title { text-decoration: underline; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item .approval-item-title {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item .approval-item-info {font-size: .75rem; line-height: 1.5em;  margin-top: 4px; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item .approval-item-info .bar {font-size: .5625rem;  display: inline-block; margin: -4px 7px 0; vertical-align: middle; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item .approval-item-info .manager:before {display: inline-block; width: 12px; height: 12px; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -416px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .approval-box .approval-item .approval-item-info .manager:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .list-approval > li { border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .btn-show-all {font-size: .75rem; line-height: 2.5em; position: absolute; right: 15px; bottom: 0;  display: block; color: #9b9b9b; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .btn-show-all:after {display: inline-block; width: 13px; height: 10px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -540px -495px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .approval-box .btn-show-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .clear-meassage {font-size: .875rem; font-weight: 500;  display: block; margin-top: 127px; text-align: center; color: #b2b2b2; }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box .clear-meassage:before {display: block; width: 56px; height: 92px; margin: 0 auto 30px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -258px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item .approval-box .clear-meassage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item .approval-box[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 324px; margin: 35px 40px 36px; padding: 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] { margin-bottom: 70px; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .dashboard-item-box { height: 502px; border: 4px solid #e4e3e3; background-color: transparent; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro { text-align: center; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-title {font-size: 1.125rem; font-weight: 700; line-height: 1.5em; height: 54px;  margin-top: 68px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description {font-size: .875rem; line-height: 1.42857em; position: relative;  display: block; margin-top: 40px; padding-top: 115px; color: #4a4a4a; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description:before {position: absolute; top: 0; left: 50%; display: block;  content: ''; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.asset:before {width: 307px; height: 75px;  margin-left: -153.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -485px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.asset:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.governance { min-height: 57px; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.governance:before {width: 272px; height: 64px;  margin-left: -136px; background-image: url(/assets/images/contents_sprites.png); background-position: -711px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.governance:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.chatbot { min-height: 57px; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.chatbot:before {width: 282px; height: 72px;  margin-left: -141px; background-image: url(/assets/images/contents_sprites.png); background-position: -1000px -494px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.chatbot:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.metering:before {width: 286px; height: 67px;  margin-left: -143px; background-image: url(/assets/images/contents_sprites.png); background-position: -798px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.metering:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.alertnow:before {width: 285px; height: 70px;  margin-left: -142.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -997px -600px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.alertnow:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.monitoring:before {width: 276px; height: 59px;  margin-left: -138px; background-image: url(/assets/images/contents_sprites.png); background-position: -989px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.monitoring:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.project-service-request:before {width: 264px; height: 59px;  margin-left: -132px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.project-service-request:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.approval:before {width: 277px; height: 54px;  margin-left: -138.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -270px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.approval:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.devops:before {width: 279px; height: 65px;  margin-left: -139.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -426px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .intro .intro-description.devops:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .permission-message {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; padding-top: 133px; padding-bottom: 11px; text-align: center; color: #999; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .permission-message:before {display: block; width: 127px; height: 94px; margin: 0 auto 48px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -181px -296px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .permission-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .permission-message strong {font-size: 1.125rem; font-weight: 500; line-height: 1.5em;  display: block; margin-bottom: 2px; color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns { margin-top: 65px; text-align: center; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a {font-size: .75rem; font-weight: 700; line-height: 34px; position: relative;  display: inline-block; box-sizing: border-box; width: 160px; height: 40px; margin: 0 auto; padding-right: 20px; text-align: center; color: #fff; border: 3px solid #000; background-color: #000; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a:after {position: absolute; top: 50%; right: 17px; display: block; width: 17px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -23px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-more { color: #000; background-color: transparent; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-more:after {width: 17px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: 0px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-more:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-application { margin-left: 6px; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-application-permission { padding: 0; }
.service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-application-permission:after { content: none; }
[lang=en] .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-application , [lang=en] .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-application-permission , [lang=en] .service-portal.page-dashboard-v2 .dashboard-item[data-state=none] .btns a.btn-more { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }


.service-portal.page-dashboard { background-color: #f4f4f4; }
.service-portal.page-dashboard .movie-layout-popup { width: 580px; padding: 38px 0 0; }
.service-portal.page-dashboard .movie-layout-popup iframe { position: relative; top: 3px; }
.service-portal.page-dashboard .movie-layout-popup .mfp-close {top: 13px; right: 13px; width: 14px; height: 14px;  transition: all .5s ease-in; background: url('/assets/images/popup_close_btn.svg#gray') no-repeat; }
.service-portal.page-dashboard .movie-layout-popup .mfp-close:hover { transition: all .5s ease-in; background: url('/assets/images/popup_close_btn.svg#black') no-repeat; }
.service-portal.page-dashboard .movie-layout-popup .mfp-close:after { content: none; }
.service-portal.page-dashboard .layout-contents { display: block; overflow: hidden; box-sizing: border-box; width: 1200px; margin: 0 auto; padding-top: 50px; padding-right: 100px; padding-left: 100px; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard .layout-contents {width: 1400px;  padding-right: 0; padding-left: 0; } }
.service-portal.page-dashboard .layout-contents.ba_dashboard { width: 1000px; padding-right: 0; padding-left: 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top { display: -ms-flexbox; display: flex; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div {box-sizing: border-box;  width: 480px; height: 260px; margin: 0 0 0 40px; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone { margin: 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a {position: relative; position: relative;  display: block; width: 478px; height: 258px; outline: 0; background: url('/assets/images/815/movie_thumbnail@2x.png') no-repeat; background-size: 100% 100%; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:before {position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;  content: ''; transition: all .2s ease-in; border-radius: 50%; background: rgba(24, 134, 255, .7); }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:after {position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -16px 0 0 -8px;  content: ''; transition: all .2s ease-in; border-top: 17px solid transparent; border-right: 24px solid transparent; border-bottom: 17px solid transparent; border-left: 24px solid #fff; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:hover:before { width: 60px; height: 60px; margin: -30px 0 0 -30px; background: #1886ff; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.movie_zone a:hover:after {margin: -19px 0 0 -10px;  border-top: 20px solid transparent; border-right: 29px solid transparent; border-bottom: 20px solid transparent; border-left: 29px solid #fff; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone {padding: 20px;  border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > p { font-size: 1rem; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul {margin: 20px 0 0;  border-top: 1px solid #ececec; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li {position: relative; box-sizing: border-box;  border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li:nth-child(3) { border-bottom: 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li:after {position: absolute; top: 50%; right: 10px; width: 6px; height: 10px; margin: -5px; content: '';  background: url('/assets/images/arrow_right.svg#gray') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li a:before { position: absolute; top: 50%; left: 10px; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.help a:before {width: 20px; height: 20px; margin-top: -10px; content: '';  background: url('/assets/images/dashboard_help.svg') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.aws a:before {width: 20px; height: 12px; margin-top: -6px; content: '';  background: url('/assets/images/vendor_aws.svg') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li.azure a:before {width: 20px; height: 20px; margin-top: -10px; content: '';  background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 100%; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_top > div.guide_zone > ul > li a {font-size: .875rem; line-height: 42px;  display: block; height: 42px; padding-left: 42px; color: #333; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom { padding: 41px 0 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom h2 { font-size: 20px; font-weight: 500; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul {display: table; clear: both;  content: ''; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li {position: relative;  float: left; box-sizing: border-box; width: 220px; height: 290px; margin: 40px 0 0 40px; padding: 20px; border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(-n+4) { margin-top: 20px; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(4n+1) { margin-left: 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3 {font-size: 1rem; position: relative;  padding: 56px 0 0; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:after , .service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:before {position: absolute; top: 0; left: 0; width: 36px; height: 36px;  content: ''; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3:after { left: 46px; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.asset { color: #0dadea; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.asset:before { background: url('/assets/images/bsp_ico.svg#asset') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.metering { color: #f5a623; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.metering:before { background: url('/assets/images/bsp_ico.svg#metering') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring { color: #dd4000; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring:before { background: url('/assets/images/bsp_ico.svg#monitoring') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.monitoring:after { background: url('/assets/images/bsp_ico.svg#monitoring2') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project { color: #6254b4; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project:before { background: url('/assets/images/bsp_ico.svg#project') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.project:after { background: url('/assets/images/bsp_ico.svg#project2') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.opsnow { color: #ee464f; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.opsnow:before { background: url('/assets/images/bsp_ico.svg#opsnow') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.approval { color: #6882b1; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.approval:before { background: url('/assets/images/bsp_ico.svg#approval') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.devops { color: #978e50; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.devops:before { background: url('/assets/images/bsp_ico.svg#devops') no-repeat; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.azure { color: #00a2ea; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li h3.azure:before { background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 100%; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service a { font-size: .875rem; font-weight: 400; display: inline-block; margin: 5px 0 0; transition: all .2s ease-out; text-decoration: underline; color: #999; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service a:hover { color: #666; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .explain_service p { font-size: .875rem; margin: 3px 0 0; color: #999; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn {font-size: .875rem; line-height: 34px;  position: absolute; right: 20px; bottom: 20px; left: 20px; box-sizing: border-box; height: 36px; transition: all .2s ease-out; text-align: center; color: #666; border: 1px solid #ececec; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn:hover { border-color: #666; }
.service-portal.page-dashboard .layout-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li .application-btn-disabled {font-size: .875rem; line-height: 34px;  position: absolute; right: 20px; bottom: 20px; left: 20px; box-sizing: border-box; height: 36px; text-align: center; color: #ececec; border: 1px solid #ececec; }
.service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout {position: relative; clear: both;  text-align: left; }
.service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout:before {position: absolute; top: 0; right: 0; left: 0; height: 1px;  content: ''; background-color: #e2e2e2; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom:before {right: 40px;  left: 40px; }
	.service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom h2 { text-indent: 40px; }
	.service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom > ul {display: table; clear: both;  content: ''; }
	.service-portal.page-dashboard .layout-contents.layout-dashboard-contents .ba_dashboard_layout.ba_dashboard_bottom > ul > li:nth-child(4n+1) {margin-top: 20px;  margin-left: 40px; } }
.service-portal.page-dashboard .dashboard-item { display: block; display: inline-block; width: 416px; margin: 0 16px 65px; text-align: left; vertical-align: top; }
.service-portal.page-dashboard .dashboard-item:nth-child(3n+1) { clear: both; }
.service-portal.page-dashboard .dashboard-item:nth-child(2n+1) { margin-left: 0; }
@media only screen and (min-width: 1400px) { .service-portal.page-dashboard .dashboard-item { margin: 0 16px 65px; }
	.service-portal.page-dashboard .dashboard-item:nth-child(2n+1) { margin-left: 16px; }
	.service-portal.page-dashboard .dashboard-item:nth-child(3n+1) { margin-left: 40px; } }
.service-portal.page-dashboard .dashboard-item .dashboard-item-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.2em; height: 45px;  padding: 0; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-title a { display: block; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-title a:after {display: inline-block; width: 20px; height: 18px; margin: -2px 0 0 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -148px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .dashboard-item-title a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box { display: block; box-sizing: border-box; border: 1px solid #e4e3e3; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item { overflow: hidden; border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item button { display: block; float: left; width: 50%; padding: 9px 0 12px; border-top: 3px solid #f6f6f6; background-color: #f6f6f6; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item button.is-selected { border-color: #000; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item button .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item button .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 1.225em;  display: block; margin-top: 6px; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-box .tabs-item[data-state=none] button .value { color: rgba(0, 0, 0, .3); }
.service-portal.page-dashboard .dashboard-item .dashboard-item-add-info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 1.25em;  margin-top: 10px; padding-left: 10px; color: #9b9b9b; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-add-info .updated:before {display: inline-block; width: 13px; height: 14px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -19px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .dashboard-item-add-info .updated:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt {position: relative;  display: block; height: 70px; padding: 0 0 0 25px; border-top: 1px solid #e4e3e3; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt:first-child { border-top: 0; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .title {font-size: .875rem; font-weight: 500;  display: block; padding: 26px 0; vertical-align: middle; color: #9b9b9b; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .title .guide {font-size: .6875rem; font-weight: 400;  display: inline-block; margin: -2px 0 0 1px; vertical-align: middle; color: rgba(178, 178, 178, .9); }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .btn-toggle {position: absolute; top: 50%; right: 12px;  display: block; width: 24px; height: 24px; margin-top: -12px; text-indent: -9999px; background-color: #f3f3f3; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -481px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils {position: absolute; top: 0; right: 65px; bottom: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out;  opacity: 0; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .none-message { margin-top: 20px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt { text-align: right; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt > li {line-height: 66px;  display: inline-block; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt > li .key {font-size: .75rem; font-weight: 500;  display: inline-block; vertical-align: middle; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400;  display: inline-block; margin-left: 2px; vertical-align: middle; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt > li + li { margin-left: 13px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cnt > li + li:before {display: inline-block; width: 1px; height: 20px; margin-right: 15px;  content: ''; vertical-align: middle; background-color: #ececec; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .cost { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 68px; color: #000; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge {position: relative; z-index: 'default';  display: block; min-width: 40px; margin: 15px 10px 0; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge:after {position: absolute; z-index: 0; top: 0; display: block; width: 40px; height: 40px;  content: ''; border-radius: 40px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; line-height: 40px; position: relative;  display: block; box-sizing: border-box; min-width: 40px; height: 40px; padding: 0 7px; text-align: center; color: #000; border-radius: 20px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge[data-state=normal] .cnt { background-color: #3fd2c4; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge[data-state=user] .cnt { background-color: #ffd86f; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt .accordion-utils .state .badge[data-state=alarm] .cnt { background-color: #ff5c7d; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt[data-state=shut] .btn-toggle:before { transform: rotateX(0deg); }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt[data-state=shut] .title .guide { display: none; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt[data-state=shut] .accordion-utils {visibility: visible;  opacity: 1; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dt[data-state=shut] + dd {max-height: 0; padding-top: 0; padding-bottom: 0;  opacity: 0; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dd {display: block; overflow: hidden; box-sizing: border-box; height: 433px; max-height: 700px; padding: 10px 30px 30px; transition: opacity .3s ease-in-out;  opacity: 1; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion > dd.metering { padding: 10px 30px 30px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion.monitoring > dt .accordion-utils { left: 65px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion.monitoring > dd { padding-right: 30px; padding-left: 30px; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd { height: auto; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .asset-box , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .metering-box , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .monitoring-box { float: none; padding: 0; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .asset-box:after , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .asset-box:before , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .metering-box:after , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .metering-box:before , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .monitoring-box:after , .service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .monitoring-box:before { content: none; }
.service-portal.page-dashboard .dashboard-item .dashboard-item-accordion[data-state=none-all] > dd .value { float: none; width: 100%; height: 393px; margin: 0; padding: 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box { display: block; box-sizing: border-box; padding: 30px 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box[data-state=none] { padding: 30px 40px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box[data-state=none] h3 { text-transform: uppercase; }
.service-portal.page-dashboard .dashboard-item .alertnow-box[data-state=none] .asset-box[data-state=full] .value { height: 221px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box:after {display: table; clear: both;  content: ''; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info { padding: 20px 27px 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info:after {display: table; clear: both;  content: ''; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info h3 {font-size: .875rem; font-weight: 500;  float: left; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info ul { float: right; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info ul li {font-size: .6875rem;  display: inline-block; margin-left: 8px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info ul li:before {display: inline-block; width: 8px; height: 8px; margin-right: 5px;  content: ''; border-radius: 100%; background: #ff5c7d; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .chart_info ul li:first-child:before { background: #ffd86f; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary {position: relative;  display: -ms-flexbox; display: flex; margin: 0 27px; padding: 0 0 20px; border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary:before {position: absolute; top: 0; left: 50%; width: 1px; height: 100%;  content: ''; background: #ececec; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .service , .service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident { position: relative; padding-top: 40px; -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .service .explain , .service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .explain {font-size: .75rem; margin: 10px 0 0;  text-align: center; text-transform: uppercase; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .service { padding-right: 28px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident { display: -ms-flexbox; display: flex; padding-left: 28px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident h3 { left: 28px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .open { margin-right: auto; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .ack { margin-right: 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .ack .box { background: #a7d9ff; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .box {position: relative;  width: 70px; height: 70px; border-radius: 4px; background: #ff5c7d; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .box.zero { background: #e9ecec; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .box.zero p { opacity: .3; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .incident .box p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.875rem; line-height: 70px; text-align: center; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary h3 {font-size: .875rem; font-weight: 500; position: absolute; top: 0px; left: 0;  text-transform: uppercase; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .flex-wrapper { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .single-chart { width: 70px; margin-right: auto; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .single-chart + .single-chart { margin-right: 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .circular-chart { display: block; max-width: 100%; max-height: 70px; margin: 0 auto; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .circle-bg { fill: none; stroke: #e9ecec; stroke-width: 4; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .circle { fill: none; stroke-width: 4; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .circular-chart.alarm .circle { stroke: #ff5c7d; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .circular-chart.normal .circle { stroke: #3fd2c4; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .percentage {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  fill: #000; text-anchor: middle; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .summary .percentage.zero { opacity: .3; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .alertnow_card_chart { width: 400px; height: 240px; margin: 0 auto; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .alertnow_card_chart .amcharts-export-menu { display: none; }
.service-portal.page-dashboard .dashboard-item .alertnow-box .alertnow_card_chart .amcharts-balloon-bg-categoryAxis { fill: #000 !important; stroke: #000 !important; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 { display: block; height: 405px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 324px; margin: 35px 40px 36px; padding: 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .inner-scroll { display: block; overflow: scroll; overflow-x: hidden; box-sizing: border-box; height: 335px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .btn-show-all {font-size: .75rem; font-weight: 500; line-height: 2em;  display: block; box-sizing: border-box; width: 140px; height: 26px; margin: 0 auto; transition: border .3s ease-in-out; text-align: center; color: #333; border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .btn-show-all:after {display: inline-block; width: 9px; height: 6px; margin: -2px 0 0 4px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -710px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .btn-show-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .btn-show-all:hover { border: 1px solid #929292; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message {position: relative;  display: block; padding: 0 0 0 30px; border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .info {font-size: .75rem; font-weight: 400; line-height: 2.5em;  display: inline-block; color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .info:before {display: inline-block; width: 16px; height: 16px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .info:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all {font-size: .75rem; line-height: 2.5em; position: absolute; top: 0; right: 15px;  display: block; color: #9b9b9b; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all:after {display: inline-block; width: 13px; height: 10px; margin: -3px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -540px -495px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .alertnow-message .btn-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident { margin-bottom: 4px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li { display: block; border-top: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li:first-child { border-top: 0px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item {position: relative;  display: block; padding: 15px 30px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar {position: absolute; top: 0; bottom: 0; left: 0;  display: block; width: 14px; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:before {position: absolute; top: 20px; left: 50%; display: block; width: 2px; height: 11px; margin-left: -1px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -688px -101px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .urgency-bar:after { content: none; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label { padding-right: .5em; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label:before , .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item input[type=checkbox] + label:after { top: 21px; margin-top: 0; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item a { text-decoration: none; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item a:hover { text-decoration: underline; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .service {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; overflow: hidden; max-width: 340px; white-space: nowrap; text-overflow: ellipsis; color: #0053ae; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title { display: block; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title:hover em { text-decoration: underline; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title .index {font-size: .75rem; font-weight: 500; line-height: 16px;  display: block; float: left; box-sizing: border-box; min-width: 40px; height: 18px; margin-right: 4px; padding: 0 8px; text-align: center; vertical-align: middle; color: #999; border: 1px solid rgba(153, 153, 153, .5); border-radius: 5px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative;  display: inline-block; overflow: hidden; max-height: 38px; margin-right: -1em; padding-right: 1em; word-break: break-all; color: #000; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em:before {position: absolute; right: .2em; bottom: .25em;  content: '...'; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em:after {position: absolute; right: 0; width: 1em; height: 1em; margin-top: .2em;  content: ''; background-color: #fff; background-image: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .incident-title em { line-height: 19px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times { margin-top: 3px; white-space: nowrap; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times time {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; letter-spacing: -.03em; color: #999; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .times time + time:before {display: inline-block; width: 1px; height: 10px; margin: -2px 6px 0 6px;  content: ''; vertical-align: middle; background-color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status { margin-top: 2px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .key {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; vertical-align: middle; letter-spacing: -.03em; color: #999; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .key ~ .key:before {display: inline-block; width: 1px; height: 10px; margin: -2px 8px 0 8px;  content: ''; vertical-align: middle; background-color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .urgency {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: inline-block; vertical-align: middle; color: #999; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .status {font-size: .75rem; font-weight: 500; line-height: 16px;  display: inline-block; box-sizing: border-box; min-width: 40px; height: 18px; margin-top: -1px; margin-left: 4px; padding: 0 8px; text-align: center; vertical-align: middle; color: #4d95f7; border: 1px solid rgba(77, 149, 247, .5); border-radius: 5px; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item .status .status[data-state=created] { color: #ff4b55; border-color: rgba(255, 75, 85, .5); }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .urgency-bar { background-color: #6f1206; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -297px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level5] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .urgency-bar { background-color: #b62612; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -181px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level4] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .urgency-bar { background-color: #ff614b; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -355px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level3] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .urgency-bar { background-color: #ff9c8e; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -239px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level2] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .urgency-bar { background-color: #ffcbc3; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .status .urgency {width: 52px; height: 8px;  margin: -1px 0 0 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -559px -533px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .list-incident li .incident-item[data-urgency=level1] .status .urgency { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls { display: -ms-flexbox; display: flex; border-top: 1px solid #e4e3e3; background-color: #f6f6f6; -ms-flex-align: stretch; align-items: stretch; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button {font-size: .875rem; font-weight: 500; line-height: 2.71429em; position: relative; display: block; transition: background-color .3s ease-in-out; text-align: center; color: #4d95f7;  -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button:hover { background-color: #e4e3e3; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button[disabled] {pointer-events: none;  color: rgba(77, 149, 247, .6); }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button + button { color: #6a6e74; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button + button:before {position: absolute; top: 8px; bottom: 8px; left: 0; display: block; width: 1px;  content: ''; background-color: #e4e3e3; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .incident-controls button + button[disabled] { color: rgba(106, 110, 116, .6); }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .clear-meassage {font-size: .875rem; font-weight: 500;  display: block; padding-top: 136px; text-align: center; color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .clear-meassage:before {display: block; width: 81px; height: 80px; margin: 0 auto 36px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .alertnow-box-v2 .clear-meassage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .asset-box {position: relative;  display: block; float: left; box-sizing: border-box; padding-right: 3.5246376811594203%; }
.service-portal.page-dashboard .dashboard-item .asset-box .asset-box-utils { position: absolute; top: -3px; right: 0; text-align: right; }
.service-portal.page-dashboard .dashboard-item .asset-box .asset-box-utils button {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin-left: 5px; color: #9b9b9b; }
.service-portal.page-dashboard .dashboard-item .asset-box .asset-box-utils button.is-selected { font-weight: 700; color: #000; border-bottom: 2px solid #000; }
.service-portal.page-dashboard .dashboard-item .asset-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; color: #000; }
.service-portal.page-dashboard .dashboard-item .asset-box .value {position: relative;  display: block; box-sizing: border-box; width: 170px; height: 124px; margin-top: 0px; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .cnt { font-size: 1.625rem; font-weight: 500; letter-spacing: -.5px; color: #000; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .cnt strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .state > li .key {font-size: .75rem; line-height: 1.5em;  display: inline-block; width: 70px; color: #000; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .state > li em {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 20px;  display: inline-block; box-sizing: border-box; min-width: 30px; height: 20px; padding: 0 10px; text-align: center; color: #000; border-radius: 20px; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .state > li em.running { background-color: #67adff; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .state > li em.stopped { background-color: #d8d8d8; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .state > li em.etc { background-color: #ffdf6b; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph {width: 100%; margin-top: 38px;  table-layout: fixed; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tfoot th {font-size: .625rem; font-weight: 400; line-height: 1.25em; width: 20%;  padding-top: 8px; text-align: center; color: rgba(0, 0, 0, .45); border-top: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td { height: 130px; text-align: center; vertical-align: bottom; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph {position: relative; bottom: -3px;  display: inline-block; width: 40px; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph .txt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; position: absolute; top: -16px;  display: block; width: 100%; text-align: center; color: #04688f; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=low] { background-color: #a7d9ff; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=low-middle] { background-color: #67bdff; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=middle] { background-color: #3e9de6; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=middle-high] { background-color: #217dc3; }
.service-portal.page-dashboard .dashboard-item .asset-box .value .performance-graph tbody td .graph[data-state=high] { background-color: #065d9f; }
.service-portal.page-dashboard .dashboard-item .asset-box .value[data-state=none] { display: -ms-flexbox; display: flex; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .asset-box + .asset-box { padding-right: 0; padding-left: 7.246376811594203%; border-left: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .asset-box + .asset-box .value { width: auto; }
.service-portal.page-dashboard .dashboard-item .asset-box[data-state=full] {width: 100%;  margin-top: 42px; padding: 0; border: 0; }
.service-portal.page-dashboard .dashboard-item .asset-box[data-state=full] .value {width: 100%;  height: 167px; }
.service-portal.page-dashboard .dashboard-item .metering-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; }
.service-portal.page-dashboard .dashboard-item .metering-box:after {position: absolute; bottom: 0; left: 50%; display: block; width: 1px; height: 284px;  content: ''; background-color: #ececec; }
.service-portal.page-dashboard .dashboard-item .metering-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .metering-box .value {position: relative;  display: block; box-sizing: border-box; height: 54px; margin-top: 16px; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; line-height: 1.23913em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .hotbill { color: #f6a323; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .completed { color: #1886ff !important; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .expected { color: #999; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-month { display: block; text-align: right; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-month dt { font-size: .75rem; line-height: 1.5em; color: #000; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-month dd { margin-top: 1px; margin-bottom: 10px; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-month dd .txt-cost { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.2em; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-month dd .txt-cost.too { font-size: 1rem; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; float: right; width: 120px; width: 140px; margin-top: 5px; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph .graph { position: relative; height: 150px; margin-bottom: 6px; text-align: left; text-indent: -9999px; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph .graph .payment {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0;  display: block; background-color: #666; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph .graph .hotbill {position: absolute; z-index: 2; right: 0; left: 0;  display: none; background-color: rgba(255, 179, 0, .5); }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph .graph .compare {position: absolute; z-index: 2; right: 0; bottom: 0; left: 0;  display: block; background-color: #1886ff; }
.service-portal.page-dashboard .dashboard-item .metering-box .value .cost-graph .graph .compare .days { display: none; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.this-month .expected { color: #999 !important; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.this-month .payment { opacity: .3; border: 2px dashed #979797; background-color: transparent !important; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.this-month .hotbill { display: block; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.last-month .cost-month { float: right; min-width: 100%; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.last-month .cost-graph { float: right; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.graph { float: left; width: 140px; height: 284px; margin-top: 20px; margin-right: 30px; margin-left: 7px; }
.service-portal.page-dashboard .dashboard-item .metering-box .value.graph + .graph { margin-right: 0; margin-left: 30px; }
.service-portal.page-dashboard .dashboard-item .metering-box .value[data-state=none] { display: -ms-flexbox; display: flex; margin: 16px 0 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .metering-box .value[data-state=none].graph { float: left; }
.service-portal.page-dashboard .dashboard-item .metering-box .value[data-state=none].graph + .graph { float: right; }
.service-portal.page-dashboard .dashboard-item .monitoring-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .key {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value {position: relative;  display: block; box-sizing: border-box; height: 358px; margin-top: 16px; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .count {font-size: 1.625rem; font-weight: 500; line-height: 1.46154em;  display: block; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .count strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 1.22222em; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge {position: relative; z-index: 'default';  display: block; width: 80px; margin: 76px 8px 0; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge:after {position: absolute; z-index: 0; top: 0; display: block; width: 80px; height: 80px;  content: ''; border-radius: 80px; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; line-height: 80px; position: relative;  display: block; width: 80px; height: 80px; text-align: center; color: #000; border-radius: 80px; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge .txt {font-size: .875rem; font-weight: 500;  display: block; margin-top: 70px; text-align: center; color: #000; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] {width: 160px;  margin-top: 26px; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt {position: relative;  display: block; width: 160px; height: 160px; text-indent: -9999px; border-radius: 160px; background-color: #3fd2c4; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt:before {position: absolute; top: 50%; left: 50%; display: block; width: 56px; height: 92px; margin-top: -46px; margin-left: -28px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -258px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .cnt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=all-ok] .txt { margin-top: 30px; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=normal] { z-index: 6; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=normal] .cnt { background-color: #3fd2c4; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=user] { z-index: 5; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=user]:after {animation: alarm 1s 1s infinite ease-out alternate;  background-color: rgba(255, 209, 106, .3); }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=user] .cnt { background-color: #ffd86f; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=alarm] { z-index: 4; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=alarm]:after {animation: alarm 1s 1s infinite ease-out alternate;  background-color: rgba(255, 92, 125, .3); }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value .state .badge[data-state=alarm] .cnt { background-color: #ff5c7d; }
.service-portal.page-dashboard .dashboard-item .monitoring-box .value[data-state=none] { display: -ms-flexbox; display: flex; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .project-request-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; padding: 20px 30px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .status-title { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #000; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status { display: -ms-flexbox; display: flex; padding: 16px 0 13px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li { display: block; -ms-flex: 1; flex: 1; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .key {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; margin-top: 4px; text-align: center; color: #3769a1; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .key[data-state=reject] { color: #a2444f; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 2.6em; position: relative;  display: block; box-sizing: border-box; width: 78px; height: 78px; margin: 0 auto; text-align: center; color: #000; border: 1px solid #1886ff; border-radius: 78px; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-state=open] { background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-state=in-progress] { background-color: #c2dfff; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-state=resolved] { background-color: #1886ff; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-state=re-opended]:before {position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; display: block;  content: ''; border: 1px solid #1886ff; border-radius: 64px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-state=reject] { color: #ff2d47; border: 1px solid #ff2d47; background-color: #fff; }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status > li .value[data-count=zero] { color: rgba(0, 0, 0, .3); }
.service-portal.page-dashboard .dashboard-item .project-request-box .list-status[data-state=none] { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 136px; margin: 16px 0 20px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .project-request-box .desc {font-size: .6875rem; font-weight: 400; line-height: 1.18182em;  position: relative; height: 12px; padding: 7px 0 7px 20px; color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .project-request-box .desc:before {position: absolute; top: 50%; left: 0; display: block; width: 16px; height: 16px; margin-top: -8px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .project-request-box .desc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container { position: relative; margin-top: 20px; padding: 20px 0 0; border-top: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-container-title { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #000; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-legend {font-size: .6875rem; font-weight: 400; line-height: 1.18182em; position: absolute; top: 24px; right: 0;  display: block; color: #000; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-legend span { display: inline-block; margin-left: 12px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-legend span:before {display: inline-block; width: 8px; height: 8px; margin-right: 4px;  content: ''; border-radius: 8px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-legend .open:before { background-color: #2cc7c3; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .chart-legend .closed:before { background-color: #0a4079; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .am-chart { display: block; width: auto; height: 150px; margin: 2px -30px 0 -15px; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .am-chart[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 150px; margin: 15px 10px 16px; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item .project-request-box .chart-container .desc { margin-top: 4px; }
.service-portal.page-dashboard .dashboard-item .approval-box {position: relative;  display: block; overflow: hidden; box-sizing: border-box; height: 401px; padding: 0 0 30px; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item {position: relative;  display: block; box-sizing: border-box; padding: 17px 15px 14px 30px; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item:hover .approval-item-title { text-decoration: underline; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item .approval-item-title {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item .approval-item-info {font-size: .75rem; line-height: 1.5em;  margin-top: 4px; color: #999; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item .approval-item-info .bar {font-size: .5625rem;  display: inline-block; margin: -4px 7px 0; vertical-align: middle; color: #999; }
.service-portal.page-dashboard .dashboard-item .approval-box .approval-item .approval-item-info .manager:before {display: inline-block; width: 12px; height: 12px; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -416px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .approval-box .approval-item .approval-item-info .manager:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .approval-box .list-approval > li { border-bottom: 1px solid #ececec; }
.service-portal.page-dashboard .dashboard-item .approval-box .btn-show-all {font-size: .75rem; line-height: 2.5em; position: absolute; right: 15px; bottom: 0;  display: block; color: #9b9b9b; }
.service-portal.page-dashboard .dashboard-item .approval-box .btn-show-all:after {display: inline-block; width: 13px; height: 10px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -540px -495px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .approval-box .btn-show-all:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .approval-box .clear-meassage {font-size: .875rem; font-weight: 500;  display: block; margin-top: 127px; text-align: center; color: #b2b2b2; }
.service-portal.page-dashboard .dashboard-item .approval-box .clear-meassage:before {display: block; width: 56px; height: 92px; margin: 0 auto 30px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -258px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item .approval-box .clear-meassage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item .approval-box[data-state=none] { display: -ms-flexbox; display: flex; width: auto; height: 324px; margin: 35px 40px 36px; padding: 0; border: 2px dashed rgba(151, 151, 151, .25); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-dashboard .dashboard-item[data-state=none] { margin-bottom: 70px; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .dashboard-item-box { height: 502px; border: 4px solid #e4e3e3; background-color: transparent; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro { text-align: center; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-title {font-size: 1.125rem; font-weight: 700; line-height: 1.5em; height: 54px;  margin-top: 68px; color: #000; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description {font-size: .875rem; line-height: 1.42857em; position: relative;  display: block; margin-top: 40px; padding-top: 115px; color: #4a4a4a; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description:before {position: absolute; top: 0; left: 50%; display: block;  content: ''; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.asset:before {width: 307px; height: 75px;  margin-left: -153.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -485px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.asset:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.governance { min-height: 57px; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.governance:before {width: 272px; height: 64px;  margin-left: -136px; background-image: url(/assets/images/contents_sprites.png); background-position: -711px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.governance:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.chatbot { min-height: 57px; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.chatbot:before {width: 282px; height: 72px;  margin-left: -141px; background-image: url(/assets/images/contents_sprites.png); background-position: -1000px -494px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.chatbot:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.metering:before {width: 286px; height: 67px;  margin-left: -143px; background-image: url(/assets/images/contents_sprites.png); background-position: -798px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.metering:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.alertnow:before {width: 285px; height: 70px;  margin-left: -142.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -997px -600px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.alertnow:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.monitoring:before {width: 276px; height: 59px;  margin-left: -138px; background-image: url(/assets/images/contents_sprites.png); background-position: -989px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.monitoring:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.project-service-request:before {width: 264px; height: 59px;  margin-left: -132px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.project-service-request:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.approval:before {width: 277px; height: 54px;  margin-left: -138.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -270px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.approval:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.devops:before {width: 279px; height: 65px;  margin-left: -139.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -426px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .intro .intro-description.devops:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .permission-message {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; padding-top: 133px; padding-bottom: 11px; text-align: center; color: #999; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .permission-message:before {display: block; width: 127px; height: 94px; margin: 0 auto 48px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -181px -296px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .permission-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .permission-message strong {font-size: 1.125rem; font-weight: 500; line-height: 1.5em;  display: block; margin-bottom: 2px; color: #000; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns { margin-top: 65px; text-align: center; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a {font-size: .75rem; font-weight: 700; line-height: 34px; position: relative;  display: inline-block; box-sizing: border-box; width: 160px; height: 40px; margin: 0 auto; padding-right: 20px; text-align: center; color: #fff; border: 3px solid #000; background-color: #000; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a:after {position: absolute; top: 50%; right: 17px; display: block; width: 17px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -23px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .btns a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-more { color: #000; background-color: transparent; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-more:after {width: 17px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: 0px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-more:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-application { margin-left: 6px; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-application-permission { padding: 0; }
.service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-application-permission:after { content: none; }
[lang=en] .service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-application , [lang=en] .service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-application-permission , [lang=en] .service-portal.page-dashboard .dashboard-item[data-state=none] .btns a.btn-more { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }



.service-portal.page-application { background-color: #f4f4f4; }
.service-portal.page-application .layout-page-title {display: -ms-flexbox; display: flex; height: 30px;  padding-top: 40px; padding-bottom: 40px; -ms-flex-align: center; align-items: center; }
.service-portal.page-application .layout-page-title h1 { font-size: 1.875rem; }
.service-portal.page-application .layout-page-title p {display: inline-block;  margin-left: 3.125rem; color: #999; }
.service-portal.page-application .layout-page-title p span { font-size: 1rem; font-weight: 500; line-height: 1.5rem; padding: 0 10px; }
.service-portal.page-application .layout-page-title p span.on { color: #000; }
.service-portal.page-application .forms-application { position: relative; width: 100%; }
.service-portal.page-application .forms-application .forms-application-utils {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  position: relative; overflow: hidden; padding-bottom: 10px; }
.service-portal.page-application .forms-application .forms-application-utils .trial-message { color: rgba(0, 0, 0, .4); }
.service-portal.page-application .forms-application .forms-application-utils .trial-message:before {display: inline-block; width: 12px; height: 13px; margin: -3px 3px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -92px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .forms-application-utils .trial-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .forms-application-utils .message { font-size: 1.125rem; font-weight: 400; line-height: 1.5em; color: #999; }
.service-portal.page-application .forms-application .forms-application-utils .button-shortcut { float: right; }
.service-portal.page-application .forms-application .application-box {width: 100%;  table-layout: fixed; border-top: 2px solid #000; border-bottom: 2px solid #000; }

.service-portal.page-application .forms-application .application-box > tbody th , .service-portal.page-application .forms-application .application-box > tbody td {transition: background-color .3s ease-in-out;  text-align: left; }
.service-portal.page-application .forms-application .application-box > tbody th { position: relative; width: 360px; padding: 40px 0 40px 30px; border-top: 1px solid #ddd; }
.service-portal.page-application .forms-application .application-box > tbody th p.title {font-size: .875rem; font-weight: 400; line-height: 1.25rem;  position: absolute; top: 28px; }
.service-portal.page-application .forms-application .application-box > tbody th p.title[data-color=resource] { color: #5d8bf8; }
.service-portal.page-application .forms-application .application-box > tbody th p.title[data-color=monitoring] { color: #ff7b49; }
.service-portal.page-application .forms-application .application-box > tbody th p.title[data-color=project] { color: #a156dd; }
.service-portal.page-application .forms-application .application-box > tbody th label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.35em;  position: relative; position: relative; display: block; padding-left: 34px; color: #1c2024; }
.service-portal.page-application .forms-application .application-box > tbody th label.project-request { padding-left: 68px; }
.service-portal.page-application .forms-application .application-box > tbody th label:before {position: absolute; top: 50%; left: 0; display: inline-block;  content: ''; transform: translateY(-50%); }
.service-portal.page-application .forms-application .application-box > tbody th label:after {display: inline-block; width: 8px; height: 14px; margin-left: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -196px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.aws:before { top: 3px; width: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.azure:before { top: 3px; width: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.idc:before { top: 3px; width: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.asset:before {width: 20px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -50px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.asset:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.governance:before {width: 22px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -667px -76px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.governance:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.metering:before {width: 22px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -610px -249px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.metering:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.monitoring:before {width: 24px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -333px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.monitoring:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.project:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -102px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.project:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.project-request:before {width: 53px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -559px -468px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.project-request:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.alarm:before {width: 19px; height: 21px;  background-image: url(/assets/images/sprites.png); background-position: -25px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.alarm:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.approval:before {width: 23px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -667px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.approval:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.request:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -517px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.request:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.dbqcs:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -372px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.dbqcs:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.devops:before {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -342px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.devops:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.alertnow:before {width: 23px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -638px -589px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.alertnow:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label.whaTap:before {width: 22px; height: 18px;  background-image: url(/assets/images/sprites.png); background-position: -92px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application .application-box > tbody th label.whaTap:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application .application-box > tbody th label + label { margin-top: 20px; }
.service-portal.page-application .forms-application .application-box > tbody th .info {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 4px; color: rgba(0, 0, 0, .4); }
.service-portal.page-application .forms-application .application-box > tbody th .info a {text-decoration: underline;  color: #1886ff; }
.service-portal.page-application .forms-application .application-box > tbody td {height: 137px;  padding: 35px 0px 35px 30px; vertical-align: middle; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.service-portal.page-application .forms-application .application-box > tbody td .label { display: block; margin-right: 20px; padding-left: 30px; }
.service-portal.page-application .forms-application .application-box > tbody td .invalid-message + .info { margin: 4px 0 0; }
.service-portal.page-application .forms-application .application-box > tbody td .info {font-size: .875rem; font-weight: 400; line-height: 1.42857em; position: relative;  display: block; margin-top: 8px; padding-left: 30px; color: #999; }
.service-portal.page-application .forms-application .application-box > tbody td .info em { color: #1886ff; }
.service-portal.page-application .forms-application .application-box > tbody td .info ~ .info { margin: 4px 0 0; }
.service-portal.page-application .forms-application .application-box > tbody td .btns {position: relative;  display: block; margin: 0; text-align: left; }
.service-portal.page-application .forms-application .application-box > tbody td .btns button {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  display: inline-block; color: #444; border: 1px solid #d5d9db; border-radius: 2px; }
.service-portal.page-application .forms-application .application-box > tbody td .btns button:hover { color: #222; }
.service-portal.page-application .forms-application .application-box > tbody td select { padding: 0 28px 0 10px; }
.service-portal.page-application .forms-application .application-box > tbody td .options {position: relative;  display: block; margin-top: 7px; }
.service-portal.page-application .forms-application .application-box > tbody td .options.middle .time-interval { width: 125px; }
.service-portal.page-application .forms-application .application-box > tbody td .options.middle select[data-size=middle] + .btn-group.user-scale .multiselect {width: auto; min-width: 495px;  max-width: 580px; }
.service-portal.page-application .forms-application .application-box > tbody td .options.middle .btn-group.user-scale .multiselect {width: auto; min-width: 360px;  max-width: 460px; }
.service-portal.page-application .forms-application .application-box > tbody td .options .info {padding-right: 150px;  padding-left: 0; }
.service-portal.page-application .forms-application .application-box > tbody td .options .info.only { margin-bottom: 13px; }
.service-portal.page-application .forms-application .application-box > tbody td .options select + span , .service-portal.page-application .forms-application .application-box > tbody td .options select + input , .service-portal.page-application .forms-application .application-box > tbody td .options input + span , .service-portal.page-application .forms-application .application-box > tbody td .options input + input , .service-portal.page-application .forms-application .application-box > tbody td .options span + span , .service-portal.page-application .forms-application .application-box > tbody td .options span + input { margin-left: 8px; }
.service-portal.page-application .forms-application .application-box > tbody td .options select ~ .btns , .service-portal.page-application .forms-application .application-box > tbody td .options input ~ .btns , .service-portal.page-application .forms-application .application-box > tbody td .options span ~ .btns { bottom: -9px; }
.service-portal.page-application .forms-application .application-box > tbody td .options .btns button { line-height: 24px; padding: 0 10px; }
.service-portal.page-application .forms-application .application-box > tbody td .options > input[type='number'] { display: inline-block; width: 80px; }
.service-portal.page-application .forms-application .application-box > tbody td .options > input[type='number'] + span { font-size: .875rem; line-height: 1.125rem; margin-left: 5px; color: #999; }
.service-portal.page-application .forms-application .application-box > tbody td .cost {font-size: 1rem; font-weight: 400; line-height: 22px;  display: block; margin-top: 8px; vertical-align: middle; color: #1886ff; }
.service-portal.page-application .forms-application .application-box > tbody td .cost .dc {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 22px;  display: inline-block; height: 22px; margin-top: -2px; padding: 0 10px; vertical-align: middle; background-color: #cbfaff; }
.service-portal.page-application .forms-application .application-box > tbody tr.checked th , .service-portal.page-application .forms-application .application-box > tbody tr.checked td { background-color: #fff; }
.service-portal.page-application .forms-application .application-box > tbody .forms { margin-top: 30px; padding-top: 0; }
.service-portal.page-application .forms-application .application-box > tbody .forms .forms-item { margin-top: 0; }
.service-portal.page-application .forms-application .application-box > tbody .forms .forms-item label { font-weight: 700; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner {font-size: .75rem; width: 100%; margin-top: 20px;  table-layout: fixed; border-top: 2px solid #ddd; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > thead th {font-weight: 700;  position: relative; width: auto; height: 40px; padding: 0 10px 0 10px; text-align: left; vertical-align: middle; color: #000; border-bottom: 1px solid #ddd; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > thead th.check {width: 15px;  text-align: center; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > thead th + th:before {position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 20px; margin-top: -10px;  content: ''; background-color: #ddd; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > tbody td { overflow: hidden; height: 40px; padding: 0 10px 0 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #333; border: 0; border-bottom: 1px solid #ddd; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > tbody td input[type=text].small {line-height: 28px;  height: 30px; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner > tbody tr.checked td { background-color: #fff; }
.service-portal.page-application .forms-application .application-box > tbody .tbl-inner input[type=checkbox].none + label { margin-right: 10px; }
.service-portal.page-application .forms-application .application-box ~ .forms-application-utils { margin-top: 40px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] { background-color: #fff; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody th {width: 240px;  padding-top: 28px; vertical-align: top; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody td { padding-right: 30px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms { margin-top: 0; padding: 0 20px 20px 20px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; background-color: #f6f6f6; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms .forms-item { padding-top: 20px; padding-bottom: 10px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms .forms-item .label { padding-left: 0; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms.account-aws input[name=ea-account] ~ .ea-account-container { display: none; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms.account-aws input[name=ea-account]:checked ~ .ea-account-container { display: block; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms.account-aws .forms-confirm-bottom { padding-top: 8px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms.account-aws .forms-confirm-bottom .button-normal { width: 200px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] > tbody .forms.account-aws .forms-confirm-bottom ~ .forms-confirm-bottom { margin-top: 12px; }
.service-portal.page-application .forms-application .application-box[data-state=set-account] ~ [data-state=set-account] { margin-top: 40px; }
.service-portal.page-application .forms-application .application-info-box {width: 100%;  table-layout: fixed; }
.service-portal.page-application .forms-application .application-info-box tbody th , .service-portal.page-application .forms-application .application-info-box tbody td { text-align: left; vertical-align: top; }
.service-portal.page-application .forms-application .application-info-box tbody th {font-size: 1.875rem; font-weight: 300; line-height: 1.5em; width: 280px;  padding: 20px 0 0 0; color: #000; border-top: 2px solid #000; }
.service-portal.page-application .forms-application .application-info-box tbody td { padding: 0 280px 50px 0; border-top: 2px solid #000; }
.service-portal.page-application .forms-application .application-info-box tbody td.full { padding: 0 0 50px 0; }
.service-portal.page-application .forms-application .application-info-box tbody td input[type=radio] + label ~ label { margin-left: 40px; }
.service-portal.page-application .forms-application .application-info-box .add-info { color: #1886ff; }
.service-portal.page-application .forms-application .btns { margin-top: 60px; text-align: center; }
.service-portal.page-application .forms-application .btns .button-normal {min-width: 200px;  margin: 0 3px; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application { box-sizing: border-box; height: 286px; margin: 0 0 60px; text-align: center; border: 1px solid #ccc; background-color: #fff; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application.fin-csp-application-large { height: 375px; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application.fin-csp-application-large .btns .button-normal { min-width: 220px; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application p:first-child {font-size: 26px;  padding: 58px 0 0; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application p:first-child em { color: #1886ff; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application p .btns { margin: 32px 0 0; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application p.sub-text { margin: 40px 0 0; }
.service-portal.page-application .forms-application.csp-application .fin-csp-application p.sub-text a { color: #1886ff; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox { display: -ms-flexbox; display: flex; padding: 0 0 30px; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li {position: relative;  display: -ms-flexbox; display: flex; height: 154px; padding: 0 0 0 40px; border: 1px solid #ccc; background-color: #f4f4f4; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li.checked {transition: background-color .3s ease-in-out;  background-color: #fff; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li:first-child { border-right: 0; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li a {font-size: .875rem; font-weight: 400; position: relative; z-index: 10;  display: block; margin: 18px 0 0 30px; text-decoration: underline; color: #999; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li .clicked {position: absolute; top: 0; left: 0;  width: 100%; height: 100%; cursor: pointer; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li .text-label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 26px; padding: 0 0 0 30px; }
.service-portal.page-application .forms-application.csp-application .csp-selectbox > li .text-label span:before {position: relative; bottom: -1px; display: inline-block; width: 17px; height: 17px; margin-right: 12px; content: '';  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application.csp-application .csp-selectbox > li .text-label span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application.csp-application .application-box {width: 100%;  table-layout: fixed; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody th , .service-portal.page-application .forms-application.csp-application .application-box > tbody td { box-sizing: border-box; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody th {font-size: 1.375rem; font-weight: 500;  width: 280px; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody th.multi-head { vertical-align: top; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td { width: 855px; padding-left: 0; border-left: 0; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td .label { margin: 0 0 7px; padding: 0; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td input[type=text] , .service-portal.page-application .forms-application.csp-application .application-box > tbody td input[type=password] , .service-portal.page-application .forms-application.csp-application .application-box > tbody td p.csp-fin-text { width: 600px; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td p.azure-text { font-size: 1.375rem; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td p.azure-text em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td p.azure-text em:before {position: relative; bottom: -1px; display: inline-block; width: 17px; height: 17px; margin-right: 12px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application.csp-application .application-box > tbody td p.azure-text em:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td input[type=checkbox] + label { padding: 0 0 0 25px; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td .pdf {font-size: .6875rem; font-weight: 400; line-height: 2.18182em; display: inline-block;  height: 24px; margin: 0 15px 0 8px; padding: 0 10px; text-align: center; vertical-align: middle; color: #fff; background-color: #999; }
.service-portal.page-application .forms-application.csp-application .application-box > tbody td .essential { font-size: .75rem; color: #666; }
.service-portal.page-application .forms-application.csp-application .application-box .forms { margin: 0; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item { margin-top: 23px; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .file-size { font-size: .875rem; font-weight: 400; color: #999; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .file-ico { font-size: .875rem; font-weight: 500; position: relative; margin-right: 10px; padding: 0 0 0 30px; text-decoration: underline; color: #000; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .file-ico:before {position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -356px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .file-ico:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item input[data-iswrong=valid] + .valid-message { display: block; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .valid-message { font-size: .875rem; display: none; margin-top: 4px; color: #1886ff; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .valid-message:after {display: inline-block; width: 19px; height: 13px; margin-left: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -437px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item .valid-message:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item:first-child { margin-top: 0; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box { max-width: 600px; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item input[type=text] , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item input[type=password] , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item p.csp-fin-text { width: 202px; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item p.holder {font-size: .875rem; font-weight: 500;  line-height: 40px; padding: 20px 0 0; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child { margin: 0; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child input[type=text] , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child input[type=password] , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child p.csp-fin-text { width: 386px; }
.service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child input[type=text]:lang(ja).lang-ja , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child input[type=password]:lang(ja).lang-ja , .service-portal.page-application .forms-application.csp-application .application-box .forms .forms-item.multi-box .multi-box-item:first-child p.csp-fin-text:lang(ja).lang-ja { width: 420px; }

.tree { padding: 0 15px 0 35px; }
.tree.scroll { overflow-x: auto; overflow-y: hidden; }
.tree.scroll ul li a {overflow: visible;  max-width: none; text-overflow: inherit; }
.tree ul { position: relative; width: 100%; }
.tree ul li { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; padding-left: 15px; -ms-flex-direction: column; }
.tree ul li a { font-size: .875rem; font-weight: normal; overflow: hidden; max-width: 130px; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.tree ul > li:first-child:after {position: absolute; left: 0; display: inline-block;  content: 'L'; }
.tree ul > li > ul { margin-left: 15px; }

.service-portal.page-aggrement .layout-contents-inner { -ms-flex-pack: inherit; justify-content: inherit; }
.service-portal.page-aggrement .layout-contents-inner .before_view {width: calc(100% - 50px);  margin: 20px 25px 0; text-align: left; }

.service-portal.page-aggrement .layout-popup .agreement-statement {width: 100%; height: 100%;  margin: 0; padding: 60px; }
.service-portal.page-aggrement .layout-popup .agreement-statement table { max-width: 800px; }


.service-portal.page-management .layout-with-sidemenu .list-magagement dt {font-size: .6875rem; font-weight: 500; line-height: 25px; position: relative;  display: block; box-sizing: border-box; height: 25px; padding: 0 0 0 15px; color: #666; border-top: 1px solid #ddd; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dt .btn-add-group {position: absolute; right: 0;  display: block; width: 40px; height: 25px; text-indent: -9999px; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dt .btn-add-group:before {position: absolute; top: 50%; left: 50%; display: block; width: 17px; height: 17px; margin-top: -8.5px; margin-left: -8.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -620px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-magagement dt .btn-add-group:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd { display: block; border-top: 1px solid #ddd; background-color: #fff; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status { overflow: hidden; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li {position: relative;  display: block; float: left; box-sizing: border-box; width: calc(100% / 2); padding: 10px 0; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.22222em; position: absolute; top: 50%; right: 10px;  display: inline-block; margin: -6px 0 0; text-align: center; color: #777; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .value[data-state=activated] { color: #00bc37; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .value[data-state=invited] { color: #3b99ff; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .value[data-state=inactivated] { color: #ffa200; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .value[data-state=locked] { color: #ff2d47; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li .key {font-size: .6875rem; line-height: 1.81818em;  display: inline-block; padding: 0 0 0 15px; text-align: center; color: #999; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;  content: ''; background-color: #eee; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li:after {position: absolute; right: 0; bottom: 0; width: 1px; height: 100%;  content: ''; background-color: #eee; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li:nth-child(even):after { content: none; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .user-status > li.user-odd-status:before { content: none; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .list-group > li { border-top: 1px solid #ddd; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .list-group > li button {font-size: .75rem; line-height: 3.33333em; position: relative; display: block;  overflow: hidden; box-sizing: border-box; width: 100%; padding: 0 35px 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #666; background-color: #fff; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .list-group > li button .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; font-weight: 400; line-height: 3.63636em; position: absolute; top: 0; right: 10px;  display: block; color: #999; }
.service-portal.page-management .layout-with-sidemenu .list-magagement dd .list-group > li button.is-selected { font-weight: 700; color: #000; }
.service-portal.page-management .layout-with-sidemenu .list-clouds { width: 100%; border-bottom: 1px solid #ddd; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li { position: relative; border-top: 1px solid #ddd; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li > ul { border-top: 1px solid #ddd; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li > ul > li.is-selected .btn-item {font-weight: 700;  background-color: #f1f8ff; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li > ul > li .btn-item {line-height: inherit;  display: -ms-flexbox; display: flex; height: 32px; padding: 5px 0; white-space: inherit; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item {font-size: .75rem; line-height: 40px; position: relative;  display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 40px; padding: 0 13px 0 11px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #333; background-color: #fff; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon {position: relative;  display: block; padding-left: 31px; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon:before {position: absolute; top: 50%; left: 0; display: block; margin-top: -9px;  content: ''; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.softlayer:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -201px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.softlayer:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item .icon.sub:before {position: relative; top: 0; display: inline-block; margin: 0; margin-right: 5px;  content: '\3134'; color: #bbb; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li .btn-item em { position: absolute; top: 50%; right: 20px; margin-top: -7px; color: #999; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li.is-selected > .btn-item { font-weight: 700; color: #000; background-color: #f1f8ff; }
.service-portal.page-management .layout-with-sidemenu .list-clouds > li.is-selected.multi > .btn-item { background-color: #fff; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dd.user , .service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dt.user { display: none; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dt { text-indent: -9999px; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button { padding: 0; text-indent: -9999px; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button:before {display: block;  content: attr(data-first-letter); text-align: center; text-indent: 0; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button .title { display: none; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button .cnt { display: none; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-clouds > li .btn-item { padding: 0; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-clouds > li .btn-item .icon { position: relative; width: 40px; height: 40px; padding: 0; text-indent: -9999px; }
.service-portal.page-management .layout-with-sidemenu[data-sidemenu=shut] .list-clouds > li .btn-item .icon:before {position: absolute; top: 50%; left: 50%;  display: block; margin-top: -9px; margin-left: -9px; }
.service-portal.page-management .layout-page-utils .count-management {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 5px; vertical-align: middle; color: #000; }
.service-portal.page-management .layout-page-utils .button-normal { vertical-align: middle; }
.service-portal.page-management .page-section { display: block; box-sizing: border-box; width: 100%; }
.service-portal.page-management .page-section.console_brokerage { margin-top: 0; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul { display: -ms-flexbox; display: flex; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li {position: relative;  box-sizing: border-box; max-width: 250px; height: 113px; margin: 0 0 0 11px; padding: 18px 22px; border: 1px solid #ddd; -ms-flex: 1; flex: 1; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li:first-child { margin: 0; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p { font-size: .75rem; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.account_num:before {position: relative; bottom: 2px; display: inline-block; width: 22px; height: 21px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -602px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.account_num:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.user_num:before {position: relative; bottom: 2px; display: inline-block; width: 12px; height: 15px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -511px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.user_num:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.user_group_num:before {position: relative; bottom: 2px; display: inline-block; width: 30px; height: 20px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -646px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.user_group_num:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.role_num:before {position: relative; bottom: 2px; display: inline-block; width: 16px; height: 9px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.role_num:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists > ul > li p.num {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; line-height: 1;  position: absolute; right: 22px; bottom: 18px; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .lists .console_linkedin {font-size: 1.625rem; font-weight: 400; position: relative; top: 2px;  min-width: 72px; height: 33px; border-radius: 100px; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_linkedin {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 500; min-width: 52px; height: 26px; padding: 0 10px; transition: all .3s linear;  border-radius: 13px; background-color: #eaf3fb; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_linkedin:hover { background-color: #a2d2fd; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_linkedin[disabled] { cursor: default; opacity: .4; background-color: #ccc; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_linkedin[disabled]:hover { background-color: #ccc; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_table table th:nth-child(3) , .service-portal.page-management .page-section.console_brokerage .all_current_status .console_table table th:nth-child(4) , .service-portal.page-management .page-section.console_brokerage .all_current_status .console_table table td:nth-child(3) , .service-portal.page-management .page-section.console_brokerage .all_current_status .console_table table td:nth-child(4) { min-width: 130px; word-break: break-all; }
.service-portal.page-management .page-section.console_brokerage .all_current_status .console_table table tbody td .account .text em { display: inline; margin-right: 5px; }
.service-portal.page-management .page-section.console_brokerage .no_search { position: absolute; top: 0; right: 0; left: 0; padding: 148px 30px 0; text-align: center; }
.service-portal.page-management .page-section.console_brokerage .no_search p { font-size: .75rem; color: #666; }
.service-portal.page-management .page-section.console_brokerage .no_search p:before {display: block; width: 80px; height: 48px; margin: 0 auto 13px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -136px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .no_search p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .multiselect-native-select { position: relative; z-index: 1; }
.service-portal.page-management .page-section.console_brokerage .multiselect-native-select.searched + .no_search { display: none; }
.service-portal.page-management .page-section.console_brokerage .multiselect-native-select .btn-group .multiselect { font-size: .75rem; padding-left: 10px !important; }
.service-portal.page-management .page-section.console_brokerage b.search_form {display: block;  margin-top: 1px; }
.service-portal.page-management .page-section.console_brokerage b.search_form input[type=search] { width: 100%; }
.service-portal.page-management .page-section.console_brokerage b.search_form input[type=search]:-ms-clear { display: none; }
.service-portal.page-management .page-section.console_brokerage b.search_form input[type=search]:focus + button { border-left-color: #dedede; }
.service-portal.page-management .page-section.console_brokerage b.search_form button[type='submit'] {top: 3px; right: -3px; bottom: 3px; left: auto;  height: auto; background-size: 22px; }
.service-portal.page-management .page-section.console_brokerage .create_account_console { min-height: 329px; padding: 0; background: #f6f6f6; }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary {padding: 80px 0 100px;  text-align: center; }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .icon { display: inline-block; width: 75px; height: 62px; background-image: url(../images/layout_sprites.png); background-position: -419px -237px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .icon.group {width: 105px; height: 62px;  background-image: url(../images/layout_sprites.png); background-position: -419px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .icon.group { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .text { font-size: .75rem; line-height: 1.5em; padding: 5px 0 30px; color: #666; }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .text a {text-decoration: underline;  color: #1886ff; }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .btn-cloud .button-normal { width: auto; min-width: 120px; }
.service-portal.page-management .page-section.console_brokerage .create_account_console .account_summary .btn-cloud .button-normal.guide { margin-right: 8px; background: transparent; }
.service-portal.page-management .page-section .page-section-title .page-section-title-inner {position: relative; top: -8px;  display: inline-block; overflow: hidden; box-sizing: border-box; min-width: 220px; max-width: 70%; height: 40px; padding: 6px 60px 7px 0; white-space: nowrap; text-overflow: ellipsis; }
.service-portal.page-management .page-section .page-section-title .page-section-title-inner .button-icon.icon-edit {position: absolute; top: 50%; right: 0;  display: block; margin-top: -12px; }
.service-portal.page-management .page-section .page-section-title .page-section-title-inner .btns {position: absolute; top: 50%; right: 0;  display: block; margin-top: -15px; }
.service-portal.page-management .page-section .page-section-title .page-section-title-inner .btns .button-icon.icon-edit {position: static;  display: inline-block; margin: 0; }
.service-portal.page-management .page-section .page-section-title .update-group-name {position: absolute; top: 0; right: 0; left: 0;  display: none; background-color: #fff; }
.service-portal.page-management .page-section .page-section-title .update-group-name input[type=text] { width: calc(100% - 65px); }
.service-portal.page-management .page-section .page-section-utils.multiple {position: static;  display: -ms-flexbox; display: flex; width: 100%; height: 63px; margin-left: -32px; padding: 0 32px; border-bottom: 1px solid #ebebeb; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-utils.multiple.console {height: auto;  margin: 0; padding: 0; border-bottom: 0; }
.service-portal.page-management .page-section .page-section-utils.multiple.console .page-section-title { margin-right: 0; padding: 20px 0 26px; }
.service-portal.page-management .page-section .page-section-utils.multiple.column {flex-direction: column; height: auto; margin: 0; padding: 0; border-bottom: 0;  -ms-flex-direction: column; -ms-flex-align: baseline; align-items: baseline; }
.service-portal.page-management .page-section .page-section-utils.multiple.column .page-section-title {margin-right: auto;  padding: 18px 0 15px; }
.service-portal.page-management .page-section .page-section-utils.multiple.column .page-section-title + p { font-size: .75rem; line-height: 1.5em; margin-right: auto; padding: 0 0 20px; color: #666; }
.service-portal.page-management .page-section .page-section-utils.multiple .page-section-title {font-size: 1.25rem; visibility: inherit;  margin-right: auto; }
.service-portal.page-management .page-section .page-section-utils.multiple .page-section-title span { font-size: .875rem; font-weight: 400; position: relative; bottom: 2px; padding: 0 0 0 7px; }
.service-portal.page-management .page-section .page-section-utils.multiple .page-section-title span em { font-weight: 700; color: #1886ff; }
.service-portal.page-management .page-section .page-section-utils.multiple .page-section-title span:before {position: relative; top: 2px; display: inline-block; width: 1px; height: 16px; margin-right: 7px;  content: ''; background: #d8d8d8; }
.service-portal.page-management .page-section .page-section-utils.multiple .btn-cloud .button-normal { width: auto; min-width: 100px; }
.service-portal.page-management .page-section .page-section-utils.multiple .btn-cloud .button-normal.guide { margin-right: 6px; }
.btn-cloud .button-normal {font-size: .75rem; line-height: 28px;  min-width: 100px; height: 30px; }
.btn-cloud .button-normal.guide {color: #999; border: 1px solid #999;  background: #fff; }
.btn-cloud .button-normal.plus span:before {position: relative; top: 1px;  display: inline-block; width: 12px; height: 12px; margin-right: 5px; content: ''; background-image: url(../images/layout_sprites.png); background-position: -216px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn-cloud .button-normal.plus span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-utils .list-recent > li { font-size: .75rem; line-height: 1.5em; text-align: right; color: #999; }
.service-portal.page-management .page-section .page-section-utils .last-update {font-size: .75rem; font-weight: 400; line-height: 40px;  display: inline-block; margin-right: 15px; vertical-align: middle; color: #4a4a4a; }
.service-portal.page-management .page-section .page-section-utils .button-normal { width: 160px; vertical-align: middle; }
.service-portal.page-management .page-section .cross-account-table .btns {margin-top: 20px;  text-align: center; }
.service-portal.page-management .page-section .cross-account-table .btns .button-normal {font-size: .75rem; line-height: 32px; min-width: 130px; height: 36px;  margin-right: 6px; padding: 0 10px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account { min-height: 329px; padding: 0; background: #f6f6f6; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary {padding: 80px 0 100px;  text-align: center; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary .icon { display: inline-block; width: 80px; height: 63px; background-image: url(../images/layout_sprites.png); background-position: -419px -168px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary .text { font-size: .75rem; line-height: 1.5em; padding: 5px 0 30px; color: #666; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary .btn-cloud .button-normal { min-width: 120px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_summary .btn-cloud .button-normal.guide { margin-right: 8px; background: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create { max-width: 853px; padding: 30px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create h2 em { font-weight: 400; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create h2:before {display: inline-block; width: 23px; height: 23px; margin-right: 6px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create h2:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect {font-size: .75rem; line-height: 28px;  width: 260px; height: 30px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled { opacity: .3; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled > a > label { cursor: not-allowed; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group {line-height: 23px; position: relative; height: 23px;  padding: 0; background: #f6f6f6; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before {position: absolute; top: 50%; right: 6px; width: 12px; height: 13px; margin-top: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -36px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search {line-height: 23px;  height: 23px; padding: 0 0 0 10px; background: none; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a { font-size: .75rem; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 23px; height: auto;  min-height: 23px; word-break: break-all; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .createcheck {padding: 30px 0 20px;  border-bottom: 1px solid #e6e6e6; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .createcheck label em { margin-left: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .createcheck label ~ label { margin-left: 30px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text] {font-size: .75rem; line-height: 28px;  display: inline-block; width: 260px; height: 30px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]:-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text]::-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text].middle { width: 600px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text].regular { width: 460px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list input[type=text].time {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem;  width: 74px; margin-right: 10px; color: #000; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list .invalid-message { font-size: .6875rem; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list .direct_input { display: inline-block; display: -ms-flexbox; display: flex; margin-left: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list .direct_input span { font-weight: 700; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list .direct_input input[type=text] { width: 170px; margin: 0 4px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list .direct_input input[type=text].name { width: 251px; margin: 0 3px 0 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea:-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list textarea::-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol { padding: 0px 0 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol.on > li.auto { display: block; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol.on > li.none { display: none; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li { font-size: .75rem; padding: 16px 0 20px; counter-increment: section; border-bottom: 1px solid #e6e6e6; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .region-info {font-size: 12px; line-height: 1.5em; padding: 10px 0 0px 15px;  text-align: left; color: #999; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .region-info:before {line-height: 1.5em; position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin: 0 3px 0 0;  content: ''; background: url('/assets/images/cloud-account-tooltip-info.svg') no-repeat; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li.auto { display: none; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li.auto.on { display: block; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li.none { display: none; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li.none.on { display: block; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label {font-size: .75rem; font-weight: 700; line-height: 32px; display: inline-block;  width: auto; padding-right: 20px; padding-left: 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label:before , .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label:after { top: 15px; right: 0; left: auto; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label.linked + .explain {width: 155px;  margin-left: 30px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .head {line-height: 1.5em; padding-left: 14px; text-indent: -14px;  color: #666; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .head strong { font-weight: 700; margin-right: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .head strong:before { content: counter(section) '.'; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box { padding: 8px 0 0 14px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box select {font-size: .75rem; line-height: 30px;  height: 30px; margin-right: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box select + span { margin-right: 9px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .bracket .invalid-message { padding: 0 0 0 11px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_one { padding-top: 14px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud { margin: 8px 0 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud .explain { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .explain { font-weight: 700; line-height: 32px; display: inline-block; width: 87px; width: 125px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .explain em { margin-left: 3px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role { max-width: 815px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex {display: -ms-flexbox; display: flex;  margin: 8px 0 0; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus {position: relative; margin: 10px 0 0; padding: 5px 0;  border-top: 1px dotted #e2e2e2; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete { position: absolute; top: 8px; right: 40px; height: calc(100% - 8px); border-left: 1px solid #e2e2e2; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete .button-icon { position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; margin: -10px 0 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .input_box textarea {font-size: .75rem; display: inline-block; overflow-y: auto;  width: 600px; height: 50px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn {font-weight: 700;  padding: 6px 0 0 15px; color: #1886ff; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn.on:after { border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #1886ff; border-left: 5px solid transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn:after {position: relative; bottom: 2px;  display: inline-block; margin-left: 2px; content: ''; border-top: 5px solid #1886ff; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box { box-sizing: border-box; margin: 7px 0; padding: 20px 14px; border: 1px solid #c9c9c9; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li {line-height: 1.5em;  margin: 9px 0 0; padding-left: 16px; text-indent: -16px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state { padding-left: 0px; text-indent: 0px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .explain { width: 90px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .explain:lang(ja) { width: 110px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .invalid .form_flex button {font-size: .75rem; font-weight: 700; line-height: 30px; height: 30px;  border: 0; background: #444; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .invalid .form_flex input[type=text] { font-weight: normal; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .invalid .form_flex input[type=text][disabled] { color: #000; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .invalid .form_flex input + button { margin-left: 10px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .num { margin-right: 6px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li:first-child { margin-top: 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li {line-height: 18px;  margin-top: 13px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list { padding-top: 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li {line-height: 18px;  margin-bottom: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li {padding-left: 28px;  text-indent: -25px; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li .circle { margin: 0 6px 0 0; text-indent: 0; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a {text-decoration: underline;  color: #1886ff; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download {font-size: .75rem; line-height: 26px; min-width: 190px; height: 30px; margin: 13px 0; padding: 0 10px; text-decoration: none;  color: #fff; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download:before {position: relative; top: 2px; display: inline-block; width: 8px; height: 12px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -421px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.help:before {position: relative; top: 3px; display: inline-block; width: 15px; height: 15px; margin-right: 2px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -577px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.help:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box p { line-height: 1.5em; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box .circle {font-size: .625rem; font-weight: 400; line-height: 17px;  display: inline-block; width: 19px; height: 19px; margin: 0 4px; text-align: center; color: #fff; border-radius: 100%; background: #1886ff; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong { font-weight: 700; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong.block { display: block; }
.service-portal.page-management .page-section .cross-account-table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong.color { color: #1886ff; }
.service-portal.page-management .page-section .cross-account-table table tbody td .time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; color: #1886ff; }
.service-portal.page-management .page-section .cross-account-table table tbody td .account { font-size: .875rem; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .cross-account-table table tbody td .account .icon {display: inline-block; width: 28px; height: 29px;  margin-right: 11px; background-image: url(../images/layout_sprites.png); background-position: -669px -100px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .cross-account-table table tbody td .account .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .cross-account-table table tbody td .account .text {font-weight: 400;  -ms-flex: 1; flex: 1; }
.service-portal.page-management .page-section .cross-account-table table tbody td .account .text em {font-weight: 700;  display: block; }
.service-portal.page-management .page-section .cross-account-table table tbody td .button-icon:first-child { margin-right: 6px; }
.service-portal.page-management .page-section .console_table { padding: 32px 0 0; }
.service-portal.page-management .page-section .console_table .form_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .console_table .form_flex p { font-size: .75rem; max-width: 400px; margin-left: 5px; color: #666; }
.service-portal.page-management .page-section .console_table .invalid { display: inline-block; }
.service-portal.page-management .page-section .console_table .btns {margin-top: 20px;  text-align: center; }
.service-portal.page-management .page-section .console_table .btns .button-normal {font-size: .75rem; line-height: 32px; min-width: 130px; height: 36px;  margin-right: 6px; padding: 0 10px; }
.service-portal.page-management .page-section .console_table table { width: 100%; border-top: 2px solid #000; }
.service-portal.page-management .page-section .console_table table .align.center { text-align: center; }
.service-portal.page-management .page-section .console_table table .align.left { text-align: left; }
.service-portal.page-management .page-section .console_table table td , .service-portal.page-management .page-section .console_table table th { font-size: .75rem; box-sizing: border-box; padding: 10px; }
.service-portal.page-management .page-section .console_table table td:nth-child(3) , .service-portal.page-management .page-section .console_table table th:nth-child(3) { min-width: 150px; word-break: break-all; }
.service-portal.page-management .page-section .console_table table td:nth-child(4) , .service-portal.page-management .page-section .console_table table th:nth-child(4) { min-width: 220px; word-break: break-all; }
.service-portal.page-management .page-section .console_table table .c { padding-right: 0 !important; padding-left: 0 !important; text-align: center; }
.service-portal.page-management .page-section .console_table table thead th {text-align: left;  border-bottom: 1px solid #ddd; }
.service-portal.page-management .page-section .console_table table thead th .order_filter {font-size: .75rem;  font-weight: 700; }
.service-portal.page-management .page-section .console_table table thead th .order_filter.on:after {width: 16px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -366px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table thead th .order_filter.on:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table thead th .order_filter.down:after {width: 16px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -322px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table thead th .order_filter.down:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table thead th .order_filter:after {display: inline-block; width: 16px; height: 10px; margin: -2px 0 0 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -507px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table thead th .order_filter:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td { border-bottom: 1px solid #ddd; }
.service-portal.page-management .page-section .console_table table tbody td.num { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-portal.page-management .page-section .console_table table tbody td p.role_name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .console_table table tbody td p.role_name span { -ms-flex: 1; flex: 1; }
.service-portal.page-management .page-section .console_table table tbody td p.role_name:before {position: relative; bottom: 2px; display: inline-block; width: 16px; height: 9px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td p.role_name:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account { min-height: 329px; padding: 0; background: #f6f6f6; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary {padding: 80px 0 100px;  text-align: center; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary .icon { display: inline-block; width: 80px; height: 63px; background-image: url(../images/layout_sprites.png); background-position: -419px -168px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary .text { font-size: .75rem; line-height: 1.5em; padding: 5px 0 30px; color: #666; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary .btn-cloud .button-normal { min-width: 120px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_summary .btn-cloud .button-normal.guide { margin-right: 8px; background: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create { max-width: 853px; padding: 30px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create h2 em { font-weight: 400; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create h2:before {display: inline-block; width: 32px; height: 32px; margin-right: 6px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -696px -136px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td.create_account .account_create h2:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect {font-size: .75rem; line-height: 28px;  width: 260px; height: 30px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled { opacity: .3; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled > a > label { cursor: not-allowed; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group {line-height: 23px; position: relative; height: 23px;  padding: 0; background: #f6f6f6; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before {position: absolute; top: 50%; right: 6px; width: 12px; height: 13px; margin-top: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -36px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search {line-height: 23px;  height: 23px; padding: 0 0 0 10px; background: none; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a { font-size: .75rem; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 23px; height: auto;  min-height: 23px; word-break: break-all; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text] {font-size: .75rem; line-height: 28px;  display: inline-block; width: 260px; height: 30px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]:-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text]::-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text].middle { width: 600px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list input[type=text].time {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem;  width: 74px; margin-right: 10px; color: #000; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list .invalid-message { font-size: .6875rem; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list .direct_input { display: inline-block; display: -ms-flexbox; display: flex; margin-left: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list .direct_input span { font-weight: 700; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list .direct_input input[type=text] { width: 170px; margin: 0 4px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list .direct_input input[type=text].name { width: 251px; margin: 0 3px 0 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea:-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list textarea::-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; position: relative; bottom: 5px; color: #ccc; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol { padding: 11px 0 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li { font-size: .75rem; padding: 16px 0 20px; counter-increment: section; border-bottom: 1px solid #e6e6e6; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .head {line-height: 1.5em; padding-left: 14px; text-indent: -14px;  color: #666; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .head strong { font-weight: 700; margin-right: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .head strong:before { content: counter(section) '.'; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box { padding: 8px 0 0 14px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box select {font-size: .75rem; line-height: 30px;  height: 30px; margin-right: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box select + span { margin-right: 9px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .bracket .invalid-message { padding: 0 0 0 11px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box.input_box_one { padding-top: 14px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud { margin: 8px 0 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud .explain { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .explain { font-weight: 700; line-height: 18px; display: inline-block; width: 87px; width: 125px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .explain em { margin-left: 3px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role { max-width: 815px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex {display: -ms-flexbox; display: flex;  margin: 8px 0 0; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus {position: relative; margin: 10px 0 0; padding: 5px 0;  border-top: 1px dotted #e2e2e2; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete { position: absolute; top: 8px; right: 40px; height: calc(100% - 8px); border-left: 1px solid #e2e2e2; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete .button-icon { position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; margin: -10px 0 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .input_box textarea {font-size: .75rem; display: inline-block; overflow-y: auto;  width: 600px; height: 50px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn {font-weight: 700;  padding: 6px 0 0 15px; color: #1886ff; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn.on:after { border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #1886ff; border-left: 5px solid transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle_btn:after {position: relative; bottom: 2px;  display: inline-block; margin-left: 2px; content: ''; border-top: 5px solid #1886ff; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box { box-sizing: border-box; margin: 7px 0; padding: 20px 14px; border: 1px solid #c9c9c9; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li {line-height: 1.5em;  margin: 9px 0 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .num { margin-right: 6px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li:first-child { margin-top: 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li {line-height: 18px;  margin-top: 13px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list { padding-top: 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li {line-height: 18px;  margin-bottom: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li:first-child { margin-top: 5px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li {padding-left: 28px;  text-indent: -25px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li .circle { margin: 0 6px 0 0; text-indent: 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a {text-decoration: underline;  color: #1886ff; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download {font-size: .75rem; line-height: 26px; min-width: 190px; height: 30px; margin: 13px 0; padding: 0 10px; text-decoration: none;  color: #fff; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download:before {position: relative; top: 2px; display: inline-block; width: 8px; height: 12px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -421px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.download:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.help:before {position: relative; top: 3px; display: inline-block; width: 15px; height: 15px; margin-right: 2px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -577px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box a.help:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box p { line-height: 1.5em; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box .circle {font-size: .625rem; font-weight: 400; line-height: 17px;  display: inline-block; width: 19px; height: 19px; margin: 0 4px; text-align: center; color: #fff; border-radius: 100%; background: #1886ff; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box .depth2 { padding: 8px 0 0 14px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box .depth2 .circle { margin-left: 0; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box .depth3 { padding-left: 50px; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong { font-weight: 700; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong.block { display: block; }
.service-portal.page-management .page-section .console_table table tbody td.create_account .account_create .create_account_list > ol > li .toggle-box strong.color { color: #1886ff; }
.service-portal.page-management .page-section .console_table table tbody td .time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; color: #1886ff; }
.service-portal.page-management .page-section .console_table table tbody td .account { font-size: .875rem; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .console_table table tbody td .account .icon {display: inline-block; width: 28px; height: 29px;  margin-right: 11px; background-image: url(../images/layout_sprites.png); background-position: -669px -100px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .console_table table tbody td .account .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .console_table table tbody td .account .text {font-weight: 400;  -ms-flex: 1; flex: 1; }
.service-portal.page-management .page-section .console_table table tbody td .account .text em {font-weight: 700;  display: block; }
.service-portal.page-management .page-section .console_table table tbody td .button-icon:first-child { margin-right: 6px; }
.service-portal.page-management .page-section .page-section-contents { position: relative; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step {padding: 40px 0;  background: #f6f6f6; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form {margin: 22px 0 0; padding: 6px 30px 16px; border: 1px solid #dadada;  background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form.selected { border-color: #e5e5e5; background: #e5e5e5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form.selected .section label em { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form.selected .section .count { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form.selected .section input[type=text][disabled] {color: #000; background: #eee;  box-shadow: inset 0 0 0 1px #c5c5c5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section { display: -ms-flexbox; display: flex; margin: 10px 0 0; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section label {font-size: .875rem; font-weight: 700;  min-width: 70px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section label em { margin-left: 5px; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section label { min-width: 105px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area {display: -ms-flexbox; display: flex; flex-direction: column; padding: 0 0 0 10px;  -ms-flex: 1; flex: 1; -ms-flex-direction: column; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text] {font-size: .75rem; line-height: 1;  height: 30px; margin: 0 15px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]:-moz-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]::-moz-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]:-ms-input-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .form_area .input input[type=text]::-ms-input-placeholder { font-size: .75rem; font-weight: 400; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .group_form .section .count {font-size: .75rem;  color: #888; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents { width: 804px; margin: 0 auto; padding: 50px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents.editing { padding: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents.editing .guide { font-size: 1rem; font-weight: 700; color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents.editing .guide:before {position: relative; bottom: 2px; display: inline-block; width: 15px; height: 19px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -713px -352px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents.editing .guide:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .guide { text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .btns {margin: 20px 0 0; padding: 20px 0 0;  text-align: center; border-top: 1px solid #e6e6e6; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .btns .button-normal[disabled] { opacity: .5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .btns .button-normal[data-size=normal] {font-size: .75rem; line-height: 34px; min-width: 130px;  height: 36px; margin-left: 5px; color: #fff; border: 1px solid #000; background: #000; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .btns .button-normal[data-state=cancel] {color: #000; border-color: #929292;  background: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .btns .button-normal[data-state=submit] {border-color: #1886ff;  background: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_contents .cuation_text {font-size: .75rem; line-height: 1.5em; display: -ms-flexbox; display: flex;  height: 100%; text-align: center; color: #666; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { left: 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-user .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dt + dd:before { top: 0; height: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dt.selected-item .text.icon:before {position: relative; top: 1px; display: inline-block; width: 15px; height: 15px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -514px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dt.selected-item .text.icon:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dd.selected-item {margin-top: 5px;  padding: 0; padding: 0 0 0 20px; border: 0; background: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dd.selected-item .text.icon:before {position: relative; bottom: 1px; display: inline-block; width: 12px; height: 7px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -682px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dd.selected-item .text.icon:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dd.selected-item .wrapping {font-size: .75rem; position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box;  width: 100%; height: 22px; padding: 0 18px 0 8px; color: #1886ff; border: 1px solid #1886ff; border-radius: 2px; background: #fff; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .selected-console-item dd:before {position: absolute; top: -5px; left: 11px; width: 2px; height: calc(100% + 5px);  content: ''; background: #b7b7b7; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.searched + .no_search { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.multiselect-group) {position: relative;  padding: 0 0 0 30px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.multiselect-group):before {position: absolute; top: -5px; left: 15px; width: 2px; height: calc(100% + 5px);  content: ''; background: #b7b7b7; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.self_checked { display: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group > a { cursor: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group > a > label { cursor: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group + li:before { top: 0; height: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:before , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.children_checked label:before { content: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.children_checked label:after { content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label { position: relative; padding: 6.5px 10px 6.5px 52px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label .list_number {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem;  position: absolute; top: 50%; right: 12px; margin-top: -8px; color: #999; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b { font-size: .75rem; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b em { font-weight: 400; margin-left: 5px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked + label:after {width: 24px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -360px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked[disabled] + label:after {width: 24px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -500px -267px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { position: absolute; top: 50%; left: 23px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before {width: 24px; height: 24px; margin-top: -12px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -500px -267px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after {width: 24px; height: 24px; margin-top: -12px;  background-image: url(../images/layout_sprites.png); background-position: -360px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after {width: 16px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after {width: 16px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -608px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox em { margin-left: 2px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { left: 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {width: 16px; height: 9px; margin-top: -4.5px;  background-image: url(../images/layout_sprites.png); background-position: -608px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {width: 16px; height: 9px; margin-top: -4.5px;  background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-role .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left { margin-right: 40px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left:after { content: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left:before {position: absolute; top: 50%; right: -41px; width: 41px; height: 5px; margin-top: -2.5px; content: '';  background: #e5e5e5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right { padding: 16px 30px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right {height: 425px; min-height: 425px; border-color: #e5e5e5;  background: #e5e5e5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled label , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled label { cursor: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected { border-radius: 3px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected a , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected label , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected a , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.selected label { cursor: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .all-users , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .all-users {display: block;  padding: 0 0 12px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select { height: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group { height: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .console_brokerage_invited_wrap .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { height: 100%; max-height: 345px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select { min-width: 320px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { background: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.active) { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { left: 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {width: 12px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -715px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:first-child > a { margin-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active > a , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .left .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.children_checked > a {border-color: #c5c5c5;  background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select { min-width: 320px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { background: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active > a , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.children_checked > a {border-color: #c5c5c5;  background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.multiselect-group) {position: relative;  padding: 0 0 0 30px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.multiselect-group):before {position: absolute; top: -5px; left: 18px; width: 2px; height: calc(100% + 5px);  content: ''; background: #b7b7b7; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:not(.active) { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.selected { display: inherit; background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group + li:before { top: 0; height: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:before , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.children_checked label:before { content: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.active label:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group.children_checked label:after { content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label { position: relative; padding: 6.5px 10px 6.5px 38px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b { font-size: .75rem; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label b em { font-weight: 400; margin-left: 5px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked + label:after {width: 24px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -360px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked[disabled] + label:after {width: 24px; height: 24px;  background-image: url(../images/layout_sprites.png); background-position: -500px -267px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { position: absolute; top: 50%; left: 6px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before {width: 24px; height: 24px; margin-top: -12px;  content: none; background-image: url(../images/layout_sprites.png); background-position: -500px -267px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after {width: 24px; height: 24px; margin-top: -12px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -360px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-group label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after {width: 16px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after {width: 16px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -608px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { left: 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox span { margin-left: 4px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {width: 16px; height: 9px; margin-top: -4.5px;  background-image: url(../images/layout_sprites.png); background-position: -608px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {width: 16px; height: 9px; margin-top: -4.5px;  background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .fieldset-console-selected .right .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap { display: -ms-flexbox; display: flex; margin: 24px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .cnt {font-weight: 700;  color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .left > label , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .right > label { font-size: .875rem; font-weight: 700; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .left {position: relative; box-sizing: border-box; min-height: 430px; margin-right: 46px; padding: 17px 30px 30px;  border: 1px solid #dadada; background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .left:after {position: absolute; top: 50%; right: -39px; width: 29px; height: 51px; margin-top: -25.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -493px -68px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .left:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .right {box-sizing: border-box; min-width: 316px; padding: 16px 20px;  background: #e5e5e5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .title-console { display: block; padding: 0 0 12px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item { overflow-y: auto; height: 347px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item {font-size: .75rem; position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box;  width: 276px; height: 22px; margin-top: 5px; padding: 0 18px 0 8px; color: #1886ff; border: 1px solid #1886ff; border-radius: 2px; background: #fff; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item.group { padding-left: 4px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item:first-child { margin-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item .text.icon {box-sizing: border-box;  width: 115px; max-width: 115px; margin-right: 4px; -ms-flex: 1 0 auto; flex: 1 0 auto; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item .text.icon:before {display: inline-block; width: 9px; height: 11px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -241px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item .text.icon:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item button { position: absolute; top: 0; right: 0; bottom: 0; padding: 0 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item button em {position: relative; bottom: 2px;  display: inline-block; width: 7px; height: 7px; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -205px -534px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .selected-console-item .selected-item button em { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select { display: block; min-width: 380px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group { position: absolute; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .expand_fold { position: absolute; top: -18px; right: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .expand_fold > button {font-weight: 500; line-height: 1;  min-width: 66px; height: 21px; text-align: center; vertical-align: middle; color: #666; border: 1px solid #c5c5c5; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .expand_fold > button.active { display: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group:after {display: table; clear: both;  content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .filter {position: relative;  margin: 12px 0 10px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .filter:after {position: absolute;  top: 2px; right: 30px; bottom: 2px; width: 1px; content: ''; background: #e4e4e4; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .filter .multiselect-search {line-height: 30px;  width: 100%; height: 30px; padding-right: 35px; background: #f5f5f5 url('/assets/images/icon_search_01_s@2x.png') right 10px center no-repeat; background-size: 14px 14px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .filter .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; top: 50px;  display: inherit; overflow-x: hidden; overflow-y: auto; height: 312px; padding: 0; border: 0; background: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li {box-sizing: border-box;  width: 100%; border: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a {box-sizing: border-box; width: 100%; margin-top: 5px;  padding: 0; border: 1px solid #c5c5c5; border-radius: 3px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a .caret-container {top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; cursor: pointer;  background: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a .caret-container.caret-fold b {width: 7px; height: 9px; margin-top: -4.5px;  background-image: url(../images/layout_sprites.png); background-position: -517px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a .caret-container.caret-fold b { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a .caret-container b {position: absolute; top: 50%; right: auto; left: 10px; width: 10px; height: 8px; margin-top: -4px;  background-image: url(../images/layout_sprites.png); background-position: -355px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a .caret-container b { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: transparent; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox { font-size: .75rem; display: -ms-flexbox; display: flex; height: 16px; padding: 6px 10px 6px 27px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox em { font-weight: 700; overflow: hidden; box-sizing: border-box; width: 110px; max-width: 110px; margin-right: 20px; white-space: nowrap; text-overflow: ellipsis; -ms-flex: 1 0 auto; flex: 1 0 auto; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li:first-child > a { margin-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active > a , .service-portal.page-management .page-section .page-section-contents.console_brokerage_invited_step .console_brokerage_invited_wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.children_checked > a {border-color: #1886ff;  background: #d1e9ff; }
.service-portal.page-management .page-section .page-section-contents .generation-progress { display: block; text-align: center; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li {position: relative;  display: inline-block; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li:first-child .step strong { left: -10px; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li:first-child .step strong.group { left: -40px; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li:first-child + li .step strong { left: -3px; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li .step {font-size: 1rem; font-weight: 500; position: relative; z-index: 1;  display: inline-block; box-sizing: border-box; width: 41px; height: 41px; text-align: center; color: #999; border: 1px solid #ccc; border-radius: 100%; background-color: #dadada; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li .step em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 31px; position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin: -15.5px 0 0 -15.5px; border-radius: 100%; background: #fff; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .09); }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li .step strong {font-size: .75rem; font-weight: 500;  position: absolute; right: 0; bottom: -25px; left: 0; white-space: nowrap; color: #000; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li + li { padding-left: 180px; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li + li:before {position: absolute; top: 50%; right: 0; left: -5px; display: block; height: 7px; margin-top: -4px;  content: ''; background-color: #dadada; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.current:before {border-color: #99c9fe;  background-color: #a8d1ff; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.current .step { color: #fff; background-color: #a8d1ff; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.current .step.on { animation: pulse 3s linear infinite; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.current .step em { background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(168, 209, 255, .7), 0 0 0 0 rgba(168, 209, 255, .7); }
	40% { box-shadow: 0 0 0 20px rgba(168, 209, 255, 0), 0 0 0 0 rgba(168, 209, 255, .7); }
	80% { box-shadow: 0 0 0 20px rgba(168, 209, 255, 0), 0 0 0 30px rgba(168, 209, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(168, 209, 255, 0), 0 0 0 30px rgba(168, 209, 255, 0); } }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.done:before { background-color: #3b92ff; }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.done .step { text-indent: -9999px; background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }
.service-portal.page-management .page-section .page-section-contents .generation-progress > li.done .step:before {position: absolute; top: 50%; left: 50%; display: block; width: 17px; height: 12px; margin-top: -6px; margin-left: -8.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -288px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents .generation-progress > li.done .step:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .page-section .page-section-contents .tbl-grid-utils { margin-top: 3px; }
.service-portal.page-management .page-section .page-section-contents .tbl-grid-utils .pagination { margin-top: 5px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state {box-sizing: border-box;  padding: 17px 0px 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state + .sercurity-ip-wrap > .sercurity-ip-setup { padding: 0px 0px 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state + .sercurity-ip-wrap > .sercurity-ip-setup fieldset { border-top: 0; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state {margin: 30px 0 0;  padding: 0; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state.first { margin: 15px 0 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state * { box-sizing: border-box; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap {position: relative; display: -ms-flexbox; display: flex; border: 1px solid #e6e6e6;  background-color: #f4f4f4; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap {padding: 0 30px;  background-color: #fff; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > p {font-size: 1rem;  font-weight: 700; line-height: 1.375rem; position: absolute; top: 50%; left: 20px; margin: -25px 0 0; text-align: center; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > p { font-size: .875rem; margin: -7px 0 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap .button-normal { position: absolute; top: 50%; right: 30px; margin: -20px 0 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 91px; padding: 38px 0 0 20px; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul {line-height: 91px;  display: block; float: left; padding: 40px 0 0 20px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li { margin: 0 0 0 10px; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li input[type=radio] + label { font-size: .75rem; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li input[type=radio] + label:before , html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li input[type=radio] + label:after { top: 0; margin: 2px 0 0; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li { display: inline-block; vertical-align: middle; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li:first-child { width: 284px; }
html[lang=en] .page-portal-account .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li:first-child {width: 334px;  margin: 0 0 0 15px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li em {font-size: .875rem;  display: block; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li label { color: #888; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li label { padding-left: 24px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li:first-child {min-width: 400px;  margin-left: 0; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-state .state-wrap > ul > li:first-child { margin-left: inherit; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap .nolimit { position: absolute; top: 0px; right: 0px; bottom: 0; left: 0px; background: #f4f4f4; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap .nolimit p {font-size: 1rem; position: absolute; top: 50%; width: 100%;  text-align: center; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap .nolimit p:before {bottom: 7px; display: block; width: 209px; height: 113px; margin: -81px auto 0;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px -115px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap .nolimit p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table {box-sizing: border-box;  margin-top: 29px; padding: 17px 0px 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table table { width: 100%; border-bottom: 1px solid #ddd; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table thead th {font-size: .75rem; font-weight: 400; height: 30px;  padding: 0 10px; text-align: center; color: #000; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table thead th.left { text-align: left; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td , .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody th {font-size: .75rem; line-height: 40px; height: 40px;  padding: 15px 10px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #ddd; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .setupInfo { min-width: 400px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .setupInfo .address { padding: 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .setupInfo .explain { width: 100%; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .setupInfo .explain input[type=text] { width: 100%; margin: 0; padding: 0 10px; text-align: left; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .setupInfo .band + p { padding: 0 0 0 14px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .invalid-message { font-size: .75rem; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .text { max-width: 300px; word-break: break-all; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td.center { text-align: center; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody td .no-data { padding: 70px 0 60px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody th { position: relative; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .security-table tbody th .update-group-name {position: absolute; top: 15px; right: 15px; bottom: 0; left: 10px;  display: none; background-color: #fff; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup {box-sizing: border-box;  padding: 0px 0px 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup * { box-sizing: border-box; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset {position: relative; padding: 0 30px 25px; border: 1px solid #e6e6e6;  background-color: #f4f4f4; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head { padding: 22px 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head:after {display: table; clear: both;  content: ''; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head p { float: left; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head p .ip-check {text-decoration: underline;  color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head p:first-child {font-size: .875rem; font-weight: 300;  color: #888; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .head p.ip {font-size: .875rem; font-weight: 300; top: 0; right: 30px;  float: right; color: #888; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo { position: relative; padding: 0 0 0px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo.invalid { padding: 0 0 0px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo div , .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo p { display: inline-block; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo p { font-size: .75rem; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo p.invalid-message { position: relative; bottom: 0; display: table; white-space: nowrap; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo em { font-size: .875rem; font-weight: 500; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .ipinfo label { font-size: .75rem; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .ipinfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .address {position: relative;  padding: 0 0 0 12px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .address span {position: relative;  display: inline-block; height: 40px; margin: 0 0 0 8px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .address span:first-child { margin: 0; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .address span:first-child:before { content: none; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .address span:before { position: absolute; bottom: 2px; left: -7px; content: '.'; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .band {position: relative;  padding: 0 0 0 13px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .band:before { position: absolute; top: 10px; left: 0; content: '~'; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .band + p { padding: 0 50px 0 14px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .explain {display: block;  margin-top: 10px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .explain input[type=text] { width: 680px; margin: 0 0 0 12px; padding: 0 10px; text-align: left; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo .explain input[type=text] { width: 316px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup .setupInfo input[type=text] { width: 40px; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset .button-normal { position: absolute; right: 0; bottom: 0px; clear: both; border-color: #1886ff; background-color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 91px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset > ul > li label { color: #888; }
.service-portal.page-management .page-section .page-section-contents.cb-security-setup > .sercurity-ip-wrap > .sercurity-ip-setup fieldset > ul > li:first-child { margin-left: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form { display: -ms-flexbox; display: flex; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .search { margin-right: auto; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .search .result_value { font-size: .75rem; padding: 10px 0 0; color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .search .result_value em {font-weight: 500;  color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .search .result_value:before {display: inline-block; width: 7px; height: 9px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .search .result_value:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .btn-cloud { display: -ms-flexbox; display: flex; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .util_form .btn-cloud button { margin-left: 10px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table { padding: 15px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table { width: 100%; border-top: 2px solid #000; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table .align.center { text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table .align.left { text-align: left; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table .c { padding-right: 0 !important; padding-left: 0 !important; text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th {font-size: .75rem; padding: 8px 15px; text-align: left;  border-bottom: 1px solid #ddd; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter {font-size: .75rem;  font-weight: 700; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter.on:after {width: 16px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -366px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter.on:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter.down:after {width: 16px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -322px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter.down:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter:after {display: inline-block; width: 16px; height: 10px; margin: -2px 0 0 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -507px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > thead th .order_filter:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody:before {display: block; height: 10px;  content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area:before { content: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area > tr > td { border-bottom: 1px solid #e0e0e0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area > tr > td .list_no_search { padding: 60px 0 90px; text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area > tr > td .list_no_search p { font-size: .75rem; color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area > tr > td .list_no_search p:before {display: block; width: 80px; height: 48px; margin: 0 auto 13px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -136px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody.no_search_area > tr > td .list_no_search p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td { border-color: #60a9ff; background: #f7fbff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td.delete , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td.delete { padding: 10px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td.delete button , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td.delete button { display: inline-block; margin-left: 4px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td.delete button:first-child , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td.delete button:first-child { margin-left: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td:first-child , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td:first-child { border-left: 1px solid #60a9ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists.on td:last-child , .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists:hover td:last-child { border-right: 1px solid #60a9ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td {font-size: .75rem; box-sizing: border-box; height: 60px; padding: 10px 14px;  border: 1px solid #ddd; border-right: 0; border-left: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td .text_wrap { max-width: 300px; word-break: break-all; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user { font-size: .875rem; font-weight: 700; max-width: 500px; cursor: pointer; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .btn_wrap { position: relative; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .toggle {position: absolute; top: 50%; left: 0;  width: 20px; margin-top: -8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .toggle.on:before {width: 13px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -408px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .toggle.on:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .toggle:before {position: relative; bottom: 2px; left: -3px; display: inline-block; width: 9px; height: 12px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -406px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user .toggle:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p { display: inline-block; padding: 0 0 0 45px; word-break: break-all; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p.group { padding: 0 0 0 60px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p.group:before {width: 30px; height: 20px; margin-top: -10px;  background-image: url(../images/layout_sprites.png); background-position: -646px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p.group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p:before {position: absolute; top: 50%; left: 20px; display: inline-block; width: 15px; height: 19px; margin-top: -9.5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -713px -352px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.user p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.num { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 500; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.delete button { display: none; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.status { color: #888; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.status a {font-size: .75rem; font-weight: 700; line-height: 30px; display: inline-block;  min-width: 70px; height: 30px; text-align: center; color: #fff; background: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td.status.on p {font-size: .6875rem; font-weight: 500; line-height: 16px;  display: inline-block; box-sizing: border-box; min-width: 70px; height: 20px; padding: 0 10px; color: #6db980; border: 2px solid #b9e3c3; border-radius: 2px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td:first-child { border-left: 1px solid #ddd; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.lists td:last-child { border-right: 1px solid #ddd; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr.on + tr { display: table-row; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td {position: relative; box-sizing: border-box; padding: 30px;  border: 1px solid #ddd; border-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .btn-cloud { position: absolute; top: 20px; right: 30px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .btn-cloud .button-normal {border-color: #1886ff;  background: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list + .table_list { padding: 22px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table thead tr th:nth-of-type(1) { width: 30%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table thead tr th:nth-of-type(2) { width: 64%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table thead tr th:nth-of-type(3) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table tbody tr td:nth-of-type(1) { width: 30%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table tbody tr td:nth-of-type(2) {font-weight: 400;  width: 64%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group table tbody tr td:nth-of-type(3) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table thead tr th:nth-of-type(1) { width: 31%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table thead tr th:nth-of-type(2) { width: 18%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table thead tr th:nth-of-type(3) { width: 45%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table thead tr th:nth-of-type(4) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table tbody tr td:nth-of-type(1) { width: 31%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table tbody tr td:nth-of-type(2) { width: 18%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table tbody tr td:nth-of-type(3) { width: 45%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list.group_role table tbody tr td:nth-of-type(4) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list > p { font-size: .75rem; font-weight: 700; padding: 0 0 15px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list > p em { color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table { width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead { display: table; width: 100%; table-layout: fixed; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr {display: table;  width: 100%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th { font-size: .75rem; font-weight: 500; height: 27px; padding: 0 10px; text-align: left; color: #888; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th:nth-of-type(1) { width: 29%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th:nth-of-type(2) { width: 18%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th:nth-of-type(3) { width: 29%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th:nth-of-type(4) { width: 16%; text-indent: -6px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th:nth-of-type(5) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th.console:before {position: relative; bottom: 2px; display: inline-block; width: 20px; height: 20px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -226px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th.console:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th.role:before {position: relative; bottom: 2px; display: inline-block; width: 16px; height: 9px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -586px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table thead tr th.role:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody { display: block; overflow-x: hidden; overflow-y: auto; max-height: 400px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr { display: table; width: 100%; table-layout: fixed; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td { font-size: .75rem; box-sizing: border-box; height: 40px; padding: 10px 15px; word-break: break-all; border-top: 1px solid #e0e0e0; background: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td.no_data { text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td.user_icon:before {position: relative; bottom: 2px; display: inline-block; width: 12px; height: 15px; margin-right: 7px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -715px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td.user_icon:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td a {text-decoration: underline;  color: #000; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td a.group { color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td mark { background-color: #ffb; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td:nth-of-type(1) { width: 29%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td:nth-of-type(2) { width: 18%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td:nth-of-type(3) { width: 29%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td:nth-of-type(4) { width: 16%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td .table_list table tbody tr td:nth-of-type(5) { width: 6%; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state {box-sizing: border-box;  padding: 17px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state p { font-size: .75rem; font-weight: 700; line-height: 1.125rem; margin-bottom: 12px; padding: 0 0 0 5px; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state {margin: 30px 0 0;  padding: 0; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state.first { margin: 15px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state * { box-sizing: border-box; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap {position: relative; display: -ms-flexbox; display: flex; padding: 0 0 0 250px; border: 0;  background-color: #fff; -ms-flex-preferred-size: 200px; flex-basis: 200px; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap {padding: 0 30px;  background-color: #fff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > p {font-size: .75rem;  font-weight: 700; position: absolute; top: 50%; left: 30px; margin: -8px 0 0; text-align: center; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > p { font-size: .875rem; margin: -7px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap .button-normal {font-size: .75rem; line-height: 30px;  position: absolute; top: 50%; right: 30px; min-width: 70px; height: 30px; margin: 0; transform: translateY(-50%); }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul { display: -ms-flexbox; display: flex; min-width: 650px; min-height: 70px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul {line-height: 91px;  display: block; float: left; padding: 0 0 0 214px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; width: 50%; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li { margin: 0 0 0 87px; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li input[type=radio] + label { font-size: .75rem; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li input[type=radio] + label:after , html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li input[type=radio] + label:before { top: 0; margin: 2px 0 0; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li { display: inline-block; vertical-align: middle; }
.page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li:first-child { width: 284px; }
html[lang=en] .page-portal-account .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li:first-child {width: 334px;  margin: 0 0 0 15px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li em {font-size: .75rem; font-weight: 700; display: inline-block; margin: 0 7px 0 0;  color: #000; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li em {font-size: .75rem;  display: inline-block; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li label {font-size: .75rem;  color: #888; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li label { padding-left: 24px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li:first-child {min-width: 300px;  margin-left: 0; }
html[lang=en] .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-state .state-wrap > ul > li:first-child { margin-left: inherit; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .nolimit { position: absolute; top: 20px; right: 30px; bottom: 7px; left: 30px; background: #f4f4f4; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .nolimit p {font-size: .75rem; position: absolute; top: 0; width: 100%;  text-align: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .nolimit p:before {bottom: 7px; display: block; width: 47px; height: 45px; margin: 0 auto 12px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -338px -234px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .nolimit p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup {box-sizing: border-box;  padding: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup * { box-sizing: border-box; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset {position: relative; padding: 0 30px 15px; border: 1px solid #e6e6e6;  background-color: #f4f4f4; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head { padding: 22px 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head:after {display: table; clear: both;  content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head p {font-weight: 300;  float: left; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head p .ip-check {text-decoration: underline;  color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head p:first-child {font-size: .75rem;  color: #888; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup .head p.ip {font-size: .75rem; top: 0; right: 30px;  float: right; color: #888; }
.setupInfo.invalid { padding: 0 0 10px; }
.setupInfo div , .setupInfo p { display: inline-block; }
.setupInfo p { font-size: .75rem; }
.setupInfo p.invalid-message { position: absolute; bottom: -20px; display: table; white-space: nowrap; }
.setupInfo em { font-size: .875rem; font-weight: 500; }
.setupInfo .ipinfo label { font-size: .75rem; }
.setupInfo .ipinfo label + span {font-size: inherit; font-weight: 500;  margin-left: .75rem; }
.setupInfo .ipinfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
.setupInfo .address {position: relative;  padding: 0 0 0 12px; }
.setupInfo .address span {position: relative;  display: inline-block; height: 40px; margin: 0 0 0 8px; }
.setupInfo .address span:first-child { margin: 0; }
.setupInfo .address span:first-child:before { content: none; }
.setupInfo .address span:before { position: absolute; bottom: 2px; left: -7px; content: '.'; }
.setupInfo .band {position: relative;  padding: 0 0 0 13px; }
.setupInfo .band:before { position: absolute; top: 10px; left: 0; content: '~'; }
.setupInfo .band + p { padding: 0 50px 0 14px; }
.setupInfo .explain input[type=text] { width: 406px; margin: 0 0 0 12px; padding: 0 10px; text-align: left; }
html[lang=en] .setupInfo .explain input[type=text] { width: 316px; }
.setupInfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
html[lang=en] .setupInfo input[type=text] { width: 40px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset .button-normal { position: relative; bottom: -1px; float: right; border-color: #1886ff; background-color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 91px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset > ul > li { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; margin: 0 0 0 87px; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset > ul > li label { color: #888; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr > td > .sercurity-ip-wrap .sercurity-ip-setup fieldset > ul > li:first-child { margin-left: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_list .console_list_table > table > tbody > tr + tr { display: none; background: #f4f4f4; }
.service-portal.page-management .page-section .page-section-contents.none-user { position: relative; }
.service-portal.page-management .page-section .page-section-contents.none-user:before {position: absolute; top: 60px; right: 60px; display: block; width: 60px; height: 88px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -164px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.none-user:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .page-section { margin-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .page-section .common-tabs { margin-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list_none {box-sizing: border-box; width: 100%; height: 325px;  margin: 26px 0 0; padding: 123px 0 0; background: #f6f6f6; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list_none p {font-size: .75rem; text-align: center;  color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list_none p:before { display: block; width: 50px; height: 59px; margin: 0 auto 12px; content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -327px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list_none p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li { display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 90px; padding: 19px 0; border-top: 1px solid #eee; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li:first-child { border-top: 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon {position: relative;  width: 40px; height: 40px; margin-right: 16px; border-radius: 100%; background: #ececec; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon:before {position: absolute; top: 50%; left: 50%; display: inline-block;  content: ''; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_add:before {width: 21px; height: 17px; margin-top: -8.5px; margin-left: -10.5px;  background-image: url(../images/layout_sprites.png); background-position: -668px -417px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_add:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_delete:before {width: 21px; height: 15px; margin-top: -7.5px; margin-left: -10.5px;  background-image: url(../images/layout_sprites.png); background-position: -391px -264px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_delete:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_rename:before {width: 24px; height: 18px; margin-top: -9px; margin-left: -12px;  background-image: url(../images/layout_sprites.png); background-position: -657px -392px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.group_rename:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.authorize:before {width: 16px; height: 23px; margin-top: -11.5px; margin-left: -8px;  background-image: url(../images/layout_sprites.png); background-position: -22px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.authorize:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.unauthorized:before {width: 16px; height: 23px; margin-top: -11.5px; margin-left: -8px;  background-image: url(../images/layout_sprites.png); background-position: 0px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.unauthorized:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_add:before {width: 18px; height: 19px; margin-top: -9.5px; margin-left: -9px;  background-image: url(../images/layout_sprites.png); background-position: -258px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_add:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_delete:before {width: 18px; height: 16px; margin-top: -8px; margin-left: -9px;  background-image: url(../images/layout_sprites.png); background-position: -359px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_delete:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.console:before {width: 24px; height: 24px; margin-top: -12px; margin-left: -12px;  background-image: url(../images/layout_sprites.png); background-position: -510px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.console:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_minus:before {width: 27px; height: 20px; margin-top: -10px; margin-left: -13.5px;  background-image: url(../images/layout_sprites.png); background-position: -682px -491px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_minus:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_add:before {width: 27px; height: 20px; margin-top: -10px; margin-left: -13.5px;  background-image: url(../images/layout_sprites.png); background-position: -485px -451px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_add:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_edit:before {width: 26px; height: 21px; margin-top: -10.5px; margin-left: -13px;  background-image: url(../images/layout_sprites.png); background-position: -570px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_edit:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_role_delete:before {width: 24px; height: 25px; margin-top: -12.5px; margin-left: -12px;  background-image: url(../images/layout_sprites.png); background-position: -703px -100px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_role_delete:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_role_add:before {width: 18px; height: 23px; margin-top: -11.5px; margin-left: -9px;  background-image: url(../images/layout_sprites.png); background-position: -505px -205px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.account_role_add:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.security_set:before {width: 22px; height: 24px; margin-top: -12px; margin-left: -11px;  background-image: url(../images/layout_sprites.png); background-position: -66px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.security_set:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_security_set:before {width: 22px; height: 24px; margin-top: -12px; margin-left: -11px;  background-image: url(../images/layout_sprites.png); background-position: -391px -234px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .icon.user_security_set:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log { padding-right: 50px; -ms-flex: 1; flex: 1; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; color: #999; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log time em { margin-left: 5px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log time em:before {position: relative; bottom: 2px; display: inline-block; width: 2px; height: 2px; margin-right: 5px;  content: ''; border: 1px solid #999; border-radius: 100%; background: #999; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log .action {font-size: .75rem;  font-weight: 700; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log .list { font-size: .75rem; margin: 3px 0 0; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log .list span { word-break: break-all; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log .list .head { color: #999; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .history_list ul li .log .prev:before {display: inline-block; margin: 0 5px;  content: '→'; color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head { display: -ms-flexbox; display: flex; padding-top: 20px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect { min-width: 78px; padding-left: 0; color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group.right .multiselect-container.dropdown-menu { left: auto; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group.right.wide .multiselect-container.dropdown-menu { left: 0; }
@media only screen and (max-width: 1399px) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group.right.right.wide .multiselect-container.dropdown-menu { left: auto; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.last { margin-bottom: 10px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all { margin-top: 4px; border-bottom: 0 !important; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .search-report-subscription.cost-optimization .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.multiselect-all label { padding: 5px 20px 5px 40px !important; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left { margin-right: auto; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .form-items { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .result_value { font-size: .75rem; padding: 10px 0 0; color: #666; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .result_value em {font-weight: 500;  color: #1886ff; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .result_value:before {display: inline-block; width: 7px; height: 9px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .result_value:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left b.search_form { display: inline-block; width: 200px; margin: 2px 0 0 8px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .daterange {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500;  width: 280px; height: 30px; box-shadow: inset 0 0 0 1px #e4e4e4; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .daterange input[type=text] { padding: 0 15px 0 35px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .left .daterange:after { right: auto; left: 12px; }
.service-portal.page-management .page-section .page-section-contents.console_brokerage_history .filter-head .filter { float: none; padding: 3px 0 0; }
.service-portal.page-management .page-section.stretch { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; min-height: 614px; -ms-flex: 1; flex: 1; -ms-flex-direction: column; }
.service-portal.page-management .page-section.stretch .page-section-contents { display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 64px 0 0; -ms-flex: 1; flex: 1; aling-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.page-management .page-section.stretch .page-section-contents-btns {position: absolute; top: 17px; right: 0;  display: block; }
.service-portal.page-management .page-section.stretch .page-section-contents-btns .button-normal { min-width: 100px; }
.service-portal.page-management .layout-contents.layout-with-sidemenu .common-tabs { margin-top: 8px; }
.service-portal.page-management .layout-contents.layout-with-sidemenu .common-tabs .btn { min-width: 190px; }
.service-portal.page-management .layout-contents.layout-with-sidemenu.permission-group .page-section-contents { position: relative; margin-top: 0px; padding-right: 37%; }
.service-portal.page-management .layout-contents.layout-with-sidemenu.permission-group .page-section-contents .write-description {position: absolute; position: absolute; top: 0; right: 0;  display: block; width: 35%; height: 300px; }
.service-portal.page-management .layout-contents.layout-with-sidemenu.permission-group .page-section-contents .write-description textarea {width: 100%;  height: 100%; }
.service-portal.page-management .layout-contents.layout-with-sidemenu .none-message { font-size: 1.125rem; line-height: 1.33333em; text-align: center; color: #9b9b9b; }
.service-portal.page-management .layout-contents.layout-with-sidemenu .none-message:before { content: none; }
.service-portal.page-management .layout-contents.layout-with-sidemenu .none-message .icon-plus { display: inline-block; width: 20px; height: 20px; margin: -4px 5px 0 0; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -368px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-contents.layout-with-sidemenu .none-message .icon-plus { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .layout-contents.layout-with-management .page-section-contents { position: relative; margin-top: 30px; padding-right: 460px; }
.service-portal.page-management .layout-contents.layout-with-management .page-section-contents .write-description {position: absolute; position: absolute; top: 0; right: 0;  display: block; width: 420px; height: 300px; }
.service-portal.page-management .layout-contents.layout-with-management .page-section-contents .write-description textarea {width: 100%;  height: 100%; }
.service-portal.page-management .layout-contents.layout-with-management .none-message { font-size: 1.125rem; line-height: 1.33333em; text-align: center; color: #9b9b9b; }
.service-portal.page-management .layout-contents.layout-with-management .none-message:before { content: none; }
.service-portal.page-management .layout-contents.layout-with-management .none-message .icon-plus { display: inline-block; width: 20px; height: 20px; margin: -4px 5px 0 0; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -368px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .layout-contents.layout-with-management .none-message .icon-plus { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .management-box {position: relative;  display: block; box-sizing: border-box; border: 1px solid #ddd; background-color: #f2f2f2; -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-portal.page-management .management-box ~ .management-box { margin-left: 30px; }
.service-portal.page-management .management-box .management-box-header {position: relative;  box-sizing: border-box; height: 30px; padding: 0 10px; background-color: #fff; }
.service-portal.page-management .management-box .management-box-header .header-title { font-size: .8125rem; font-weight: 400; line-height: 30px; text-decoration: underline; color: #000; }
.service-portal.page-management .management-box .management-box-header .header-desc {position: absolute; top: 0; right: 10px;  display: block; }
.service-portal.page-management .management-box .management-box-header .header-desc .btn-setting { display: inline-block; width: 24px; height: 24px; margin-top: 3px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -522px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .management-box .management-box-header .header-desc .btn-setting { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .management-box .management-box-header .header-desc .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 30px;  display: inline-block; color: #999; }
.service-portal.page-management .management-box .management-box-header .header-desc .cnt mark { color: #1886ff; background-color: transparent; }
.service-portal.page-management .management-box .management-box-contents {position: absolute; top: 30px; right: 0; bottom: 0; left: 0;  display: block; overflow: auto; box-sizing: border-box; padding: 10px; }
.service-portal.page-management .management-box .management-item {position: relative;  display: block; overflow: hidden; box-sizing: border-box; height: 50px; padding: 0 10px; background-color: #fff; }
.service-portal.page-management .management-box .management-item .key , .service-portal.page-management .management-box .management-item label {font-size: .875rem; font-weight: 500; line-height: 1.208em;  display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 50px; padding-top: 10px; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.service-portal.page-management .management-box .management-item .key:after , .service-portal.page-management .management-box .management-item .key:before , .service-portal.page-management .management-box .management-item label:after , .service-portal.page-management .management-box .management-item label:before { top: 38%; }
.service-portal.page-management .management-box .management-item .key .desc , .service-portal.page-management .management-box .management-item label .desc {font-size: .8125rem; font-weight: 400;  display: block; padding-left: 2px; color: #999; }
.service-portal.page-management .management-box .management-item .key.multiple , .service-portal.page-management .management-box .management-item label.multiple { font-size: 1rem; font-weight: 700; color: #000; }
.service-portal.page-management .management-box .management-item .key { float: left; width: 60%; }
.service-portal.page-management .management-box .management-item .value {line-height: 60px; float: right;  box-sizing: border-box; width: 40%; text-align: right; vertical-align: middle; }
.service-portal.page-management .management-box .management-item .value .user-active { display: inline-block; box-sizing: border-box; width: 16px; height: 16px; text-align: left; vertical-align: middle; text-indent: -9999px; border: 4px solid #7ed321; border-radius: 16px; }
.service-portal.page-management .management-box .management-item .btn-toggle-company {position: absolute; top: 0; right: 0; bottom: 0;  display: block; width: 30px; text-indent: -9999px; border-left: 1px solid #eee; }
.service-portal.page-management .management-box .management-item .btn-toggle-company:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -481px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .management-box .management-item .btn-toggle-company:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .management-box .management-item .btn-toggle-company[data-state=shut]:before { transform: rotateX(0deg); }
.service-portal.page-management .management-box .list-items > li { margin-top: 5px; }
.service-portal.page-management .management-box .list-items > li:first-child { margin-top: 0; }
.service-portal.page-management .management-box .list-items.company .management-item {height: 40px;  padding: 0; }
.service-portal.page-management .management-box .list-items.company input[type=checkbox] + label , .service-portal.page-management .management-box .list-items.company input[type=radio] + label {line-height: 40px; height: 40px;  padding: 0 10px; }
.service-portal.page-management .management-box .list-items.company input[type=checkbox] + label:after , .service-portal.page-management .management-box .list-items.company input[type=checkbox] + label:before , .service-portal.page-management .management-box .list-items.company input[type=radio] + label:after , .service-portal.page-management .management-box .list-items.company input[type=radio] + label:before { content: none; }
.service-portal.page-management .management-box .list-items.company input[type=checkbox]:checked + label , .service-portal.page-management .management-box .list-items.company input[type=radio]:checked + label { box-shadow: inset 0 0 0 3px #3b99ff; }
.service-portal.page-management .management-box .list-company-groups {position: absolute; z-index: 1; top: -1px; right: 0; bottom: 0; left: 0;  display: block; border-top: 1px solid #ddd; background-color: #fff; }
.service-portal.page-management .management-box .list-company-groups > li { border-bottom: 1px solid #ddd; background-color: #f2f2f2; }
.service-portal.page-management .management-box .list-company-groups > li > .management-item { padding-right: 40px; }
.service-portal.page-management .management-box .list-company-groups > li .list-items { margin: 10px; }
.service-portal.page-management .management-box .list-group { display: none; margin-top: 6px; margin-bottom: 9px; }
.service-portal.page-management .management-box .list-group > li {font-size: .75rem; font-weight: 700; line-height: 1.66667em;  padding-left: 20px; color: #000; }
.service-portal.page-management .management-box .list-group > li button {font-size: .75rem; font-weight: 700; line-height: 1.66667em; position: relative; display: inline-block;  overflow: visible; color: #000; }
.service-portal.page-management .management-box .list-group > li button:before {position: absolute; top: 50%; left: -20px; display: block; width: 14px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -106px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .management-box .list-group > li button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .management-box .list-group > li button[data-state=shut]:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -66px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .management-box .list-group > li button[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .management-box .list-group > li button[data-state=shut] + .list-inner-items { display: none; }
.service-portal.page-management .management-box .list-group > li .list-inner-items > li { font-size: .75rem; font-weight: 400; line-height: 1.66667em; color: #000; }
.service-portal.page-management .management-box.user .management-box-header .header-title { text-decoration: none; }
.service-portal.page-management .management-box.user .management-box-header .header-desc { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-portal.page-management .management-box.company-group .management-box-header { border-bottom: 1px solid #ddd; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item { padding-right: 0 !important; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label {position: absolute; top: 12px;  display: inline-block; box-sizing: border-box; width: 15px; height: 15px; padding: 0; vertical-align: middle; text-indent: -999em; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label:after , .service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label:before , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label:after , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label:before { top: 50%; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label + button { font-size: .875rem; font-weight: 500; line-height: 1.208em; line-height: 1; position: static; display: inline-block; overflow: hidden; width: 100%; padding: 11px 40px 11px 20px; text-align: left; white-space: nowrap; text-indent: 0; text-overflow: ellipsis; color: #000; border: 0; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button:before , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label + button:before {right: 10px;  left: inherit; left: initial; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button .desc , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > label + button .desc {font-size: .8125rem; font-weight: 400;  display: inline-block; padding-left: 2px; color: #999; }
.service-portal.page-management .management-box > .management-box-contents > .list-company-groups > li > .management-item > button.btn-toggle-company , .service-portal.page-management .management-box > .management-box-contents > .list-items > li > .management-item > button.btn-toggle-company { font-size: 1rem; font-weight: 700; color: #000; }
.service-portal.page-management .tbl-manamgement {width: 100%;  margin-top: 35px; border-bottom: 1px solid #ddd; }
.service-portal.page-management .tbl-manamgement thead th {font-size: .75rem; font-weight: 400; height: 30px;  padding: 0 10px; text-align: left; color: #000; }
.service-portal.page-management .tbl-manamgement tbody td , .service-portal.page-management .tbl-manamgement tbody th {font-size: 1rem; font-weight: 700; line-height: 40px; height: 40px;  padding: 15px 10px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #ddd; }
.service-portal.page-management .tbl-manamgement tbody th { position: relative; }
.service-portal.page-management .tbl-manamgement tbody th .update-group-name {position: absolute; top: 15px; right: 15px; bottom: 0; left: 10px;  display: none; background-color: #fff; }
.service-portal.page-management .tbl-manamgement tbody td .button-normal[data-size=small] { width: 80px; }
.service-portal.page-management .tbl-manamgement tbody td.toggle { padding: 0; text-align: center; }
.service-portal.page-management .tbl-manamgement tbody tr.toggle-detail { display: none; }
.service-portal.page-management .tbl-manamgement tbody tr.toggle-detail td { padding: 0; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-portal.page-management .tbl-manamgement .r { text-align: right; }
.service-portal.page-management .tbl-manamgement .cnt { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; }
.service-portal.page-management .tbl-manamgement .button-icon.icon-edit { margin-top: -2px; margin-left: 7px; vertical-align: middle; }
.service-portal.page-management .tbl-manamgement .button-icon.icon-delete { margin-top: -2px; margin-left: 5px; vertical-align: middle; }
.service-portal.page-management .tbl-manamgement .btn-toggle { display: inline-block; width: 20px; height: 20px; margin-top: -7px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .tbl-manamgement .btn-toggle { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-manamgement .btn-toggle[data-state=shut] {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .tbl-manamgement .btn-toggle[data-state=shut] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-manamgement .multiselect-native-select { margin: 0; vertical-align: middle; }
.service-portal.page-management .tbl-manamgement .toggle-detail-inner {overflow: auto;  box-sizing: border-box; height: 200px; padding: 10px 0; }
.service-portal.page-management .tbl-manamgement .toggle-detail-inner table { width: 100%; border: 0; }
.service-portal.page-management .tbl-manamgement .toggle-detail-inner table td { height: auto !important; vertical-align: top; border: 0 !important; background-color: transparent !important; }
.service-portal.page-management .tbl-manamgement .toggle-detail-inner table td.first { padding-left: 30px; }
.service-portal.page-management .management-user-none {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; margin: 70px 0; text-align: center; color: #999; }
.service-portal.page-management .management-user-none:before {display: block; width: 107px; height: 59px; margin: 0 auto 20px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: 0px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .management-user-none:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-management-v2 {width: 100%;  table-layout: fixed; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.service-portal.page-management .tbl-management-v2 thead th {font-size: .75rem; font-weight: 700; height: 37px;  padding: 0 0 0 15px; text-align: left; color: #000; border-bottom: 1px solid #d6d6d6; }
.service-portal.page-management .tbl-management-v2 thead th.date { width: 70px; }
.service-portal.page-management .tbl-management-v2 thead th.status { width: 95px; }
.service-portal.page-management .tbl-management-v2 thead th.btns {width: 80px;  padding-left: 0; }
.service-portal.page-management .tbl-management-v2 thead th.btns:lang(ja) { width: 105px; }
.service-portal.page-management .tbl-management-v2 tbody td , .service-portal.page-management .tbl-management-v2 tbody th {font-size: .75rem; font-weight: 400;  overflow: hidden; height: 35px; padding: 0 0 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #4a4a4a; border-bottom: 1px solid #efefef; }
.service-portal.page-management .tbl-management-v2 tbody td.btns , .service-portal.page-management .tbl-management-v2 tbody th.btns { padding-left: 0; }
.service-portal.page-management .tbl-management-v2 tbody th { font-weight: 700; color: #333; }
.service-portal.page-management .tbl-management-v2 .invited {font-size: .6875rem; font-weight: 500; line-height: 16px;  display: inline-block; box-sizing: border-box; width: 85px; height: 20px; text-align: center; vertical-align: middle; color: rgba(24, 134, 255, .6); border: 2px solid rgba(24, 134, 255, .6); }
.service-portal.page-management .tbl-management-v2 .invited.inactivated {color: rgba(255, 173, 31, .85);  border: 2px solid rgba(255, 173, 31, .85); }
.service-portal.page-management .tbl-management-v2 .invited.locked { color: rgba(255, 45, 71, .6); border: 2px solid rgba(255, 45, 71, .6); }
.service-portal.page-management .tbl-management-v2 .deactivated {font-size: .6875rem; font-weight: 500; line-height: 16px; display: inline-block; box-sizing: border-box; width: 85px; height: 20px; text-align: center; vertical-align: middle;  opacity: .8; color: #979797; border: 2px solid #979797; }
.service-portal.page-management .tbl-management-v2 .activated {font-size: .6875rem; font-weight: 500; line-height: 16px; position: relative; display: inline-block; box-sizing: border-box; width: 85px; height: 20px; padding-left: 14px; text-align: center; vertical-align: middle;  opacity: .6; color: #21ca53; border: 2px solid #21ca53; }
.service-portal.page-management .tbl-management-v2 .activated:before {position: absolute; top: 50%; left: 7px; display: block; width: 9px; height: 7px; margin-top: -3.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -680px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .tbl-management-v2 .activated:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-management-v2 .btn-activated {font-size: .6875rem; font-weight: 500; line-height: 18px; position: relative;  display: inline-block; box-sizing: border-box; width: 85px; height: 20px; padding-left: 14px; text-align: center; vertical-align: middle; color: #fff; background-color: #00cd3c; }
.service-portal.page-management .tbl-management-v2 .btn-activated:before {position: absolute; top: 50%; left: 4px; display: block; width: 10px; height: 10px; margin-top: -5px;  content: ''; border-radius: 2px; background-color: #fff; }
.service-portal.page-management .tbl-management-v2 .btn-activated:after {position: absolute; z-index: 1; top: 50%; left: 4px; display: block; width: 9px; height: 7px; margin-top: -3.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -680px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .tbl-management-v2 .btn-activated:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-management-v2 .btn-activated[data-state=deactivated] { background-color: #999; }
.service-portal.page-management .tbl-management-v2 .btn-activated[data-state=deactivated]:after { content: none; }
.service-portal.page-management .tbl-management-v2 .btn-activated[data-state=inactivated] { background-color: rgba(255, 173, 31, .85); }
.service-portal.page-management .tbl-management-v2 .btn-activated[data-state=inactivated]:after { left: 6px; width: 6px; height: 8px; margin-top: -4px; background-image: url(/assets/images/sprites.png); background-position: -625px -140px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .tbl-management-v2 .btn-activated[data-state=inactivated]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .tbl-management-v2 .btn-tbl {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; box-sizing: border-box; height: 20px; padding: 0 6px; text-align: center; vertical-align: middle; color: #fff; background-color: #333; }
.service-portal.page-management .tbl-management-v2 .button-icon.icon-delete-03 { margin-left: 2px; }
.service-portal.page-management .update-group-name input[type=text] { display: inline-block; width: 220px; margin-right: 7px; }
.service-portal.page-management .list-permission { width: 100%; border-top: 1px solid #eee; }
.service-portal.page-management .list-permission.list-permission-right > dd tbody td:last-child { text-align: right; }
.service-portal.page-management .list-permission > dt {line-height: 50px;  position: relative; height: 50px; padding: 0 0 0 10px; border-bottom: 1px solid #eee; }
.service-portal.page-management .list-permission > dt .btn-toggle {font-size: 1rem; font-weight: 700; line-height: 50px;  display: block; color: #000; }
.service-portal.page-management .list-permission > dt .btn-toggle:before {display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .list-permission > dt .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .list-permission > dt .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management .list-permission > dt .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management .list-permission > dt .checks {line-height: 50px; position: absolute; top: 0; right: 30px; bottom: 0;  display: block; height: 50px; }
.service-portal.page-management .list-permission > dd table { width: 100%; }
.service-portal.page-management .list-permission > dd table tbody td , .service-portal.page-management .list-permission > dd table tbody th {font-size: .75rem; line-height: 35px;  box-sizing: border-box; height: 35px; padding-left: 10px; text-align: left; vertical-align: top; color: #4a4a4a; border-bottom: 1px solid #eee; }
.service-portal.page-management .list-permission > dd table tbody th {font-weight: 700;  padding-left: 40px; }
.service-portal.page-management .list-permission > dd table tbody label {font-size: .75rem; font-weight: 400;  display: inline-block; margin-right: 15px; color: #4a4a4a; }
.service-portal.page-management.biz-group .biz-group-container { position: relative; display: block; overflow: hidden; }
.service-portal.page-management.biz-group .biz-group-container .controls {position: absolute; top: 50%; left: 50%;  display: block; width: 40px; margin-top: -46px; margin-left: -20px; }
.service-portal.page-management.biz-group .biz-group-container .controls button {position: relative;  display: block; width: 40px; height: 40px; text-indent: -9999px; background-color: rgba(0, 0, 0, .5); }
.service-portal.page-management.biz-group .biz-group-container .controls button:before {position: absolute; z-index: 1; top: 50%; left: 50%; display: block;  content: ''; }
.service-portal.page-management.biz-group .biz-group-container .controls button.btn-apply:before {width: 18px; height: 17px;  margin-top: -8.5px; margin-left: -9px; background-image: url(/assets/images/sprites.png); background-position: -470px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.biz-group .biz-group-container .controls button.btn-apply:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.biz-group .biz-group-container .controls button.btn-cancel { margin-top: 12px; }
.service-portal.page-management.biz-group .biz-group-container .controls button.btn-cancel:before {width: 18px; height: 17px; margin-top: -8.5px; margin-left: -9px;  transform: rotateY(180deg); background-image: url(/assets/images/sprites.png); background-position: -470px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.biz-group .biz-group-container .controls button.btn-cancel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.biz-group .biz-group-container .page-section { display: block; float: left; box-sizing: border-box; width: calc(50% - 55px); }
.service-portal.page-management.biz-group .biz-group-container .page-section header { height: 45px; }
.service-portal.page-management.biz-group .biz-group-container .page-section header .page-section-utils { top: -5px; }
.service-portal.page-management.biz-group .biz-group-container .page-section header .page-section-utils .button-normal { width: 140px; }
.service-portal.page-management.biz-group .biz-group-container .page-section + .page-section { float: right; }
.service-portal.page-management.biz-group .biz-group-container .page-section .page-section-contents { margin: 0; padding: 0; }
.service-portal.page-management.biz-group .biz-group-container .page-section .page-section-contents .tbl-grid-utils { margin-top: 0; }
.service-portal.page-management.cloud-account .page-section .page-section-title { visibility: hidden; }
.service-portal.page-management.cloud-account .page-section .page-section-utils .count-management {font-size: 1.25rem; font-weight: 500; line-height: 40px;  display: inline-block; margin-right: 20px; vertical-align: middle; color: #000; }
.service-portal.page-management.cloud-account .page-section .page-section-utils .count-management em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 700; }
.service-portal.page-management.cloud-account .page-section .page-section-utils .button-normal {width: auto;  min-width: 140px; vertical-align: middle; }
.service-portal.page-management.cloud-account .page-section .page-section { margin-top: 30px; }
.service-portal.page-management.cloud-account .page-section .page-section .common-tabs { margin-top: 0; }
.service-portal.page-management.cloud-account .page-section .page-section .common-tabs .btn { min-width: 240px; }
.service-portal.page-management.cloud-account .page-section .page-section + .page-section-contents .tbl-manamgement-cloud { margin-top: 25px; }
.service-portal.page-management.cloud-account .page-section .page-section-contents { padding-right: 0; }
.service-portal.page-management.cloud-account .idc-message { font-size: 1rem; line-height: 1.5em; text-align: center; color: #000; }
.service-portal.page-management.cloud-account .idc-message .btns { margin-top: 40px; }
.service-portal.page-management.cloud-account .idc-message .btns .button-normal { width: 260px; }
.service-portal.page-management.cloud-account .idc-message[data-state=preparing]:before {display: block; width: 80px; height: 72px; margin: 0 auto 25px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -86px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .idc-message[data-state=preparing]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .idc-message[data-state=in-connection]:before {display: block; width: 86px; height: 71px; margin: 0 auto 25px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: 0px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .idc-message[data-state=in-connection]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud {box-sizing: border-box;width: 100%;  margin-top: 35px; border-bottom: 1px solid #ddd;  }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.c + td { padding-left: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > thead th { text-align: left; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > th input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > th input[type=text] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > th select , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > td input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > td input[type=text] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > td select {font-size: .75rem;  box-sizing: border-box; width: 100%; max-width: 100%; padding: 0 10px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > th.time p , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > th.time em , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > td.time p , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure > tbody > tr > td.time em {line-height: 18px;  word-break: keep-all; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure .region-info {font-size: 12px; line-height: 1.5em; padding: 10px 0 28px 15px;  text-align: left; color: #999; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-azure .region-info:before {line-height: 1.5em; position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin: 0 3px 0 0;  content: ''; background: url('/assets/images/cloud-account-tooltip-info.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-alibaba tr.edit td.c , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-alibaba tr.edit th.c {height: 24px; padding-top: 16px;  padding-right: 0; padding-bottom: 0; background-color: #f6f6f6; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > thead th { text-align: left; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > thead th.c { text-align: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > th.linked span.checks , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > td.linked span.checks { margin-left: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > th input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > th input[type=text] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > th select , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > td input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > td input[type=text] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp > tbody > tr > td select {font-size: .75rem;  box-sizing: border-box; width: 100%; max-width: 100%; padding: 0 10px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp .region-info {font-size: 12px; line-height: 1.5em; padding: 10px 0 28px 15px;  text-align: left; color: #999; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud.tbl-manamgement-cloud-gcp .region-info:before {line-height: 1.5em; position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin: 0 3px 0 0;  content: ''; background: url('/assets/images/cloud-account-tooltip-info.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > thead th {font-size: .75rem; font-weight: 400; height: 30px;  padding: 0; padding-left: 10px; text-align: left; color: #000; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > thead th:first-child { padding-left: 15px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td {font-size: .75rem; font-weight: 400;  position: relative; height: 40px; padding: 10px 0; padding-left: 10px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #ddd; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th:first-child , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td:first-child { padding-left: 15px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th:first-child.collapse , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td:first-child.collapse { padding-left: 0px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th.linked span.checks , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.linked span.checks { margin-left: 15px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th input[type=text] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td input[type=password] , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td input[type=text] {font-size: .75rem;  box-sizing: border-box; max-width: 100%; padding: 0 10px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th em , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td em { font-weight: 500; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th .point , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td .point {height: 40px; text-indent: 10px;  color: #1886ff; -ms-flex-align: center; align-items: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > th { padding-left: 15px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td { word-break: break-all; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.time p , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.time em {line-height: 18px;  word-break: keep-all; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.account_none { padding: 40px 0; text-align: center; color: #b2b2b2; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.cloud-status { position: relative; text-align: left; vertical-align: middle; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.cloud-status p {display: -ms-flexbox; display: flex;  height: 40px; -ms-flex-align: center; align-items: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.cloud-status .healthy { color: #6cb41d; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.cloud-status .deactivated { color: #999; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.cloud-status .caution {display: inline-block; overflow: hidden; width: 24px; height: 22px; white-space: nowrap;  text-indent: 100%; background: url('/assets/images/cloud-account-status-caution.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.region p { position: relative; top: -4px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.region p:before {line-height: 1.33333em; position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; margin: 0 3px 0 0;  content: ''; background: url('/assets/images/cloud-account-global.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody > tr > td.region p.china:before { background: url('/assets/images/cloud-account-china.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th { padding-right: 0; padding-left: 10px; vertical-align: top; background-color: #f6f6f6; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .invalid-message , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .invalid-message {font-size: .75rem; max-width: 100%;  margin-left: 0; text-align: left; word-break: keep-all; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .invalid-message:lang(ja) , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .invalid-message:lang(ja) { word-break: break-all; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .no_invalid , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .no_invalid {display: -ms-flexbox; display: flex;  height: 40px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .no_invalid.rolearn , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .no_invalid.rolearn { font-weight: 500; -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .no_invalid button , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .no_invalid button { margin-left: 2px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .no_invalid button:first-child , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .no_invalid button:first-child { margin-left: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit td .no_invalid.account , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit th .no_invalid.account {padding: 0 5px;  -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit .region-info {font-size: 12px; line-height: 1.5em;  padding: 0 0 10px 10px; color: #999; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit .region-info:before {line-height: 1.5em; position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin: 0 3px 0 0;  content: ''; background: url('/assets/images/cloud-account-tooltip-info.svg') no-repeat; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit.region-setting td , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit.region-setting th { padding-bottom: 5px; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit.region-setting + .edit td , .service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody tr.edit.region-setting + .edit th {height: auto;  padding: 0; border: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud > tbody .collapse { padding: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud .c { padding-right: 0 !important; padding-left: 0 !important; text-align: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud .checks { position: relative; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud .checks input[type=checkbox] { position: absolute; left: -200%; visibility: hidden; opacity: 0; }
.service-portal.page-management.cloud-account .tbl-manamgement-cloud .guide-message {font-size: .875rem;  display: block; margin-top: 4px; margin-left: 0; color: #1785fe; }
.service-portal.page-management.cloud-account .forms-add-azure { padding-bottom: 20px; background-color: #f6f6f6; }
.service-portal.page-management.cloud-account .forms-add-azure .basic { display: table; width: 100%; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item { display: table-cell; box-sizing: border-box; height: 40px; padding: 10px 0 0 10px; text-align: left; vertical-align: top; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.time p , .service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.time em {line-height: 18px;  word-break: keep-all; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.btns , .service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.c { padding: 10px 20px 0; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.mixed_text span , .service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.mixed_text strong , .service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.mixed_text p { line-height: 21px; vertical-align: middle; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item.btns { padding: 20px 10px 0; }
.service-portal.page-management.cloud-account .forms-add-azure .basic .basic-item .invalid-message { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on { padding: 0 15px; text-align: left; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on input[type=password] , .service-portal.page-management.cloud-account .forms-add-azure .add-on input[type=text] { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on textarea { height: 80px; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item { position: relative; margin-top: 20px; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .btn-toggle {font-size: .75rem; font-weight: 500; line-height: 24px; position: absolute; top: 0; right: 0;  display: block; width: 100px; height: 24px; padding: 0 30px 0 8px; text-align: left; color: #000; border: 0; background-color: #e6e6e6; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .btn-toggle:after {position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 7px; margin-top: -3.5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -554px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .btn-toggle[data-state=shut]:after { transform: rotateX(0deg); }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .txt {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; box-sizing: border-box; padding: 10px 0; word-break: break-all; color: #000; border-bottom: 1px solid #e6e6e6; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .add-on-item .txt[data-state=shut] .inner { display: block; overflow: hidden; height: 16px; text-overflow: ellipsis; word-break: break-all; }
.service-portal.page-management.cloud-account .forms-add-azure .add-on .label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions { margin-top: 20px; padding: 0 20px; text-align: left; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .btn-get-subscriptions { position: relative; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .btn-get-subscriptions .button-normal[data-size=small] { display: block; width: 200px; border-color: #444; background-color: #444; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .btn-get-subscriptions .invalid-message {position: absolute; top: 50%; left: 210px;  display: block; margin: 0; transform: translateY(-50%); }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions {width: 100%; margin-top: 15px;  table-layout: fixed; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions thead th {font-size: .75rem; font-weight: 700; height: 35px;  padding: 0 0 0 20px; text-align: left; color: #9b9b9b; border-top: 0; border-bottom: 1px solid #ddd; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions thead th.check { padding: 0; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td {font-size: .75rem; font-weight: 400; line-height: 28px;  overflow: hidden; height: 30px; padding: 5px 0 5px 20px; text-align: left; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; color: #333; border-bottom: 1px solid #ddd; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.time p , .service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.time em {line-height: 18px;  word-break: keep-all; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .multiselect-native-select { z-index: auto; width: 100%; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .select-group.required .multiselect-native-select { position: relative; z-index: auto; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .select-group.required .multiselect-native-select.searched + .no_search { display: none; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .select-group.required .multiselect-native-select .btn-group .multiselect {font-size: .75rem; line-height: 1.875rem;  height: 1.875rem; padding-left: 10px !important; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .select-group.required input[type=text].multiselect-search { padding: 0 20px; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .select-group.required .multiselect-container.dropdown-menu li:nth-child(2) { display: none !important; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.t-visible { overflow: visible; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td input[type=text] {line-height: 28px; width: 100%; height: 30px;  margin-top: -1px; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td select.small-white { width: 100%; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.check {line-height: 1.75rem; height: 1.875rem;  padding-left: 0; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.none { padding: 20px 0; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.none .none-message { font-size: .875rem; font-weight: 500; color: #c0c0c0; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td.none .none-message:before { margin-bottom: 15px; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions tbody td .invalid-message { margin-left: -10px; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions .last select {line-height: 1.75rem;  display: block; height: 1.875rem; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions .csp-name input { max-width: 50%; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions .csp-name .invalid-message { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions ~ .invalid-message { margin-top: 14px; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-subscriptions ~ .guide-message { margin-top: 14px; margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-scroll { overflow: visible; overflow-x: visible; max-height: auto; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-scroll .tbl-subscriptions { margin-top: 0; }
.service-portal.page-management.cloud-account .forms-add-azure .subscriptions .tbl-scroll thead { display: none; }
.service-portal.page-management.cloud-account .forms-add-gcp { padding-bottom: 10px; background-color: #f6f6f6; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic { display: table; width: 100%; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic div.basic-item p.text , .service-portal.page-management.cloud-account .forms-add-gcp .basic div.basic-item span.check { display: -ms-flexbox; display: flex; height: 40px; padding: 0; -ms-flex-align: center; align-items: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item { display: table-cell; box-sizing: border-box; height: 40px; padding: 10px 0 0 10px; text-align: left; vertical-align: top; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.c { padding: 22px 20px 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.c span { margin-left: 15px; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.linked { padding: 10px 0px 0px; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.linked span { margin-left: 0px; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.mixed_text span , .service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.mixed_text strong , .service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.mixed_text p { line-height: 21px; vertical-align: middle; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns { padding: 18px 10px 0; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon[disabled] { opacity: 1; }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon[disabled].icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -180px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon[disabled].icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon.icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -582px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon.icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon.icon-cancel {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -210px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item.btns .button-icon.icon-cancel { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .basic .basic-item .invalid-message { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on { padding: 0 15px; text-align: left; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on input[type=password] , .service-portal.page-management.cloud-account .forms-add-gcp .add-on input[type=text] { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on textarea { height: 80px; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item { position: relative; margin-top: 20px; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .btn-toggle {font-size: .75rem; font-weight: 500; line-height: 24px; position: absolute; top: 0; right: 0;  display: block; width: 100px; height: 24px; padding: 0 30px 0 8px; text-align: left; color: #000; border: 0; background-color: #e6e6e6; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .btn-toggle:after {position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 7px; margin-top: -3.5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -554px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .btn-toggle[data-state=shut]:after { transform: rotateX(0deg); }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .txt {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; box-sizing: border-box; padding: 10px 0; word-break: break-all; color: #000; border-bottom: 1px solid #e6e6e6; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .add-on-item .txt[data-state=shut] .inner { display: block; overflow: hidden; height: 16px; text-overflow: ellipsis; word-break: break-all; }
.service-portal.page-management.cloud-account .forms-add-gcp .add-on .label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey { margin-top: 15px; padding: 0 20px; text-align: left; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .no-data-caution {font-size: .875rem; line-height: 20px;  position: relative; z-index: 1; display: none; width: calc(100% - 360px); height: 20px; margin: 0 180px; margin-top: -20px; margin-bottom: 18px; padding-top: 38px; text-align: center; word-break: keep-all; color: #b2b2b2; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .no-data-caution:after { position: absolute; top: 0; left: 50%; width: 35px; height: 28px; content: ''; transform: translateX(-50%); background-image: url(/assets/images/sprites.png); background-position: -366px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .privatekey .no-data-caution:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey[data-state='no-data'] .no-data-caution { display: inline-block; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey { position: relative; padding-bottom: 5px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added { position: absolute; top: 0; right: 0; width: 100px; width: 80px; height: 24px; padding: 18px 10px; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon[disabled] { opacity: 1; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon[disabled].icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -180px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon[disabled].icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon.icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -582px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon.icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey span.private-key-id {font-size: .75rem; line-height: 1rem; position: absolute; top: 0; left: 208px;  display: -ms-flexbox; display: flex; max-width: 520px; height: 1.875rem; color: #1886ff; -ms-flex-align: center; align-items: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small] { display: block; width: 200px; padding: 0; color: #fff; border-color: #444; background-color: #444; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small][disabled] { border-color: #c2c2c2; background-color: #c2c2c2; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small] label {line-height: 1.625rem;  display: block; height: 1.625rem; cursor: pointer; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small] label + input[type=file] {display: none;  overflow: hidden; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .btn-get-privatekey .invalid-message {position: absolute; top: 50%; left: 210px;  display: block; margin: 0; transform: translateY(-50%); }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey {width: 100%; margin-top: 15px;  table-layout: fixed; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey thead th {font-size: .75rem; font-weight: 700; height: 35px;  padding: 0 0 0 5px; text-align: left; color: #9b9b9b; border-top: 0; border-bottom: 1px solid #ddd; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey thead th.c { padding: 0; text-align: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td {font-size: .75rem; font-weight: 400; line-height: 40px;  overflow: hidden; height: 40px; padding: 5px 0 5px 3px; text-align: left; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; color: #333; border-bottom: 1px solid #ddd; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td .invalid-message { white-space: normal; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td input[type=text] {line-height: 40px; width: 100%; height: 40px;  margin-top: -1px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td select.small-white { width: 100%; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td.c { text-align: center; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td.c.check {line-height: 40px;  padding: 0; text-align: center; background: #f00; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td.none { padding: 20px 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td.none .none-message { font-size: .875rem; font-weight: 500; color: #c0c0c0; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td.none .none-message:before { margin-bottom: 15px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey tbody td .invalid-message { margin-left: 0px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey .csp-name input { max-width: 50%; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey .csp-name .invalid-message { margin-left: 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey ~ .invalid-message { margin-top: 14px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey ~ .guide-message {font-size: .75rem;  margin-top: 14px; margin-bottom: 10px; margin-left: 0; color: #999; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey ~ .guide-message:before { top: 0px; left: 0; width: 16px; height: 16px; background-image: url(/assets/images/sprites.png); background-position: -696px -155px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-privatekey ~ .guide-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-scroll { overflow: auto; overflow-x: hidden; max-height: 450px; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-scroll .tbl-privatekey { margin-top: 0; }
.service-portal.page-management.cloud-account .forms-add-gcp .privatekey .tbl-scroll thead { display: none; }


.service-portal.page-management.service-group canvas { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.service-portal.page-management.service-group .no-data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.service-portal.page-management.service-group .empty-resource { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.service-portal.page-management.service-group .empty-resource:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .empty-resource p { font-size: .75rem; font-weight: 400; line-height: 1.125rem; color: #999; }
.service-portal.page-management.service-group .daterangepicker { width: 310px; }
.service-portal.page-management.service-group .daterangepicker .calendar-time { position: relative; margin: 30px auto 5px; padding-left: 5px; }
.service-portal.page-management.service-group .daterangepicker .calendar-time select {line-height: 30px;  height: 32px; }
.service-portal.page-management.service-group .daterangepicker .calendar-time:before {position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -295px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .daterangepicker .calendar-time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management.service-group .daterangepicker.ltr .calendar.left.single { float: none; }
.service-portal.page-management.service-group .daterangepicker.ltr .calendar.left .calendar-table { padding-left: 30px; }
.service-portal.page-management.service-group .daterangepicker.ltr .calendar.left .daterangepicker_input { padding-left: 0; }
.service-portal.page-management.service-group .daterangepicker select.hourselect , .service-portal.page-management.service-group .daterangepicker select.minuteselect , .service-portal.page-management.service-group .daterangepicker select.secondselect , .service-portal.page-management.service-group .daterangepicker select.ampmselect { width: 65px; }
.service-portal.page-management.service-group .daterangepicker .calendar .daterangepicker_input { position: relative; left: 28px; display: block; }
.service-portal.page-management.service-group .daterangepicker .ranges { float: none; }
.service-portal.page-management.service-group .daterangepicker .ranges:after {position: absolute; z-index: -1; bottom: 0; display: inline-block; width: 100%; height: 123px; margin-left: -8px;  content: ''; border-top: 1px solid #eee; background: #f9f9f9; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs { -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button {font-size: .875rem; line-height: 1.875rem; display: inline-block; box-sizing: border-box; height: 2rem; margin: 20px 5px 10px;padding: 0 18px; transition: all .3s linear; color: #444; border-radius: 2px;  -ms-flex: 0; flex: 0;  }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success { color: #fff; border: 0; background-color: #1886ff; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success:after { display: none; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success:hover {color: #fff;  background-color: #0768d2; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success:active {color: #fff;  background-color: #0057b5; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success:focus {color: #fff;  background-color: #0057b5; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-success[disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default { color: #fff; border: 0; background-color: #52545c; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default:after { display: none; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default:hover {color: #fff;  background-color: #38393a; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default:active {color: #fff;  background-color: #111213; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default:focus {color: #fff;  background-color: #111213; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button.btn-default[disabled] { opacity: .2; color: #fff; border: 0; background-color: #52545c; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button:after { display: none; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button:hover { background-color: #38393a; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button:active { background-color: #111213; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button:focus { background-color: #111213; }
.service-portal.page-management.service-group .daterangepicker .ranges .range_inputs button[disabled] {opacity: .2;  background-color: #52545c; }
.service-portal.page-management.service-group .daterangepicker.customize .ranges .custom-form > div > div p select { width: 70px; }
.service-portal.page-management.service-group .daterangepicker.customize .ranges .custom-form > div:before { display: none; }
.service-portal.page-management.service-group .daterangepicker.customize .ranges .custom-form > div > div { width: 165px; }
.service-portal.page-management.service-group .daterangepicker.customize .calendar.single .calendar-table { margin-left: 32px; }
.service-portal.page-management.service-group .layout-contents {padding: 0;  background-color: #f3f4f5; }
.service-portal.page-management.service-group .layout-contents.detail { background-color: #fff; }
.service-portal.page-management.service-group .layout-contents .layout-page-title {margin: 0; border-bottom: 1px solid #e6e6e6;  background-color: #fff; }
.service-portal.page-management.service-group .layout-contents .layout-page-title h1 button { margin-top: 1px; margin-right: 8px; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area { position: fixed; z-index: 500; bottom: 0px; left: 0; display: -ms-flexbox; display: flex; width: calc(100% + 2px); min-width: 1200px; height: 72px; transition: .1s ease-in-out; background: rgba(255, 255, 255, .8); -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .guide-text {font-size: .75rem;  position: relative; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; padding-left: 46px; color: #fff; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .guide-text em { color: #ff9898; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area.end { bottom: 34px; transition: .1s ease-in-out; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area.end.default { bottom: -55px; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area button {font-weight: 300;line-height: 40px;  position: relative; top: 16px; min-width: 100px; height: 40px;  }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group { padding: 0 40px; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group.righ-fixed { position: absolute; top: 0; right: 0; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group button { float: left; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group button + button { margin-left: 8px; }
.service-portal.page-management.service-group .layout-contents .fixed-save-area .btn-group + .guide-text { padding-left: 160px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner {display: -ms-flexbox; display: flex; flex-direction: column;  -ms-flex-pack: inherit; justify-content: inherit; -ms-flex-direction: column; -ms-flex-align: stretch; align-items: stretch; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents.search-resource { max-width: 1200px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents.search-resource .ag-grid.ag-add-filter .ag-bsp-default { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents.search-resource .ag-grid.ag-add-filter .tbl-grid-navigation { display: none; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents.search-resource .search-title {font-size: .875rem; padding: 15px 0 25px 20px; text-align: left;  vertical-align: top; color: #222; border-top: 1px solid #ececec; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents > h2 {font-size: .875rem; line-height: 20px; margin-top: 32px; padding-top: 16px; text-align: left;  vertical-align: middle; color: #222; border-top: 1px solid #d8d8d8; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents > h2:nth-child(1) {margin-top: 0px; padding-top: 0px;  border-top: 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents { display: block; visibility: visible; overflow: auto; box-sizing: border-box; transition: width .3s ease-in-out; opacity: 1; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap { position: relative; clear: both; box-sizing: border-box; min-height: 50px; margin: 0; padding: 0 18px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap { line-height: 3em; float: right; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button { font-size: .75rem; position: relative; bottom: 2px; box-sizing: border-box; height: 26px; margin-left: 4px; border: 1px solid transparent; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button[disabled] { opacity: .5; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button[disabled]:hover { line-height: 2em; border-color: transparent; background-color: transparent; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button:before {position: absolute;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn { font-weight: 500; position: relative; width: 85px; text-indent: 15px; color: #666; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:lang(ja) { width: auto; padding-right: 5px; text-indent: 18px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:lang(ja):before { left: 5px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:before { top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6.5px; background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn { position: relative; overflow: hidden; width: 30px; white-space: nowrap; text-indent: 100%; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo { margin-left: 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo:before { top: 50%; left: 50%; width: 12px; height: 10px; margin-top: -5px; margin-left: -6px; background-image: url(../images/layout_sprites.png); background-position: -445px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button.do_btn.undo:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .setting_btn_wrap button:hover { line-height: 2em; border-color: #d8d8d8; background-color: #e6e6e6; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .search_btn_wrap button.apply { font-size: .75rem; line-height: 2.33333em; position: relative; bottom: 2px; display: inline-block; float: left; height: 30px; margin: 12px 0 0 17px; border: 0; background: rgba(0, 0, 0, .5); }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .search_btn_wrap .multiselect-native-select { float: left; margin-top: 10px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form .search_btn_wrap .multiselect-native-select .btn-group.vendor-code .multiselect { line-height: 28px; height: 30px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .search_option_wrap form p { font-size: .75rem; font-weight: 600; line-height: 4em; float: left; margin-right: 10px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items { display: inline-block; float: none; box-sizing: border-box; width: calc(25% - 10px); max-width: 25%; margin: 10px 10px 0 0; padding: 0; padding: 0; transition: .3s ease-in-out; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items:nth-child(4n+1) { margin-left: 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox] { position: absolute; visibility: hidden; opacity: 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox][data-state=relative] + label { color: #58617c; border-width: 1px; border-color: #96beea; background-color: #cbe2fb; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox]:checked + label { font-weight: 400; color: #fff; border-width: 1px; border-color: #3b98ff; background-color: #3b98ff; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox] + label {font-size: .75rem; font-weight: 500; line-height: 22px; display: block; display: block; overflow: hidden; box-sizing: border-box;  width: 100%; width: 100%; height: 26px; height: 24px; padding-left: 7px; white-space: nowrap; text-overflow: ellipsis; color: #666; border: 1px solid #ddd; border-width: 1px; border-color: #d4d4d4; border-radius: 2px; border-radius: 2px; background-color: #fff; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox] + label:after , .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .qs-items.item input[type=checkbox] + label:before { display: none; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section { position: relative; clear: both; box-sizing: border-box; min-height: 50px; margin: 0; padding: 12px 18px 2px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section:before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ''; background-color: #e6e6e6; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section div[role=list] { font-size: 0; overflow-y: auto; max-height: 302px; margin: -10px 0 0; padding: 0 0 10px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2 { line-height: 1; float: left; width: 200px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2 ~ .page-section-contents { display: block; float: left; width: calc(100% - 200px); }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2 ~ .page-section-contents:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2.page-section-title .btn-toggle { font-size: .875rem; font-weight: 700; line-height: 1.42857em; display: inline-block; color: #000; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2.page-section-title .btn-toggle[data-state=shut]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -287px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2.page-section-title .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2.page-section-title .btn-toggle:before { display: inline-block; width: 16px; width: 16px; height: 16px; height: 16px; margin: -2px 10px 0 0; content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -551px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .page-section h2.page-section-title .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .btn_wrap { height: 50px; margin: 70px 0 0; background: black; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .layout-filter-contents .btn_wrap button { font-size: .875rem; font-weight: 600; line-height: 2.5em; position: relative; width: 100%; height: 100%; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail { margin-top: -16px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .add-role-btn {display: -ms-flexbox; display: flex; min-height: 50px;  margin-top: 16px; border: 2px dashed #d5d9db; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .add-role-btn:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tbody .btn-group.user-scale .multiselect { width: 180px; max-width: 180px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tbody .btn-group.user-scale .multiselect-container.dropdown-menu {z-index: 10;  min-width: -webkit-max-content; min-width: max-content; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr th {padding-top: 15px;  vertical-align: top; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td select[data-size=xsmall] + .btn-group.user-scale .multiselect { width: 70px; max-width: 70px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td select[data-size=small] + .btn-group.user-scale .multiselect { width: 90px; max-width: 90px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td select[data-size=middle] + .btn-group.user-scale .multiselect { width: 150px; max-width: 150px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td select[data-size=large] + .btn-group.user-scale .multiselect { width: 310px; max-width: 310px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td select[data-size=xlarge] + .btn-group.user-scale .multiselect { width: 400px; max-width: 400px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td label + span { margin-left: 8px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td > .general { margin-top: 22px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr td > .general.btns-area .button-normal { min-width: 140px; margin: 0 8px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr:last-child th , .service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail tr:last-child td { border-bottom: 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .caution-text { margin: 6px 0; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set { position: relative; margin-top: 10px; padding: 16px 16px 50px; transition: .3 ease-in-out; border: 1px solid #eaecef; background-color: #f3f4f5; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .delete { position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; width: 0px; background-color: #fff; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .delete button[data-state=delete] { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set.edit { padding: 16px 16px 50px 48px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set.edit .delete { width: 40px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set.edit .add-btn { left: 48px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set.operator {padding: 0; border: 0;  background: transparent; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set.operator .btn-group.user-scale .multiselect { width: 70px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .daterange {float: left;  width: 310px; margin-left: 8px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .daterange:after { left: 10px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .daterange input[type=text] {font-size: .875rem; margin-left: 0;  padding-left: 35px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner input[type=text] {font-size: .875rem; font-weight: 400; line-height: 1.125rem; float: left;  width: 310px; height: 32px; margin-left: 8px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner button[data-state=delete] { margin-left: 12px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .multiselect-native-select { float: left; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .multiselect-native-select .multiselect-selected-text {font-size: .875rem;  color: #222; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner .multiselect-native-select + .multiselect-native-select { margin-left: 8px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .inner + .inner { margin-top: 16px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .add-btn { position: absolute; bottom: 16px; left: 16px; margin-top: 17px; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .page-section-contents .tbl-service-group-detail .role-set .add-btn:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .layout-contents .layout-contents-inner .before_view {width: calc(100% - 50px);  margin: 20px 25px 0; text-align: left; }
.service-portal.page-management.service-group .layout-popup .agreement-statement {width: 100%; height: 100%;  margin: 0; padding: 60px; }
.service-portal.page-management.service-group .layout-popup .agreement-statement table { max-width: 800px; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-contents-inner {padding-right: 0;  padding-left: 0; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-page-title {border-bottom: 1px solid #e6e6e6;  background-color: #fff; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container { background-color: #fff; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container.resizable .resizers .resizer {position: absolute; z-index: 99999; top: 0; right: 0; bottom: 0;  width: 2px; cursor: col-resize; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header { width: 100%; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btns { border-bottom: 2px solid #e6e6e6; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-header .btns .btn-sidemenu { display: inline; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents { overflow: hidden; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .top-filter {max-width: 250px;  padding: 16px 24px; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .top-filter select { width: 100%; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .title { font-size: .875rem; font-weight: 700; line-height: 1.25rem; padding: 0 24px; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .title .flag-btn { top: 2px; margin-left: 8px; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .servicegroup-tree-menu { position: absolute; top: 92px; bottom: 30px; left: 14px; overflow: hidden; width: 250px; height: calc(100% - 92px); }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .servicegroup-tree-menu:focus { outline: 0 !important; }
.service-portal.page-management.service-group .layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .servicegroup-tree-menu canvas:focus { outline: 0 !important; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container .layout-sidemenu-contents { display: none; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container.resizable .resizers .resizer { cursor: auto; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dd.user , .service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dt.user { display: none; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement dt { text-indent: -9999px; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button { padding: 0; text-indent: -9999px; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button:before {display: block;  content: attr(data-first-letter); text-align: center; text-indent: 0; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button .title { display: none; }
.service-portal.page-management.service-group .layout-with-sidemenu[data-sidemenu=shut] .list-magagement .list-group > li button .cnt { display: none; }
.service-portal.page-management.service-group .page-section {display: block; box-sizing: border-box; width: 100%;  margin-top: 0; }
.service-portal.page-management.service-group .page-section .general.btns-area { margin-left: 0; }
.service-portal.page-management.service-group .page-section .general.btns-area button.button-normal { min-width: 140px; margin: 0 8px; }
.service-portal.page-management.service-group .page-section .page-section-top { position: relative; z-index: 10; min-height: 65px; border-bottom: 1px solid #eaecef; background-color: #fff; }
.service-portal.page-management.service-group .page-section .page-section-top .description {font-size: .75rem;  font-weight: 400; margin-top: -16px; margin-bottom: 16px; padding-left: 20px; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-top .sub-description {font-size: .75rem;  font-weight: 400; margin-bottom: 10px; padding-left: 60px; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-top .page-section-title { height: 65px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info {max-width: 960px; padding-right: 20px; padding-bottom: 16px;  padding-left: 60px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch + label {position: relative;  display: inline-block; height: 18px; margin-left: 4px; padding: 0 0 0 46px; vertical-align: middle; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch + label:before {position: absolute; top: 1px; left: 1px; display: block; width: 32px; height: 14px; margin: 0;  content: ''; border-radius: 14px; background-color: #afafaf; background-image: none; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch + label:after {position: absolute; top: 0px; left: 0px; display: block; box-sizing: border-box; width: 16px; height: 16px; margin: 0;  content: ''; transition: all .3s ease; opacity: 1; border: 1px solid #eee; border-radius: 100%; background-color: #fafafa; background-image: none; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch + label:active:after { transform: scale(1.15, .85); }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch + label span {font-size: 1rem; font-weight: 700; line-height: 18px;  display: inline-block; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch:checked + label:before { background-color: #bfe0ff; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch:checked + label:after { left: 16px; border: none; background-color: #1886ff; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .material-switch:checked + label span { color: #1886ff; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view { margin-top: 15px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view > .operator { margin: 8px 16px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view .operator {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; height: 20px; padding: 0 10px; color: #0d74e5; border-radius: 20px; background: #c6e2ff; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view .items {font-size: .6875rem; padding: 16px; color: #667587; border-radius: 4px;  background-color: rgba(137, 154, 174, .2); }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view .items p {font-size: .6875rem; font-weight: 500; line-height: 1.0625rem;  color: #667587; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info .detail-view .items .text {font-size: .6875rem; font-weight: 500;  margin-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  position: relative; margin-top: 0; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource { position: relative; padding-left: 24px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource:before {position: absolute; top: -2px; left: -3px; width: 24px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -457px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .val a { text-decoration: underline; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .val a.count { color: #222; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link] { position: absolute; top: 0px; right: 0; border: 0; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link].is-selected { background: transparent; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link]:hover { background: transparent; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link]:hover:before { opacity: 1; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link]:active { background: transparent; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link]:focus { background: transparent; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.has-resource .icon[data-state=link][disabled] {opacity: 1;  background: transparent; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules { display: inline-block; padding-right: 24px; padding-left: 24px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules.active { display: block; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules.active .tag { display: none; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules:before {position: absolute; top: -2px; left: -3px; width: 24px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -270px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules .view-btn { position: absolute; top: 50%; right: 0px; display: inline-block; width: 24px; height: 24px; transform: translateY(-50%); }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules .view-btn:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 7px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -447px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules .view-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules .view-btn.open:before {width: 10px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -602px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .resource-info p.add-rules .view-btn.open:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p + p { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span { position: relative; margin-left: 5px; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span.auto-update { position: relative; margin-left: 8px; padding-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span.auto-update:before {position: absolute; top: 0; left: 0; display: inline-block; width: 1px; height: 18px;  content: ''; background-color: #d8d8d8; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span.set {margin-left: 0;  padding-right: 28px; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span.set .general.button-normal[data-state=set] { position: absolute; top: -3px; right: 0; }
.service-portal.page-management.service-group .page-section .page-section-top .resource-info p span.tag {font-weight: 500; padding: 0 5px; color: #667587; border-radius: 4px;  background-color: rgba(137, 154, 174, .2); }
.service-portal.page-management.service-group .page-section .page-section-top .common-tabs { position: relative; width: calc( 100% - 48px); margin-top: 6px; padding: 0 24px; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns {position: absolute; top: 16px; right: 30px;  display: inline-block; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .button-normal + .button-normal { margin-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-menu { position: relative; margin-right: 0px; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-menu.on + .dropdown-list { display: inline-block; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list { position: absolute; top: 32px; right: 0; display: none; min-width: 66px; min-height: 48px; padding: 8px; text-align: left; border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li {font-size: .75rem; font-weight: 400; line-height: 20px;  position: relative; height: 20px; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li + li { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button { padding: 0 0 0 20px; }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button:before {position: absolute; top: calc(50% + 1px); left: 0; display: inline-block;  content: ''; transform: translateY(-50%); }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='edit-name']:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -218px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='edit-name']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='edit-desc']:before {width: 15px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -652px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='edit-desc']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='delete']:before {width: 12px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -56px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='delete']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='history']:before {width: 15px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -673px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-top .title-set-btns .dropdown-list ul li button[data-state='history']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner {font-size: 1.125rem; font-weight: 700; line-height: 1.6875rem;  position: relative; top: 0px; display: inline-block; overflow: visible; box-sizing: border-box; min-height: 65px; padding: 16px 20px 0; color: #000; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner p {line-height: 35px;  position: relative; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner p.sub { font-size: .75rem; line-height: 1.125rem; color: #666; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner p.sub a {font-weight: 400px;  color: #666; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner p.sub + .title {font-size: 1.25rem; font-weight: 500;  line-height: normal; line-height: 1.875rem; margin-top: 0; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner .title { position: relative; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner .title.sub-page h1 { line-height: 24px; margin-top: -5px; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner .title button { margin-right: 8px; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner .title h1 {font-size: 1.25rem; font-weight: 500; line-height: 18px;  float: left; margin-top: 0px; }
.service-portal.page-management.service-group .page-section .page-section-title .page-section-title-inner .title h1 + button {top: -3px;  float: left; margin-right: 0; margin-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents { position: relative; padding: 16px 24px 150px; }
.service-portal.page-management.service-group .page-section .page-section-contents .no-data:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .page-section .page-section-contents .no-data p {transform: translateY(-50%);  text-align: center; }
.service-portal.page-management.service-group .page-section .page-section-contents .no-data p span {font-size: 1rem; font-weight: 400;  display: block; color: #999; }
.service-portal.page-management.service-group .page-section .page-section-contents .no-data p .general.button-normal {display: inline-block; float: none;  margin-top: 16px; }
.service-portal.page-management.service-group .page-section .page-section-contents.no-view { height: calc( 100vh - 340px); background-color: #fff; }
.service-portal.page-management.service-group .page-section .page-section-contents.no-view:before {position: absolute; top: 12px; right: 80px; display: inline-block; width: 119px; height: 86px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -314px -296px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents.no-view:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents.no-view span { padding-top: 132px; }
.service-portal.page-management.service-group .page-section .page-section-contents.no-view span:before {position: absolute; top: 0; display: inline-block; width: 175px; height: 108px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: 0px -296px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents.no-view span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents.empty-group { height: calc( 100vh - 340px); }
.service-portal.page-management.service-group .page-section .page-section-contents.group-edit {margin-right: -15px;  padding: 16px 0px 70px 24px; background: #f3f4f5; }
.service-portal.page-management.service-group .page-section .page-section-contents.group-edit button { margin-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents.group-edit button:first-child { margin-left: 0px; }
.service-portal.page-management.service-group .page-section .page-section-contents.group-edit h2 { font-size: 1rem; font-weight: 500; line-height: 1.5rem; margin-top: 24px; padding-top: 24px; color: #000; border: 0; }
.service-portal.page-management.service-group .page-section .page-section-contents.group-edit #wrap { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; min-height: calc(100vh - 260px - 34px); padding: 0 27px 100px; -ms-flex-direction: column; -ms-flex-align: stretch; align-items: stretch; }
.service-portal.page-management.service-group .page-section .page-section-contents .pagination { margin-bottom: 70px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info { position: absolute; z-index: 5;top: 0; right: 0; width: 250px; padding: 24px; background: #fff;  }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info h1 { font-size: .875rem; font-weight: 500; line-height: 1.25rem; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .detail-info { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .detail-info dl { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .detail-info dl dt , .service-portal.page-management.service-group .page-section .page-section-contents .side-info .detail-info dl dd {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  display: inline; color: #999; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .detail-info dl dd {margin-left: 6px;  color: #222; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart { min-height: 156px; max-height: 500px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart.pie {position: relative\0; overflow: inherit !important; overflow: initial !important;  min-height: 156px; max-height: 390px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart.pie .amChartsLegend.amcharts-legend-div svg rect { width: 100%; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart.pie .amChartsLegend.amcharts-legend-div svg text + text { transform: translate(240px, 8px) !important; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart.pie .amChartsLegend.amcharts-legend-div svg > g > g { transform: translate(0, 0); }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart.pie .none-message[data-state=with-txt] {position: absolute\0; top: 50%\0; left: 50%\0;  display: block\0; transform: translate(-50%, -50%) \0; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart .amcharts-chart-div {z-index: 1; overflow-y: hidden !important; width: auto;  height: 156px !important; transform: scale(1.35); }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart .amcharts-legend-div {z-index: 2;  overflow-y: auto !important; max-height: 156px; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart .amcharts-legend-div > svg { overflow: hidden; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart .amcharts-pie-slice {cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; transition-duration: .3s;  transform: scale(1); transform-origin: 50% 50%; box-shadow: 0 0 30px 0 #000; }
.service-portal.page-management.service-group .page-section .page-section-contents .side-info .am-chart .amcharts-pie-slice:hover { transform: scale(1.1); filter: url(#shadow); }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils { margin-top: 16px; padding: 0; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils + .tbl-grid-utils { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .pagination { margin-bottom: 10px; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .pagination .search input[type=text] { font-size: .875rem; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .count { font-size: .75rem; font-weight: 500; line-height: 1.5rem; float: left; color: #999; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .count ~ button { margin-left: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .count ~ .search-width-icon { float: left; margin-left: 17px; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .count ~ .search-width-icon:after {position: absolute; top: 5px; bottom: 3px; left: -8px; width: 1px;  content: ''; background-color: #d5d9db; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils .count ~ .search-width-icon:before {position: absolute; top: 3px; bottom: 3px; display: inline-block;  content: ''; }
.service-portal.page-management.service-group .page-section .page-section-contents .tbl-grid-utils:after {position: relative; display: block; clear: both;  content: ''; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list {display: -ms-flexbox; display: flex; width: calc( 100% + 20px);  margin-top: -12px; margin-left: -20px; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li { position: relative; margin-top: 18px; margin-left: 20px; -ms-flex: 0 0 calc(25% - 20px); flex: 0 0 calc(25% - 20px); }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .inner { position: relative; box-sizing: border-box; min-height: 120px; padding: 15px 16px; border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .empty-resource { margin-top: -15px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .empty-resource p { margin-bottom: 5px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .detail-view { margin-top: 15px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .detail-view > .operator { margin: 8px 16px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .detail-view .operator {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; height: 20px; padding: 0 10px; color: #667587; color: #0d74e5; border-radius: 20px; background: #c6e2ff; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .detail-view .items {padding: 16px; border-radius: 4px;  background-color: rgba(137, 154, 174, .2); }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li .detail-view .items p {font-weight: 500;  color: #667587; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li h1 , .service-portal.page-management.service-group .page-section .page-section-contents .group-list li label {font-size: .875rem; font-weight: 500; line-height: 1.25rem;  float: left; height: 1.25rem; margin-bottom: 16px; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li h1 ~ a , .service-portal.page-management.service-group .page-section .page-section-contents .group-list li label ~ a {font-size: .875rem; font-weight: 500; line-height: 1.25rem;  position: relative; display: inline-block; margin-bottom: 16px; text-decoration: underline; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  position: relative; margin-top: 0; color: #999; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.has-resource { padding-left: 24px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.has-resource:before {position: absolute; top: -2px; left: -3px; width: 24px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -457px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.has-resource:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules { display: inline-block; padding-right: 24px; padding-left: 24px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules.active { display: block; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules.active .tag { display: none; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules:before {position: absolute; top: -2px; left: -3px; width: 24px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -270px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules .view-btn { position: absolute; top: 50%; right: 0px; display: inline-block; width: 24px; height: 24px; transform: translateY(-50%); }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules .view-btn:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 7px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -447px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules .view-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules .view-btn.open:before {width: 10px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -602px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list li p.add-rules .view-btn.open:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p + p { margin-top: 8px; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p span { margin-left: 5px; color: #222; }
.service-portal.page-management.service-group .page-section .page-section-contents .group-list li p span.tag {font-weight: 500; padding: 0 5px; color: #667587; border-radius: 4px;  background-color: rgba(137, 154, 174, .2); }
@media (max-width: 2145px) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list {width: 100%; margin-left: 0px;  -ms-flex-pack: justify; justify-content: space-between; }
	.service-portal.page-management.service-group .page-section .page-section-contents .group-list li {margin-left: 0px;  -ms-flex: 0 0 calc(33.333% - 15px); flex: 0 0 calc(33.333% - 15px); } }
@media (max-width: 1687px) { .service-portal.page-management.service-group .page-section .page-section-contents .group-list {width: 100%; margin-left: 0px;  -ms-flex-pack: justify; justify-content: space-between; }
	.service-portal.page-management.service-group .page-section .page-section-contents .group-list li {margin-left: 0px;  -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } }
.service-portal.page-management.service-group .page-section.stretch { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; min-height: 614px; -ms-flex: 1; flex: 1; -ms-flex-direction: column; }
.service-portal.page-management.service-group .page-section.stretch .page-section-contents { display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 64px 0 0; -ms-flex: 1; flex: 1; aling-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }
.service-portal.page-management.service-group .page-section.stretch .page-section-contents-btns {position: absolute; top: 17px; right: 0;  display: block; }
.service-portal.page-management.service-group .page-section.stretch .page-section-contents-btns .button-normal { min-width: 100px; }
.service-portal.page-management.service-group .tbl-management-v2 {width: 100%;  margin-top: 5px; table-layout: fixed; border-top: 0; border-bottom: 0; }
.service-portal.page-management.service-group .tbl-management-v2 thead th {font-size: .75rem; font-weight: 700;  position: relative; height: 30px; padding: 0 0 0 15px; text-align: center; color: #000; border-top: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #d8d8d8; }
.service-portal.page-management.service-group .tbl-management-v2 thead th:nth-child(1) {padding: 0 0 0 1px;  border-left: 0; }
.service-portal.page-management.service-group .tbl-management-v2 thead th:nth-child(1) label { top: 2px; }
.service-portal.page-management.service-group .tbl-management-v2 thead th.date { width: 70px; }
.service-portal.page-management.service-group .tbl-management-v2 thead th.status { width: 95px; }
.service-portal.page-management.service-group .tbl-management-v2 thead th.btns {width: 80px;  padding-left: 0; }
.service-portal.page-management.service-group .tbl-management-v2 thead th.align-center {padding-left: 0;  text-align: center; }
.service-portal.page-management.service-group .tbl-management-v2 thead th label:before , .service-portal.page-management.service-group .tbl-management-v2 thead th label:after { transform: translateY(-50%); }
.service-portal.page-management.service-group .tbl-management-v2 thead th .tooltipster-bsp-info { position: absolute; top: 5px; right: 5px; }
.service-portal.page-management.service-group .tbl-management-v2 thead th .tooltipster-bsp-info + .multiselect-native-select { margin-right: 10px; }
.service-portal.page-management.service-group .tbl-management-v2 tbody td , .service-portal.page-management.service-group .tbl-management-v2 tbody th {font-size: .75rem; font-weight: 400;  position: relative; overflow: hidden; height: 39px; padding: 0 0 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #4a4a4a; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; }
.service-portal.page-management.service-group .tbl-management-v2 tbody td.btns , .service-portal.page-management.service-group .tbl-management-v2 tbody th.btns { padding-left: 0; }
.service-portal.page-management.service-group .tbl-management-v2 tbody td.align-center , .service-portal.page-management.service-group .tbl-management-v2 tbody th.align-center {padding-left: 0;  text-align: center; }
.service-portal.page-management.service-group .tbl-management-v2 tbody td .pin-btn , .service-portal.page-management.service-group .tbl-management-v2 tbody th .pin-btn { top: 3px; }
.service-portal.page-management.service-group .tbl-management-v2 tbody th { font-weight: 700; padding: 0 0 0 8px; color: #333; border-left: 0; }
.service-portal.page-management.service-group .tbl-management-v2 .invited {font-size: .6875rem; font-weight: 500; line-height: 16px;  display: inline-block; box-sizing: border-box; width: 85px; height: 20px; text-align: center; vertical-align: middle; color: rgba(24, 134, 255, .6); border: 2px solid rgba(24, 134, 255, .6); }
.service-portal.page-management.service-group .tbl-management-v2 .invited.inactivated {color: rgba(255, 173, 31, .85);  border: 2px solid rgba(255, 173, 31, .85); }
.service-portal.page-management.service-group .tbl-management-v2 .invited.locked { color: rgba(255, 45, 71, .6); border: 2px solid rgba(255, 45, 71, .6); }
.service-portal.page-management.service-group .tbl-management-v2 .deactivated {font-size: .6875rem; font-weight: 500; line-height: 16px; display: inline-block; box-sizing: border-box; width: 85px; height: 20px; text-align: center; vertical-align: middle;  opacity: .8; color: #979797; border: 2px solid #979797; }
.service-portal.page-management.service-group .tbl-management-v2 .activated {font-size: .6875rem; font-weight: 500; line-height: 16px; position: relative; display: inline-block; box-sizing: border-box; width: 85px; height: 20px; padding-left: 14px; text-align: center; vertical-align: middle;  opacity: .6; color: #21ca53; border: 2px solid #21ca53; }
.service-portal.page-management.service-group .tbl-management-v2 .activated:before {position: absolute; top: 50%; left: 7px; display: block; width: 9px; height: 7px; margin-top: -3.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -680px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .tbl-management-v2 .activated:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated {font-size: .6875rem; font-weight: 500; line-height: 18px; position: relative;  display: inline-block; box-sizing: border-box; width: 85px; height: 20px; padding-left: 14px; text-align: center; vertical-align: middle; color: #fff; background-color: #00cd3c; }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated:before {position: absolute; top: 50%; left: 4px; display: block; width: 10px; height: 10px; margin-top: -5px;  content: ''; border-radius: 2px; background-color: #fff; }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated:after {position: absolute; z-index: 1; top: 50%; left: 4px; display: block; width: 9px; height: 7px; margin-top: -3.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -680px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .tbl-management-v2 .btn-activated:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated[data-state=deactivated] { background-color: #999; }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated[data-state=deactivated]:after { content: none; }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated[data-state=inactivated] { background-color: rgba(255, 173, 31, .85); }
.service-portal.page-management.service-group .tbl-management-v2 .btn-activated[data-state=inactivated]:after { left: 6px; width: 6px; height: 8px; margin-top: -4px; background-image: url(/assets/images/sprites.png); background-position: -625px -140px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-management.service-group .tbl-management-v2 .btn-activated[data-state=inactivated]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-management.service-group .tbl-management-v2 .btn-tbl {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; box-sizing: border-box; height: 20px; padding: 0 6px; text-align: center; vertical-align: middle; color: #fff; background-color: #333; }
.service-portal.page-management.service-group .tbl-management-v2 .button-icon.icon-delete-03 { margin-left: 2px; }



.service-portal.portal-security .layout-fixed .layout-contents-inner { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-pack: inherit; justify-content: inherit; }
.service-portal.page-portal-account .layout-fixed .layout-contents-inner , .service-portal.page-portal-company-info .layout-fixed .layout-contents-inner {flex-direction: row; padding: 17px 17px 0;  -ms-flex-direction: row; }
.service-portal.page-portal-account .layout-fixed .layout-contents-inner.vertical-middle , .service-portal.page-portal-company-info .layout-fixed .layout-contents-inner.vertical-middle {flex-direction: inherit;  -ms-flex-direction: inherit; }
.service-portal.page-portal-account .none-container , .service-portal.page-portal-company-info .none-container { display: -ms-flexbox; display: flex; height: 200px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-portal.page-portal-account .none-container .none-message:before , .service-portal.page-portal-company-info .none-container .none-message:before { margin-bottom: 9px; }
.service-portal.page-portal-account .form-box .form-box-btns .button-normal[data-size=small] , .service-portal.page-portal-company-info .form-box .form-box-btns .button-normal[data-size=small] { min-width: 90px; }
.service-portal .none-service {font-size: 1rem; font-weight: 400; line-height: 1.5em;  display: block; text-align: center; color: #000; }
.service-portal .none-service:before {display: block; width: 175px; height: 108px; margin: 0 auto 40px;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: -245px -793px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .none-service:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-portal .none-service .button-normal { display: block; min-width: 190px; margin: 40px auto 0; }
.service-portal.page-notice .layout-fixed .layout-contents-inner { display: block; padding: 17px 32px 0; }
.service-portal.page-notice .layout-fixed .layout-contents-inner .tbl-grid-navigation { margin-top: 0; }
.service-portal .view-notice { min-height: 480px; border: 1px solid #e6e6e6; }
.service-portal .view-notice > dt {position: relative;  display: block; }
.service-portal .view-notice > dt .notice-category {font-size: .875rem; font-weight: 500;  display: inline-block; min-width: 120px; padding: 0 10px; text-align: center; vertical-align: middle; }
.service-portal .view-notice > dt .notice-title {font-size: 1.125rem; font-weight: 400; line-height: 1.5em;  display: -ms-flexbox; display: flex; overflow: hidden; box-sizing: border-box; min-height: 60px; padding: 16px 200px 16px 0; word-break: break-all; color: #333; -ms-flex-align: center; align-items: center; }
.service-portal .view-notice > dt .utils {font-size: .75rem; line-height: 60px; position: absolute; top: 0; right: 30px; bottom: 0;  display: block; color: #999; }
.service-portal .view-notice > dt .utils .update:before {display: inline-block; margin: -5px 10px 0 5px;  content: '|'; vertical-align: middle; color: #d2d2d2; }
.service-portal .view-notice > dd {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 14px; line-height: 24px;  padding: 30px; color: #000; border-top: 1px solid #e6e6e6; }
.service-portal .view-notice > dd pre { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 14px; line-height: 24px; white-space: pre-wrap; color: #000; }
.service-portal .view-notice > dd p { word-break: break-all; }
.service-portal .view-notice > dd.attach-files {min-height: 30px;  padding: 5px 30px; }
.service-portal .view-notice > dd.attach-files .list-files > li .file {font-size: .75rem; line-height: 30px;  display: inline-block; color: #000; }
.service-portal .view-notice > dd.attach-files .list-files > li .file .file-icon { display: inline-block; margin: -3px 5px 0 -3px; vertical-align: middle; }
.service-portal .view-notice > dd.attach-files .list-files > li .file .size { display: inline-block; margin-left: 10px; color: #888; }
.service-portal .view-notice[data-state=new] .notice-category { color: #1886ff; }
.service-portal .view-notice[data-state=event] .notice-category { color: #6cb41d; }
.service-portal .view-notice[data-state=check] .notice-category { color: #f66c23; }
.service-portal .notice-btns { margin-top: 15px; margin-bottom: 40px; }
.service-portal .notice-btns .btn-list {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 130px; height: 30px; padding: 0 10px; letter-spacing: .094em; color: #fff; background-color: #888; }
.service-portal .list-notice { display: -ms-flexbox; display: flex; margin: 0 -16px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }
.service-portal .list-notice > li {width: 357px; height: 172px;  margin: 0 16px 32px; }
.service-portal .notice-item {position: relative;  display: block; box-sizing: border-box; height: 100%; padding: 20px 24px; transition: border .1s ease-in-out, background-color .3s ease-in-out; border: 1px solid #e6e6e6; background-color: #fff; }
.service-portal .notice-item .none-read {position: absolute; top: 19px; right: 19px;  display: block; width: 9px; height: 9px; text-indent: -9999px; border-radius: 9px; background-color: #1886ff; }
.service-portal .notice-item .expired {font-size: .6875rem; font-weight: 500; line-height: 20px; position: absolute; top: 19px; right: 19px;  display: block; height: 20px; padding: 0 10px; text-align: center; color: #fff; border-radius: 20px; background-color: #999; }
.service-portal .notice-item .notice-category {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; }
.service-portal .notice-item .notice-category:after {display: block; width: 20px; height: 3px; margin-top: 10px;  content: ''; }
.service-portal .notice-item .notice-item-title {font-size: 1rem; line-height: 1.375em; line-height: 1.4em; position: relative; overflow: hidden; max-height: 2.8em;  margin-top: 10px; margin-right: -1em; padding-right: 1em; word-break: break-all; color: #333; }
.service-portal .notice-item .notice-item-title:before {position: absolute; right: 3px; bottom: .35em;  content: '...'; }
.service-portal .notice-item .notice-item-title:after {position: absolute; right: 0; width: 1em; height: 1em; margin-top: .2em;  content: ''; background: white; }
.service-portal .notice-item .update {font-size: .75rem; position: absolute; bottom: 24px;  display: block; color: #999; }
.service-portal .notice-item.is-selected { background-color: #f4f4f4; }
.service-portal .notice-item:hover { border: 1px solid #1886ff; }
.service-portal .notice-item[data-state=new] .notice-category { color: #1886ff; }
.service-portal .notice-item[data-state=new] .notice-category:after { background-color: #1886ff; }
.service-portal .notice-item[data-state=event] .notice-category { color: #6cb41d; }
.service-portal .notice-item[data-state=event] .notice-category:after { background-color: #6cb41d; }
.service-portal .notice-item[data-state=check] .notice-category { color: #f66c23; }
.service-portal .notice-item[data-state=check] .notice-category:after { background-color: #f66c23; }
.service-portal .agreement-statement { overflow: auto; box-sizing: border-box; height: 805px; margin: 0 25px; padding: 60px; border: 1px solid #e6e6e6; }
.service-portal .sercurity-ip-wrap { position: relative; }
.service-portal .sercurity-ip-wrap .nolimit { position: absolute; top: 17px; right: 32px; bottom: 0; left: 32px; background: rgba(244, 244, 244, .8); }
.service-portal .sercurity-ip-wrap .nolimit p {font-size: 1rem; position: absolute; top: 50%; width: 100%;  text-align: center; }
.service-portal .sercurity-ip-wrap .nolimit p:before {bottom: 7px; display: block; width: 209px; height: 113px; margin: -81px auto 0;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px -115px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-ip-wrap .nolimit p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .security-table {box-sizing: border-box;  margin-top: 29px; padding: 17px 32px 0; }
.service-portal .security-table table { width: 100%; border-bottom: 1px solid #ddd; }
.service-portal .security-table thead th {font-size: .75rem; font-weight: 400; height: 30px;  padding: 0 10px; text-align: center; color: #000; }
.service-portal .security-table thead th.left { text-align: left; }
.service-portal .security-table tbody td , .service-portal .security-table tbody th {font-size: .75rem; line-height: 40px; height: 40px;  padding: 15px 10px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #ddd; }
.service-portal .security-table tbody td .setupInfo { min-width: 400px; }
.service-portal .security-table tbody td .setupInfo .address { padding: 0; }
.service-portal .security-table tbody td .setupInfo .explain input[type=text] { width: 540px; margin: 0; padding: 0 10px; text-align: left; }
.service-portal .security-table tbody td .setupInfo .band + p { padding: 0 0 0 14px; }
.service-portal .security-table tbody td .invalid-message { font-size: .75rem; }
.service-portal .security-table tbody td .text { max-width: 300px; word-break: break-all; }
.service-portal .security-table tbody td.center { text-align: center; }
.service-portal .security-table tbody td .no-data { padding: 70px 0 60px; }
.service-portal .security-table tbody th { position: relative; }
.service-portal .security-table tbody th .update-group-name {position: absolute; top: 15px; right: 15px; bottom: 0; left: 10px;  display: none; background-color: #fff; }
.service-portal .sercurity-setup-step {position: relative; box-sizing: border-box; min-height: 450px; padding: 0 30px;  border: 1px solid #e4e4e4; border-top: 0; }
.service-portal .sercurity-setup-step.possible_login { padding: 105px 30px; }
.service-portal .sercurity-setup-step.possible_login.nolimit { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100% - 1px); border: 0; background: rgba(244, 244, 244, .9); }
.service-portal .sercurity-setup-step .login-possibility {font-size: 1rem; width: 100%;  text-align: center; }
.service-portal .sercurity-setup-step .login-possibility:before {display: block; width: 186px; height: 123px; margin: 0 auto 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -227px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .login-possibility:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .sercurity-setup-step .setup-step > p { font-size: .875rem; padding: 20px 0; color: #888; border-bottom: 1px solid #e4e4e4; }
.service-portal .sercurity-setup-step .setup-step .util {padding: 19px 0 0;  text-align: center; }
.service-portal .sercurity-setup-step .setup-step .util button { min-width: 100px; margin-left: 6px; opacity: .7; }
.service-portal .sercurity-setup-step .setup-step .util p {font-size: .75rem; line-height: 1.5em;  display: inline-block; color: #888; }
.service-portal .sercurity-setup-step .setup-step .util p + button {position: relative; bottom: 2px; margin-left: 10px;  vertical-align: text-bottom; }
.service-portal .sercurity-setup-step .setup-step .step-wrap {padding: 0 0 25px;  text-align: center; border-bottom: 1px solid #e4e4e4; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .info-text { padding: 10px 0 20px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .sercurity-fin {font-size: 1.125rem; width: 100%; margin: 36px 0;  text-align: center; color: #1886ff; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .sercurity-fin:before {position: relative; left: 13px; display: block; width: 221px; height: 109px; margin: 0 auto 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .setup-step .step-wrap .sercurity-fin:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap { display: inline-block; box-sizing: border-box; width: 435px; height: 154px; padding: 20px; text-align: left; border: 1px solid #e0e0e0; border-radius: 5px; background: #fff; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap > div { float: left; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right { margin: 30px 0 0 30px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number] {font-size: 1.625rem; width: 242px; padding: 0;  text-align: center; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]:-webkit-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]::-webkit-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]:-moz-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]::-moz-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]:-ms-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]::-ms-input-placeholder { font-size: .875rem; position: relative; bottom: 4px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]::-ms-input-placeholder { font-size: .875rem; transform: scale(.54); }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]:lang(en)::-ms-input-placeholder , .service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right input[type=number]:lang(ja)::-ms-input-placeholder { font-size: .875rem; transform: scale(.54) translateX(-4rem); }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .certify_wrap .right .invalid-message { font-size: .75rem; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .certify .invalid-message { margin: 10px 0 -5px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li {position: relative; display: inline-block;  width: 190px; height: 154px; margin-left: 55px; border: 1px solid #e0e0e0; border-radius: 5px; background: #fff; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:before {font-size: .875rem; font-weight: 500;  position: absolute; top: 50%; left: -48px; width: 35px; height: 22px; margin: -11px 0 0; content: 'OR'; color: #888; background: none; }
html:lang(zh) .service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:before {left: -50px; width: auto; margin-top: -14px;  content: '选择'; background: none; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child { margin-left: 0; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child:before { content: none; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child:after {width: 90px; height: 90px;  margin-left: -45px; background-image: url(../images/layout_sprites.png); background-position: -146px -234px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child a:before {width: 16px; height: 19px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -304px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li:first-child a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li .qr_img { position: absolute; top: 13px; left: 50%; margin: 0 0 0 -45px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li .qr_img img { max-width: 90px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li a {font-size: .75rem; line-height: 38px;  position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; color: #fff; border-radius: 0 0 5px 5px; background: #000; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li a:before {position: relative; bottom: 2px; display: inline-block; width: 16px; height: 19px; margin-right: 4px;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -282px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
html[lang=en] .service-portal .sercurity-setup-step .setup-step .step-wrap .qr_wrap li a:before { margin-right: 8px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress { display: block; margin-top: 28px; text-align: center; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li {position: relative;  display: inline-block; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li .step {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 700; line-height: 35px; position: relative; z-index: 1;  display: inline-block; box-sizing: border-box; width: 35px; height: 35px; text-align: center; color: #ccc; border-radius: 35px; background-color: #eee; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .09); }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li + li { padding-left: 100px; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li + li:before {position: absolute; top: 50%; right: 0; left: -5px; display: block; height: 4px; margin-top: -2px;  content: ''; background-color: #eee; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.current:before { background-color: #3b92ff; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.current .step { color: #fff; background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.done:before { background-color: #3b92ff; }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.done .step { text-indent: -9999px; background-color: #228aff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3); }
.service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.done .step:before {position: absolute; top: 50%; left: 50%; display: block; width: 17px; height: 12px; margin-top: -6px; margin-left: -8.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -288px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal .sercurity-setup-step .setup-step .step-wrap .generation-progress > li.done .step:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal .sercurity-setup-step .explain { font-size: .875rem; line-height: 1.57143em; padding: 15px 0 0; text-align: center; color: #888; }


.service-portal.page-portal-monthly-charges { background-color: #f4f4f4; }
.service-portal.page-portal-monthly-charges .layout-contents { -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-portal-monthly-charges .title-monthly-charges { display: none; }
.service-portal.page-portal-monthly-charges .monthly-filter {overflow: hidden;  box-sizing: border-box; width: 1200px; margin: 0 auto; padding: 15px 32px; }
.service-portal.page-portal-monthly-charges .monthly-filter .filter-title {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 15px; color: #000; }
.service-portal.page-portal-monthly-charges .monthly-filter select {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  margin-right: 40px; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month { display: inline-block; overflow: hidden; vertical-align: middle; border: 1px solid #e6e6e6; background-color: #f3f3f3; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio] { position: absolute; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 34px;  display: block; float: left; box-sizing: border-box; width: 40px; height: 38px; padding: 0; text-align: center; color: #666; border: 2px solid #f3f3f3; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio] + label:before , .service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio] + label:after { content: none; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio]:checked + label { color: #000; border-color: #000; background-color: #fff; }
.service-portal.page-portal-monthly-charges .monthly-filter .select-month input[type=radio][disabled] + label { color: rgba(102, 102, 102, .2); }
.service-portal.page-portal-monthly-charges .monthly-filter .update-date {font-size: .75rem; font-weight: 400; line-height: 3.33333em;  display: inline-block; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-filter .update-date:before {display: inline-block; width: 13px; height: 14px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -19px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-filter .update-date:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .monthly-charges-warning {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: block; margin-top: 15px; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-warning .caution { color: #008dff; }
.service-portal.page-portal-monthly-charges .monthly-charges-warning em , .service-portal.page-portal-monthly-charges .monthly-charges-warning strong { font-weight: 700; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail { position: relative; margin-top: 15px; padding: 0 40px 40px 40px; background-color: #fff; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly { margin: 0 -40px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly:after {display: table; clear: both;  content: ''; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item { display: block; float: left; box-sizing: border-box; width: 50%; height: 150px; padding: 45px 30px; color: #fff; background-color: #a4abb5; box-shadow: inset 0 0 2px 0 #686c72; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; position: relative;  display: block; float: left; padding: 0 0 0 60px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .info:before {position: absolute; top: 0; left: 0; display: block; width: 45px; height: 59px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -206px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .info:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .info .monthly-title {font-size: 1.5rem; font-weight: 500; line-height: 1.08333em;  display: block; margin-top: 3px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .info .term {font-size: .875rem; font-weight: 400; line-height: 1.28571em;  display: block; margin-top: 9px; color: #ddd; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .price {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 60px;  display: block; float: right; text-align: right; color: #fff; }
html[lang=en] .service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item .price { font-size: 2.3125rem; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item.is-selected { position: relative; cursor: default; background-color: #338ff9; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item.is-selected:before {position: absolute; bottom: -18px; left: 35px; display: block; width: 0; height: 0;  content: ''; border-width: 19px 16px 0 16px; border-style: solid; border-color: #338ff9 transparent transparent transparent; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .recent-monthly .monthly-item.is-selected .term { color: rgba(214, 232, 253, .8); }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .current-monthly-title {font-size: 1.125rem; font-weight: 700; line-height: 1.16667em;  display: block; margin-top: 40px; color: #000; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-top-message {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: block; float: right; margin-top: -20px; text-align: right; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges {width: 100%;  margin-top: 20px; border-top: 2px solid #000; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr > th {font-size: .75rem; font-weight: 400; height: 30px;  padding: 0 10px; color: #666; border-bottom: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr > th + th { border-left: 1px solid #e6e6e6; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr > td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 500;  position: relative; height: 90px; text-align: center; color: #000; border-bottom: 1px solid #e6e6e6; background-color: #fff; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr > td + td { border-left: 1px solid #e6e6e6; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage > td { padding: 12px 30px 12px 25px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container {position: relative;  display: block; float: left; box-sizing: border-box; min-width: 190px; margin-top: 5px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart { display: block; width: 190px; height: 96px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-title {font-size: .75rem; font-weight: 400; position: absolute; top: 50px; left: 0;  display: block; width: 190px; text-align: center; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend { display: block; margin-top: 10px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span {font-size: .6875rem; font-weight: 400; line-height: 1.72727em;  display: inline-block; color: #999; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span:before {display: inline-block; width: 8px; height: 8px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; background-color: #dfdfdf; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span + span { margin-left: 5px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend .remain:before { background-color: #71c826; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .type { font-size: 1.125rem; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .per-person {font-size: .75rem; font-weight: 400; line-height: 1.83333em;  display: block; margin-top: 4px; text-align: center; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .dc { color: #008dff; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sub-info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; font-weight: 400; line-height: 1.36364em;  display: inline-block; margin-top: -2px; padding: 0 4px; vertical-align: middle; color: #338ff9; border: 1px solid #338ff9; border-radius: 3px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .btn-inner {font-size: .75rem; font-weight: 400; line-height: 1.83333em;  display: inline-block; margin-top: -3px; padding: 0 15px; text-align: center; vertical-align: middle; color: #fff; background-color: #338ff9; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sms {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sms:before {display: inline-block; width: 16px; height: 13px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -630px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sms:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .voice-call {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .voice-call:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -617px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .voice-call:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sms-message {font-size: .75rem; font-weight: 400;  display: inline-block; float: right; color: #999; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .sms-message strong { font-weight: 700; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .coming-soon {font-size: .75rem; font-weight: 500; line-height: 1.5em; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: block; padding: 40px 0; text-align: center; color: #999; background-color: rgba(255, 255, 255, .9); }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .coming-soon:before {display: block; width: 34px; height: 29px; margin: 0 auto 7px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -326px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-currnet-monthly-charges .coming-soon:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage { float: right; width: 252px; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage > tbody > tr > th {font-size: .75rem; font-weight: 400;  height: 33px; text-align: left; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage > tbody > tr > td { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 500; text-align: right; color: #000; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage > tbody > tr + tr th , .service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage > tbody > tr + tr td { border-top: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage .unit {font-size: .75rem;  display: inline-block; vertical-align: middle; color: #666; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage strong { font-weight: 500; color: #e73c98; }
.service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage [data-tooltip=info]:after {display: inline-block; width: 13px; height: 13px; margin: -2px 0 0 3px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -245px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .monthly-charges-detail .tbl-sms-usage [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .current-monthly-usage { padding: 29px 40px 30px 40px; background-color: #f4f4f4; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .update-time {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; float: right; color: #666; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .current-monthly-usage-title {font-size: 1rem; font-weight: 700; line-height: 1.1875em;  display: block; color: #000; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list {width: 100%;  margin-top: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead th {font-size: .75rem; font-weight: 700; height: 31px;  padding: 0 15px; text-align: left; color: #000; border-bottom: 1px solid #ccc; background-color: #f7f7f7; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead th.index { text-align: center; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead th.count { text-align: center; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead th + th { border-left: 1px solid #ccc; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead th + td { border-left: 1px solid #ccc; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead td { text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f7f7f7; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list thead td .btn-sort { font-weight: 400; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td {font-size: .75rem; font-weight: 400;  position: relative; height: 39px; padding: 0 15px; text-align: left; color: #000; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th.index , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td.index { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; text-align: center; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th.count , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td.count { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; text-align: center; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th.none , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td.none { height: 160px; background-color: transparent; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th + th , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th + td , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td + th , .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody td + td { border-left: 1px solid #ccc; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody th { font-weight: 700; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list tbody tr + tr { border-top: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .none-usage {font-size: .75rem; font-weight: 500; line-height: 1.5em; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: block; padding: 40px 0; text-align: center; color: #999; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .none-usage:before {display: block; width: 80px; height: 48px; margin: 0 auto 7px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -356px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .none-usage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort {font-size: .75rem; font-weight: 700; line-height: 30px; position: relative;  display: inline-block; padding-right: 22px; text-align: left; vertical-align: middle; white-space: nowrap; color: #000; }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort:after {position: absolute; top: 50%; right: 0; display: block; width: 17px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort[data-state=desc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort[data-state=desc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort[data-state=asc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges .current-monthly-usage .tbl-monthly-usage-list .btn-sort[data-state=asc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.service-portal.page-portal-monthly-charges.mcv2 { background-color: rgba(195, 200, 205, .1); }
.service-portal.page-portal-monthly-charges.mcv2 .layout-contents { -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-portal-monthly-charges.mcv2 .layout-contents .layout-page-title {padding-bottom: 0px;  border-bottom: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .layout-contents .layout-page-title .layout-page-title-inner { padding: 0 26px; }
.service-portal.page-portal-monthly-charges.mcv2 .layout-contents.only-top-full .layout-contents-inner.fixed-center { padding: 0 26px; }
.service-portal.page-portal-monthly-charges.mcv2 .title-monthly-charges { display: none; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter {overflow: hidden;  box-sizing: border-box; width: 1200px; margin: 0 auto; padding: 10px 26px; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .filter-title {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 10px; color: #666; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter select {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400;  margin-right: 20px; border-radius: 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month { display: inline-block; overflow: hidden; vertical-align: middle; border: 1px solid #e5e5e5; border-radius: 4px; background-color: #f3f3f3; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio] { position: absolute; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 38px;  display: block; float: left; box-sizing: border-box; width: 36px; height: 38px; padding: 0; text-align: center; color: #5e6b78; border: 0; border-radius: 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio] + label:before , .service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio] + label:after { content: none; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio]:checked + label { color: #222; background-color: #fff; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .select-month input[type=radio][disabled] + label { color: #c3c8cd; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .update-date {font-size: .75rem; font-weight: 400; line-height: 3.33333em;  display: inline-block; color: #666; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .update-date:before {display: inline-block; width: 13px; height: 14px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -19px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .monthly-filter .update-date:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  position: relative; display: block; margin-top: 20px; padding: 14px 15px 14px 37px; color: #88939f; border: 1px solid rgba(215, 222, 229, .6); border-radius: 4px; background: #f5f5f7; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning:before {position: absolute; top: 16px; left: 15px; width: 16px; height: 16px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning .caution { color: #008dff; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning em , .service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-warning strong { font-weight: 700; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail { position: relative; margin-top: 15px; padding: 0 30px 30px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1); }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly {overflow: hidden;  margin: 0 -30px; border-radius: 4px 4px 0 0; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly:after {display: table; clear: both;  content: ''; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly.mono .monthly-item { width: 100%; border-right: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item { display: block; float: left; box-sizing: border-box; width: 50%; height: 118px; padding: 37px 30px 35px; color: #000; border-right: 1px solid #cdd4db; border-bottom: 1px solid #cdd4db; background-color: #f5f5f7; box-shadow: inset 0 0 0 0 #686c72; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item + .monthly-item { border-right: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .info {font-family: 'Noto Sans Korean'; position: relative;  display: block; float: left; padding: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .info:before { display: none; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .info .monthly-title {font-size: 1.25rem; font-weight: 500; line-height: 1.45em;  display: block; margin-top: 3px; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .info .term {font-size: .8125rem; font-weight: 400; line-height: 1.46154em;  display: block; margin-top: 0px; color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .price {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.25rem; font-weight: 400; line-height: 50px;  display: block; float: right; text-align: right; color: #88939f; }
html[lang=en] .service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item .price { font-size: 2.0625rem; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item.is-selected { position: relative; cursor: default; border-bottom: 0px; background-color: #fff; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item.is-selected:before { display: none; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item.is-selected .price { color: #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .recent-monthly .monthly-item.is-selected .term { color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .current-monthly-title {font-size: .8125rem; font-weight: 400; line-height: 1.46154em;  display: block; margin-top: 10px; margin-bottom: 12px; color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .tbl-top-message {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: block; float: right; margin-top: -34px; text-align: right; color: #666; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .current-monthly-detail-view {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; float: right; margin-top: -30px; padding: 6px 12px; transition: .5s ease; text-align: center; color: #fff; border-radius: 4px; background: #748599; }
.service-portal.page-portal-monthly-charges.mcv2 .monthly-charges-detail .current-monthly-detail-view:hover {transition: .5s ease;  background: #5e6b78; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used { padding: 0; background-color: #fff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list {width: 100%;  margin-top: 15px; border-spacing: 0px; border-collapse: separate; border: 1px solid #efefef; border-radius: 4px; background-color: #fff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead { display: table-header-group; border-collapse: separate; vertical-align: middle; border-color: inherit; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th {font-size: .75rem; font-weight: 700; overflow: hidden; height: 40px;  padding: 0 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #000; border-bottom: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(1) { width: 18px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(2) { width: 250px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(3) { width: 103px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(4) { width: 169px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(5) { width: 138px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(6) { width: 138px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th:nth-child(7) { width: auto; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > thead th + th { border-left: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody:first-child > tr:first-child > td:first-child { border-radius: 4px 0 0 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody:last-child > tr:last-child > td:first-child { border-radius: 0 0 0 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td.detail { background: #f8f9fa; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges {overflow: hidden; width: 100%;  margin-top: 20px; border-collapse: separate; border: 1px solid #e6e6e6; border-radius: 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr:last-child > td { border-bottom: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr > td { border-bottom: 1px solid #e6e6e6; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr > td p { display: block; padding: 0 10px; text-align: left; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(4) , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(5) , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(6) { text-align: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges + table.tbl-currnet-monthly-charges {height: 192px;  margin-top: 20px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr th {font-weight: 700;  text-align: center; color: #000; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > th:first-child { border-radius: 4px 0 0 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > th:last-child { border-radius: 0 4px 0 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td:first-child { border-radius: 0 0 0 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td:last-child {border-left: 1px solid #e6e6e6;  border-radius: 0 0 4px 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > th , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td { position: relative; padding: 0px; vertical-align: middle; border-bottom: 0px solid #efefef; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > th {font-size: .8125rem; font-weight: 700; height: 30px;  padding: 0 10px; color: #000; border-bottom: 1px solid #e6e6e6; background-color: #f8f9fa; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > th + th { border-left: 1px solid #e6e6e6; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; font-weight: 500;  position: relative; height: 50px; text-align: center; color: #000; border-bottom: 0px solid #e6e6e6; background-color: #fff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(4) , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(5) , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(6) { text-align: right; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p { position: relative; display: block; padding-right: 10px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.total-price { color: #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.text-right { text-align: right; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn { padding-right: 48px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label { position: absolute; top: 50%; right: 10px; overflow: hidden; width: 28px; height: 28px; transition: .3s ease-in-out; transform: translateY(-50%); text-indent: -9999em; border: 1px solid #e5e5e5; border-radius: 4px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label.detail-view:before {position: absolute; top: 50%; left: 50%; width: 18px; height: 19px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -351px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label.detail-view:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label:hover { border: 1px solid #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label + button { display: none; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr > td + td { border-left: 1px solid #e6e6e6; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td { padding: 12px 30px 12px 25px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th {font-size: .8125rem; font-weight: 400; line-height: 1.1875rem;  text-align: left; color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td { font-size: .8125rem; font-weight: 500; line-height: 1.1875rem; color: #000; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td span.unit { color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td strong { font-weight: 500; color: #e73c98; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td [data-tooltip=info]:after {display: inline-block; width: 13px; height: 13px; margin: -2px 0 0 3px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -245px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage > td [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container { position: relative; position: relative; display: block; float: left; box-sizing: border-box; min-width: 190px; margin-top: 5px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .no-data {font-size: .75rem; font-weight: 500;  position: absolute; z-index: 500; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; color: #88939f; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart { display: block; width: 190px; height: 96px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-title {font-size: .75rem; font-weight: 400; position: absolute; top: 46px; left: 0;  display: block; width: 190px; text-align: center; color: #666; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend { display: block; margin-top: 10px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span {font-size: .6875rem; font-weight: 400; line-height: 1.72727em;  display: inline-block; color: #999; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span:before {display: inline-block; width: 8px; height: 8px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; background-color: #dfdfdf; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span + span { margin-left: 5px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend .remain:before { background-color: #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .type { font-size: .8125rem; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .section-price , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .per-person , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .dc-info {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 0px; text-align: center; color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .dc-info { text-align: right; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .dc { color: #0acd7f; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sub-info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; font-weight: 400; line-height: 1.36364em;  display: inline-block; margin-top: -2px; padding: 0 4px; vertical-align: middle; color: #338ff9; border: 1px solid #338ff9; border-radius: 3px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .btn-inner {font-size: .75rem; font-weight: 400; line-height: 1.83333em;  display: inline-block; margin-top: -3px; padding: 0 15px; text-align: center; vertical-align: middle; color: #fff; background-color: #338ff9; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sms {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #000; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sms:before {display: inline-block; width: 16px; height: 13px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -630px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sms:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .voice-call {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #000; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .voice-call:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -617px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .voice-call:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sms-message {font-size: .75rem; font-weight: 400;  display: inline-block; float: right; color: #999; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .sms-message strong { font-weight: 700; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .coming-soon {font-size: .75rem; font-weight: 500; line-height: 1.5em; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: block; padding: 45px 0; text-align: center; color: #88939f; background-color: white; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .coming-soon:before {display: block; width: 34px; height: 29px; margin: 0 auto 7px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -326px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody td .tbl-currnet-monthly-charges .coming-soon:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500;  position: relative; padding: 0px 14px; text-align: left; vertical-align: middle; color: #000; border-bottom: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.amount , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.amount { text-align: right; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.price , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.price { text-align: right; color: #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view {padding: 0px;  text-align: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button { position: relative; box-sizing: border-box; padding: 4px 20px 4px 8px; border: 1px solid #e5e5e5; border-radius: 14px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button:hover , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button:hover { border-color: #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button.on , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button.on { color: #1886ff; border-color: #e5e5e5; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button.on:before , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button.on:before {margin-top: -7.5px;  transform: rotateX(180deg); border-top: 5px solid #1886ff; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button.on:hover , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button.on:hover { border-color: #e5e5e5; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.view button:before , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.view button:before {position: absolute; top: 50%; right: 8px; width: 0px; height: 0px; margin-top: 2.5px;  content: ''; transition: .3s ease-in-out; transform: translateY(-50%); border-top: 5px solid #88939f; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.index , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.index { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; text-align: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.count , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.count { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; text-align: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.none , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.none { height: 160px; background-color: transparent; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th.no-data , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td.no-data { text-align: center; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th + th , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > th + td , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td + th , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td + td { border-left: 1px solid #efefef; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td { height: 51px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr > td > span.sub-info {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 0px; text-align: left; color: #88939f; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr.view-tr { display: none; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr.view-tr > td { padding: 15px 14px; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr.open + tr.view-tr { display: table-row; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr:last-child th , .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list > tbody > tr:last-child td { border-bottom: 0; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .none-usage {font-size: .75rem; font-weight: 500; line-height: 1.5em; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: block; padding: 40px 0; text-align: center; color: #999; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .none-usage:before {display: block; width: 80px; height: 48px; margin: 0 auto 7px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -472px -356px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .none-usage:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort {font-size: .75rem; font-weight: 700; line-height: 30px; position: relative;  display: inline-block; padding-right: 22px; text-align: left; vertical-align: middle; white-space: nowrap; color: #000; }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort:after {position: absolute; top: 50%; right: 0; display: block; width: 17px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort[data-state=desc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort[data-state=desc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort[data-state=asc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-portal-monthly-charges.mcv2 .current-monthly-used .tbl-monthly-used-list .btn-sort[data-state=asc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.service-portal.page-pricing .layout-page-title .btn-application {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; width: 194px; height: 40px; margin-right: -10px; text-align: center; color: #fff; background-color: #000; }
.service-portal.page-pricing .layout-page-title .btn-application:before {display: inline-block; width: 19px; height: 19px; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -301px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-pricing .layout-page-title .btn-application:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-portal.page-pricing .layout-contents-inner {padding: 17px 32px 0 32px;  -ms-flex-pack: start; justify-content: flex-start; }
.service-portal.page-pricing .layout-contents-inner .common-tabs { display: -ms-flexbox; display: flex; }
.service-portal.page-pricing .layout-contents-inner .common-tabs .btn { -ms-flex: 1 1 0px; flex: 1 1 0; }

.service-portal.page-pricing .pricing-description {font-size: .875rem; font-weight: 500; line-height: 1.64286em;  display: block; margin-top: 33px; }

.service-portal.page-pricing .pricing-guide {font-size: .875rem; line-height: 1.64286em;  margin-top: 14px; color: #000; }
.service-portal.page-pricing .pricing-guide ol > li { margin-top: 14px; }

.service-portal.page-pricing .list-pricing { display: -ms-flexbox; display: flex; margin: 35px -20px 0 -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }
.service-portal.page-pricing .list-pricing:after {display: table; clear: both;  content: ''; }
.service-portal.page-pricing .list-pricing > li {width: 360px;  margin: 0 15px 40px 15px; }
.service-portal.page-pricing .list-pricing.alertnow.temp > li { width: 554px; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item { height: auto; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost { position: static; border: 0; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost p + p { margin-top: 15px; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .value { font-size: 3.75rem; color: #0072f7; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .value em {font-family: 'Apple SD Gothic','Noto Sans Korean', sans-serif;  font-size: 2.5rem; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .value span { font-size: .875rem; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .explain { font-size: 14px; line-height: 1.57143em; color: #666; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .explain span { display: block; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-item-cost .explain span em { font-weight: 700; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list {font-size: 1rem; padding: 20px 40px; text-align: left;  background: #f9f9f9; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li { padding: 10px 0 10px 30px; text-indent: -30px; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li:before {display: inline-block; width: 15px; height: 11px; margin-right: 15px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -465px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li.none { color: #bbb; }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li.none:before {width: 15px; height: 11px;  background-image: url(../images/layout_sprites.png); background-position: -486px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li.none:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.page-pricing .list-pricing.alertnow .pricing-benefit-list li em { color: #0072f7; }

.service-portal.page-pricing .pricing-item {position: relative;  display: block; height: 412px; text-align: center; border: 2px solid #e4e3e3; background-color: #fff; }
.service-portal.page-pricing .pricing-item .head {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-size: 500; line-height: 50px;  height: 50px; text-transform: uppercase; color: #fff; background: #63b4f0; }
.service-portal.page-pricing .pricing-item .head.basic { background: #0088f8; }
.service-portal.page-pricing .pricing-item .head.standard { background: #0088f8; }
.service-portal.page-pricing .pricing-item .head.enterprise { background: #0056dd; }
.service-portal.page-pricing .pricing-item .key {font-size: .75rem; font-weight: 500;  display: block; color: #999; }
.service-portal.page-pricing .pricing-item .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.20833em;  display: block; }
.service-portal.page-pricing .pricing-item .explain { font-size: 14px; line-height: 1.57143em; padding: 0 15px; color: #666; }
.service-portal.page-pricing .pricing-item .explain span { display: block; }
.service-portal.page-pricing .pricing-item .explain span em { font-weight: 700; }
.service-portal.page-pricing .pricing-item .intance { display: block; margin-top: 80px; }
.service-portal.page-pricing .pricing-item .intance .value { margin-top: 10px; }
.service-portal.page-pricing .pricing-item .intance:before {display: block; width: 80px; height: 63px; margin: 0 auto 27px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -92px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-pricing .pricing-item .intance:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-pricing .pricing-item .users { display: block; margin-top: 52px; }
.service-portal.page-pricing .pricing-item .users .value { margin-top: 10px; }
.service-portal.page-pricing .pricing-item .users:before {display: block; width: 73px; height: 68px; margin: 0 auto 10px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-pricing .pricing-item .users:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-pricing .pricing-item .pricing-item-cost { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 0 45px 0; border-top: 1px dashed #e4e3e3; }
.service-portal.page-pricing .pricing-item .pricing-item-cost .value { font-size: 2.8125rem; line-height: 1.22222em; color: #000; }
.service-portal.page-pricing .pricing-item .pricing-item-cost .value.too { font-size: 2.5rem; }
.service-portal.page-pricing .pricing-item .pricing-item-cost .value em {font-family: 'Apple SD Gothic','Noto Sans Korean', sans-serif;  font-size: 2.0625rem; }
.service-portal.page-pricing .pricing-item .pricing-item-cost .value span { font-size: .75rem; color: #666; }
.service-portal.page-pricing .pricing-item .pricing-item-cost strong.value { color: #0072f7; }
.service-portal.page-pricing .pricing-item .pricing-item-cost p + p { margin-top: 10px; }
.service-portal.page-pricing .pricing-item[data-state=md] { height: 412px; }

.service-portal.page-pricing .tbl-pricing {width: 100%;  margin-top: 35px; }
.service-portal.page-pricing .tbl-pricing thead th {font-size: .75rem; font-weight: 700;  position: relative; height: 60px; padding: 0 0 0 25px; text-align: left; color: #000; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.service-portal.page-pricing .tbl-pricing thead th + th:before {position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 20px; margin-top: -10px;  content: ''; background-color: #ddd; }
.service-portal.page-pricing .tbl-pricing tbody td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.5rem; line-height: 1.45833em; height: 120px;  padding-left: 25px; color: #000; border-bottom: 2px solid #eee; }
.service-portal.page-pricing .tbl-pricing tbody td img { display: inline-block; width: 62px; height: 62px; }
.service-portal.page-pricing .tbl-pricing tbody td.idx {font-size: 1.25rem; font-weight: 400;  padding-left: 45px; text-align: left; color: #666; }
.service-portal.page-pricing .tbl-pricing tbody td .from-to {font-size: .75rem; font-weight: 500; line-height: 1.66667em;  display: block; margin-bottom: 10px; color: #999; }
.service-portal.page-pricing .tbl-pricing tbody td .tilde { display: inline-block; margin-top: 33px; }
.service-portal.page-pricing .tbl-pricing tbody td .won { font-size: 1.1875rem; margin-right: 5px; }
.service-portal.page-pricing .tbl-pricing .c { padding-right: 0; padding-left: 0; text-align: center; }
.service-portal.page-pricing .tbl-pricing .rates {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; line-height: 70px;  display: inline-block; width: 70px; text-align: center; color: #fff; border-radius: 70px; background-color: #0072f7; hegith: 70px; }


.service-portal.page-intro .layout-contents { padding: 0px; }
.service-portal.page-intro .layout-contents .layout-page-title { margin: 0; }
.service-portal.page-intro .layout-contents .layout-page-title .layout-page-utils .button-normal { min-width: 140px; }

.service-portal.page-intro .intro-wrap h2 { font-size: 1.625rem; font-weight: 700; line-height: 1.5em; }
html[lang=en] .service-portal.page-intro .intro-wrap h2 { font-size: 1.5625rem; }

.service-portal.page-intro .intro-wrap h3 { font-size: 1.4375rem; font-weight: 700; }
.service-portal.page-intro .intro-wrap h3 span {font-size: 1.1875rem; font-weight: 500;  display: block; }

.service-portal.page-intro .intro-contents {width: 980px;  margin: 0 auto; }

.service-portal.page-intro .intro-header { padding: 88px 0 105px 0; text-align: center; }
.service-portal.page-intro .intro-header .img-wrap { padding: 52px 0 62px; }
.service-portal.page-intro .intro-header .description { text-align: left; }
.service-portal.page-intro .intro-header .description > ul {display: table; clear: both; width: 100%;  content: ''; }
.service-portal.page-intro .intro-header .description > ul > li { float: left; }
html[lang=en] .service-portal.page-intro .intro-header .description > ul > li:nth-child(3) { margin: 5px 0 0; }
html[lang=zh] .service-portal.page-intro .intro-header .description > ul > li:nth-child(3) { margin: 40px 0 0; }
.service-portal.page-intro .intro-header .description > ul > li:nth-child(2) { float: right; }
.service-portal.page-intro .intro-header .description > ul > li:nth-child(3) { clear: both; margin: 30px 0 0; }
.service-portal.page-intro .intro-header .description > ul > li ul { margin: 20px 0 0; }
.service-portal.page-intro .intro-header .description > ul > li ul li { font-size: 1rem; line-height: 1.42857em; margin: 8px 0 0; padding: 0 0 0 10px; text-indent: -10px; color: #4a4a4a; }
.service-portal.page-intro .intro-header .description > ul > li ul li:before {position: relative; bottom: 2px; display: inline-block; width: 3px; height: 3px; margin-right: 8px;  content: ''; vertical-align: middle; background: #9b9b9b; }

.service-portal.page-intro .intro-screenshot { padding: 125px 0 137px 0; background-color: #f6f6f6; }
.service-portal.page-intro .intro-screenshot .intro-contents section { padding: 75px 0; border-bottom: 1px solid #d4d4d4; }
.service-portal.page-intro .intro-screenshot .intro-contents section h2 { font-size: 2.125rem; font-weight: bold; }
.service-portal.page-intro .intro-screenshot .intro-contents section p { font-size: 1.125rem; line-height: 1.7em; color: #555; }
.service-portal.page-intro .intro-screenshot .intro-contents section:first-child { padding-top: 20px; }
.service-portal.page-intro .intro-screenshot .intro-contents section:last-child { border-bottom: 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.integrated h2 { padding-bottom: 20px; }
.service-portal.page-intro .intro-screenshot .intro-contents section.integrated .text_img_both div { padding: 110px 0 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.integrated .text_img_both .img-wrap { padding: 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.incident .img-wrap { padding: 30px 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.escalation h2 { padding-bottom: 20px; }
.service-portal.page-intro .intro-screenshot .intro-contents section.escalation .text_img_both div { padding: 35px 0 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.escalation .text_img_both div .first { padding: 0 0 25px; }
.service-portal.page-intro .intro-screenshot .intro-contents section.escalation .text_img_both .img-wrap { padding: 0; }
.service-portal.page-intro .intro-screenshot .intro-contents section.escalation .img-wrap { padding: 92px 0 34px; }
.service-portal.page-intro .intro-screenshot .intro-contents section .text_img_both {display: table; clear: both;  width: 100%; content: ''; }
.service-portal.page-intro .intro-screenshot .intro-contents section .text_img_both div { float: left; }
.service-portal.page-intro .intro-screenshot .intro-contents section .text_img_both div.img-wrap { float: right; }
.service-portal.page-intro .intro-screenshot img { display: block; max-width: 100%; margin: 0 auto; }
.service-portal.page-intro .intro-screenshot .bg { text-align: center; }
.service-portal.page-intro .intro-screenshot .bg-line { position: relative; margin-top: 120px; padding-top: 120px; }
.service-portal.page-intro .intro-screenshot .bg-line:before {position: absolute; top: 0; left: 50%; display: block; width: 1200px; height: 1px; margin-left: -600px;  content: ''; background-color: #e4e4e4; }

.service-portal.page-intro .intro-link {position: relative; padding: 50px 0 130px; text-align: center;  background-color: #f6f6f6; }
.service-portal.page-intro .intro-link > a {position: relative;  display: inline-block; overflow: hidden; width: 1150px; height: 140px; margin: 0 0 20px; text-align: left; background-color: #fff; box-shadow: 1px 1px 2px 0 #b0b0b0; }
.service-portal.page-intro .intro-link > a > div { float: left; }
.service-portal.page-intro .intro-link > a .intro-link-imgarea {line-height: 8.75em;  width: 250px; height: 140px; text-align: center; }
.service-portal.page-intro .intro-link > a .intro-link-imgarea img { vertical-align: middle; }
.service-portal.page-intro .intro-link > a .into-link-textarea { width: 900px; padding: 35px 0 0; color: #888; }
.service-portal.page-intro .intro-link > a .into-link-textarea p { font-weight: 300; }
.service-portal.page-intro .intro-link > a .into-link-textarea p:first-child {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; font-weight: 300; margin: 0 0 4px;  color: #000; }
.service-portal.page-intro .intro-link > a .into-link-textarea p em { font-weight: 500; }
.service-portal.page-intro .intro-link > a:after {position: absolute; top: 50%; right: 50px; width: 27px; height: 51px; margin-top: -25.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -411px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.page-intro .intro-link > a:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-portal.page-intro .intro-link:before {position: absolute; top: 0; left: 50%; display: block; width: 1200px; height: 1px; margin-left: -600px;  content: ''; background-color: #e4e4e4; }


.service-intro-contents { padding-bottom: 0; }
.service-intro-contents > header {line-height: 3.0625em;  height: 49px; padding: 0 34px; }
.service-intro-contents > header img { vertical-align: middle; }
.service-intro-contents .intro-contents-top {min-width: 1008px; padding: 47px 0 0; text-align: center; color: #fff;  background-color: #0994f3; }
.service-intro-contents .intro-contents-top.service-guide-intro { padding: 27px 0 0px; }
.service-intro-contents .intro-contents-top h1 {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.25rem; font-weight: 300; line-height: 1;  padding: 15px 0 0; }
.service-intro-contents .intro-contents-top h1 em {font-size: 3.4375rem;  font-weight: 400; display: block; color: #00e1ff; }
.service-intro-contents .intro-contents-top p.sub-txt { font-size: 1rem; font-weight: 300; line-height: 1.5625em; padding: 5px 0 36px; }
.service-intro-contents .intro-contents-top .bg_area , .service-intro-contents .intro-contents-top .service-join-contents , .service-intro-contents .intro-contents-top .service-join-wrapper {position: relative; box-sizing: border-box;  width: 1000px; margin: 0 auto; text-align: left; }
.service-intro-contents .intro-contents-top .bg_area:after , .service-intro-contents .intro-contents-top .service-join-contents:after , .service-intro-contents .intro-contents-top .service-join-wrapper:after {display: table; clear: both;  content: ''; }
.service-intro-contents .intro-contents-top .bg_area { padding: 0 0 15px; }
.service-intro-contents .intro-contents-top .bg_area.metering-area {position: relative;  padding: 25px 0 58px; }
.service-intro-contents .intro-contents-top .bg_area.metering-area:before {position: absolute; top: 0; left: 0; width: 100%; height: 1px;  content: ''; background: rgba(0, 0, 0, .1); }
.service-intro-contents .intro-contents-top .service-join { margin: 31px 0 0; padding: 29px 0; background-color: #0885db; }
.service-intro-contents .intro-contents-top .service-join.service-join-asset { margin: 12px 0 0; }
.service-intro-contents .intro-contents-top .service-join p { font-size: 22px; font-weight: 500; line-height: 43px; float: left; }
.service-intro-contents .intro-contents-top .service-join a {font-size: 18px; font-weight: 500; line-height: 41px; position: relative; display: inline-block; float: right;  width: 241px; height: 43px; padding: 0 28px; color: #fff; border-radius: 100px; background-color: #00c2ff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); }
.service-intro-contents .intro-contents-top .service-join a:after {position: absolute; top: 50%; right: 20px; width: 8px; height: 12px; margin-top: -6px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -405px -330px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-intro-contents .intro-contents-top .service-join a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-intro-contents .intro-contents-top .service-join-wrapper {padding: 50px;  background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .5); }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap { position: relative; padding: 25px 0 00px; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap h3 { font-size: 1.125rem; font-weight: 500; padding: 0 0 10px; color: #1886ff; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap li { font-size: .875rem; line-height: 1.42857em; position: relative; margin: 10px 0 0; padding: 0 0 0 18px; color: #000; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap li:after {position: absolute; top: 5px; left: 0; width: 7px; height: 7px;  content: ''; border-radius: 100%; background-color: #000; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap li strong { font-weight: 600; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap a {font-size: 1rem; line-height: 2.5625em;  position: absolute; top: 50%; right: 0; display: inline-block; width: 190px; height: 41px; margin: -20px 0 0; padding: 0 0 0 30px; color: #fff; border-radius: 5px; background-color: #000; }
.service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap a:after {position: absolute; top: 50%; right: 20px; width: 8px; height: 12px; margin-top: -6px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -405px -330px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-intro-contents .intro-contents-top .service-join-wrapper .setup-guide-wrap a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap {width: 900px; margin: 0 auto;  padding: 28px 0 37px; text-align: center; background-color: #f6f6f6; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap h2 { font-size: 1.75rem; margin: 0 50px; padding: 0 0 22px; color: #000; border-bottom: 1px solid #d8d8d8; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .forms-item { margin: 20px 0 0; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .forms-item.first { margin: 30px 0 0; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .forms-item .label {font-size: .875rem;  display: inline-block; width: 108px; margin-right: 22px; text-align: left; color: #000; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .forms-item input { display: inline-block; width: 410px; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .invalid-message span { display: inline-block; width: 410px; text-align: left; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .invalid-message:before {font-size: .875rem;  display: inline-block; width: 108px; margin-right: 22px; content: ''; text-align: left; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .left_text_none { margin: 20px 0 0; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .left_text_none:before {font-size: .875rem;  display: inline-block; width: 108px; margin-right: 22px; content: ''; text-align: left; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .left_text_none .set-check {display: inline-block;  width: 410px; text-align: left; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .left_text_none .set-check a {margin: 0 0 0 5px;  color: #555; }
.service-intro-contents .intro-contents-top .service-join-wrapper .service-form-wrap .left_text_none .button-normal[data-size=large] {font-size: 1rem; font-weight: 500;  width: 410px; height: 50px; border-radius: 5px; }
.service-intro-contents .intro-contents-top .service-info-join { padding: 30px 0 0; }
.service-intro-contents .intro-contents-top .service-info-join p { font-size: 1rem; font-weight: 400; }
.service-intro-contents .intro-contents-top .service-info-join p a { text-decoration: underline; color: inherit; }
.service-intro-contents .intro-contents-top .service-guide {position: relative; box-sizing: border-box; width: 1000px; margin: 20px auto 0; padding: 50px; text-align: left; color: #000;  background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .5); }
.service-intro-contents .intro-contents-top .service-guide:after {display: table; clear: both;  content: ''; }
.service-intro-contents .intro-contents-top .service-guide > section { margin: 0 0 70px; }
.service-intro-contents .intro-contents-top .service-guide > section .img_area { margin: 30px 0 38px; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area h2 { font-size: 1.25rem; padding: 0 0 14px; color: #000; border-bottom: 1px solid #d8d8d8; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area p {font-size: 1rem; line-height: 1.83333em;  padding: 20px 0 0; color: #333; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area p strong { font-weight: 600; color: #ff2795; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area p span {font-weight: 600;  position: relative; display: inline-block; margin: 0 0 0 3px; padding: 0 0 0 25px; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area p span em {font-size: .6875rem; line-height: 18px;  position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin: -8px 0 0; text-align: center; color: #fff; border-radius: 50%; background: #54b9ff; }
.service-intro-contents .intro-contents-top .service-guide > section .text_area p span em.no_txt { top: -8px; }
.service-intro-contents .intro-contents-top-link {font-size: .875rem; position: relative; margin: 86px 0 0; padding: 30px 0; color: #000;  background-color: #f6f6f6; box-shadow: 0 2px 2px 0 rgba(181, 181, 181, .5); }
.service-intro-contents .intro-contents-top-link:after {position: absolute; top: 50%; left: 50%; width: 1px; height: 126px; margin: -63px 0 0 -1px;  content: ''; background-color: #d6d6d6; }
.service-intro-contents .intro-contents-top-link ul { font-size: 0; }
.service-intro-contents .intro-contents-top-link li { display: inline-block; width: 340px; min-height: 80px; padding: 0 0 0 82px; text-align: center; }
.service-intro-contents .intro-contents-top-link li p {font-size: .875rem;  line-height: 1.375em; }
.service-intro-contents .intro-contents-top-link li:first-child { padding: 0 82px 0 0; }
.service-intro-contents .intro-contents-top-link a {font-size: 1rem; line-height: 2.4375em; display: inline-block; width: 178px; height: 39px; margin: 10px 0 0; text-align: center; color: #fff; border-radius: 100px;  background: #111; }
.service-intro-contents .intro-contents-top-link.service-info-margin { margin: 42px 0 0; }
.service-intro-contents .intro-contents-middle { padding: 20px 0 0; }
.service-intro-contents .intro-contents-middle section {position: relative; width: 1008px;  margin: 0 auto; padding: 38px 92px; }
.service-intro-contents .intro-contents-middle section:before { position: absolute; bottom: 0; left: 92px; width: 1008px; height: 1px; content: ''; background-color: #e4e4e4; }
.service-intro-contents .intro-contents-middle section:last-child:before {overflow: hidden;  height: 0; }
.service-intro-contents .intro-contents-middle section h2 { font-size: 1.5rem; }
.service-intro-contents .intro-contents-middle section h3 { font-size: 1.25rem; font-weight: normal; padding: 20px 0 0; color: #333; }
.service-intro-contents .intro-contents-middle section h3 + p { font-size: 1rem; }
.service-intro-contents .intro-contents-middle section p , .service-intro-contents .intro-contents-middle section blockquote { font-size: 1rem; line-height: 1.625em; }
.service-intro-contents .intro-contents-middle section h2 + p , .service-intro-contents .intro-contents-middle section hgroup + p , .service-intro-contents .intro-contents-middle section h3 + p , .service-intro-contents .intro-contents-middle section figure + p , .service-intro-contents .intro-contents-middle section blockquote {font-weight: normal;  padding: 20px 0 0; color: #666; }
.service-intro-contents .intro-contents-middle section h2 + p a , .service-intro-contents .intro-contents-middle section hgroup + p a , .service-intro-contents .intro-contents-middle section h3 + p a , .service-intro-contents .intro-contents-middle section figure + p a , .service-intro-contents .intro-contents-middle section blockquote a {text-decoration: underline;  color: #0994f3; }
.service-intro-contents .intro-contents-middle section blockquote + p { color: #666; }
.service-intro-contents .intro-contents-middle section.sub-section h3 { font-size: 1.5rem; font-weight: 600; padding: 0; color: #000; }
.service-intro-contents .intro-contents-middle section table {font-size: 1rem;  width: 100%; border: 1px solid #c3c3c3; }
.service-intro-contents .intro-contents-middle section table th {text-align: center; color: #666;  background-color: #f6f6f6; }
.service-intro-contents .intro-contents-middle section table th , .service-intro-contents .intro-contents-middle section table td { height: 50px; }
.service-intro-contents .intro-contents-middle section table td { font-size: 15px; padding: 0 0 0 30px; text-align: left; }
.service-intro-contents .intro-contents-middle section table thead th { background-color: #d8d8d8; }
.service-intro-contents .intro-contents-middle section table tbody th {font-weight: normal;  color: #333; }
.service-intro-contents .intro-contents-middle section table tbody th {padding: 0 0 0 17px;  text-align: left; }
.service-intro-contents .intro-contents-middle section table#resource_table tbody th span , .service-intro-contents .intro-contents-middle section table#resource_table tbody td { color: #666; }
.service-intro-contents .intro-contents-middle section table#resource_table tbody td.null { padding: 0; text-align: center; }
.service-intro-contents .intro-contents-middle section figure {padding: 25px 0 40px; text-align: center; border-radius: 10px;  background-color: #f6f6f6; }
.service-intro-contents .intro-contents-middle section table , .service-intro-contents .intro-contents-middle section figure { margin: 20px 0 0; }
.service-intro-contents .intro-contents-middle section figcaption { font-size: .875rem; padding: 0 0 20px; color: #666; }
.service-intro-contents .intro-contents-middle section figure.noBg {margin: 0; padding: 0;  background: none; }
.service-intro-contents .intro-contents-middle section figure.noBg figcaption {font-size: 0; overflow: hidden; width: 0;  height: 0; padding: 0; }

.service-portal.open-api .layout-fixed .layout-page-title { padding: 20px 0 0; }

.service-portal.open-api .api-key-management .button-wrap {padding: 0 0 8px;  text-align: right; }
.service-portal.open-api .api-key-management .button-wrap button { min-width: 104px; }

.service-portal.open-api .api-key-management table thead th { font-size: .75rem; font-weight: 500; color: #666; }
.service-portal.open-api .api-key-management table thead th button { font-size: inherit; font-weight: inherit; color: inherit; }

.service-portal.open-api .api-key-management table tbody td > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.service-portal.open-api .api-key-management table tbody .api-key-wrap .flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-portal.open-api .api-key-management table tbody .api-key-wrap .flex p { margin-left: 8px; }
.service-portal.open-api .api-key-management table tbody .api-key-wrap .flex p.api-text { margin-left: 0; }
.service-portal.open-api .api-key-management table tbody .api-key-wrap .flex p.api-text + p { margin-left: 15px; }

.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox]:checked + label:before { display: none; }

.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox]:checked + label:after { display: inline-block; }

.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label { line-height: 1; padding-left: 16px; }
.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label span {display: inline-block; overflow: hidden;  width: 0; height: 0; }
.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label:before {width: 16px; height: 15px;  margin-top: -7.5px; background-image: url(../images/layout_sprites.png); background-position: -467px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label:after {display: none; width: 16px; height: 12px; margin-top: -6px;  opacity: 1; background-image: url(../images/layout_sprites.png); background-position: -508px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-portal.open-api .api-key-management table tbody .api-key-wrap input[type=checkbox] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.secret-key-image { display: inline-block; width: 237px; height: 6px; margin-right: 3.2px; vertical-align: 1px; background-image: url(../images/layout_sprites.png); background-position: -205px -522px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .secret-key-image { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }

.open-api-ifame .header { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 50px; padding: 0 16px; border-bottom: 1px solid #ccc; -ms-flex-align: center; align-items: center; }
.open-api-ifame .header div.title {font-size: 1rem; font-weight: 700; position: relative; display: inline-block; margin-right: auto; vertical-align: middle;  color: #000; }
.open-api-ifame .header div.title .logo {position: relative; top: 5px; display: inline-block; margin-right: 20px; margin-left: 10px;  background-image: url('../image/logo.png'); background-size: cover; }
.open-api-ifame .header div.title .logo_wapper { margin-right: 10px; }
.open-api-ifame .header div.title .logo_wapper img {max-width: 100px;  vertical-align: middle; }
.open-api-ifame .header .utils.select.language {font-size: 0;  display: block; overflow: hidden; box-sizing: border-box; height: 30px; border: 1px solid #ccc; border-radius: 3px; }
.open-api-ifame .header .utils.select.language > *:first-child { border-left-width: 0; }
.open-api-ifame .header .utils.select.language span , .open-api-ifame .header .utils.select.language a {font-size: .75rem; line-height: 28px;  display: inline-block; box-sizing: border-box; width: 63px; height: 30px; padding: 0; text-align: center; border-left: 1px solid #ccc; }
.open-api-ifame .header .utils.select.language span { font-weight: 700; color: #000; background-color: #fff; }
.open-api-ifame .header .utils.select.language a { font-weight: 400; color: rgba(0, 0, 0, .2); background-color: #efefef; }

.open-api-ifame .layout-wrap {overflow: hidden; height: calc(100%); min-height: calc(100%);  padding: 0; }

.open-api-ifame main[role=main] { min-height: calc(100vh - 50px); }

.open-api-ifame .iframe_wrapping { height: calc(100vh - 50px); }
.open-api-ifame .iframe_wrapping iframe {display: block;  height: calc(100vh - 50px); border: none; }


.service-asset [data-tooltip=info]:after {display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group.new { background-color: #f7f7f7; }
.service-asset.page-service-group.new .layout-page-title { background-color: #fff; }
.service-asset.page-service-group.new .dashboard-item.cloud-vendor { background-color: #fff; }
.service-asset.page-service-group .layout-page-title {padding-bottom: 10px;  border-bottom: 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor.new { margin-top: 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper { display: -ms-flexbox; display: flex; height: 54px; padding: 0 27px; border-bottom: 1px solid #e6e6e6; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio.open .multiselect { background: #f2f2f2; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect {line-height: 36px; box-sizing: border-box;  height: 38px; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: none; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect:focus { box-shadow: none; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu {z-index: 100;  top: calc(100% + 5px); padding: 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-view-filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:first-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-radius: 4px 0 0 4px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child { padding: 0; border: 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-right: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { padding-right: 10px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .labeling { padding: 0 10px 0 20px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .btn-area { display: -ms-flexbox; display: flex; margin-left: 10px; padding: 0; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal {line-height: 26px;  height: 30px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal[disabled] {opacity: 1; color: #fff;  border: none; background-color: rgba(0, 0, 0, .1); }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account {float: none;  height: 38px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account:before { content: none; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account:after { content: none; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label { left: 10px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc { position: relative; top: auto; left: 0; box-sizing: border-box; width: 110px; max-width: 165px; height: 38px; margin: 0; padding: 0 35px 0 25px; border: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:before , .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:after { left: 12px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt {font-size: .875rem; font-weight: 700; line-height: 36px; position: relative;  display: block; box-sizing: border-box; padding-left: 35px; text-align: left; vertical-align: middle; color: #000; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before {position: absolute; top: 50%; left: 10px; display: block; width: 19px; height: 19px; margin-top: -9.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section { margin-top: 40px; }
.service-asset .page-section .page-section-title { font-size: 1.25rem; font-weight: 700; color: #000; }
.service-asset .page-section .page-section-title .icon { display: inline-block; }
.service-asset .page-section .page-section-title .icon:before {display: inline-block; margin: -2px 9px 0 0px;  content: ''; vertical-align: middle; }
.service-asset .page-section .page-section-title .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .page-section-title .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .page-section-title .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .page-section-title .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .page-section-title .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .page-section-title .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .page-section-title .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .page-section-title .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .page-section-title .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .page-section-title .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .btn-toggle {font-size: 1.25rem; font-weight: 700; line-height: 1.5em;  display: block; text-align: left; color: #000; }
.service-asset .page-section .btn-toggle:before {display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .page-section .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .page-section .common-tabs { margin: 25px 0 15px 30px; }
.service-asset .page-section .common-tabs.none-target { margin: 45px 0 30px 0px; }
.service-asset .page-section .common-sub-tabs { margin-top: 0; }
.service-asset .page-section .page-section-box { padding: 0 0 0 30px; }
.service-asset .dashboard-item { position: relative; }
.service-asset .dashboard-item .dashboard-item-title {font-size: .875rem; font-weight: 700; line-height: 1.42857em;  display: inline-block; margin-bottom: 10px; padding: 0 0 0 11px; color: #000; }
.service-asset .dashboard-item .dashboard-item-sub-title {font-size: .875rem; line-height: 1.42857em;  min-height: 19px; text-align: left; color: #999; }
.service-asset .dashboard-item .btn-toggle {font-size: .875rem; font-weight: 700; line-height: 1.42857em; position: relative;  display: block; margin-bottom: 8px; padding-left: 30px; text-align: left; color: #000; }
.service-asset .dashboard-item .btn-toggle:before {position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin-top: -11px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .dashboard-item .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .dashboard-item .btn-toggle .dashboard-item-sub-title {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; padding: 0; color: #999; }
.service-asset .dashboard-item .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .dashboard-item .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .dashboard-item .dashboard-item-utils {font-size: .875rem; line-height: 1.42857em;  position: absolute; top: 0; right: 0; color: #999; }
.service-asset .dashboard-item .dashboard-item-box {position: relative;  box-sizing: border-box; padding: 16px 20px 30px 20px; border: 1px solid #ccc; background-color: #fff; }
.service-asset .dashboard-item .dashboard-item-box:after {display: block; clear: both;  content: ''; }
.service-asset .dashboard-item .last-updated {font-size: .75rem; line-height: 1.5em;  display: block; text-align: left; color: #666; }
.service-asset .dashboard-item.cloud-vendor .dashboard-item-title { display: block; }
.service-asset .dashboard-item.cloud-vendor .dashboard-item-box { float: left; padding: 0; }
.service-asset .dashboard-item.cloud-vendor .last-updated { font-size: .75rem; line-height: 1.5em; text-align: right; color: #999; }
.service-asset .dashboard-item.cloud-vendor .vendor-account {position: relative; float: left;  box-sizing: border-box; height: 58px; padding: 0; }
.service-asset .dashboard-item.cloud-vendor .vendor-account:before {position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 40px; margin-top: -20px;  content: ''; background-color: #eee; }
.service-asset .dashboard-item.cloud-vendor .vendor-account:first-child:before { content: none; }
.service-asset .dashboard-item.cloud-vendor .vendor-account:last-child { box-sizing: border-box; padding: 10px; border-left: 1px solid #eee; }
.service-asset .dashboard-item.cloud-vendor .vendor-account:last-child:before { content: none; }
.service-asset .dashboard-item.cloud-vendor .vendor-account select { position: absolute; left: -9999px; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label {position: absolute; z-index: 501; top: 50%; left: 17px;  display: block; width: 20px; height: 20px; margin-top: -10px; vertical-align: middle; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label .txt { display: none; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label.idc { position: relative; top: auto; left: 0; width: 65px; max-width: 165px; height: 50px; margin: 4px 5px; padding: 0 35px 0 35px; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label.idc:before , .service-asset .dashboard-item.cloud-vendor .vendor-account label.idc:after { left: 12px; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label.idc span.txt {font-size: .875rem; font-weight: 700; line-height: 50px; position: relative;  display: block; box-sizing: border-box; padding-left: 35px; text-align: left; vertical-align: middle; color: #000; }
.service-asset .dashboard-item.cloud-vendor .vendor-account label.idc span.txt:before {position: absolute; top: 50%; left: 0px; display: block; width: 27px; height: 27px; margin-top: -13.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -178px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset .dashboard-item.cloud-vendor .vendor-account label.idc span.txt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset .dashboard-item.cloud-vendor .vendor-account .list-accounts {position: absolute; z-index: 1000;  display: block; }
.service-asset .dashboard-item.tucp .btn-select { top: -5px; }
.service-asset .dashboard-item.tucp .dashboard-item-box { padding-bottom: 0px; }
.service-asset .dashboard-item.total-summary .last-updated { position: absolute; right: 20px; bottom: 20px; }
.service-asset .dashboard-item.resources .btn-select { top: -5px; }
.service-asset .dashboard-item.resources .dashboard-item-box { padding-bottom: 0px; }
.service-asset .dashboard-item.resources .dashboard-item-box .last-updated { position: absolute; top: 20px; right: 20px; }
.service-asset .dashboard-item .list-count { -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-asset .dashboard-item .list-count dt { padding-bottom: 13px; }
.service-asset .dashboard-item .list-count dd { border-top: 1px solid #ddd; }
.service-asset .dashboard-item .list-count dd .count-item { margin-top: 16px; }
.service-asset .dashboard-item .list-count + .list-count { margin-left: 30px; }
.service-asset .dashboard-item .list-product-container { display: -ms-flexbox; display: flex; overflow: auto; overflow-y: hidden; flex-direction: column; width: 100%; height: 210px; margin-top: 10px; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
.service-asset .dashboard-item .list-product-container > li { margin-top: 10px; margin-right: 10px; }
.service-asset .am-chart { min-height: 156px; max-height: 500px; }
.service-asset .am-chart.pie {position: relative\0; overflow: inherit !important; overflow: initial !important;  min-height: 156px; max-height: 390px; }
.service-asset .am-chart.pie .none-message[data-state=with-txt] {position: absolute\0; top: 50%\0; left: 50%\0;  display: block\0; transform: translate(-50%, -50%) \0; }
.service-asset .am-chart .amcharts-chart-div {z-index: 1; overflow-y: hidden !important; width: auto;  height: 156px !important; transform: scale(1.35); }
.service-asset .am-chart .amcharts-legend-div {z-index: 2;  overflow-y: auto !important; max-height: 156px; }
.service-asset .am-chart .amcharts-legend-div > svg { overflow: hidden; }
.service-asset .am-chart .amcharts-pie-slice {cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; transition-duration: .3s;  transform: scale(1); transform-origin: 50% 50%; box-shadow: 0 0 30px 0 #000; }
.service-asset .am-chart .amcharts-pie-slice:hover { transform: scale(1.1); filter: url(#shadow); }


.service-asset.page-dashboard { background-color: #f4f4f4; }
.service-asset.page-dashboard .hidden { display: none; }
.service-asset.page-dashboard .layout-contents { padding-top: 40px; }
.service-asset.page-dashboard .float { margin-top: 50px; }
.service-asset.page-dashboard .float:after {display: table; clear: both;  content: ''; }
.service-asset.page-dashboard .float .dashboard-item { float: left; width: calc((100% - 40px)/3); }
.service-asset.page-dashboard .float .dashboard-item .dashboard-item-box { min-height: 310px; }
.service-asset.page-dashboard .float .dashboard-item + .dashboard-item {float: right;  width: calc((100% - 40px)/3 * 2 + (20px)); }
.service-asset.page-dashboard .flex { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.service-asset.page-dashboard .flex .dashboard-section { -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-asset.page-dashboard .flex .dashboard-section + .dashboard-section { margin-left: 20px; }
.service-asset.page-dashboard .float-dashboard-section { display: block; }
.service-asset.page-dashboard .float-dashboard-section .dashboard-section { float: left; width: calc((100% - 40px)/3); }
.service-asset.page-dashboard .float-dashboard-section .dashboard-section + .dashboard-section { margin-left: 20px; }
.service-asset.page-dashboard .float-dashboard-section .dashboard-section:last-child {float: right;  margin-left: 0; }
.service-asset.page-dashboard .float-dashboard-section.flex-dashboard-section { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
.service-asset.page-dashboard .float-dashboard-section.flex-dashboard-section .dashboard-section { float: none; width: auto; max-width: 32%; -ms-flex: 1 0 auto; flex: 1 0 auto; }
.service-asset.page-dashboard .float-dashboard-section.flex-dashboard-section .dashboard-section + .dashboard-section { margin-left: 20px; }
.service-asset.page-dashboard .float-dashboard-section.flex-dashboard-section .dashboard-section:last-child { float: none; }
.service-asset.page-dashboard .flexible-wrapper { display: -ms-flexbox; display: flex; margin-top: 50px; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; }
.service-asset.page-dashboard .flexible-wrapper .total-summary { width: calc((100% - 40px)/3); }
.service-asset.page-dashboard .flexible-wrapper .total-summary .lr-grid { height: 32px; margin-bottom: 10px; -ms-flex-align: center; align-items: center; }
.service-asset.page-dashboard .flexible-wrapper .total-summary .lr-grid .dashboard-item-title { margin-bottom: 0; }
.service-asset.page-dashboard .flexible-wrapper .total-summary .lr-grid .dashboard-item-utils { position: static; }
.service-asset.page-dashboard .flexible-wrapper .resources { margin-left: 20px; -ms-flex: 1; flex: 1; }
.service-asset.page-dashboard .flexible-wrapper .resources .lr-grid { margin-bottom: 10px; }
.service-asset.page-dashboard .flexible-wrapper .resources .dashboard-item-title {display: -ms-flexbox; display: flex;  margin-bottom: 0; -ms-flex-align: center; align-items: center; }
.service-asset.page-dashboard .flexible-wrapper .resources .dashboard-item-box { height: calc(100% - 42px); }
.service-asset.page-dashboard .vendor-chart-wrapper .amcharts-main-div { max-height: 550px !important; }
.service-asset.page-dashboard .vendor-chart-wrapper .amcharts-chart-div { min-height: 200px !important; }
.service-asset.page-dashboard .resource-ad {position: relative; z-index: 10;  display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-dashboard .resource-ad .icon-pulse-coldstart { margin-right: -6px; cursor: pointer; }
.service-asset.page-dashboard .resource-ad .icon-pulse-coldstart.visible-hidden {visibility: hidden;  pointer-events: none; }
.service-asset.page-dashboard .resource-ad button.popup-btn { background-color: #fff; }
.service-asset.page-dashboard .btn-select {font-size: .75rem; font-weight: 500; line-height: 24px; position: relative; top: -5px;  display: inline-block; height: 24px; margin-left: 20px; padding: 0 30px 0 8px; color: #000; background-color: #e6e6e6; }
.service-asset.page-dashboard .btn-select:after {position: absolute; top: 50%; right: 13px; display: block; width: 7px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -625px -74px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .btn-select:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .service-state { font-size: .75rem; line-height: 1.5em; vertical-align: middle; color: #000; }
.service-asset.page-dashboard .service-state i { display: inline-block; width: 10px; height: 10px; margin: -2px 5px 0 4px; vertical-align: middle; text-indent: -9999px; border-radius: 10px; }
.service-asset.page-dashboard .service-state .running i { background-color: #67adff; }
.service-asset.page-dashboard .service-state .stopped i { background-color: #d8d8d8; }
.service-asset.page-dashboard .service-state .etc i { background-color: #ffdf6b; }
.service-asset.page-dashboard .count-item { padding-left: 2px; color: #999; }
.service-asset.page-dashboard .count-item .key { font-size: .75rem; line-height: 1.5em; }
.service-asset.page-dashboard .count-item .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.75rem; line-height: 1.21429em;  display: block; margin-top: 1px; }
.service-asset.page-dashboard .count-item .value .unit { font-size: 1.375rem; }
.service-asset.page-dashboard .count-item .state { margin-top: 1px; }
.service-asset.page-dashboard .count-item .state em {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; line-height: 18px;  display: inline-block; min-width: 30px; height: 18px; text-align: center; color: #000; border-radius: 18px; }
.service-asset.page-dashboard .count-item .state em.running { background-color: #67adff; }
.service-asset.page-dashboard .count-item .state em.stopped { background-color: #d8d8d8; }
.service-asset.page-dashboard .count-item .state em.etc { background-color: #ffdf6b; }
.service-asset.page-dashboard .count-item[data-state=total] { display: inline-block; color: #000; }
.service-asset.page-dashboard .product-count-item { display: block; display: -ms-flexbox; display: flex; box-sizing: border-box; width: 190px; height: 50px; border: 1px solid #eee; border-radius: 5px; -ms-flex-align: center; align-items: center; }
.service-asset.page-dashboard .product-count-item .key {font-size: .875rem;  display: inline-block; overflow: hidden; padding: 0 0 0 10px; white-space: nowrap; text-overflow: ellipsis; color: #666; -ms-flex: 1; flex: 1; }
.service-asset.page-dashboard .product-count-item .key:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-dashboard .product-count-item .key.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .product-count-item .key.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .product-count-item .key.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .product-count-item .key.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .product-count-item .key.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .product-count-item .key.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .product-count-item .key.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .product-count-item .key.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .product-count-item .key.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .product-count-item .key.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .product-count-item .value { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; padding-right: 12px; color: #000; }
.service-asset.page-dashboard .dashboard-section-summary { padding-bottom: 30px; }
.service-asset.page-dashboard .dashboard-section-summary table { width: 100%; border-bottom: 1px solid #ccc; }
.service-asset.page-dashboard .dashboard-section-summary table thead th , .service-asset.page-dashboard .dashboard-section-summary table thead td {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  padding: 6px 10px 5px 10px; text-align: left; color: #666; border-bottom: 1px solid #ccc; }
.service-asset.page-dashboard .dashboard-section-summary table thead td { text-align: right; }
.service-asset.page-dashboard .dashboard-section-summary table tbody th , .service-asset.page-dashboard .dashboard-section-summary table tbody td {font-size: .75rem; font-weight: 400; height: 26px;  padding: 0 10px; color: #000; border-top: 1px solid #eee; }
.service-asset.page-dashboard .dashboard-section-summary table tbody th { text-align: left; }
.service-asset.page-dashboard .dashboard-section-summary table tbody td { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; text-align: right; color: #000; }
.service-asset.page-dashboard .dashboard-section-summary table .unit { font-size: .875rem; }
.service-asset.page-dashboard .dashboard-section-summary table .icon:before {display: inline-block; margin: -2px 7px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-dashboard .dashboard-section-summary table .icon.total:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -490px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.total:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table .icon.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table .icon.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table .icon.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section-summary table .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section-summary table + table { margin-top: 17px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-title {font-size: .875rem; font-weight: 700; line-height: 1.42857em;  display: inline-block; margin-bottom: 10px; padding-left: 11px; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box { overflow: hidden; padding: 10px 20px 0px 20px; border: 1px solid #ccc; background-color: #fff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item { margin: 0 -20px 0 -20px; padding: 15px 20px 0px 20px; border-top: 1px solid #ddd; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .btn-toggle {min-height: 38px;  margin-bottom: 0px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .dashboard-item-title { margin-bottom: 15px; padding-left: 0px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .dashboard-item-box {min-height: 120px;  padding: 0 0 20px 0; border: 0; background-color: transparent; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .am-chart { height: 222px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .last-updated {font-size: .75rem; line-height: 22px;  display: block; margin-top: 10px; text-align: left; color: #666; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item .btn-util {font-size: .75rem; line-height: 22px;  display: inline-block; float: right; box-sizing: border-box; padding: 0 10px; vertical-align: middle; color: #fff; border-radius: 3px; background-color: #999; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item[data-state=is-selected] { box-shadow: inset 0 0 0 4px #69afff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .dashboard-item[data-state=is-selected] .btn-util { color: #fff; background-color: #489dff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container { display: block; padding-top: 20px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .threshold-slider {position: relative;  display: block; height: 20px; padding: 0 50px 0 35px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over {position: relative;  display: block; margin-top: 15px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over p + p { margin-top: 5px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=radio] { display: none; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=radio] + label {font-size: .75rem; font-weight: 400;  display: inline-block; min-width: 115px; opacity: .3; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=radio] ~ input[type=text] { opacity: .3; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=radio]:checked + label { opacity: 1; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=radio]:checked ~ input[type=text] { opacity: 1; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over input[type=text].small {width: 45px;  padding: 0; text-align: center; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container .under-over .button-normal { position: absolute; right: 0; bottom: 0; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container[data-state=over] .slider.slider-horizontal .slider-track { background-color: #1886ff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .threshold-container[data-state=over] .slider.slider-horizontal .slider-track .slider-selection { background-color: #eee; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage {width: 100%;  margin-top: 16px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody th { font-size: .75rem; font-weight: 400; text-align: left; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody th em { font-weight: 700; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td { padding: 4px 0 3px 13px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .value { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .graph {position: relative;  display: block; width: 100%; min-width: 140px; height: 14px; background-color: #eee; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .graph .amount {position: absolute; left: 0;  display: block; height: 14px; text-indent: -9999px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .graph .amount.bg01 { background-color: #67adff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .graph .amount.bg02 { background-color: #f66c23; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody td .graph .amount.bg03 { background-color: #f6a323; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .disk-usage tbody .r { text-align: right; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network { padding: 20px 0 0; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network > p {font-size: .6875rem; padding: 0 0 6px;  text-align: right; color: #666; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table { width: 100%; table-layout: fixed; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table td { border: 1px solid #eee; border-right: 0; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th {font-size: .75rem; font-weight: 500; height: 30px;  text-align: center; color: #666; border-bottom-width: 2px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th:nth-of-type(1) { border-left: 0; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th span {display: inline-block;  overflow: hidden; width: 0; height: 0; white-space: nowrap; text-indent: 100%; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table thead tr th em.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr:hover th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr:hover td { background: #f8f8f8; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active td { background: #eff8ff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active th { font-weight: 500; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active th:nth-of-type(1):before {transition: background-color .3s linear;  background: #1f86ff; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr.active td {box-sizing: border-box;  color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr td {font-size: .75rem; font-weight: 400; height: 45px;  padding: 0 12px; color: #555; }
@media only screen and (max-width: 1399px) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr td { padding: 0 10px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; padding: 0 10px;  text-align: right; }
@media only screen and (max-width: 1399px) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr td { padding: 0 5px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr th {position: relative;  text-align: left; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr th:nth-of-type(1) { border-left: 0; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .new-list-select-network table tbody tr th:nth-of-type(1):before {position: absolute; top: 0; bottom: 0; left: 0; width: 2px;  content: ''; background: transparent; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network {width: 100%;  margin-top: 20px; border-top: 1px solid #ccc; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li { position: relative; overflow: hidden; border-top: 1px solid #e6e6e6; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li:first-child { border-top: 0px; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li:last-child { border-bottom: 1px solid #ccc; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=checkbox] , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=radio] { display: none; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=checkbox]:checked + label , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=radio]:checked + label { background-color: #f6f6f6; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=checkbox]:checked + label:before , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li input[type=radio]:checked + label:before {transition: opacity .3s ease-out;  opacity: 1; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label {font-size: 1rem; position: relative; display: block; overflow: hidden; box-sizing: border-box; height: 45px; padding: 11px 0;  cursor: pointer; transition: background-color .3s ease-in-out; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label:hover { background-color: #f6f6f6; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label:before {position: absolute; top: 50%; left: 10px; display: block; width: 13px; height: 9px; margin-top: -4.5px;  content: ''; transition: opacity .3s ease-in; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -501px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label:after { content: none; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label em {font-size: .75rem; font-weight: 400; line-height: 23px;  display: block; float: left; box-sizing: border-box; width: 50%; padding-left: 30px; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  display: block; float: left; box-sizing: border-box; width: 25%; text-align: left; color: #000; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value .unit { font-size: .875rem; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .list-select-network > li label .cnt-value.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count {width: 100%; margin-bottom: 30px;  table-layout: fixed; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody tr.selected th , .service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody tr.selected td { background-color: #f6f6f6; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody tr.selected th em {position: relative;  display: inline-block; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody tr.selected th em:before {position: absolute; top: 50%; left: -23px; display: block; width: 13px; height: 9px; margin-top: -4.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -501px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody tr.selected th em:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody th {font-size: .75rem; font-weight: 400;  height: 44px; padding-left: 40px; text-align: left; color: #000; border-top: 1px solid #eee; }
.service-asset.page-dashboard .dashboard-section .dashboard-section-box .network-count tbody td { padding-right: 30px; text-align: right; border-top: 1px solid #eee; }
.service-asset.page-dashboard .dashboard-section.temp-chart { overflow: hidden; max-height: 0px; margin-top: 0px; }
.service-asset.page-dashboard .dashboard-section.temp-chart .dashboard-section-title .description {font-size: .875rem; font-weight: 400;  display: inline-block; color: #999; }
.service-asset.page-dashboard .dashboard-section.temp-chart .dashboard-section-title .description:before {display: inline-block; width: 1px; height: 14px; margin: 0 10px 0 10px;  content: ''; vertical-align: middle; background-color: #ddd; }
.service-asset.page-dashboard .dashboard-section.temp-chart .dashboard-section-box { padding: 0; border: 0; background-color: transparent; }
.service-asset.page-dashboard .dashboard-section.temp-chart[data-state=open] {max-height: 1000px;  margin-top: 40px; }
.service-asset.page-dashboard .chart-popup {position: relative;  display: block; background-color: #fff; box-shadow: -4px 7px 5px 0 rgba(0, 0, 0, .12); }
.service-asset.page-dashboard .chart-popup .btn-close {position: absolute; top: 12px; right: 18px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .chart-popup .btn-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .chart-popup .chart-popup-title {font-size: .875rem;  box-sizing: border-box; height: 45px; padding: 9px 0 9px 30px; vertical-align: middle; color: #000; background-color: #eee; }
.service-asset.page-dashboard .chart-popup .chart-popup-title .vendor {font-size: .875rem; font-weight: 700; line-height: 27px;  display: inline-block; vertical-align: middle; }
.service-asset.page-dashboard .chart-popup .chart-popup-title .vendor:before {line-height: 27px; display: inline-block; margin: -4px 10px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-dashboard .chart-popup .chart-popup-title .vendor.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .chart-popup .chart-popup-title .vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .chart-popup .chart-popup-title .vendor.azure:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-dashboard .chart-popup .chart-popup-title .vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-dashboard .chart-popup .chart-popup-title .description {line-height: 27px; line-height: 27px;  display: inline-block; vertical-align: middle; }
.service-asset.page-dashboard .chart-popup .chart-popup-title .description:before {font-size: .75rem; line-height: 27px; display: inline-block; margin: -4px 8px 0 5px;  content: '|'; vertical-align: middle; color: #ccc; }
.service-asset.page-dashboard .chart-popup .chart-popup-content { padding: 30px; }
.service-asset.page-dashboard .chart-popup .chart-popup-content .tbl-grid-utils { margin-top: 0; }


.service-asset.page-service-group-prev .dashboard-item.cloud-vendor { margin-top: 30px; }
.service-asset.page-service-group-prev .dashboard-item.cloud-vendor .dashboard-item-title { display: none; }
.service-asset.page-service-group-prev .dashboard-item.cloud-vendor .dashboard-item-utils { top: auto; bottom: 0; }

.service-asset.page-service-group-prev .list-service-group { overflow: hidden; margin: 0 -20px; }
.service-asset.page-service-group-prev .list-service-group > li { float: left; margin: 40px 20px 0 20px; }

.service-asset.page-service-group-prev .service-group-item { box-sizing: border-box; width: 500px; height: 650px; border: 1px solid #eee; border-top: 2px solid #000; background-color: #f4f4f4; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header { overflow: hidden; padding: 18px 30px 15px 30px; background-color: #fff; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .service-group-item-title {font-size: 1.875rem; font-weight: 700; line-height: 1.5em;  margin-bottom: 21px; color: #000; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .key { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #999; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; line-height: 1.2em;  margin-top: 3px; color: #000; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .unit { font-size: .875rem; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon { font-size: .9em; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon:before {display: inline-block; margin: -4px 3px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .key-value .value .icon .txt { display: none; }
.service-asset.page-service-group-prev .service-group-item .service-group-item-header .layout-right-view .key-value { text-align: right; }
.service-asset.page-service-group-prev .service-group-item .service-group-content { overflow: hidden; padding: 30px 5px 0 30px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content > .key {font-size: .875rem; font-weight: 500;  float: left; color: #000; }
.service-asset.page-service-group-prev .service-group-item .service-group-content > .key select.small { margin-top: -3px; margin-left: 10px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content > .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  float: right; padding-right: 25px; color: #000; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product { display: block; clear: both; overflow: auto; height: 419px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product > li { display: block; float: left; padding-bottom: 10px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product > li:nth-child(even) { margin-left: 10px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product a .product .title:after {position: absolute; top: 50%; right: 15px; display: block; width: 8px; height: 13px; margin-top: -6.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -286px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product a .product .title:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product { display: block; box-sizing: border-box; width: 215px; height: 90px; border: 1px solid #eee; border-radius: 5px; background-color: #fff; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product[disabled] { background-color: transparent; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product[disabled] .title { opacity: .4; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product[disabled] .info dd { opacity: .4; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title {font-size: .75rem; font-weight: 500; line-height: 35px; position: relative;  display: block; height: 35px; padding: 0 0 0 15px; color: #000; border-bottom: 1px solid #eee; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .title .txt { display: none; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .info { overflow: hidden; padding: 5px 15px 0 15px; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .info > dt {font-size: .75rem; line-height: 20px; float: left;  clear: both; color: #999; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .info > dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 20px;  float: right; color: #000; }
.service-asset.page-service-group-prev .service-group-item .service-group-content .list-cloud-product .product .info > dd .unit { font-size: .75rem; }


.service-asset.page-service-group .toggle-switch-ui { text-align: right; }

.service-asset.page-service-group .dashboard-item.cloud-vendor { margin-top: 30px; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-item-title { display: none; }
.service-asset.page-service-group .dashboard-item.cloud-vendor .dashboard-item-utils { top: auto; bottom: 0; }

.service-asset.page-service-group .status-text { font-size: .75rem; text-align: right; color: #999; }

.service-asset.page-service-group .tooltips:after {display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .tooltips:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-asset.page-service-group .select-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .select-wrap span {font-size: .875rem; margin-right: 14px;  color: #666; }
.service-asset.page-service-group .select-wrap select {min-width: 139px;  border-radius: 4px; }

.service-asset.page-service-group .lr { display: -ms-flexbox; display: flex; padding: 18px 30px 0; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .lr > *:first-child { margin-right: auto; }

.service-asset.page-service-group .service-group-category { padding: 25px 14px 0 30px; }
.service-asset.page-service-group .service-group-category.fisrt { padding-top: 18px; }
.service-asset.page-service-group .service-group-category:last-child { padding-bottom: 60px; }
.service-asset.page-service-group .service-group-category h3 { font-size: .875rem; line-height: 20px; position: relative; display: -ms-flexbox; display: flex; vertical-align: middle; color: #999; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .service-group-category h3 span { margin-right: auto; }
.service-asset.page-service-group .service-group-category h3 span:after {line-height: 18px; position: relative; display: inline-block; box-sizing: border-box; min-width: 20px; height: 20px; margin-left: 6px; padding: 0 5px;  content: attr(data-length); text-align: center; text-align: center; vertical-align: middle; border: 1px solid #bfbfbf; border-radius: 5px; }
.service-asset.page-service-group .service-group-category h3:after {height: 1px; margin: 0 15px 0 8px;  content: ''; background: #d8d8d8; -ms-flex: 1; flex: 1; }
.service-asset.page-service-group .service-group-category .list-service-group { margin: 0; }
.service-asset.page-service-group .service-group-category .list-service-group > li { margin: 20px 16px 0 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item {overflow: hidden; width: 365px; height: 410px;  border: 1px solid #eee; background: #fff; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item.service-group-item-none { position: relative; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item.service-group-item-none .none {font-size: .875rem; position: absolute; top: 50%; box-sizing: border-box; width: 100%; padding: 0 30px; transform: translateY(-50%);  text-align: center; color: #666; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item.service-group-item-none .none a {text-decoration: underline;  color: #4a90e2; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table { width: 100%; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table th , .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table td { word-break: break-all; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table thead th { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  text-align: right; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon { font-size: .75rem; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon:before {display: inline-block; margin: -4px 3px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item table .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header { padding: 15px 19px 20px; border: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .layout-left-view { margin-right: auto; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .service-group-item-title {font-size: 1rem; font-weight: 700; line-height: 1.45em; position: relative; display: -ms-flexbox; display: flex;  margin: 0; cursor: pointer; color: #000; -ms-flex-align: baseline; align-items: baseline; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .service-group-item-title p { display: inline-block; overflow: hidden; max-height: 42px; word-break: break-all; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .service-group-item-title button.tooltipstered { position: relative; z-index: 10; top: -2px; cursor: default; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .service-group-item-title.ellipsis button.tooltipstered { position: absolute; top: 2px; left: calc(100% - 5px); }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .service-group-item-title.ellipsis:after {position: absolute; bottom: 0; left: 100%; box-sizing: content-box;  content: '\02026'; background: #fff; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header > p { font-size: .75rem; padding: 6px 0; color: #999; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table-wrap { min-height: 40px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody th { font-size: .75rem; font-weight: 500; padding-top: 6px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody th:first-child { text-align: left; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody td { font-size: .875rem; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody td:nth-of-type(1) { padding: 0 5px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody td .bar { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody td .bar:after {width: 1px; height: 12px; margin: 0 5px;  content: ''; background: #979797; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource.show td {height: auto;  opacity: 1; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource.show td * {display: inline;  height: inherit; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource.show td .bar { display: -ms-inline-flexbox; display: inline-flex; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource.show td .bar:after { height: 9px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource td { font-size: .6875rem; overflow: hidden; height: 0; padding-left: 15px; transition: opacity .3s ease-out; opacity: 0; color: #7b8088; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource td * {display: block; overflow: hidden;  height: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource td .bar:after { height: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-item-header .vendor-table tbody .deleted_resource td:first-child { text-align: left; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .header_table { padding: 0 12px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .scroll_table { overflow-y: auto; padding: 0 12px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th {font-size: .75rem; font-weight: 400; position: relative; height: 25px; text-align: right;  border-top: 1px solid #ededed; background: #f7f7f7; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button:after {display: inline-block; width: 8px; height: 10px; margin-left: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -449px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button[data-status=up]:after {width: 8px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -463px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button[data-status=up]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button[data-status=down]:after {width: 8px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -477px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th button[data-status=down]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:nth-of-type(1) { text-align: left; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:nth-of-type(1) span { padding: 0 0 0 7px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:nth-of-type(1):before {position: absolute; top: -1px; bottom: 0; left: -12px; width: 12px;  content: ''; border-top: 1px solid #ededed; background: #f7f7f7; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:nth-of-type(2) { padding: 0 5px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:last-child span { padding: 0 7px 0 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table thead th:last-child:before {position: absolute; top: -1px; right: -12px; bottom: 0; width: 12px;  content: ''; border-top: 1px solid #ededed; background: #f7f7f7; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.not-allowed td { cursor: not-allowed; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show td {height: 28px;  opacity: 1; border-bottom: 1px solid #ededed; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show td p { height: inherit; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td {overflow: hidden; height: 0; transition: opacity .3s ease-out;  opacity: 0; border-bottom: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td p {overflow: hidden; height: 0;  opacity: .4; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td:nth-of-type(1) p { opacity: 1; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td .button-ui { padding: 0 4px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td .button-ui:hover { background-color: #e8ebef !important; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td p:before { opacity: .4; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td p *:not(.button-ui) { opacity: .4; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted td p span {overflow: hidden; max-width: calc(100% - 80px);  white-space: nowrap; text-overflow: ellipsis; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr:not(.deleted):hover td:after { opacity: 1; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr:not(.deleted):hover td:nth-of-type(1) { border: 2px solid #1782ff; border-right: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr:not(.deleted):hover td:nth-of-type(2) { border: 2px solid #1782ff; border-right: 0; border-left: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr:not(.deleted):hover td:last-child { border: 2px solid #1782ff; border-left: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show:hover td:after { opacity: 1; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show:hover td:nth-of-type(1) { border: 2px solid #1782ff; border-right: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show:hover td:nth-of-type(2) { border: 2px solid #1782ff; border-right: 0; border-left: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody tr.deleted.show:hover td:last-child { border: 2px solid #1782ff; border-left: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td { font-size: .75rem; position: relative; box-sizing: border-box; height: 28px; cursor: pointer; border-bottom: 1px solid #ededed; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td p {display: -ms-flexbox; display: flex;  word-break: break-all; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td p:before { margin-top: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;  content: none; transition: opacity .3s linear; opacity: 0; border: 2px solid #1782ff; border-right: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:nth-of-type(1) {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400;  text-align: left; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:nth-of-type(1) p { padding: 0 0 0 7px; -ms-flex-pack: start; justify-content: flex-start; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:nth-of-type(2) { padding: 0 5px; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:nth-of-type(2):after {border-right: 0;  border-left: 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:last-child p { padding: 0 7px 0 0; }
.service-asset.page-service-group .service-group-category .list-service-group .service-group-item .service-group-new-content .contents-table tbody td:last-child:after {border-right: 2px solid #1782ff;  border-left: 0; }

.service-asset.page-service-group .list-service-group { overflow: hidden; margin: 0 -16px; }
.service-asset.page-service-group .list-service-group > li { display: inline-block; margin: 40px 16px 0 16px; vertical-align: top; }

.service-asset.page-service-group .service-group-item { box-sizing: border-box; width: 357px; border: 1px solid #eee; border-top: 2px solid #000; background-color: #f7f7f9; }
.service-asset.page-service-group .service-group-item .service-group-item-header { overflow: hidden; padding: 20px 9px 10px 19px; border-bottom: 1px solid #eee; background-color: #fff; }
.service-asset.page-service-group .service-group-item .service-group-item-header .service-group-item-title {font-size: 1.625rem; font-weight: 700; line-height: 1.46154em;  margin-bottom: 10px; color: #000; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .key { font-size: .875rem; font-weight: 500; line-height: 1.42857em; color: #999; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; line-height: 1.2em;  margin-top: 4px; color: #000; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .unit { font-size: .875rem; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon { font-size: .9em; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon:before {display: inline-block; margin: -4px 3px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-item-header .key-value .value .icon .txt { display: none; }
.service-asset.page-service-group .service-group-item .service-group-item-header .layout-right-view .key-value { text-align: right; }
.service-asset.page-service-group .service-group-item .service-group-content { overflow: hidden; padding: 9px 0; }
.service-asset.page-service-group .service-group-item .service-group-content > .key {font-size: .875rem; font-weight: 500;  float: left; color: #000; }
.service-asset.page-service-group .service-group-item .service-group-content > .key select.small { margin-top: -3px; margin-left: 10px; }
.service-asset.page-service-group .service-group-item .service-group-content > .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  float: right; padding-right: 25px; color: #000; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product { display: block; clear: both; overflow: auto; box-sizing: border-box; height: 372px; padding: 1px 2.816901408450704% 0px 2.816901408450704%; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product > li { display: block; float: left; width: 49.216300940438871%; padding-bottom: 5px; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product > li:nth-child(even) { margin-left: 1.567398119122257%; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product a.product { cursor: pointer; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product { display: block; box-sizing: border-box; width: 100%; height: 120px; padding: 0 5px 0 5px; transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out; background-color: #fff; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product[disabled] { pointer-events: none; background-color: transparent; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product[disabled] .title { opacity: .4; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product[disabled] .info dd { opacity: .4; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product[disabled]:hover , .service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product[disabled]:active {background-color: transparent;  box-shadow: none; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title {font-size: .75rem; font-weight: 500; line-height: 1em; position: relative;  display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; box-sizing: border-box; height: 34px; padding: 5px 5px 5px 28px; vertical-align: middle; color: #000; border-bottom: 1px solid #eee; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title .txt {position: absolute; top: 50%; left: 5px;  display: block; text-indent: -9999px; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.aws .txt {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.aws .txt { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.azure .txt {width: 15px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.azure .txt { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.idc .txt {width: 17px; height: 16px;  margin-top: -8px; background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .title.idc .txt { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .info { overflow: hidden; padding: 5px; text-align: right; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .info > dt {font-size: .75rem; line-height: 1.5em;  display: block; color: #999; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .info > dt ~ dt { margin-top: 2px; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product .info > dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 1.28571em;  display: block; color: #000; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product:hover {background-color: #e5f1f9;  box-shadow: inset 0px 0px 0px 1px #0079ff; }
.service-asset.page-service-group .service-group-item .service-group-content .list-cloud-product .product:active {background-color: #cadbe6;  box-shadow: inset 0px 0px 0px 1px #0079ff; }



.service-asset.page-usage-performance .page-section { margin-top: 20px; }
.service-asset.page-usage-performance .common-sub-tabs { margin: 30px 0 0 0; }
.service-asset.page-usage-performance .common-sub-tabs .select-period { float: right; margin: 0; }
.service-asset.page-usage-performance .layout-with-filter[data-state=normal] .usage-chart dd { padding-right: 5px; padding-left: 5px; }
.service-asset.page-usage-performance .layout-with-filter[data-state=normal] .usage-chart .usage-avg dd { font-size: 1.5625rem; }
.service-asset.page-usage-performance .layout-with-filter[data-state=normal] .usage-chart[data-state=shut] ul { padding-right: 50px; }
.service-asset.page-usage-performance .layout-with-filter[data-state=normal] .usage-chart[data-state=shut] .chart-summary.status { min-width: 340px; }
.service-asset.page-usage-performance .total-instance { overflow: hidden; padding: 5px 0; }
.service-asset.page-usage-performance .total-instance .key {font-size: .875rem;  display: block; float: left; margin-top: 2px; margin-right: 11px; color: #000; }
.service-asset.page-usage-performance .total-instance .values { display: block; float: left; }
.service-asset.page-usage-performance .total-instance .values .total-instance-ea {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem;  display: inline-block; vertical-align: middle; color: #000; }
.service-asset.page-usage-performance .total-instance .values .status { display: inline-block; margin-top: -3px; vertical-align: middle; }
.service-asset.page-usage-performance .total-instance .values .status:before {display: inline-block; width: 1px; height: 15px; margin-right: -5px; margin-left: 2px;  content: ''; vertical-align: middle; background-color: #ccc; }
.service-asset.page-usage-performance .total-instance .values .status .info {font-size: .75rem;  display: inline-block; padding: 0 0px 0 10px; vertical-align: middle; color: #666; }
.service-asset.page-usage-performance .total-instance .values .status .info .txt { display: inline-block; }
.service-asset.page-usage-performance .total-instance .values .status .info .ea {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 20px;  display: inline-block; width: 35px; height: 20px; margin-left: 2px; text-align: center; color: #000; border-radius: 20px; }
.service-asset.page-usage-performance .total-instance .values .status .info.running .ea { background-color: #67bdff; }
.service-asset.page-usage-performance .total-instance .values .status .info.stopped .ea { background-color: #ddd; }
.service-asset.page-usage-performance .total-instance .values .status .info.etc .ea { background-color: #ffdf6b; }
.service-asset.page-usage-performance .usage-chart {position: relative;  display: block; min-height: 300px; margin-top: 15px; border: 1px solid #e6e6e6; }
.service-asset.page-usage-performance .usage-chart[data-state=shut] { min-height: inherit; }
.service-asset.page-usage-performance .usage-chart[data-state=shut] .btn-toggle:before { transform: rotateX(0deg); }
.service-asset.page-usage-performance .usage-chart[data-state=shut] .chart-summary > dt { border-bottom: 0px; }
.service-asset.page-usage-performance .usage-chart[data-state=shut] .chart-summary > dt .values {visibility: visible;  opacity: 1; }
.service-asset.page-usage-performance .usage-chart[data-state=shut] .chart-summary > dd {visibility: hidden; overflow: hidden;  max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.service-asset.page-usage-performance .usage-chart .btn-toggle {position: absolute; z-index: 1; top: 0; right: 0;  display: block; width: 50px; height: 50px; text-indent: -9999px; background-color: #eee; }
.service-asset.page-usage-performance .usage-chart .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -481px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-usage-performance .usage-chart .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-usage-performance .usage-chart ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.service-asset.page-usage-performance .usage-chart ul > li { -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-asset.page-usage-performance .usage-chart ul > li + li { border-left: 1px solid #eee; }
.service-asset.page-usage-performance .usage-chart.history { padding-top: 50px; }
.service-asset.page-usage-performance .usage-chart.history .chart-container {visibility: visible; max-height: 500px; padding: 10px 13px 13px 13px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .3s ease-in-out, padding .3s ease-in-out;  opacity: 1; border-top: 1px solid #eee; }
.service-asset.page-usage-performance .usage-chart.history .chart-container .am-chart { height: 250px; }
.service-asset.page-usage-performance .usage-chart.history .chart-container .amChartsLegend {overflow-y: auto !important;  max-height: 250px !important; margin-left: -10px !important; padding-right: 10px !important; }
.service-asset.page-usage-performance .usage-chart.history[data-state=shut] .chart-container {visibility: hidden; max-height: 0px; padding-top: 0; padding-bottom: 0;  opacity: 0; }
.service-asset.page-usage-performance .usage-chart.performance[data-state=shut] .chart-summary > dd { padding-top: 0px; padding-bottom: 0px; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dt .values strong { display: none; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dt .status {position: static;  display: inline-block; margin: 0; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dt .status .info { margin: 0; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dt .status .info:before { content: none; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dd.data-none { display: -ms-flexbox; display: flex; }
.service-asset.page-usage-performance .usage-chart.performance .chart-summary > dd .amcharts-chart-div { transform: inherit; transform: initial; }
.service-asset.page-usage-performance .usage-chart.performance .content { display: block; float: left; width: 210px; height: 156px; }
.service-asset.page-usage-performance .usage-chart.performance .content + .usage-avg { float: right; width: calc(100% - 210px - 30px); margin-left: 0; }
.service-asset.page-usage-performance .usage-chart.performance .am-chart[data-state=none] { width: 99%; }
.service-asset.page-usage-performance .usage-chart.performance .usage-avg { display: block; float: left; width: 80%; margin-left: 19px; color: #888; }
.service-asset.page-usage-performance .usage-chart.performance .usage-avg > dt {font-size: .75rem; font-weight: 700;  margin-top: 20px; }
.service-asset.page-usage-performance .usage-chart.performance .usage-avg > dt:first-child { margin-top: 0; }
.service-asset.page-usage-performance .usage-chart.performance .usage-avg > dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.09091em;  display: block; margin-top: 6px; white-space: nowrap; }
.service-asset.page-usage-performance .usage-chart.performance .usage-avg .avg { color: #1886ff; }
.service-asset.page-usage-performance .chart-summary > dt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 700; line-height: 14px; position: relative;  display: block; box-sizing: border-box; height: 49px; padding: 17px 0 17px 30px; vertical-align: middle; color: #000; border-bottom: 1px solid #eee; }
.service-asset.page-usage-performance .chart-summary > dt span.key { display: inline-block; }
.service-asset.page-usage-performance .chart-summary > dt .values {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 14px;  display: inline-block; visibility: hidden; height: 14px; margin: -3px 0 0 14px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; vertical-align: middle; opacity: 0; color: #000; }
.service-asset.page-usage-performance .chart-summary > dt .values:before {display: inline-block; width: 1px; height: 12px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-color: #d8d8d8; }
.service-asset.page-usage-performance .chart-summary > dt .values .status {position: absolute; top: 50%; right: 30px;  display: block; margin-top: -7px; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info {font-size: .75rem; font-weight: 400; line-height: 14px;  display: inline-block; margin: -3px 0 0 10px; vertical-align: middle; color: #333; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info:before {display: inline-block; width: 12px; height: 12px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info.running:before { background-color: #67adff; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info.stopped:before { background-color: #d8d8d8; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info.etc:before { background-color: #ffdf6b; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info .txt { display: none; }
.service-asset.page-usage-performance .chart-summary > dt .values .status .info.avg { color: #67adff; }
.service-asset.page-usage-performance .chart-summary > dd {visibility: visible; overflow: hidden; max-height: 500px; padding: 37px 25px 42px 25px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .3s ease-in-out, padding .3s ease-in-out;  opacity: 1; }
.layout-with-filter[data-state=normal] .service-asset.page-usage-performance .chart-summary > dd { padding-right: 5px; padding-left: 5px; }


.service-asset.cost-optimization { background-color: #fff; }
.service-asset.cost-optimization .am-chart.pie { max-height: inherit; }
.service-asset.cost-optimization .forms .forms-item .label { font-size: .875rem; font-weight: 700; color: #000; }
.service-asset.cost-optimization .forms .forms-item .text-size { position: relative; margin-top: -12px; padding: 17px 0 0; }
.service-asset.cost-optimization .forms .forms-item .text-size .size-text {font-size: .6875rem;  position: absolute; top: 0; right: 0; color: #999; }
.service-asset.cost-optimization .multiselect-native-select select + .btn-group .btn-cost-optimization { text-align: left; }
.service-asset.cost-optimization .multiselect-native-select [data-title=account] + .btn-group .btn-cost-optimization { width: 145px; }
.service-asset.cost-optimization .multiselect-native-select [data-title='service group'] + .btn-group .btn-cost-optimization { width: 170px; }
.service-asset.cost-optimization .multiselect-native-select [data-title=region] + .btn-group .btn-cost-optimization { width: 140px; }
.service-asset.cost-optimization .common_none_txt { font-size: 1.5rem !important; font-weight: 500 !important; color: #ddd !important; }
.service-asset.cost-optimization .common_none_tr:hover > * { cursor: default !important; background: transparent !important; }
.service-asset.cost-optimization .common_none_tr.chart_none_tr p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif !important;  font-size: .875rem !important; font-weight: 400 !important; color: #999 !important; }
.service-asset.cost-optimization .common_none_tr p { font-size: 1.125rem !important; font-weight: 500 !important; padding: 35px 0 45px; text-align: center; color: #ddd !important; }
.service-asset.cost-optimization .summary_subhead h2 { font-size: .75rem; }
.service-asset.cost-optimization .summary_subhead .condition_btn {font-size: .75rem; line-height: 22px; position: relative; top: 1px;  min-width: 110px; height: 24px; margin-left: 5px; padding: 0 10px; color: #333; border: 1px solid #e6e6e6; }
.service-asset.cost-optimization .am-chart[data-state=none] { height: 156px; border: 2px dashed rgba(151, 151, 151, .25); }
.service-asset.cost-optimization .chart-slide .caution_label { padding: 0 0 13px; }
.service-asset.cost-optimization .chart-slide .caution_label input[type=checkbox] + label {font-size: .6875rem;  color: #666; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table input[type=number] , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table input[type=text] , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table select {font-size: .75rem; line-height: 28px; width: 140px;  height: 30px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table select { width: auto; max-width: 90px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody th { font-size: .875rem; font-weight: 500; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody td { padding: 9px 30px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody td.noUi_wrap { padding: 50px 95px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody td.noUi_wrap p { font-size: .75rem; padding: 7px 0 0; color: #666; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody td[disabled] { opacity: .5; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:nth-child(1) td , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:nth-child(1) th { height: 51px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:nth-child(2) td , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:nth-child(2) th { height: 86px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:nth-child(2) td p { line-height: 2.08333em; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td input[type=number] , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td input[type=text] { width: 140px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td input[type=checkbox] + label {font-size: .75rem;  color: #000; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td p { color: #ccc; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td p.net_caution { font-size: .6875rem; line-height: 1.63636em; padding: 5px 0 10px; color: #666; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td p.input_wrapping { position: relative; display: inline-block; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td p.input_wrapping span {font-size: .75rem; position: absolute; top: 50%; right: 7px; margin: -7px 0 0;  color: #666; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child td , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr:last-child th { height: 79px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td { height: 79px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td input[type=checkbox] + label , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td input[type=checkbox] + label { color: #827da4; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td:nth-child(3) input[type=checkbox] + label , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td:nth-child(3) input[type=checkbox] + label { color: #669fe0; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td:nth-child(4) input[type=checkbox] + label , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td:nth-child(4) input[type=checkbox] + label { color: #db8080; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td:nth-child(4) p , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td:nth-child(4) p { color: #ccc; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p { margin: 0 0 9px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p.input_wrapping , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p.input_wrapping {font-size: .75rem; position: relative; display: inline-block;  margin: 0; color: #666; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p.input_wrapping input[type=text] , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p.input_wrapping input[type=text] { padding: 0 10px; }
html[lang=en] .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p.input_wrapping.lessthan input[type=text] , html[lang=en] .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p.input_wrapping.lessthan input[type=text] { text-align: right; }
html[lang=en] .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p.input_wrapping.lessthan span , html[lang=en] .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p.input_wrapping.lessthan span { right: auto; left: 7px; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar td p.input_wrapping span , .service-asset.cost-optimization .chart-slide .rightsizing_setting_table tbody tr.each_toggle_bar2 td p.input_wrapping span { position: absolute; top: 50%; right: 7px; margin: -7px 0 0; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table input[type=checkbox] + label { font-size: .75rem; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td { background: rgba(204, 204, 204, .4); }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox] + label {padding-left: 34px;  vertical-align: middle; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox] + label:before {width: 36px; height: 23px; margin-top: -11.5px;  background-image: url(../images/layout_sprites.png); background-position: -666px -26px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox] + label:after {width: 36px; height: 22px; margin-top: -11px;  opacity: 0; background-image: url(../images/layout_sprites.png); background-position: -373px -175px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox]:checked + label:before { opacity: 0; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td input[type=checkbox]:checked + label:after { opacity: 1; }
.service-asset.cost-optimization .chart-slide .rightsizing_setting_table .all_toggle_bar td.selected { background: rgba(191, 224, 255, .2); }
.service-asset.cost-optimization .chart-slide .noUi-target {position: relative; border-color: #ccc;  border-radius: 7px; }
.service-asset.cost-optimization .chart-slide .noUi-target:before {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; position: absolute; top: 0; left: -30px;  content: '0%'; }
.service-asset.cost-optimization .chart-slide .noUi-target:after {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; position: absolute; top: 0; right: -45px;  content: '100%'; }
.service-asset.cost-optimization .chart-slide .noUi-base , .service-asset.cost-optimization .chart-slide .noUi-connect { background: #eee; }
.service-asset.cost-optimization .chart-slide .noUi-horizontal .noUi-handle {top: -2px;  width: 19px; height: 19px; border: 1px solid #ccc; border-radius: 5px; outline: 0; }
.service-asset.cost-optimization .chart-slide .noUi-horizontal .noUi-handle:after , .service-asset.cost-optimization .chart-slide .noUi-horizontal .noUi-handle:before { content: none; }
.service-asset.cost-optimization .chart-slide .noUi-horizontal .noUi-tooltip { bottom: 200%; }
.service-asset.cost-optimization .chart-slide .noUi-connect[disabled] { opacity: .5; }
.service-asset.cost-optimization .chart-slide .noUi-connect.avg1 { background: #827da4; }
.service-asset.cost-optimization .chart-slide .noUi-connect.avg2 { background: #669fe0; }
.service-asset.cost-optimization .chart-slide .noUi-connect.avg3 { background: #db8080; }
.service-asset.cost-optimization .chart-slide .noUi-origin.avg1 .noUi-tooltip:before { background-color: #827da4; }
.service-asset.cost-optimization .chart-slide .noUi-origin.avg2 .noUi-tooltip:before { background-color: #669fe0; }
.service-asset.cost-optimization .chart-slide .noUi-origin.avg3 .noUi-tooltip:before { background-color: #db8080; }
.service-asset.cost-optimization .chart-slide .noUi-tooltip {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; position: relative; display: inline-block; padding: 5px 10px;  color: #fff; border-radius: 4px; background: #000; }
.service-asset.cost-optimization .chart-slide .noUi-tooltip:before {display: inline-block; box-sizing: border-box; width: 8px; height: 8px; margin-right: 4px;  content: ''; border: 1px solid #fff; background: #eee; }
.service-asset.cost-optimization .chart-slide .noUi-tooltip:after {position: absolute; bottom: -5px; left: 50%; width: 0; height: 0; margin-left: -5px;  content: ''; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.service-asset.cost-optimization .data-summary[data-status=rightsizing] .am-chart.pie { min-height: 105px; }
.service-asset.cost-optimization .data-summary[data-status=rightsizing] .am-chart .amcharts-chart-div { height: 105px !important; }
.service-asset.cost-optimization .data-summary .usage-chart { max-width: 300px; }
.service-asset.cost-optimization .data-summary .am-chart.pie { min-height: 65px; }
.service-asset.cost-optimization .data-summary .am-chart .amcharts-chart-div { height: 65px !important; }
.service-asset.cost-optimization .data-summary .am-chart .amcharts-balloon-div div { display: none !important; }
.service-asset.cost-optimization .alertnow-ui-table .details.container .rightsizing_rule tbody th {font-weight: 400;  color: #999; }
.service-asset.cost-optimization .panel.detail_information { padding: 0; }
.service-asset.cost-optimization .panel.detail_information h2 { font-size: .75rem; font-weight: 500; padding: 20px 0 5px; }
.service-asset.cost-optimization .panel.detail_information h2 em { display: block; margin: 6px 0 0; color: #0068ff; }
.service-asset.cost-optimization .panel.detail_information.chart h2 { font-weight: 700; }
.service-asset.cost-optimization .panel.detail_information .details.container dl dd { font-size: .75rem; }
.service-asset.cost-optimization .panel.detail_information .details.container dl dd p { font-size: .6875rem; padding: 5px 0 0; color: #0068ff; }
.service-asset.cost-optimization .panel.detail_information .details.container dl dd p.head_con {font-size: .75rem; display: -ms-flexbox; display: flex; padding: 0;  color: #666; }
.service-asset.cost-optimization .panel.detail_information .details.container dl dd p.head_con strong {font-weight: 500; max-width: 75px; margin-right: 10px; word-break: break-all;  color: #000; }
.service-asset.cost-optimization .panel.detail_information .details.container dl dd p.head_con span {word-break: break-all;  -ms-flex: 1; flex: 1; }
.service-asset.cost-optimization .panel.detail_information .am-chart { border: 1px solid #eee; }
.service-asset.cost-optimization .panel.detail_information .am-chart[data-state=none] { border: 2px dashed rgba(151, 151, 151, .25); }
.service-asset.cost-optimization .page.title.container { position: relative; }
.service-asset.cost-optimization .page.title.container h2 { font-size: 1.25rem; font-weight: 700; }
.service-asset.cost-optimization .page.title.container .button-icon {line-height: 0;  display: inline-block; margin-left: 6px; vertical-align: 2px; }
.service-asset.cost-optimization .page.title.container .dropdown { position: absolute; top: 5px; right: 0; }
.service-asset.cost-optimization .icon { display: inline-block; }
.service-asset.cost-optimization .icon:before {display: inline-block; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; }
.service-asset.cost-optimization .icon.default_group:before {width: 14px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -326px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.default_group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.ruleset:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -602px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.ruleset:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .icon.view_point:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -148px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.view_point:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .icon.view_point:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -538px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.view_point:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .icon.large.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .icon.large.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .resource_map {position: relative; top: 2px; width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -304px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .resource_map { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .right-list-container .split-contents .cost_table tbody th { font-weight: 400; }
.service-asset.cost-optimization .right-list-container .split-contents .cost_table tbody .number {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .875rem; }
.service-asset.cost-optimization .right-list-container .split-contents .no_table_layout { border: 0; }
.service-asset.cost-optimization .right-list-container .split-contents .no_table_layout td , .service-asset.cost-optimization .right-list-container .split-contents .no_table_layout th {font-size: .875rem; padding: 0;  border: 0; }
.service-asset.cost-optimization .right-list-container .split-contents .no_table_layout th {font-weight: 400; width: 20%; max-width: 150px;  color: #666; }
.service-asset.cost-optimization .right-list-container .split-contents table { margin: 10px 0 30px; border-top: 1px solid #e1e1e1; }
.service-asset.cost-optimization .right-list-container .split-contents table th { padding: 9px 10px; }
.service-asset.cost-optimization .right-list-container .split-contents .flag:before {position: relative; top: 2px; display: inline-block; width: 10px; height: 14px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -402px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .right-list-container .split-contents .flag:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .alertnow-ui-table {overflow: hidden; overflow-x: auto;  padding: 30px 0 0; }
.service-asset.cost-optimization .alertnow-ui-table .popup_with { padding-bottom: 150px; }
.service-asset.cost-optimization .alertnow-ui-table .pagination input[type='number'] { max-width: 40px; }
.service-asset.cost-optimization .alertnow-ui-table .table_filter { padding: 30px 0 15px; }
.service-asset.cost-optimization .alertnow-ui-table .table_filter .btn_area { display: inline-block; margin-right: 6px; }
.service-asset.cost-optimization .alertnow-ui-table .left-table { table-layout: auto; }
.service-asset.cost-optimization .alertnow-ui-table .left-table th { font-weight: 500; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td , .service-asset.cost-optimization .alertnow-ui-table .left-table th { font-size: .75rem; white-space: nowrap; color: #333; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.checkbox { text-align: center; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving { min-width: 85px; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving:before {margin-right: 3px;  content: '▼'; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.downsize , .service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.modernize , .service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.idle { color: #6ab600; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.upsize { color: #ff5200; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.upsize:before { content: '▲'; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.saving.justRight:before { content: none; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend { font-weight: 500; min-width: 106px; text-align: left; color: #555; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend.downsize {color: #003e86;  background: #d9e8fd; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend.modernize {color: #007b60;  background: #cff6ef; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend.upsize {color: #9c3200;  background: #ffece8; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend.justRight {color: #555;  background: #eee; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.recommend.idle {color: #5d658c;  background: #c0c3dd; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.no { text-align: center; color: #000; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.title {font-size: .875em; word-wrap: break-word; word-break: break-all;  color: #000; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.status {text-align: center; white-space: nowrap;  color: #999; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.date { text-align: center; color: #333; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.date , .service-asset.cost-optimization .alertnow-ui-table .left-table td.urgency { white-space: nowrap; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.urgency { padding-left: 20px; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.urgency .degree > span { margin-left: .4em; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.service {word-wrap: break-word; word-break: break-all;  color: #333; }
.service-asset.cost-optimization .alertnow-ui-table .left-table td.assignee { color: #333; }
.service-asset.cost-optimization .alertnow-ui-table .left-table tr.closed_incident > * { color: #666; }
.service-asset.cost-optimization .alertnow-ui-table .left-table tbody > tr.selected > * , .service-asset.cost-optimization .alertnow-ui-table .left-table tbody > tr:hover > * { background-color: rgba(170, 216, 255, .2); }
.service-asset.cost-optimization .alertnow-ui-table .left-table tbody > tr.updated > * { background-color: #eff6ff; }
.service-asset.cost-optimization .alertnow-ui-table .left-table tbody > tr:hover > * { cursor: pointer; }
.service-asset.cost-optimization .alertnow-ui-table .left-table tbody > tr.no_data > * { cursor: default; background-color: transparent; }
.service-asset.cost-optimization .layout-lr-padding { padding: 0 30px; }
.service-asset.cost-optimization .layout-lr-padding[data-viewing-panel=split] { padding-right: 0; }
.service-asset.cost-optimization .btn-toggle {display: inline-block; width: 21px; height: 21px; margin: -10.5px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -482px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .btn-toggle { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .btn-toggle[data-state=shut] {width: 21px; height: 21px;  background-image: url(/assets/images/sprites.png); background-position: -638px -536px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .btn-toggle[data-state=shut] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .btn-toggle[disabled] { opacity: .3; }
.service-asset.cost-optimization .layout-contents { padding-bottom: 0; transition: none; }
.service-asset.cost-optimization .layout-contents.layout-cost-summary { padding: 0; padding-bottom: 60px; }
.service-asset.cost-optimization .layout-contents.layout-cost-summary .layout-page-title { margin: 0; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-update-analysis-report ~ .layout-sidemenu-container { top: 114px; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container { padding: 0; background-color: #fff; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents { top: 0; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost.list-ruleset > li:hover { background: #f5f5f5; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li {font-size: .75rem; display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 47px;  padding: 10px 20px; border-bottom: 1px solid #eee; -ms-flex-align: center; align-items: center; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon { cursor: pointer; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon + button {display: inline-block;  width: auto; height: auto; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon.ruleset:hover { transform: scale(1.1) rotate(-3deg); }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon.ruleset:active { transform: scale(1.3); }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected { background-color: #f1f8ff; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected button { font-weight: 700; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected button span { font-weight: 700; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button { display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: left; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button span { margin-right: auto; }
.service-asset.cost-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button em { color: #999; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner {padding: 0;  background-color: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title.editing .title_text_wrap {position: relative; top: -100%; display: block; visibility: hidden; overflow: hidden; min-width: 240px;  height: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title.editing .title_text [data-state='input'] { display: inline-block; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title.editing .bunch .button-icon { display: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title.editing .bunch .button-icon:not(.icon-edit) { display: inline-block; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .invalid-message { font-weight: 400; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .invalid { position: relative; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .invalid .invalid-message { position: absolute; bottom: -20px; left: 0; white-space: nowrap; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .title_text { display: block; max-width: calc(100% - 70px); word-break: break-all; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .title_text input[type=text] {position: relative; z-index: 1;  width: calc(100% - 70px); }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .title_text [data-state='input'] { display: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .title_text .title_text_wrap { white-space: pre-wrap; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-cancel { margin-left: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-cancel , .service-asset.cost-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-done { display: none; margin-top: 8px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] { padding: 25px 34px 45px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .page-section .common-tabs { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .page-section .common-tabs > .btn {font-size: .75rem; line-height: 28px;  min-width: 190px; height: 30px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .btns { padding: 20px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .btns.right { text-align: right; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .btns.right .button-normal[data-state=cancel] { margin-right: 5px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .btns .button-normal { width: 120px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner[data-state=rightsizing_setting] .btns .button-normal[data-state=cancel] { border-color: #7f7f7f; background: #7f7f7f; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set {box-sizing: border-box; margin: 17px 0 0; padding: 20px; border: 1px solid #ddd;  background: #f4f4f4; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.disable_wrapper .lower_checked { opacity: .7; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set h3 {font-size: .875rem;  display: inline-block; margin: 0 0 0 10px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .sub {font-size: .75rem; margin: 5px 0 0;  color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set h3 { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap {position: relative;  padding: 9px 15px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap .button-normal { min-width: 100px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap .button-normal[data-state=down] { border-color: #7f7f7f; background: #7f7f7f; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap .guide_link {font-size: .75rem; font-weight: 500; position: absolute; top: 50%; right: 15px; margin: -8px 0 0; text-decoration: underline;  color: #999; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap .guide_link:after {display: inline-block; width: 12px; height: 12px; margin-left: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -324px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.button_set .button_wrap .guide_link:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set { background: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set h3 { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set .lower_checked {border-top: 1px solid #e1e1e1;  border-left: 1px solid #e1e1e1; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border {padding: 0;  border: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border .lower_checked { padding: 13px 29px 5px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border .lower_checked > p {display: inline-block; padding: 0;  border: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border .lower_checked > p.head { font-size: .875rem; font-weight: 700; margin: 0 5px 0 0; color: #000; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border .lower_checked ul li { padding: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set.top_set.border .lower_checked ul li select { margin: 0 10px 0 5px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked {margin: 16px 0 0; background: #fff;  box-shadow: 1px 1px 1px rgba(225, 225, 225, .5); }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked > p {font-size: .75rem; line-height: 29px; box-sizing: border-box; height: 30px;  padding: 0 15px; color: #666; border-bottom: 1px solid #e1e1e1; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked ul li { font-size: .75rem; font-weight: 500; line-height: 49px; box-sizing: border-box; height: 50px; padding: 0 15px; border-top: 1px solid #e1e1e1; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked ul li:first-child { border: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked ul li input[type=checkbox] + label { font-size: .75rem; padding-left: 25px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .lower_checked ul li select {line-height: 30px; position: relative; bottom: 3px;  min-width: 88px; height: 32px; margin-right: 13px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; font-weight: 500; box-sizing: border-box; width: 57px; height: 25px; padding-left: 26px;  color: #fff; border-radius: 3px; background: #a4a4a4; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:after , .service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:before { left: 6px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label span { line-height: 25px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:before {width: 15px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -409px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:after {width: 15px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -556px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox] + label .on { display: none; color: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox]:checked + label { background: #7bbc34; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox]:checked + label .on { display: block; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .checkbox_set .before_checked input[type=checkbox]:checked + label .off { display: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .resource_head { position: relative; height: 46px; border-bottom: 1px solid #eee; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .resource_head .condition_btn {font-size: .75rem; line-height: 22px; position: relative; bottom: 2px;  min-width: 110px; height: 24px; margin-left: 20px; padding: 0 10px; color: #333; border: 1px solid #e6e6e6; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .resource_head > p { font-size: 1.0625rem; line-height: 2.70588em; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .resource_head > p time:before {position: relative; top: 5px; display: inline-block; width: 1px; height: 24px; margin: 0 15px;  content: ''; background: #ddd; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .resource_head .icon-download { position: absolute; top: 50%; right: 30px; margin-top: -10px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap {padding-bottom: 15px;  background-color: #ededed; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary_wrap {max-width: 1200px;  margin: 0 auto; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .summary_caution { font-size: .875rem; margin: 13px 0 0; color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap {padding: 0;  background-color: #fff; box-shadow: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .result.container { padding: 0 25px 65px; border-bottom: 1px solid #000; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .result.container .left-list-container { border-top: 1px solid #ccc; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .page-section .common-tabs { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .page-section .common-tabs > .btn {font-size: .75rem; line-height: 28px;  min-width: 190px; height: 30px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .page-section .common-tabs > .btn[data-state='is-selected'] { position: relative; z-index: 2; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 0; border-left: 1px solid #bbb; background-color: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .table_info { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; padding: 10px 0; color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .table_info span:before {margin: 0 8px;  content: '|'; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .result.container + .data-summary { border-top: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary {width: inherit;  margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary { display: -ms-flexbox; display: flex; height: 60px; border: 0; -ms-flex-align: center; align-items: center; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary .data-fee {padding: 0 0 0 175px;  -ms-flex: 1; flex: 1; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary .data-fee p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; line-height: 1.66667em; position: relative;  text-align: left; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary .data-fee p:before {position: absolute; top: 50%; left: -30px; width: 1px; height: 20px; margin-top: -10px;  content: ''; background: #d8d8d8; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws { border-bottom: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws[data-state=shut] { border-bottom: 1px solid #000; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p { color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p.increasing { color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p.increasing span { border: 1px solid #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p.increasing span:before {width: 9px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -707px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p.increasing span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p.commingsoon { font-size: 1.125rem; font-weight: 500; color: #ddd; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p span {font-size: .875rem; line-height: 22px; position: relative; bottom: 2px;  display: inline-block; box-sizing: border-box; height: 24px; margin-left: 8px; padding: 0 5px; border: 1px solid #6ab600; border-radius: 7px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p span:before {display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -271px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.aws p span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap.cost-table-wrap .cost_optimiztion_chart_summary .data-summary.azure { border-bottom: 2px solid #000; }
.filter-head {position: relative; z-index: 11; display: table; clear: both; width: 100%; padding: 15px 0;  content: ''; }
.filter-head h2 { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; font-weight: 400; display: inline-block; color: #333; }
.filter-head .filter { position: relative; float: right; }
.filter-head .filter > p {font-size: .75rem;  display: inline-block; margin: 0 7px 0 0; color: #999; }
.filter-head .filter .button-normal[data-size=small] {position: relative; top: 1px;  height: 24px; margin-left: 6px; border: 0; background-color: #333; }
.filter-head .filter select {font-size: .75rem; line-height: 22px;  height: 24px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary { margin: 42px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs { box-sizing: border-box; text-align: center; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul { display: inline-block; padding: 20px 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul:after {display: table; clear: both;  content: ''; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul li {line-height: 26px;  float: left; box-sizing: border-box; width: 100px; height: 30px; text-align: center; border: 1px solid #888; border-left: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul li:first-child { border-left: 1px solid #888; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul li a { font-size: .75rem; line-height: 28px; display: block; cursor: pointer; color: #888; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul li.is-selected { background-color: #888; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .tabs ul li.is-selected a { font-size: .75rem; color: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap {position: relative;  box-sizing: border-box; min-height: 411px; padding: 0 35px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap:after {display: table; clear: both;  content: ''; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table { float: left; box-sizing: border-box; width: calc(100% - 405px); padding: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .saving {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .increasing {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table th {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td { color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.saving { color: #fff; background-color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.saving span:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -256px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.saving span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.increasing { color: #fff; background-color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.increasing span:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -692px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td.increasing span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td:last-child { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td span.increasing em:before {width: 9px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -707px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td span.increasing em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td span em:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -271px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table table td span em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap {margin: 0 0 20px; padding: 15px 20px; border: 1px solid #f3f3f3;  border-radius: 5px; background: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap.none .summary_table_contents.expected p span { font-size: 1.125rem; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap.none .summary_table_contents p span {font-size: 14px; font-weight: 500;  color: #ccc; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents {display: -ms-flexbox; display: flex;  height: 74px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p {font-size: .875rem; font-weight: 500;  text-align: right; color: #999; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p.saving { color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span {font-size: 1.125rem;  display: block; margin: 6px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span.increasing em { border-color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span.increasing em:before {width: 9px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -707px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span.increasing em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span em { font-size: .875rem; line-height: 20px; position: relative; top: 4px; display: inline-block; overflow: hidden; box-sizing: border-box; min-width: 98px; min-width: 78px; height: 22px; padding: 0 5px; text-align: center; border: 1px solid #9dd260; border-radius: 7px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span em:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -271px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents p span em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase { border-bottom: 1px solid #f3f3f3; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p {position: relative;  padding: 0 0 0 100px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p:before {position: absolute; top: 50%; left: 42px; width: 17px; height: 17px; margin-top: -8.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -312px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p:first-child { padding: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p:first-child:before { content: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p .increasing em { border-color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p .increasing em:before {width: 9px; height: 9px;  background-image: url(../images/layout_sprites.png); background-position: -707px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.increase p .increasing em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.expected p { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; color: #666; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.expected p span { font-size: 1.625rem; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart_table .summary_table_contents_wrap .summary_table_contents.expected p span em { font-size: 1.125rem; font-weight: 400; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart { position: absolute; top: 0; right: 35px; box-sizing: border-box; width: 385px; height: 100%; min-height: 411px; border: 1px solid #ccc; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart .chart_header {font-size: .75rem; margin: 0 13px 35px; padding: 16px 0; color: #666;  border-bottom: 1px solid #ccc; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .summary_chart_wrap .summary_chart .none_data { display: -ms-flexbox; display: flex; padding: 100px 0 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .cost_optimization_chart + .data-summary { border-top: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary { position: relative; min-height: 65px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary h2 {font-size: 1.125rem;  position: absolute; top: 50%; left: 50px; margin: -12px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.total { min-height: 94px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.total .data-fee > ul > li .num { font-size: 2rem; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.aws .data-fee > ul > li .num { font-size: 1.625rem; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.azure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.azure .data-fee {text-align: right;  -ms-flex: 1; flex: 1; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee .commingsoon { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; color: #ddd; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul { -ms-flex-align: center; align-items: center; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li { position: relative; box-sizing: border-box; min-width: 243px; padding: 0; padding: 0 0 0 105px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li:last-child .num { color: #000; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li:before { content: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li:nth-child(1) p.head_position , .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li:nth-child(3) p.head_position { top: -44px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li p.saving { color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li p.increasing { color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li p.num { padding: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary .data-fee > ul > li p.head_position {line-height: 1.5em;  position: absolute; top: -35px; left: 0; width: 100%; white-space: nowrap; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.azure .data-fee .head_position , .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .cost_optimiztion_chart_summary .data-summary.aws .data-fee .head_position { display: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary {position: relative; display: table; clear: both; box-sizing: border-box; width: 100%; padding: 15px 20px; content: ''; border: 1px solid #dcdcdc;  background-color: #fff; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary[data-style=none] { padding: 30px 20px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary[data-status=rightsizing] .data-fee ul li p.num { padding: 10px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee { float: right; padding-right: 20px; }
@media only screen and (max-width: 1399px) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee { padding-right: 10px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee[data-style=none] { display: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul { display: -ms-flexbox; display: flex; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li { position: relative; padding: 0 0 0 105px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:first-child { padding: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:before {position: absolute; top: 0; left: 30px; width: 1px; height: 70px;  content: ''; background-color: #eee; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li .button_box { text-align: right; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; text-align: right; color: #999; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.num { font-size: 1.5rem; padding: 15px 0 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.down { font-size: .875rem; color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.down:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -271px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.down:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.up { font-size: .875rem; color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.up:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -707px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.up:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing { font-size: .875rem; color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing span {line-height: 22px; display: inline-block; box-sizing: border-box;  min-width: 66px; height: 22px; padding: 0 5px; text-align: center; border-radius: 2px; background: rgba(106, 182, 0, .1); }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing span:before {position: relative; bottom: 1px; display: inline-block; width: 9px; height: 9px; margin: 4px 4px 0 0; content: '';  background-image: url(../images/layout_sprites.png); background-position: -271px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing.downs { margin: 5px 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing.ups { color: #fa6721; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing.ups span { background: rgba(250, 103, 33, .1); }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing.ups span:before {width: 8px; height: 8px;  background-image: url(../images/layout_sprites.png); background-position: -286px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li p.rightsizing.ups span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:first-child { margin: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:first-child:before { content: none; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:last-child p.num { color: #6ab600; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:last-child p.num + .num { padding-top: 0; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .data-fee ul li:last-child p.num.increasing { color: #ff5200; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .btn-toggle { position: absolute; top: 50%; left: 20px; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .chart {float: left; min-width: 280px;  margin: 0 0 0 60px; }
@media only screen and (max-width: 1399px) { .service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .chart { margin: 0 0 0 50px; } }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .chart > p { font-size: .75rem; color: #333; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .chart > p em { font-weight: 500; }
.service-asset.cost-optimization .layout-contents .layout-contents-inner .cost-chart-wrap .data-summary .chart > p em strong { font-weight: 500; color: #6ab600; }
.service-asset.cost-optimization .filter-resource-optimization {position: absolute; z-index: 1; top: 13px; right: 32px;  display: block; }
.service-asset.cost-optimization .filter-resource-optimization .multiselect-native-select .btn-default { width: 170px; }
.service-asset.cost-optimization .filter-resource-optimization .btn-confirm {font-size: .6875rem; font-weight: 400; line-height: 24px;  display: inline-block; height: 24px; padding: 0 10px; transition: opacity .3s ease-in-out, color .3s ease-in-out; vertical-align: middle; opacity: .8; color: #fff; background-color: #000; }
.service-asset.cost-optimization .filter-resource-optimization .btn-confirm:hover { opacity: 1; }
.service-asset.cost-optimization .filter-resource-optimization .btn-confirm:active { color: rgba(255, 255, 255, .3); }
.service-asset.cost-optimization .layout-update-analysis-report {position: relative; z-index: 100;  display: block; padding: 0 32px; border-bottom: 1px solid #eee; }
.service-asset.cost-optimization .layout-update-analysis-report .update-status { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 52px; color: #000; }
.service-asset.cost-optimization .layout-update-analysis-report .update-status .time:before {display: inline-block; width: 1px; height: 12px; margin: -1px 8px 0 6px;  content: ''; vertical-align: middle; background-color: #c7c7c7; }
.service-asset.cost-optimization .layout-update-analysis-report .update-status .time-zone { margin-left: 8px; color: #999; }
.service-asset.cost-optimization .layout-update-analysis-report .btn-analysis {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; margin-left: 20px; padding: 0 13px; transition: color .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out; text-align: center; color: white; border-radius: 3px; background-color: #0076ff; box-shadow: 1px 1px 3px 0 rgba(71, 71, 71, .4), inset 0 0 0 0 rgba(71, 71, 71, 0); }
.service-asset.cost-optimization .layout-update-analysis-report .btn-analysis:before {display: inline-block; width: 10px; height: 11px; margin: -2px 6px 0 0;  content: ''; transition: opacity .3s ease-in-out; vertical-align: middle; opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -739px -233px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-update-analysis-report .btn-analysis:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .layout-update-analysis-report .btn-analysis:hover { background-color: #0068da; }
.service-asset.cost-optimization .layout-update-analysis-report .btn-analysis:active { color: rgba(255, 255, 255, .5); background-color: #005bbf; box-shadow: 1px 0 2px 0 rgba(71, 71, 71, .4), inset 0 1px 5px 0 rgba(0, 0, 0, .16); }
.service-asset.cost-optimization .layout-update-analysis-report .btn-analysis:active:before { opacity: .5; }
.service-asset.cost-optimization .layout-update-analysis-report .right-view { position: absolute; top: 10px; right: 32px; padding-right: 190px; }
.service-asset.cost-optimization .layout-update-analysis-report .right-view .analysis-report { position: absolute; top: 0; right: 0; }
.service-asset.cost-optimization .layout-update-analysis-report .analytical-criteria {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; color: #666; }
.service-asset.cost-optimization .layout-update-analysis-report .analytical-criteria .btn-ac {font-size: .75rem; font-weight: 500;  display: inline-block; margin-left: 5px; color: #006ae4; }
.service-asset.cost-optimization .layout-update-analysis-report .analytical-criteria .btn-ac:hover { text-decoration: underline; }
.service-asset.cost-optimization .layout-update-analysis-report .analytical-criteria ~ .analysis-report { margin-left: 7px; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report {display: block;  overflow: hidden; box-sizing: border-box; transition: border .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out; border: 1px solid #e2e2e2; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(97, 97, 97, .2), inset 0 0 0 0 rgba(0, 0, 0, 0); }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report {font-size: .75rem; font-weight: 500; line-height: 30px;  position: relative; display: block; box-sizing: border-box; height: 30px; padding: 0 35px 0 12px; transition: background-color .3s ease-in-out; color: #333; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:before {display: inline-block; width: 17px; height: 17px; margin: -2px 8px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -574px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:after {position: absolute; top: 50%; right: 10px; display: block; width: 9px; height: 6px; margin-top: -3px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); opacity: .5; background-image: url(/assets/images/sprites.png); background-position: -695px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:hover { background-color: #f4fbff; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report[data-state=open] { border-color: #0079ff; box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, 0); }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report[data-state=open] .btn-analysis-report:after { transform: rotateX(180deg); }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report[data-state=open] .btn-analysis-report:hover { background-color: transparent; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report[data-state=open] .analysis-report-menu {max-height: 500px; padding-bottom: 5px;  opacity: 1; border-top: 1px solid #f0f0f0; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu { display: block; box-sizing: border-box; width: 100%; max-height: 0; transition: opacity .3s ease-in-out; opacity: 0; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu ul , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu li { display: block; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button {font-size: .75rem; font-weight: 400; line-height: 2.66667em;  display: block; box-sizing: border-box; width: 100%; padding: 0 0 0 20px; transition: background-color .3s ease-in-out; text-align: left; color: #000; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a:hover , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button:hover { background-color: rgba(221, 243, 255, .5); }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a:focus , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button:focus { background-color: #e5f1f9; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a[disabled] , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button[disabled] { color: #bebebe; }
.service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a[disabled]:hover , .service-asset.cost-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button[disabled]:hover { background-color: transparent; }
.service-asset.cost-optimization .cost_optimization_chart {overflow: hidden; box-sizing: border-box; padding: 0 0 25px;  border: 1px solid #dcdcdc; border-top: 0; background-color: #fafafa; }
.service-asset.cost-optimization .cost_optimization_chart .rightsizing_select { font-size: .875rem; line-height: 24px; padding: 20px 0 0 30px; color: #666; }
.service-asset.cost-optimization .cost_optimization_chart .rightsizing_select select {font-size: .875rem; line-height: 22px;  height: 24px; margin: 0 10px; }
.service-asset.cost-optimization .cost_optimization_chart .cost_optimization_chart_wrapper {position: relative;  display: -ms-flexbox; display: flex; padding: 25px 0 0; -ms-flex-pack: distribute; justify-content: space-around; }
.service-asset.cost-optimization .cost_optimization_chart .cost_optimization_chart_wrapper:before {position: absolute; top: 25px; bottom: 25px; left: 33%; width: 1px;  content: ''; background-color: #eee; }
.service-asset.cost-optimization .cost_optimization_chart .cost_optimization_chart_wrapper:after {position: absolute; top: 25px; right: 33%; bottom: 25px; width: 1px;  content: ''; background-color: #eee; }
.service-asset.cost-optimization .cost_optimization_chart .usage-chart {margin: 0 auto;  text-align: center; }
.service-asset.cost-optimization .cost_optimization_chart .usage-chart[data-state='rightsizing'] .flex { margin: 12px 0 0; }
.service-asset.cost-optimization .cost_optimization_chart .usage-chart .am-chart .amcharts-legend-div { left: 50%; max-height: inherit; margin-left: -150px; }
.service-asset.cost-optimization .cost_optimization_chart .usage-chart h3 {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .6875rem; font-weight: 400; }
.service-asset.cost-optimization .cost_optimization_chart .usage-chart > p { font-size: .625rem; color: #666; }

html.overflow-hidden { overflow: hidden; height: 100vh; }



.service-asset.resource-optimization .forms .forms-item .label { font-size: .875rem; font-weight: 700; color: #000; }
.service-asset.resource-optimization .forms .forms-item .text-size { position: relative; margin-top: -12px; padding: 17px 0 0; }
.service-asset.resource-optimization .forms .forms-item .text-size .size-text {font-size: .6875rem;  position: absolute; top: 0; right: 0; color: #999; }

.service-asset.resource-optimization .alertnow-layout.sec .split-contents .no_table_layout th { width: 25%; }
.service-asset.resource-optimization .alertnow-layout button.extra.back_to_list {font-size: .75rem; line-height: 33px;  height: 33px; margin-left: 25px; padding-left: 20px; transition: all .3s; color: #666; background: url('/assets/images/arrow_left_tail_gray_transparent_13_12.png') left center no-repeat transparent; background-size: 13px 12px; }
.service-asset.resource-optimization .alertnow-layout button.extra.back_to_list:hover { color: #000; }
.service-asset.resource-optimization .alertnow-layout button.extra.view_more { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/arrow_leff_diagonal_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px; background-size: 16px 16px; }
.service-asset.resource-optimization .alertnow-layout button.extra.view_more:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.service-asset.resource-optimization .alertnow-layout button.extra.close { width: 24px; height: 24px; transition: background-color .2s; background: url('/assets/images/x_gray_transparent_16_16.png') center center no-repeat transparent; background-size: 16px 16px; }
.service-asset.resource-optimization .alertnow-layout button.extra.close:hover { border: 1px solid #ddd; background-color: #f4f4f4; }
.service-asset.resource-optimization .alertnow-layout button.extra.close:after { display: none; }
.service-asset.resource-optimization .alertnow-layout button.middle.button {font-size: .875rem;  min-width: 115px; padding: 0 15px; }
.service-asset.resource-optimization .alertnow-layout .panel.detail { box-sizing: border-box; }
.service-asset.resource-optimization .alertnow-layout .split-contents[data-status=summary] { padding: 0 20px; }
.service-asset.resource-optimization .alertnow-layout .split-contents[data-status=specific] { padding: 0 34px; }
.service-asset.resource-optimization .alertnow-layout .panel.title {position: relative;  background-color: #fff; }
.service-asset.resource-optimization .alertnow-layout .panel.title h3 { font-size: .875rem; font-weight: 400; color: inherit; }
.service-asset.resource-optimization .alertnow-layout .panel.title h3 button:first-child { margin-left: 8px; }
.service-asset.resource-optimization .alertnow-layout .panel.title .dropdown.btn_area { background: rgba(0, 0, 0, .5); }
.service-asset.resource-optimization .alertnow-layout .panel.title .dropdown.btn_area > button { height: 32px; color: #fff; }
.service-asset.resource-optimization .alertnow-layout .panel.title .information.group { display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .alertnow-layout .panel.title .information.group i.tag + i.tag { margin-left: .4em; }
.service-asset.resource-optimization .alertnow-layout .panel.title .information.group section.btn_area {font-size: 0; position: relative; text-align: right;  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .alertnow-layout .panel.title .information.group section.btn_area:after {position: absolute; top: 50%; right: 33px; display: block; width: 1px; height: 18px;  content: ''; transform: translateY(-50%); background-color: #efefef; }
.service-asset.resource-optimization .alertnow-layout .panel.title .information.group section.btn_area button + button { margin-left: 20px; }
.service-asset.resource-optimization .alertnow-layout .panel.title[data-status='summary'] { padding: 17px 10px; }
.service-asset.resource-optimization .alertnow-layout .panel.title[data-status='summary'] h3 { margin-top: 10px; }
.service-asset.resource-optimization .alertnow-layout .panel.title[data-status='summary'] .btn_area.each.action { margin-top: 13px; }
.service-asset.resource-optimization .alertnow-layout .panel.title[data-status='summary'] .btn_area.each.action button.middle {font-size: .75rem;  min-width: 0; padding-right: 12px; padding-left: 12px; }
.service-asset.resource-optimization .alertnow-layout .panel.title[data-status='summary'] .btn_area.each.action button.middle + button { margin-left: 4px; }
.service-asset.resource-optimization .alertnow-layout .split-contents .cost_table tbody th { font-weight: 400; }
.service-asset.resource-optimization .alertnow-layout .split-contents .cost_table tbody .number {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .875rem; }
.service-asset.resource-optimization .alertnow-layout .split-contents .no_table_layout { border: 0; }
.service-asset.resource-optimization .alertnow-layout .split-contents .no_table_layout td , .service-asset.resource-optimization .alertnow-layout .split-contents .no_table_layout th {font-size: .875rem; padding: 0;  border: 0; }
.service-asset.resource-optimization .alertnow-layout .split-contents .no_table_layout th {font-weight: 400; width: 20%; max-width: 150px;  color: #666; }
.service-asset.resource-optimization .alertnow-layout .split-contents table { margin: 10px 0 30px; border-top: 1px solid #e1e1e1; }
.service-asset.resource-optimization .alertnow-layout .split-contents table th { padding: 9px 10px; }
.service-asset.resource-optimization .alertnow-layout .split-contents .flag:before {position: relative; top: 2px; display: inline-block; width: 10px; height: 14px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -402px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .alertnow-layout .split-contents .flag:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.resource-optimization .panel.detail_information { padding: 0; }
.service-asset.resource-optimization .panel.detail_information h2 { font-size: .75rem; font-weight: 500; padding: 20px 0 5px; }
.service-asset.resource-optimization .panel.detail_information h2 em { display: block; margin: 6px 0 0; color: #0068ff; }
.service-asset.resource-optimization .panel.detail_information.chart h2 { font-weight: 700; }
.service-asset.resource-optimization .panel.detail_information .details.container dl dd { font-size: .75rem; }
.service-asset.resource-optimization .panel.detail_information .details.container dl dd p { font-size: .6875rem; padding: 5px 0 0; color: #0068ff; }
.service-asset.resource-optimization .panel.detail_information .details.container dl dd p.head_con {font-size: .75rem; display: -ms-flexbox; display: flex; padding: 0;  color: #666; }
.service-asset.resource-optimization .panel.detail_information .details.container dl dd p.head_con strong {font-weight: 500; max-width: 75px; margin-right: 10px; word-break: break-all;  color: #000; }
.service-asset.resource-optimization .panel.detail_information .details.container dl dd p.head_con span {word-break: break-all;  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .panel.detail_information .am-chart { border: 1px solid #eee; }
.service-asset.resource-optimization .panel.detail_information .am-chart[data-state=none] { border: 2px dashed rgba(151, 151, 151, .25); }
.service-asset.resource-optimization .page.title.container { position: relative; }
.service-asset.resource-optimization .page.title.container h2 { font-size: 1.25rem; font-weight: 700; }
.service-asset.resource-optimization .page.title.container .button-icon {line-height: 0;  display: inline-block; margin-left: 6px; vertical-align: 2px; }
.service-asset.resource-optimization .page.title.container .dropdown { position: absolute; top: 5px; right: 0; }
.service-asset.resource-optimization .icon { display: inline-block; }
.service-asset.resource-optimization .icon:before {display: inline-block; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; }
.service-asset.resource-optimization .icon.default_group:before {width: 14px; height: 19px;  background-image: url(../images/layout_sprites.png); background-position: -326px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.default_group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.resource-optimization .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.azure:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -29px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.alibaba:before {width: 27px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -363px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.google:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -605px -321px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.ruleset:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -602px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.ruleset:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.view_point:hover:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -148px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.view_point:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.resource-optimization .icon.view_point:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -538px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.view_point:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.resource-optimization .icon.large.aws:before {width: 23px; height: 23px;  background-image: url(/assets/images/sprites.png); background-position: -638px -58px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.large.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .icon.large.idc:before {width: 27px; height: 27px;  background-image: url(/assets/images/sprites.png); background-position: -178px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .icon.large.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .resource_map {position: relative; top: 2px; width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -304px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .resource_map { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.resource-optimization .alertnow-ui-table .result.container {overflow-x: auto;  max-width: calc(100% - 30px); padding-bottom: 0px; }
.service-asset.resource-optimization .alertnow-ui-table .pagination input[type='number'] { max-width: 40px; }
.service-asset.resource-optimization .alertnow-ui-table .table_filter { padding: 30px 0 15px; }
.service-asset.resource-optimization .alertnow-ui-table .table_filter .btn_area { display: inline-block; margin-right: 6px; }
.service-asset.resource-optimization .alertnow-ui-table .left-table { width: 100%; table-layout: auto; }
.service-asset.resource-optimization .alertnow-ui-table .left-table th { font-weight: 500; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td , .service-asset.resource-optimization .alertnow-ui-table .left-table th { font-size: .75rem; white-space: nowrap; color: #333; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.checkbox { text-align: center; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving { min-width: 85px; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving:before {margin-right: 3px;  content: '▼'; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.downsize , .service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.modernize , .service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.idle { color: #6ab600; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.upsize { color: #ff5200; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.upsize:before { content: '▲'; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.saving.justRight:before { content: none; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend { font-weight: 500; min-width: 106px; text-align: left; color: #555; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend.downsize {color: #003e86;  background: #d9e8fd; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend.modernize {color: #007b60;  background: #cff6ef; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend.upsize {color: #9c3200;  background: #ffece8; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend.justRight {color: #555;  background: #eee; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.recommend.idle {color: #5d658c;  background: #c0c3dd; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.no { text-align: center; color: #000; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.title {font-size: .875em; word-wrap: break-word; word-break: break-all;  color: #000; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.status {text-align: center; white-space: nowrap;  color: #999; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.date { text-align: center; color: #333; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.date , .service-asset.resource-optimization .alertnow-ui-table .left-table td.urgency { white-space: nowrap; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.urgency { padding-left: 20px; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.urgency .degree > span { margin-left: .4em; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.service {word-wrap: break-word; word-break: break-all;  color: #333; }
.service-asset.resource-optimization .alertnow-ui-table .left-table td.assignee { color: #333; }
.service-asset.resource-optimization .alertnow-ui-table .left-table tr.closed_incident > * { color: #666; }
.service-asset.resource-optimization .alertnow-ui-table .left-table tbody > tr.selected > * , .service-asset.resource-optimization .alertnow-ui-table .left-table tbody > tr:hover > * { background-color: rgba(170, 216, 255, .2); }
.service-asset.resource-optimization .alertnow-ui-table .left-table tbody > tr.updated > * { background-color: #eff6ff; }
.service-asset.resource-optimization .alertnow-ui-table .left-table tbody > tr:hover > * { cursor: pointer; }
.service-asset.resource-optimization .alertnow-ui-table .left-table tbody > tr.no_data > * { cursor: default; background-color: transparent; }
.service-asset.resource-optimization .layout-contents { padding-bottom: 0; }
.service-asset.resource-optimization .layout-contents .layout-page-utils .button-normal.btn-new-condition {font-size: .875rem; line-height: 26px; min-width: 50px; height: 32px;  padding: 0 20px; }
.service-asset.resource-optimization .layout-contents .layout-page-utils .button-normal.btn-new-condition:hover { color: rgba(255, 255, 255, .8); }
.service-asset.resource-optimization .layout-contents .layout-page-utils .button-normal.btn-new-condition:hover:before { opacity: .8; }
.service-asset.resource-optimization .layout-contents .layout-page-utils .button-normal.btn-new-condition[disabled] { color: rgba(255, 255, 255, .5); }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container { padding: 0; background-color: #fff; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents { top: 0; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost.list-ruleset > li:hover { background: #f5f5f5; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li {font-size: .75rem; display: -ms-flexbox; display: flex; box-sizing: border-box;  padding: 10px 20px; border-bottom: 1px solid #eee; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon { cursor: pointer; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon + button {display: inline-block;  width: auto; height: auto; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon.ruleset:hover { transform: scale(1.1) rotate(-3deg); }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li .icon.ruleset:active { transform: scale(1.3); }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected { background-color: #f1f8ff; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected button { font-weight: 700; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li.is-selected button span { font-weight: 700; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button {font-size: .75rem; line-height: 1.5em;  display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: left; word-break: break-all; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button span { margin-right: auto; }
.service-asset.resource-optimization .layout-contents.layout-with-sidemenu .layout-sidemenu-container .layout-sidemenu-contents .list-cost > li button em { color: #999; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner { padding: 0 0 45px 0; background-color: #fff; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title-description {font-size: .75rem; font-weight: 400;  display: block; clear: both; margin-top: 12px; color: #666; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title-description strong { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title.editing .title_text_wrap {position: relative; top: -100%; display: block; visibility: hidden; overflow: hidden; min-width: 240px;  height: 0; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title.editing .title_text [data-state='input'] { display: inline-block; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title.editing .bunch .button-icon { display: none; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title.editing .bunch .button-icon:not(.icon-edit) { display: inline-block; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .invalid-message { font-weight: 400; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .invalid { position: relative; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .invalid .invalid-message { white-space: nowrap; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .title_text { display: block; max-width: calc(100% - 70px); word-break: break-all; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .title_text input[type=text] {position: relative; z-index: 1;  width: calc(100% - 70px); }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .title_text [data-state='input'] { display: none; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .title_text .title_text_wrap { white-space: pre-wrap; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-cancel { margin-left: 0; }
.service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-cancel , .service-asset.resource-optimization .layout-contents .layout-contents-inner .page-section-title .bunch .button-icon.icon-done { display: none; margin-top: 8px; }
.service-asset.resource-optimization.page-ro-summary .layout-contents-inner { margin: 0 auto; }
.service-asset.resource-optimization .layout-update-analysis-report {position: relative; z-index: 100;  display: block; margin: 0 -32px; padding: 0 32px; border-bottom: 1px solid #eee; }
.service-asset.resource-optimization .layout-update-analysis-report .update-status { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 52px; color: #000; }
.service-asset.resource-optimization .layout-update-analysis-report .update-status .time:before {display: inline-block; width: 1px; height: 12px; margin: -1px 8px 0 6px;  content: ''; vertical-align: middle; background-color: #c7c7c7; }
.service-asset.resource-optimization .layout-update-analysis-report .update-status .time-zone { margin-left: 8px; color: #999; }
.service-asset.resource-optimization .layout-update-analysis-report .btn-analysis {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; margin-left: 20px; padding: 0 13px; transition: color .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out; text-align: center; color: white; border-radius: 3px; background-color: #0076ff; box-shadow: 1px 1px 3px 0 rgba(71, 71, 71, .4), inset 0 0 0 0 rgba(71, 71, 71, 0); }
.service-asset.resource-optimization .layout-update-analysis-report .btn-analysis:before {display: inline-block; width: 10px; height: 11px; margin: -2px 6px 0 0;  content: ''; transition: opacity .3s ease-in-out; vertical-align: middle; opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -739px -233px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .layout-update-analysis-report .btn-analysis:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .layout-update-analysis-report .btn-analysis:hover { background-color: #0068da; }
.service-asset.resource-optimization .layout-update-analysis-report .btn-analysis:active { color: rgba(255, 255, 255, .5); background-color: #005bbf; box-shadow: 1px 0 2px 0 rgba(71, 71, 71, .4), inset 0 1px 5px 0 rgba(0, 0, 0, .16); }
.service-asset.resource-optimization .layout-update-analysis-report .btn-analysis:active:before { opacity: .5; }
.service-asset.resource-optimization .layout-update-analysis-report .right-view { position: absolute; top: 10px; right: 32px; padding-right: 190px; }
.service-asset.resource-optimization .layout-update-analysis-report .right-view .analysis-report { position: absolute; top: 0; right: 0; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report {display: block;  overflow: hidden; box-sizing: border-box; transition: border .3s ease-in-out, background-color .3s ease-in-out, box-shadow .3s ease-in-out; border: 1px solid #e2e2e2; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(97, 97, 97, .2), inset 0 0 0 0 rgba(0, 0, 0, 0); }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report {font-size: .75rem; font-weight: 500; line-height: 30px;  position: relative; display: block; box-sizing: border-box; height: 30px; padding: 0 35px 0 12px; transition: background-color .3s ease-in-out; color: #333; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:before {display: inline-block; width: 17px; height: 17px; margin: -2px 8px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -574px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:after {position: absolute; top: 50%; right: 10px; display: block; width: 9px; height: 6px; margin-top: -3px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); opacity: .5; background-image: url(/assets/images/sprites.png); background-position: -695px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .btn-analysis-report:hover { background-color: #f4fbff; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report[data-state=open] { border-color: #0079ff; box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, 0); }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report[data-state=open] .btn-analysis-report:after { transform: rotateX(180deg); }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report[data-state=open] .btn-analysis-report:hover { background-color: transparent; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report[data-state=open] .analysis-report-menu {max-height: 500px; padding-bottom: 5px;  opacity: 1; border-top: 1px solid #f0f0f0; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu { display: block; box-sizing: border-box; width: 100%; max-height: 0; transition: opacity .3s ease-in-out; opacity: 0; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu ul , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu li { display: block; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button {font-size: .75rem; font-weight: 400; line-height: 2.66667em;  display: block; box-sizing: border-box; width: 100%; padding: 0 0 0 20px; transition: background-color .3s ease-in-out; text-align: left; color: #000; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a:hover , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button:hover { background-color: rgba(221, 243, 255, .5); }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a:focus , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button:focus { background-color: #e5f1f9; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a[disabled] , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button[disabled] { color: #bebebe; }
.service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu a[disabled]:hover , .service-asset.resource-optimization .layout-update-analysis-report .analysis-report .analysis-report-menu button[disabled]:hover { background-color: transparent; }
.service-asset.resource-optimization .cost {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.5em;  display: inline-block; color: #a3c3e8; }
.service-asset.resource-optimization .cost:before {display: inline-block; width: 17px; height: 17px; margin: -3px 8px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -367px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-size=large] { font-size: 2.375rem; font-weight: 400; line-height: 1.28947em; color: #fff; }
.service-asset.resource-optimization .cost[data-size=large]:before {width: 28px; height: 28px;  margin: -3px 13px 0 0; background-image: url(/assets/images/sprites.png); background-position: -407px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-size=large]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-size=small] { font-size: 1rem; font-weight: 700; color: #18aa00; }
.service-asset.resource-optimization .cost[data-size=small]:before {width: 14px; height: 14px;  margin-right: 5px; background-image: url(/assets/images/sprites.png); background-position: -718px -485px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-size=small]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-size=small-box] {font-size: 1rem; font-weight: 400; line-height: 24px;  padding: 0 10px; color: #19ae00; border: 1px solid #19ae00; border-radius: 5px; background-color: rgba(86, 190, 0, .08); }
.service-asset.resource-optimization .cost[data-size=small-box]:before {width: 12px; height: 12px;  margin-right: 5px; background-image: url(/assets/images/sprites.png); background-position: -470px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-size=small-box]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-state=upsizing]:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -482px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-state=upsizing]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-state=upsizing][data-size=large]:before {width: 28px; height: 28px;  background-image: url(/assets/images/sprites.png); background-position: -441px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-state=upsizing][data-size=large]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-state=upsizing][data-size=small] { color: #ff8a00; }
.service-asset.resource-optimization .cost[data-state=upsizing][data-size=small]:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -445px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-state=upsizing][data-size=small]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-state=upsizing][data-size=small-box] { color: #ff8a00; border: 1px solid #ff8a00; background-color: rgba(255, 159, 0, .08); }
.service-asset.resource-optimization .cost[data-state=upsizing][data-size=small-box]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -398px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .cost[data-state=upsizing][data-size=small-box]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .cost[data-state=none] { color: #999; }
.service-asset.resource-optimization .cost[data-state=none]:before { content: none; }
.service-asset.resource-optimization .cost[data-state=none][data-size=small] { font-size: .75rem; font-weight: 500; }
.service-asset.resource-optimization .cost[data-state=none][data-size=small-box] { padding: 0; color: #c4c4c4; border: 0px; background-color: transparent; }
.service-asset.resource-optimization .estimated-saving-cost {position: relative;  display: block; padding-top: 15px; }
.service-asset.resource-optimization .estimated-saving-cost .esc-title {font-size: 1.125rem; font-weight: 700; line-height: 1.5em;  display: block; color: #000; }
.service-asset.resource-optimization .estimated-saving-cost .esc-descriptions {font-size: .875rem; font-weight: 300; line-height: 1.5em;  display: block; margin-top: 10px; color: #4c4c4c; }
.service-asset.resource-optimization .estimated-saving-cost .filter-resource-optimization {position: absolute; z-index: 5; top: 17px; right: 0;  display: block; }
.service-asset.resource-optimization .estimated-saving-cost .filter-resource-optimization .multiselect-native-select .btn-default { width: 170px; }
.service-asset.resource-optimization .estimated-saving-cost .filter-resource-optimization .btn-confirm {font-size: .6875rem; font-weight: 400; line-height: 24px;  display: inline-block; height: 24px; padding: 0 10px; transition: opacity .3s ease-in-out, color .3s ease-in-out; vertical-align: middle; opacity: .8; color: #fff; background-color: #000; }
.service-asset.resource-optimization .estimated-saving-cost .filter-resource-optimization .btn-confirm:hover { opacity: 1; }
.service-asset.resource-optimization .estimated-saving-cost .filter-resource-optimization .btn-confirm:active { color: rgba(255, 255, 255, .3); }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost { display: block; padding-top: 5px; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt {position: relative;  display: -ms-flexbox; display: flex; box-sizing: border-box; height: 124px; margin-top: 10px; padding: 20px 40px 20px 30px; background-color: #053368; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle {position: relative;  display: -ms-flexbox; display: flex; max-width: 300px; padding: 0 0 0 45px; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle:before {position: absolute; top: 50%; left: 0; display: block; width: 25px; height: 25px; margin-top: -12px;  content: ''; border-radius: 3px; background-color: #c2cfec; box-shadow: 0 1px 3px 0 #000; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle:after {position: absolute; top: 50%; left: 0; display: block; width: 25px; height: 25px; margin-top: -13px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -274px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle .icon { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.625rem; font-weight: 400; color: #fff; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle[disabled]:before , .service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle[disabled]:after { opacity: .3; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .btn-toggle[data-state=shut]:after { margin-top: -11px; transform: rotateX(0deg); }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .total {display: block; padding: 0 40px 0 0; text-align: right;  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .total .key {font-size: .875rem; font-weight: 700; line-height: 1.5em;  display: block; color: #fff; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .total .value { display: block; margin-top: 3px; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .items {display: block; padding: 0 0 0 30px; border-left: 1px solid rgba(255, 255, 255, .3);  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .items > li {display: block;  overflow: hidden; padding: 4px 0; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .items > li .key {font-size: .875rem; font-weight: 700; line-height: 33px;  display: block; float: left; color: rgba(255, 255, 255, .6); }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .items > li .value {font-size: 1rem; font-weight: 400;  display: block; float: right; padding: 7px 0; color: rgba(163, 195, 232, .7); }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .items > li .value.cost { padding: 5px 0; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .none {font-size: 2.125rem; font-weight: 700; display: block; text-align: right; color: rgba(255, 255, 255, .4);  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .loading {font-size: 1.625rem; font-weight: 700; line-height: 84px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: -ms-flexbox; display: flex; text-align: center; color: #fff; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dt .loading:before {display: inline-block; width: 40px; height: 40px; margin: -2px 20px 0 0;  content: ''; animation: rotate .4s infinite linear; vertical-align: middle; border: 2px solid #fff; border-left-color: transparent; border-radius: 50%; }
.service-asset.resource-optimization .estimated-saving-cost .list-saving-cost dd { padding: 20px 40px 35px; border: 1px solid #c3cce0; background-color: #f2f6fa; }
.service-asset.resource-optimization .estimated-saving-cost .tabs { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.service-asset.resource-optimization .estimated-saving-cost .tabs .btn {font-size: .75rem; font-weight: 500; line-height: 28px;  display: block; width: 150px; height: 30px; transition: background-color .3s ease-in-out; text-align: center; color: #234c7a; border-top: 1px solid #345983; border-right: 1px solid #345983; border-bottom: 1px solid #345983; }
.service-asset.resource-optimization .estimated-saving-cost .tabs .btn:first-child { border-left: 1px solid #345983; }
.service-asset.resource-optimization .estimated-saving-cost .tabs .btn:hover { background-color: #c6d1db; }
.service-asset.resource-optimization .estimated-saving-cost .tabs .btn:active { background-color: #6f8daa; }
.service-asset.resource-optimization .estimated-saving-cost .tabs .btn.is-selected { font-weight: 700; color: #fff; background-color: #2d537f; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info { display: -ms-flexbox; display: flex; margin-top: 20px; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .left-view {padding-right: 20px;  -ms-flex: 1; flex: 1; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost {width: 100%; margin-top: 7px;  table-layout: fixed; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost thead > tr > th {font-size: .75rem; font-weight: 700; line-height: 30px;  overflow: hidden; padding: 0 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1px solid #666; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost thead > tr > th + th { border-left: 1px solid #ccc; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr th , .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr td {font-size: .75rem; font-weight: 400; line-height: 1.5em;  overflow: hidden; padding: 5px 10px 6px 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #666; border-top: 1px solid #ddd; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr th + th , .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr th + td , .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr td + th , .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr td + td { border-left: 1px solid #ddd; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr .cell-type { background-color: #6ab600; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr .cell-type span { display: inline-block; vertical-align: middle; white-space: nowrap; color: #fff; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr .cell-type span:before {display: inline-block; width: 9px; height: 9px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -643px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr .cell-type span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr .tbl-cost { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; color: #6ab600; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.increasing .cell-type { background-color: #f87e00; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.increasing .cell-type span:before { transform: rotateX(180deg); }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.increasing .tbl-cost { color: #ff5200; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.noChanges .cell-type { background-color: #9eabb7; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.noChanges .cell-type span:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -645px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.noChanges .cell-type span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody > tr.noChanges .tbl-cost { color: #9fa9b3; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody .r { padding-right: 10px; padding-left: 10px; text-align: right; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .tbl-estimated-saving-cost tbody .cnt { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .summary-chart { display: block; box-sizing: border-box; width: 385px; min-height: 330px; padding: 0 12px; border: 1px solid #ccc; border-radius: 5px; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .summary-chart .chart-title {font-size: .75rem; font-weight: 500; line-height: 40px;  display: block; text-align: center; color: #666; border-bottom: 1px solid #ccc; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .summary-chart .am-chart.pie {max-height: inherit;  padding: 10px 0; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .summary-chart[data-state=no-saving] p {font-size: 1.125rem; padding: 50px 0 0;  text-align: center; color: #c7d1d9; }
.service-asset.resource-optimization .estimated-saving-cost .summary-info .summary-chart[data-state=no-saving] p:before {display: block; box-sizing: border-box; width: 160px; height: 160px; margin: 0 auto 20px;  content: ''; border: 25px solid #dbe1e6; border-radius: 100%; }
.service-asset.resource-optimization .summary-grid-container {position: relative;  display: block; margin-top: 35px; }
.service-asset.resource-optimization .summary-grid-container .analytical-criteria {font-size: .75rem; font-weight: 500;  display: inline-block; color: #666; }
.service-asset.resource-optimization .summary-grid-container .analytical-criteria:before {display: inline-block; width: 1px; height: 15px; margin: -2px 9px 0 13px;  content: ''; vertical-align: middle; background-color: #ccc; }
.service-asset.resource-optimization .summary-grid-container .analytical-criteria .btn-ac {font-size: .75rem; font-weight: 500; display: inline-block; margin-left: 5px;  cursor: pinter; color: #006ae4; }
.service-asset.resource-optimization .summary-grid-container .analytical-criteria .btn-ac:hover { text-decoration: underline; }
.service-asset.resource-optimization .summary-grid-container .sgc-header { padding-left: 10px; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 700;  display: inline-block; color: #000; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor { display: inline-block; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor dt , .service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor dd { display: inline-block; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor dt:before {display: inline-block; width: 1px; height: 15px; margin: -2px 9px 0 13px;  content: ''; vertical-align: middle; background-color: #ccc; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key { display: inline-block; margin: -2px 5px 0 0; vertical-align: middle; text-indent: -9999px; }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.aws {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.azure {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.azure { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.alibaba {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.alibaba { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.google {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .sgc-header .by-vendor .key.google { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products { display: block; width: 100%; margin-top: 10px; border-top: 1px solid #333; border-bottom: 1px solid #999; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt {position: relative;  display: block; border-top: 1px solid #ddd; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt:first-child { border-top: 0px; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .none {font-size: 1.125rem; font-weight: 700;  padding: 12px 0 12px 30px; color: #ccc; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .right-view {position: absolute; z-index: 1; top: 13px; right: 30px;  display: block; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .analytical-criteria { vertical-align: middle; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .analytical-criteria:before { content: none; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .analytical-criteria:after {display: inline-block; width: 1px; height: 15px; margin: -2px 15px 0 15px;  content: ''; vertical-align: middle; background-color: #ccc; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail {font-size: .75rem; font-weight: 500; display: inline-block;  cursor: pointer; transition: color .3s ease-in-out; vertical-align: middle; color: #107fff; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:before {display: inline-block; width: 12px; height: 12px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -164px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:hover { text-decoration: underline; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:active { color: #0065d9; }
.service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:active:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -182px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products dt .btn-detail:active:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products dd { display: block; padding: 25px 0 60px 38px; border-top: 1px solid #eee; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item {position: relative;  display: block; box-sizing: border-box; width: 100%; padding: 12px 0 12px 60px; transition: background-color .3s ease-in-out; text-align: left; background-color: #fff; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:before {position: absolute; top: 50%; left: 15px; display: block; box-sizing: border-box; width: 23px; width: 25px; height: 23px; height: 25px; margin-top: -12px;  content: ''; transition: border-color .3s ease-in-out, background-image .3s ease-in-out; border: 1px solid #0076ff; border-radius: 3px; background-color: #fff; background-image: url(/assets/images/sprites.png); background-position: -638px 0px; box-shadow: 1px 1px 1px 0 rgba(184, 184, 184, .4); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:after {position: absolute; top: 50%; left: 15px; display: block; width: 25px; height: 25px; margin-top: -12px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -243px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:hover { background-color: #f9fdff; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item:active { background-color: #e5f1f9; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut]:before { border: 1px solid #ccc; background-image: none; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut]:after { opacity: 1; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut][disabled] , .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut]:disabled { background-color: transparent; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut][disabled]:after , .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item[data-state=shut]:disabled:after { opacity: .3; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400; color: #333; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title:before {display: inline-block; margin: -1px 9px 0 0;  content: ''; vertical-align: middle; }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .product-title.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.resource-optimization .summary-grid-container .list-by-products .product-item .cost { margin-left: 7px; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing { overflow: hidden; margin-bottom: 20px; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items {position: relative;  display: block; float: left; box-sizing: border-box; width: 267px; height: 150px; padding: 0 14px; transition: border-color .3s ease-in-out, background-color .3s ease-in-out; border: 1px solid #ddd; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .11); }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items:before , .service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items:after { top: 11px; left: 20px; margin: 0; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items:hover { background-color: #f4fbff; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items .filter-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 37px;  display: block; padding-left: 30px; color: #333; border-bottom: 1px solid #ddd; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items .filter-desc {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 5px; color: #666; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox] + .filter-items .cost { position: absolute; right: 15px; bottom: 15px; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox]:checked + .filter-items { border-color: #0079ff; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox][disabled] + .filter-items { background-color: #f9f9f9; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox][disabled] + .filter-items .filter-title { opacity: .5; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox][disabled] + .filter-items .filter-desc { opacity: .5; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing input[type=checkbox][disabled] + .filter-items .cost { font-size: .875rem; }
.service-asset.resource-optimization .summary-grid-container .filter-right-sizing .filter-items ~ .filter-items { margin-left: 9px; }
.service-asset.resource-optimization .summary-grid-container .table_info {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem;  padding: 10px 0; color: #666; }
.service-asset.resource-optimization .summary-grid-container .table_info span:before {margin: 0 8px;  content: '|'; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner {max-width: 1500px;  padding: 25px 34px 45px; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .page-section { margin-top: 20px; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .page-section .common-tabs { margin: 0; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .page-section .common-tabs > .btn {font-size: .75rem; line-height: 28px;  min-width: 190px; height: 30px; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .btns { padding: 20px 0 0; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .btns.right { text-align: right; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .btns.right .button-normal[data-state=cancel] { margin-right: 5px; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .btns .button-normal { width: 120px; }
.service-asset.resource-optimization.page-ro-setting .layout-contents-inner .btns .button-normal[data-state=cancel] { border-color: #7f7f7f; background: #7f7f7f; }
.service-asset.resource-optimization .recommendation-conditions-container { margin-top: 25px; }
.service-asset.resource-optimization .recommendation-conditions { padding: 18px 25px 20px 25px; background-color: #f5f5f5; }
.service-asset.resource-optimization .recommendation-conditions .rc-title {font-size: 1rem; font-weight: 700; line-height: 1.66667em;  display: block; color: #000; }
.service-asset.resource-optimization .recommendation-conditions .rc-description {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: block; margin-top: 8px; color: #666; }
.service-asset.resource-optimization .recommendation-conditions .rc-description .btn-reset { font-weight: 500; text-decoration: underline; color: #148efe; }
.service-asset.resource-optimization .recommendation-conditions .rc-description strong { font-weight: 700; }
.service-asset.resource-optimization .recommendation-conditions .rc-confirm { margin-top: 15px; }
.service-asset.resource-optimization .recommendation-conditions .rc-confirm .btn-save {font-size: .875rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 20px; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: center; vertical-align: middle; color: #fff; background-color: #1886ff; }
.service-asset.resource-optimization .recommendation-conditions .rc-confirm .btn-save:hover { background-color: #0068da; }
.service-asset.resource-optimization .recommendation-conditions .rc-confirm .btn-save:active { color: rgba(255, 255, 255, .5); background-color: #005bbf; }
.service-asset.resource-optimization .recommendation-conditions .rc-confirm .update {font-size: .75rem; font-weight: 400; line-height: 30px;  display: inline-block; margin-left: 10px; vertical-align: middle; color: #888; }
.service-asset.resource-optimization .condition-check-box {position: relative;  display: block; margin-top: 20px; padding: 0 24px 0 24px; border: 1px solid #ccc; border-top-width: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); }
.service-asset.resource-optimization .condition-check-box:before {position: absolute; top: -4px; right: 0; left: 0; display: block; height: 4px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper { padding-bottom: 20px; pointer-events: none; opacity: .5; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .invalid-message { font-size: .75rem; padding: 12px 0 0; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .invalid-message ~ .invalid-message {margin-top: 0;  padding-top: 5px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .info { padding: 15px 0 10px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .info p { font-size: .75rem; color: #222; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .info p em { font-weight: 500; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .add_rule { padding: 15px 0; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .add_rule button {font-size: .75rem; position: relative;  height: 24px; padding-left: 30px; color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .add_rule button:before {position: absolute; top: 50%; left: 15px; width: 2px; height: 10px;  content: ''; transform: translateY(-50%); background-color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .add_rule button:after {position: absolute; top: 50%; left: 11px; width: 10px; height: 2px;  content: ''; transform: translateY(-50%); background-color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper { border: 1px solid #ececec; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table { width: 100%; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table input[type=text] , .service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table input[type=number] , .service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table select {font-size: .75rem; line-height: 28px; box-sizing: border-box;  width: 70px; height: 30px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table select { padding-right: 25px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table thead th {font-size: .75rem; padding: 9px 10px;  text-align: center; color: #222; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table thead th.right { text-align: right; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table tbody td { padding: 12px 5px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table tbody td:first-child { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; text-align: center; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table tbody td.full-width input[type=text] , .service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table tbody td.full-width input[type=number] , .service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table tbody td.full-width select { width: 100%; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table th , .service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table td { border-bottom: 1px solid #ececec; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .flex-grid { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .invalid-icon { display: inline-block; width: 16px; height: 16px; margin-right: 9px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT4zMC5jb250ZW50cyZhbXA7c3RhdC92YWxpZGF0aW9uLyp3YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlNldHRpbmdfMjAyMDAyMDMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTZXR0aW5nLV9yaWdodHNpemluZy1fSURDX+yEpOyglV9FcnJvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxOC4wMDAwMDAsIC03NzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIzMC5jb250ZW50cyZhbXA7c3RhdC92YWxpZGF0aW9uLyp3YXJuaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTguMDAwMDAwLCA3NzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNGRjJENDciIGN4PSI4IiBjeT0iOCIgcj0iOCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxMC40MDA4ODg5IEM4LjYzNzMzMzMzLDEwLjQwMDg4ODkgOS4xNTU1NTU1NiwxMC45MTgyMjIyIDkuMTU1NTU1NTYsMTEuNTU1NTU1NiBDOS4xNTU1NTU1NiwxMi4xOTQ2NjY3IDguNjM3MzMzMzMsMTIuNzEwMjIyMiA4LDEyLjcxMDIyMjIgQzcuMzYzNTU1NTYsMTIuNzEwMjIyMiA2Ljg0NDQ0NDQ0LDEyLjE5NDY2NjcgNi44NDQ0NDQ0NCwxMS41NTU1NTU2IEM2Ljg0NDQ0NDQ0LDEwLjkxODIyMjIgNy4zNjM1NTU1NiwxMC40MDA4ODg5IDgsMTAuNDAwODg4OSBaIE04Ljg4OCwzLjU1NTU1NTU2IEw4Ljg4OCw4Ljg4OCBMNy4xMTAyMjIyMiw4Ljg4OCBMNy4xMTAyMjIyMiwzLjU1NTU1NTU2IEw4Ljg4OCwzLjU1NTU1NTU2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .input-form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .input-form > * { margin-right: 5px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-tooltip { position: relative; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-tooltip input[invalid] ~ .tooltip {pointer-events: auto;  opacity: 1; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-tooltip .tooltip {font-size: .75rem; position: absolute; z-index: 10; top: calc(100% + 8px); left: 50%; box-sizing: border-box; height: 32px; padding: 10px; transition: opacity .3s linear; white-space: nowrap; pointer-events: none;  opacity: 0; color: #fff; background-color: #ff2d47; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-tooltip .tooltip:before {position: absolute; top: -8px; left: 50%;  content: ''; transform: translateX(-50%); border-right: 6px solid transparent; border-bottom: 8px solid #ff2d47; border-left: 6px solid transparent; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-text { position: relative; width: 90px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-text input { padding-right: 50px; }
.service-asset.resource-optimization .condition-check-box .sec-wrapper .table-wrapper table .with-input-text span {font-size: .75rem; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);  color: #666; }
.service-asset.resource-optimization .condition-check-box[data-state=checked]:before { opacity: 1; }
.service-asset.resource-optimization .condition-check-box[data-state=checked] .sec-wrapper {pointer-events: auto;  opacity: 1; }
.service-asset.resource-optimization .condition-check-box .material-switch + label {position: relative;  display: inline-block; height: 18px; margin-top: -1px; padding: 0 0 0 46px; vertical-align: middle; }
.service-asset.resource-optimization .condition-check-box .material-switch + label:before {position: absolute; top: 2px; left: 1px; display: block; width: 32px; height: 14px; margin: 0;  content: ''; border-radius: 14px; background-color: #afafaf; background-image: none; }
.service-asset.resource-optimization .condition-check-box .material-switch + label:after {position: absolute; top: 0px; left: 0px; display: block; box-sizing: border-box; width: 18px; height: 18px; margin: 0;  content: ''; transition: all .3s ease; opacity: 1; border: 1px solid #eee; border-radius: 100%; background-color: #fafafa; background-image: none; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); }
.service-asset.resource-optimization .condition-check-box .material-switch + label:active:after { transform: scale(1.15, .85); }
.service-asset.resource-optimization .condition-check-box .material-switch + label span {font-size: 1rem; font-weight: 700; line-height: 18px;  display: inline-block; color: #666; }
.service-asset.resource-optimization .condition-check-box .material-switch:checked + label:before { background-color: #bfe0ff; }
.service-asset.resource-optimization .condition-check-box .material-switch:checked + label:after { left: 15px; border: none; background-color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .material-switch:checked + label span { color: #1886ff; }
.service-asset.resource-optimization .condition-check-box .ccb-title {font-size: 1rem; font-weight: 700; line-height: 18px; display: -ms-flexbox; display: flex;  overflow: hidden; margin: 0 -24px; padding: 14px 24px; color: #000; border-bottom: 1px solid #ececec; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .condition-check-box .ccb-title .material-switch { display: block; }
.service-asset.resource-optimization .condition-check-box .ccb-title .material-switch ~ label { white-space: nowrap; }
.service-asset.resource-optimization .condition-check-box .ccb-title .ccb-title-description {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-left: 15px; color: #666; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents { padding: 0 24px; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents .small-white { margin-top: -1px; margin-left: 5px; vertical-align: middle; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents .list-controls > li { display: block; padding: 15px 0 15px 27px; border-bottom: 1px solid #eee; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents .list-controls > li input[type=checkbox] + label { font-size: .75rem; color: #333; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents .list-controls[disabled] {pointer-events: none;  opacity: .5; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dt {font-size: .75rem; font-weight: 500; line-height: 1.33333em;  display: -ms-flexbox; display: flex; box-sizing: border-box; width: 160px; padding: 15px 0; text-align: right; color: #333; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dt ~ dt { border-top: 1px solid #eee; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd {font-size: .75rem; font-weight: 500; line-height: 1.33333em;  display: block; box-sizing: border-box; width: calc(100% - 160px); padding: 15px 0 15px 55px; color: #333; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd ~ dd { border-top: 1px solid #eee; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd.forms { padding-top: 9px; padding-bottom: 9px; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd input[type=checkbox] ~ .avg-network-io {margin-top: 19px; pointer-events: none;  opacity: .5; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd input[type=checkbox]:checked ~ .avg-network-io {pointer-events: auto;  opacity: 1; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .avg-network-io { display: block; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .avg-network-io label { font-weight: 400; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .per-unit {position: relative;  display: inline-block; max-width: 130px; margin: -2px 5px 0 5px; vertical-align: middle; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .per-unit input[type=text] {font-size: .75rem; line-height: 28px;  position: relative; z-index: 1; height: 30px; padding-right: 50px; background-color: transparent; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .per-unit .unit {font-size: .75rem; font-weight: 400; line-height: 28px; position: absolute; z-index: 0; top: 1px; right: 10px;  display: block; color: #666; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .per-unit[data-state=right] input[type=text] { padding-right: 10px; text-align: right; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .per-unit[data-state=right] .unit { right: auto; left: 10px; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .desc {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  display: inline-block; color: #999; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .invaild-message { font-size: .75rem; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .lb-avg-network { font-size: .75rem; font-weight: 400; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .lb-avg-network .label-desc {font-size: .75rem; font-weight: 400;  display: inline-block; color: #999; }
.service-asset.resource-optimization .condition-check-box .ccb-box-contents dl.list-controls dd .lb-avg-network .label-desc:before {display: inline-block; width: 1px; height: 11px; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; background-color: #eee; }
.service-asset.resource-optimization .condition-box { display: block; box-sizing: border-box; margin-top: 20px; padding: 0 25px; border: 1px solid #ececec; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); }
.service-asset.resource-optimization .condition-box .cb-title {font-size: 1rem; font-weight: 700; line-height: 39px;  display: block; margin: 0 -25px; padding: 0 25px; color: #000; border-bottom: 1px solid #ececec; }
.service-asset.resource-optimization .condition-box .cb-title .cb-title-description {font-size: .75rem; font-weight: 400; line-height: 29px;  display: inline-block; margin-left: 10px; color: #666; }
.service-asset.resource-optimization .condition-box .cb-box-contents {font-size: .75rem; font-weight: 500; line-height: 30px; display: inline-block;  padding: 19px 0; vertical-align: middle; color: #000; }
.service-asset.resource-optimization .condition-box .cb-box-contents select.small-white { margin-left: 5px; }
.service-asset.resource-optimization .condition-box .cb-box-contents .descriptions {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; color: #333; }
.service-asset.resource-optimization .condition-box .cb-box-contents.flex-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.resource-optimization .condition-box .cb-box-contents.flex-item select { margin: 0 6px; }
.service-asset.resource-optimization .condition-box .cb-box-contents .download { padding: 15px 0 0 13px; }
.service-asset.resource-optimization .condition-box .cb-box-contents .download .btn-download {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 100px; margin: 5px 0; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: center; color: #fff; background-color: rgba(0, 0, 0, .5); }
.service-asset.resource-optimization .condition-box .cb-box-contents .download .btn-download:hover { background-color: rgba(0, 0, 0, .65); }
.service-asset.resource-optimization .condition-box .cb-box-contents .download .btn-download:active { color: #989898; background-color: rgba(0, 0, 0, .75); }
.service-asset.resource-optimization .condition-box .cb-box-contents .download .btn-guide {font-size: .75rem; font-weight: 500;  display: inline-block; margin-left: 10px; vertical-align: middle; text-decoration: underline; color: #1886ff; }



.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource { padding-top: 116px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents { top: 116px; bottom: 70px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter {position: relative;  display: block; padding: 9px 10px 10px 10px; border-top: 1px solid #ddd; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter input[type=search] {font-size: .875rem; font-weight: 500; line-height: 30px;  display: block; height: 30px; padding: 0 10px 0 30px; color: #000; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter input[type=search]:focus {background-image: url('/assets/images/icon_search_01_s_focus@2x.png');  box-shadow: inset 0 0 0 1px #007aff; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter input[type=search]::-ms-clear { display: block; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result {position: absolute; z-index: 2; top: 40px; right: 10px; left: 10px;  display: block; overflow: hidden; height: auto; max-height: 220px; border: 1px solid #bbb; background-color: #fff; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1); }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result h2 { display: none; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .tabs { overflow: hidden; background-color: #eee; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .tabs .tab {font-size: .75rem; font-weight: 400; line-height: 30px;  display: block; float: left; width: 50%; height: 30px; text-align: center; color: #999; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .tabs .tab.is-selected { color: #333; background-color: #fff; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .none-message {font-size: .75rem;  display: block; margin-top: 70px; margin-bottom: 100px; text-align: center; color: #ccc; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .none-message:before { content: none; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search { display: block; overflow: auto; overflow-x: hidden; box-sizing: border-box; max-height: 188px; padding: 0 8px 0 9px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li { display: block; border-top: 1px solid #eee; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li:first-child { border-top: 0px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a {font-size: .75rem; line-height: 37px; position: relative; display: block; overflow: hidden; height: 37px; padding: 0 26px 0 10px;  cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #333; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a:before {display: inline-block; margin: -4px 3px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li a.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li .btn-delete {position: absolute; top: 50%; right: 5px;  display: block; width: 10px; height: 9px; margin-top: -4.5px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -739px -595px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search > li .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] { padding: 4px 14px 14px 14px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li { font-size: .75rem; line-height: 2.08333em; color: #333; border-top: 0; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group {line-height: 1.5em; position: relative;  display: block; height: 18px; margin-top: 11px; margin-bottom: 10px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group:after {position: absolute; top: 50%; right: 0; left: 0; display: block; height: 1px;  content: ''; background-color: #eee; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span {font-size: .75rem; line-height: 1.5em; position: relative; z-index: 1;  display: inline-block; padding-right: 10px; color: #ccc; background-color: #fff; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span:before {display: inline-block; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li.group span.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li a {line-height: 2.08333em;  display: block; height: 25px; padding-left: 15px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .search-result .list-search[data-state=autocomplete] > li a mark { color: #4a90e2; background-color: transparent; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter { position: relative; margin-top: 10px; text-align: center; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio] { position: absolute; visibility: hidden; opacity: 0; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio] + label {font-size: .75rem; font-weight: 400; line-height: 23px;  display: inline-block; box-sizing: border-box; width: 70px; height: 25px; padding: 0; text-align: center; color: #666; border: 1px solid #ccc; background-color: #fff; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio] + label:lang(ja) { width: auto; min-width: 70px; padding: 0 4px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio] + label:before { content: none; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio] + label:after { content: none; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .search-n-filter .filter input[type=radio]:checked + label { color: #fff; border: 1px solid #999; background-color: #999; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item {position: relative;  display: block; box-sizing: border-box; width: 100%; padding: 15px 0 15px 40px; text-align: left; background-color: #fff; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item:after {position: absolute; top: 50%; right: 15px; display: block; width: 10px; height: 7px; margin-top: -3.5px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -538px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor {font-size: .875rem; font-weight: 700; line-height: 1.42857em; position: relative;  display: inline-block; margin-right: 9px; vertical-align: baseline; color: #000; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor:before {position: absolute; top: 2px; left: -21px; display: block;  content: ''; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .vendor.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item time { font-size: .6875rem; font-weight: 400; line-height: 1.54545em; vertical-align: baseline; color: #bbb; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item .selected {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; font-weight: 400;  margin-top: 3px; color: #999; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .vendor-item[data-state=shut]:after { transform: rotateX(0deg); }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .list-cloud-vendor { border-bottom: 1px solid #ddd; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .list-cloud-vendor > li { border-top: 1px solid #ddd; background-color: #f4f4f4; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container { display: block; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .select-account-products { padding: 14px 14px 9px 14px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .select-account-products .products-all + label {font-size: .75rem; font-weight: 400;  display: block; margin-top: 15px; color: #333; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt { display: block; border-top: 1px solid #ddd; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt .btn-category {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; box-sizing: border-box; width: 100%; padding: 11px 0 11px 10px; text-align: left; color: #666; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt .btn-category:before {display: inline-block; width: 16px; height: 16px; margin: -2px 6px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -507px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt .btn-category:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt .btn-category[data-state=shut]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -243px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dt .btn-category[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd { display: block; border-top: 1px solid #ddd; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label {font-size: .75rem; font-weight: 400; position: relative;  display: block; padding: 11px 25px 11px 45px; color: #999; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label:before , .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label:after { left: 20px; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label .btn-favorite {position: absolute; top: 50%; right: 10px;  display: none; width: 13px; height: 13px; margin-top: -6.5px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -226px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label .btn-favorite { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label:hover { background-color: #ebebeb; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label:hover[data-favorite=favorite] .btn-favorite { opacity: 1; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label:hover .btn-favorite { display: block; opacity: .3; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label[data-mine=mine] { color: #333; }
.service-asset.page-resource-v2 .layout-sidemenu-container.in-resource .layout-sidemenu-contents .products-container .list-products dd .select-product .list-select-product > li label[data-favorite=favorite] .btn-favorite { display: block; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container.in-resource { padding-top: 0; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .layout-sidemenu-container.in-resource .layout-sidemenu-contents { top: 72px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .search-n-filter {width: 39px; height: 39px;  padding: 0; background: url('/assets/images/icon_search_01_s@2x.png') center center no-repeat; background-size: 14px 14px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .search-n-filter input[type=text] , .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .search-n-filter input[type=search] { display: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .search-n-filter .search-result { display: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .search-n-filter .filter { display: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor { border: 0px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li { border: 0px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item { margin: 0 auto; padding: 10px 0; text-align: center; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item:after { content: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item time , .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .selected { display: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor {position: relative;  display: inline-block; margin: 0; text-indent: -9999px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor:before { content: none; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.aws {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.azure {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.azure { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.alibaba {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.alibaba { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.google {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.google { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.idc {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .list-cloud-vendor > li .vendor-item .vendor.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=shut] .products-container { display: none !important; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-header { position: absolute; width: 250px; }
.service-asset.page-resource-v2 .layout-with-sidemenu[data-sidemenu=hover] .layout-sidemenu-container .layout-sidemenu-footer { display: block; }
.service-asset.page-resource-v2 .resource-info {position: relative;  display: block; padding: 15px 0; }
.service-asset.page-resource-v2 .resource-info .cnt { font-weight: 400; color: #999; }
.service-asset.page-resource-v2 .resource-info .cnt .total {font-size: .875rem; line-height: 1.42857em;  display: inline-block; vertical-align: middle; }
.service-asset.page-resource-v2 .resource-info .cnt .total:after {display: inline-block; margin: 0 10px;  content: '|'; }
.service-asset.page-resource-v2 .resource-info .cnt .icon {font-size: .75rem; line-height: 1.28571em;  display: inline-block; margin-right: 20px; vertical-align: middle; }
.service-asset.page-resource-v2 .resource-info .cnt .icon:before {display: inline-block; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-resource-v2 .resource-info .cnt .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-info .cnt .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-info .cnt .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-info .cnt .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-info .cnt .icon.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-info .cnt .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-info .cnt .icon.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-info .cnt .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-info .cnt .icon.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-info .cnt .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse {position: absolute; top: 0; right: 0;  display: block; overflow: hidden; width: 100%; padding: 14px 0; text-align: right; }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio] { display: none; }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio] + label {font-size: .75rem; line-height: 23px;  display: inline-block; box-sizing: border-box; width: 110px; height: 25px; margin-left: 7px; padding: 0; transition: color .3s ease-in-out, background-color .3s ease-in-out; text-align: center; color: #666; border: 1px solid #ccc; }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio] + label:lang(ja) { width: auto; padding: 0 4px !important; }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio] + label:before , .service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio] + label:after { content: none; }
.service-asset.page-resource-v2 .resource-info .btn-all-collapse input[type=radio]:checked + label { color: #fff; border: 1px solid #999; background-color: #999; }
.service-asset.page-resource-v2 .resource-chart { display: -ms-flexbox; display: flex; margin: 0 -18px; padding-bottom: 10px; -ms-flex-pack: start; justify-content: flex-start; }
.service-asset.page-resource-v2 .resource-chart > li { box-sizing: border-box; -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-asset.page-resource-v2 .resource-chart > li + li { border-left: 1px solid #eee; }
.service-asset.page-resource-v2 .resource-chart > li dt { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 700; line-height: 1.1; padding: 20px; color: #000; border-top: 0; }
.service-asset.page-resource-v2 .resource-chart > li dd { display: block; padding: 12px 25px; }
.service-asset.page-resource-v2 .list-resource > li .category {font-size: .875rem; font-weight: 400; line-height: 28px; position: relative; z-index: 1;  display: block; box-sizing: border-box; height: 30px; margin-top: -1px; padding: 0 0 0 10px; vertical-align: middle; color: #000; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.service-asset.page-resource-v2 .list-resource > li .category .icon {line-height: 28px;  display: block; float: left; height: 28px; vertical-align: middle; }
.service-asset.page-resource-v2 .list-resource > li .category .icon:before {line-height: 28px; display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.service-asset.page-resource-v2 .list-resource > li .category .icon:after {display: inline-block; width: 1px; height: 13px; margin: -2px 10px 0 10px;  content: ''; vertical-align: middle; background-color: #ccc; }
.service-asset.page-resource-v2 .list-resource > li .category .icon.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -538px -207px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .list-resource > li .category .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .list-resource > li .category .icon.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px -21px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .list-resource > li .category .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .list-resource > li .category .icon.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -436px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .list-resource > li .category .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .list-resource > li .category .icon.google:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -390px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .list-resource > li .category .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .list-resource > li .category .icon.idc:before {width: 17px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -536px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .list-resource > li .category .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dt {position: relative;  display: block; border-bottom: 1px solid #ccc; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service {position: static;  display: block; box-sizing: border-box; height: 70px; margin: 0; padding: 12px 0 0 20px; background-color: #fff; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service .icon { display: block; float: left; width: 46px; height: 46px; margin-right: 8px; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service .icon img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service .vendor {font-size: .75rem; line-height: 1em;  display: block; margin-top: 4px; color: #ccc; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service .name {font-size: 1.25rem; line-height: 29, 20;  display: block; vertical-align: middle; white-space: nowrap; color: #000; }
.service-asset.page-resource-v2 .resource-product dt .vendor-service[data-state=favorite]:before {position: absolute; top: 50%; left: 4px; display: block; width: 13px; height: 13px; margin-top: -6.5px;  content: ''; transform: scale(.95); opacity: .5; background-image: url(/assets/images/sprites.png); background-position: -226px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dt .vendor-service[data-state=favorite]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dt .resoource-product-utils { position: absolute; top: 0; right: 0; bottom: 0; padding-right: 64px; }
.service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-resource-map {font-size: .75rem; font-weight: 500;  display: block; width: 140px; height: 32px; margin: 19px 0; color: #fff; border-radius: 3px; background-color: #1886ff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); }
.service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-resource-map:before {display: inline-block; width: 17px; height: 18px; margin-right: 2px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -344px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-resource-map:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-toggle {position: absolute; top: 0; right: 0; bottom: 0;  display: block; width: 54px; text-indent: -9999px; }
.service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background-image: url(/assets/images/sprites.png); background-position: -481px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dt .resoource-product-utils .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dt[data-state=open] .btn-toggle:before { transform: rotateX(180deg); }
.service-asset.page-resource-v2 .resource-product dt[data-state=open] + dd { display: block; }
.service-asset.page-resource-v2 .resource-product dt[data-use=not-used] .vendor-service .icon { opacity: .6; }
.service-asset.page-resource-v2 .resource-product dt[data-use=not-used] .vendor-service .name { color: #ccc; }
.service-asset.page-resource-v2 .resource-product dd { display: none; }
.service-asset.page-resource-v2 .resource-product dd .aggrid-contents {position: relative; visibility: hidden;  overflow: hidden; max-height: 0; padding-bottom: 0; transition: opacity .3s ease-in-out; opacity: 0; border: 0; }
.service-asset.page-resource-v2 .resource-product dd .aggrid-contents .tbl-grid-utils { margin-top: 0px; }
.service-asset.page-resource-v2 .resource-product dd .aggrid-contents .ag-bsp-default { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.service-asset.page-resource-v2 .resource-product dd .aggrid-contents .btn-map { display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -524px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dd .aggrid-contents .btn-map { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dd .list-resource-item { overflow: hidden; border-bottom: 1px solid #ccc; }
.service-asset.page-resource-v2 .resource-product dd .list-resource-item > li { display: block; float: left; border: 0px; }
.service-asset.page-resource-v2 .resource-product dd .resource-item {position: relative;  display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; width: 180px; height: 70px; padding: 6px 8px 0 0; transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out; text-align: right; -ms-flex-direction: column; -ms-flex-align: end; align-items: flex-end; }
.service-asset.page-resource-v2 .resource-product dd .resource-item .key {font-size: .6875rem; line-height: 1.45455em;  display: block; width: 171.5px; min-height: 32px; transition: color .2s ease-in-out; color: #666; }
.service-asset.page-resource-v2 .resource-product dd .resource-item .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1em;  display: block; margin-top: 3px; transition: color .2s ease-in-out; color: #333; }
.service-asset.page-resource-v2 .resource-product dd .resource-item .value .status { font-size: 1.25rem; color: #71d900; }
.service-asset.page-resource-v2 .resource-product dd .resource-item .value .status:before {display: inline-block; width: 8px; height: 10px; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -687px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dd .resource-item .value .status:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dd .resource-item .value .status:after {display: inline-block;  content: '/'; color: #333; }
.service-asset.page-resource-v2 .resource-product dd .resource-item:hover .key { color: #1886ff; }
.service-asset.page-resource-v2 .resource-product dd .resource-item:hover .value { color: #1886ff; }
.service-asset.page-resource-v2 .resource-product dd .resource-item[disabled] .key , .service-asset.page-resource-v2 .resource-product dd .resource-item[disabled] .value { opacity: .35; }
.service-asset.page-resource-v2 .resource-product dd .resource-item[data-map=map] .value:before {display: inline-block; width: 20px; height: 20px; margin: -4px 4px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -667px -446px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dd .resource-item[data-map=map] .value:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dd .resource-item[data-state=selected] { background-color: rgba(24, 134, 255, .05); box-shadow: inset 0 0 0 1px #1886ff; }
.service-asset.page-resource-v2 .resource-product dd .resource-item[data-state=selected] .key { color: #1886ff; }
.service-asset.page-resource-v2 .resource-product dd .resource-item[data-state=selected] .value { color: #1886ff; }
.service-asset.page-resource-v2 .resource-product dd .resource-item[data-state=selected][data-map=map] .value:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -576px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dd .resource-item[data-state=selected][data-map=map] .value:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dd[data-state=open] .aggrid-contents {visibility: visible; max-height: 1200px; padding: 0px 18px 55px 18px;  opacity: 1; border: 1px solid #e6e6e6; border-top: 0; border-bottom: 1px solid #ddd; }
.service-asset.page-resource-v2 .resource-product dd[data-state=open] .aggrid-contents .btn-resource-close {position: absolute; z-index: 2; top: 15px; right: 15px;  display: block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -238px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-resource-v2 .resource-product dd[data-state=open] .aggrid-contents .btn-resource-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-resource-v2 .resource-product dd[data-use=not-used] .resource-item { opacity: .35; }


.service-asset.asset-change-history { position: relative; }
.service-asset.asset-change-history.detail-popup { overflow: hidden; }
.service-asset.asset-change-history .history-resource-detail-popup { position: absolute; z-index: 800; top: 181px; right: 0; bottom: 34px; width: 755px; margin: 0; padding: 40px; transition: box-shadow .3s linear; transition: transform .3s ease-in-out; transform: translateX(100%); border: 0; background: #fff; }
.service-asset.asset-change-history .history-resource-detail-popup.on { transform: translateX(0); box-shadow: -3px 2px 4px 2px rgba(0, 0, 0, .2); }
.service-asset.asset-change-history .history-resource-detail-popup .mfp-close { top: 35px; }
.service-asset.asset-change-history .history-resource-detail-popup h2 { font-size: 1.25rem; font-weight: 700; padding-bottom: 15px; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl {padding: 0;  border: 1px solid #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl dt , .service-asset.asset-change-history .history-resource-detail-popup .all-border dl dd {font-size: .75rem; font-weight: 500;  float: left; min-height: 30px; padding: 5px 0; color: #222; border-top: 1px solid #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl dt {font-weight: 400;  width: 25%; padding: 4px 0 4px 15px; color: #666; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl dt:first-child { border-top: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl dt:first-child + dd { border-top: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .all-border dl dd { width: 75%; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info h3 { font-size: .875rem; font-weight: 700; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info .toggle_btn {position: relative; position: relative; top: 3px; box-sizing: border-box;  width: 18px; height: 18px; margin-right: 10px; border: 1px solid #ccc; border-radius: 2px; background: #fff; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info .toggle_btn:before {position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -300px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .history-resource-detail-popup .detail-info .toggle_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl {position: relative; padding: 0;  border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl dt , .service-asset.asset-change-history .history-resource-detail-popup .detail-info dl dd {font-size: .75rem; font-weight: 500;  float: left; min-height: 30px; padding: 5px 0; color: #222; border-top: 1px solid #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt {font-weight: 400;  width: 28%; color: #666; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt.tree ~ dd { position: relative; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt.tree ~ dd:last-child:before { content: none; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt.tree ~ dd:before {position: absolute; top: 0; bottom: 0; left: 9px; width: 1px;  content: ''; background: #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt.tree + dd:before { content: none; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt:first-child { border-top: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt:first-child + dd { border-top: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt ~ dd { width: 100%; padding: 4px 0 4px 26px; border-top-width: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dt + dd { width: 72%; border-top-width: 1px; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dd dl {margin: 0;  border: 0; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dd dl:before {position: absolute; top: 0; bottom: 0; left: 9px; width: 1px;  content: ''; background: #ccc; }
.service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dd dl dt , .service-asset.asset-change-history .history-resource-detail-popup .detail-info dl > dd dl dd { width: 100%; }
.service-asset.asset-change-history.detail { background: #f4f4f4; }
.service-asset.asset-change-history .status-info.status {font-size: .6875rem; font-weight: 500; line-height: 18px; display: inline-block; box-sizing: border-box; height: 20px;  padding: 0 6px; color: #a953f5; border: 1px solid #a953f5; border-radius: 4px; }
.service-asset.asset-change-history .status-info.status.read {color: #4a90e2;  border-color: #4a90e2; }
.service-asset.asset-change-history .status-info.status.delete {color: #666;  border-color: #666; }
.service-asset.asset-change-history .status-info.status.update {color: #6ab11c;  border-color: #6ab11c; }
.service-asset.asset-change-history .status-info.status.default {color: #667587; border-color: rgba(105, 115, 125, .15);  background-color: rgba(135, 155, 175, .15); }
.service-asset.asset-change-history .tutorial { width: 900px; margin: 0 auto; }
.service-asset.asset-change-history .tutorial h2 {font-size: 1.5rem;  padding: 40px 0 30px; }
.service-asset.asset-change-history .tutorial .info h3 { font-size: 1rem; }
.service-asset.asset-change-history .tutorial .info p { font-size: .875rem; line-height: 1.42857em; padding: 10px 0 4px; color: #666; }
.service-asset.asset-change-history .tutorial .info a {font-size: .875rem; font-weight: 500; text-decoration: underline;  color: #4a90e2; }
.service-asset.asset-change-history .tutorial .info a:hover { color: #0052b2; }
.service-asset.asset-change-history .tutorial .info a:after {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin: 0 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .tutorial .info a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .tutorial .terms { padding: 20px 0 10px; }
.service-asset.asset-change-history .tutorial .terms p { font-size: .875rem; padding-bottom: 4px; color: #666; }
.service-asset.asset-change-history .tutorial .terms p strong {margin-left: 4px;  color: #4a90e2; }
.service-asset.asset-change-history .tutorial .terms p + p { font-size: .75rem; color: #999; }
.service-asset.asset-change-history .tutorial .terms p + p span { color: #666; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .textarea {overflow-y: auto; box-sizing: border-box; max-height: 210px;  margin: 6px 0 0; padding: 15px; border: 1px solid #eee; background: #f9f9f9; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .textarea > * { font-size: .875rem; line-height: 1.42857em; color: #666; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .checkbox { padding: 10px 0 0; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .checkbox input[type=checkbox] + label { font-size: .875rem; font-weight: 400; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .btn_area {padding: 30px 0 0;  text-align: center; }
.service-asset.asset-change-history .tutorial .terms .terms-conditions .btn_area .history-start-btn {line-height: 40px;  min-width: 140px; height: 40px; text-align: center; }
.service-asset.asset-change-history .contents-with { border-bottom: 0; background: #fff; }
.service-asset.asset-change-history .contents-filter { border-bottom: 1px solid #e6e6e6; background: #fff; }
.service-asset.asset-change-history .contents-filter .form-wrapper { display: -ms-flexbox; display: flex; padding: 0 27px 8px; }
.service-asset.asset-change-history .contents-filter .form-wrapper.detail .form label { margin-right: 4px; }
.service-asset.asset-change-history .contents-filter .form-wrapper.detail p.detail-time time { font-size: .875rem; font-weight: 500; color: #666; }
.service-asset.asset-change-history .contents-filter .form-wrapper.detail p span {line-height: 32px; margin-left: 4px; padding: 0;  border: 0; }
.service-asset.asset-change-history .contents-filter .form-wrapper .left { display: -ms-flexbox; display: flex; margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .contents-filter .form-wrapper .form {display: -ms-flexbox; display: flex;  margin-right: 10px; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list { display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li { position: relative; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li:last-child { margin-left: 16px; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li:last-child:after {position: absolute; top: calc(50% - 3px); right: 10px; width: 10px; height: 7px;  content: ''; transition: all .3s linear; transform: rotateX(180deg); background-image: url(../images/layout_sprites.png); background-position: -700px -174px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li:last-child:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li:last-child.on:after { transform: rotateX(0); }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li.selected button { color: #fff; border-radius: 2px; background: #999; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li button {font-size: .875rem; height: 32px;  padding: 0 8px; color: #666; }
.service-asset.asset-change-history .contents-filter .form-wrapper .duration-list li input[type=text] {font-size: .75rem; line-height: 30px;  width: 110px; height: 32px; border-radius: 2px; }
.service-asset.asset-change-history .contents-filter .form-wrapper label { font-size: .875rem; font-weight: 500; margin-right: 10px; color: #666; }
.service-asset.asset-change-history .contents-filter .form-wrapper select {font-size: .875rem; line-height: 30px; height: 32px;  border-radius: 2px; }
.service-asset.asset-change-history .contents-filter .form-wrapper p { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #666; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .contents-filter .form-wrapper p time {font-weight: 400;  margin-right: 20px; color: #6f92bd; }
.service-asset.asset-change-history .contents-filter .form-wrapper p em { font-weight: 400; margin-left: 6px; color: #999; }
.service-asset.asset-change-history .contents-filter .form-wrapper p .setting {position: relative;  width: 26px; height: 26px; margin-left: 10px; border-radius: 2px; background: #999; }
.service-asset.asset-change-history .contents-filter .form-wrapper p .setting:hover:before { animation: rotate 2s infinite linear; }
.service-asset.asset-change-history .contents-filter .form-wrapper p .setting:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-top: -6.5px; margin-left: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -62px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .contents-filter .form-wrapper p .setting:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .contents-filter .form-wrapper p span {line-height: 30px; display: inline-block; box-sizing: border-box; height: 32px; margin-left: 12px; padding: 0 8px; border: 1px solid #e6e6e6;  border-radius: 2px; }
.service-asset.asset-change-history .contents-filter .form-wrapper a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 0 8px;  color: #666; }
.service-asset.asset-change-history .contents-filter .form-wrapper a:hover:after { border: 2px solid #666; }
.service-asset.asset-change-history .contents-filter .form-wrapper a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 2px; }
.service-asset.asset-change-history .contents-filter .form-wrapper a:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .contents-filter .form-wrapper a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-summary { position: relative; }
.service-asset.asset-change-history .timeline { padding: 20px 0 0; }
.service-asset.asset-change-history .timeline .info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .timeline .info .events { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .timeline .info .events:after {line-height: 26px; display: inline-block; width: 27px; height: 26px; margin: 0 20px 0 5px;  content: attr(data-length); text-align: center; color: #fff; border-radius: 5px; background: #4d95f7; }
.service-asset.asset-change-history .timeline .updated button {display: inline-block; width: 11px; height: 13px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -513px -356px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .timeline .updated button { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .timeline .updated time { font-size: .75rem; color: #999; }
.service-asset.asset-change-history .timeline .chart { margin: 20px 0 0; border: 1px solid #e6e6e6; }
.service-asset.asset-change-history .timeline .chart .header { position: relative; box-sizing: border-box; height: 50px; }
.service-asset.asset-change-history .timeline .chart .header h2 { font-size: 1rem; line-height: 48px; padding: 0 0 0 20px; }
.service-asset.asset-change-history .timeline .chart .header[data-state=expand] { border-bottom: 1px solid #eee; }
.service-asset.asset-change-history .timeline .chart .header[data-state=expand] + .contents {height: auto;  pointer-events: auto; opacity: 1; }
.service-asset.asset-change-history .timeline .chart .header button { position: absolute; top: 0; right: 0; bottom: 0; width: 45px; background: #eee; }
.service-asset.asset-change-history .timeline .chart .header button.toggle:after { transform: rotateX(180deg); }
.service-asset.asset-change-history .timeline .chart .header button:after {position: absolute; top: 50%; left: 50%; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: all .3s linear; background-image: url(../images/layout_sprites.png); background-position: -630px -377px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .timeline .chart .header button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .timeline .chart .contents {height: 0; transition: opacity .3s linear; pointer-events: none;  opacity: 0; }
.service-asset.asset-change-history .no-search { position: absolute; top: 137px; left: 50%; transform: translateX(-50%); }
.service-asset.asset-change-history .no-search .result {font-size: 1rem;  text-align: center; color: #666; }
.service-asset.asset-change-history .no-search .result:before {display: block; width: 56px; height: 60px; margin: 0 auto 10px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -530px -213px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .no-search .result:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .no-search .proposal {margin: 20px 0 0;  padding: 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.service-asset.asset-change-history .no-search .proposal h2 {font-size: .875rem;  font-weight: 400; color: #4a90e2; }
.service-asset.asset-change-history .no-search .proposal ul { margin: 6px 0 0; }
.service-asset.asset-change-history .no-search .proposal ul li {font-size: .875rem; line-height: 1.42857em;  padding-left: 10px; text-indent: -10px; color: #666; }
.service-asset.asset-change-history .no-search .proposal ul li:before {margin-right: 6px;  content: '*'; }
.service-asset.asset-change-history .search-filter .search-wrap { display: -ms-flexbox; display: flex; height: 50px; padding: 0 27px; background: #f5f5f7; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .search-filter .search-wrap .help_info { width: 24px; height: 24px; }
.service-asset.asset-change-history .search-filter .search-wrap .help_info:hover {border-radius: 2px;  background: rgba(24, 134, 255, .2); }
.service-asset.asset-change-history .search-filter .search-wrap .help_info:hover:after {width: 18px; height: 18px;  background-image: url(../images/layout_sprites.png); background-position: -319px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .help_info:hover:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .help_info:after {position: absolute; top: calc(50% + 2px); left: 50%; width: 18px; height: 18px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -247px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .help_info:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] { height: auto; padding: 9px 27px; -ms-flex-align: start; align-items: flex-start; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .other-expand , .service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .other-expand-fold {font-size: .875rem; position: absolute; right: 35px; bottom: 6px;  display: none; height: 24px; text-decoration: underline; color: #4a90e2; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .all-delete { position: absolute; right: 0; bottom: 0; width: 28px; height: 39px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .all-delete.hide { display: none; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .all-delete:before {position: absolute; top: calc(50% + 2px); left: 50%; width: 16px; height: 16px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -422px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .all-delete:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].overflow .search {overflow: hidden;  height: 39px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].overflow .search-txt { display: none !important; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].overflow .other-expand { display: block; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].expand .search { height: auto; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].expand .search-txt { display: block !important; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].expand .other-expand { display: none; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin].expand .other-expand-fold { display: block; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search {position: relative; box-sizing: border-box; height: auto; min-height: 39px; margin-right: auto;  padding-top: 0; padding-right: 100px; cursor: text; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff; -ms-flex: 1; flex: 1; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search:before , .service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search:after { top: 11px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-box { position: static; z-index: 100; display: inline-block; max-width: 100%; margin-top: 6px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-box .search-box-list {margin-top: 0;  margin-bottom: 6px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-txt { position: absolute; right: 68px; bottom: 0; left: 33px; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-txt input[type=text] {line-height: 39px; height: 39px;  padding: 0; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-txt.deleted { display: none !important; }
.service-asset.asset-change-history .search-filter .search-wrap[data-status=keyin] .search .search-txt .search-list {top: calc(100% + 5px);  left: -15px; }
.service-asset.asset-change-history .search-filter .search-wrap.temp { height: 80px; -ms-flex-align: baseline; align-items: baseline; }
.service-asset.asset-change-history .search-filter .search-wrap.temp .search {width: 100%;  padding: 9px 0 0; }
.service-asset.asset-change-history .search-filter .search-wrap.temp .btn_area { padding: 9px 0 0; }
.service-asset.asset-change-history .search-filter .search-wrap.temp .value-area { padding: 5px 0 0; }
.service-asset.asset-change-history .search-filter .search-wrap.temp .value-area input[type=checkbox] + label { font-size: .75rem; font-weight: 400; margin-right: 25px; }
.service-asset.asset-change-history .search-filter .search-wrap .search {position: relative; box-sizing: border-box;  width: 1015px; height: 100%; padding: 13px 0 0 33px; }
.service-asset.asset-change-history .search-filter .search-wrap .search:before {position: absolute; z-index: 10; top: 18px; left: 10px; width: 14px; height: 14px; content: '';  opacity: 1; background-image: url(../images/layout_sprites.png); background-position: -446px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .search:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .search:after {position: absolute; z-index: 10; top: 18px; left: 10px; width: 14px; height: 14px; content: '';  opacity: 0; background-image: url(../images/layout_sprites.png); background-position: -466px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .search:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .search.active:before { opacity: 0; }
.service-asset.asset-change-history .search-filter .search-wrap .search.active:after { opacity: 1; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box {position: absolute; top: 9px; left: 33px;  max-width: 775px; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list {position: relative; display: inline-block;  max-width: 100%; margin-top: 4px; border: 1px solid transparent; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list p {font-size: .75rem; line-height: 23px;  overflow: hidden; margin-right: 4px; white-space: nowrap; text-overflow: ellipsis; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list .close {position: absolute; top: 0; right: 0; bottom: 0;  display: none; width: 20px; cursor: pointer; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list .close:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 10px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -596px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list .close:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list.fin {font-size: .75rem; box-sizing: border-box; height: 25px; margin-right: 6px; padding: 0 8px; color: #408bd3; border-color: #cbe6ff; border-radius: 2px;  background: #e5f3ff; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list.fin p { margin-right: 0; padding-right: 20px; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-box .search-box-list.fin .close { display: block; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt { position: relative; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type=text] { font-size: .75rem; font-weight: 400; height: 24px; padding-left: 0; background: none; box-shadow: none; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search'] { font-size: .75rem; font-weight: 400; line-height: 30px; height: 32px; padding: 0 7px 0 33px; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-decoration , .service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-cancel-button , .service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-results-button , .service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-cancel-button {width: 16px; height: 16px;  background-image: url(../images/layout_sprites.png); background-position: -356px -402px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .search .search-txt input[type='search']::-webkit-search-cancel-button { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list {position: absolute; z-index: 100; top: 35px; transition: opacity .3s linear; pointer-events: none;  opacity: 0; border: 1px solid #bbb; background: #fff; box-shadow: 0 1px 3px 0 rgba(59, 53, 53, .2); }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list > p { font-size: .75rem; padding: 5px 10px 5px; color: #999; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list:before {position: absolute; top: -11px; left: 10px;  content: ''; border-right: 5px solid transparent; border-bottom: 11px solid #bbb; border-left: 5px solid transparent; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list:after {position: absolute; top: -10px; left: 11px;  content: ''; border-right: 4px solid transparent; border-bottom: 10px solid #fff; border-left: 4px solid transparent; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list ul {display: -ms-flexbox; display: flex; flex-direction: column;  width: 170px; -ms-flex-direction: column; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list ul li:hover button { background: #e6e6e6; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list ul li button {font-size: .875rem;  display: block; box-sizing: border-box; width: 100%; min-height: 30px; padding: 0 10px; text-align: left; }
.service-asset.asset-change-history .search-filter .search-wrap .search .search-txt .search-list.searching {pointer-events: auto;  opacity: 1; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area { display: -ms-flexbox; display: flex; height: 39px; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area { position: relative; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .help_info {position: relative;  margin: 0 0 0 20px; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .help_info:before {position: absolute; top: calc(50% + 2px); left: -10px; width: 1px; height: 24px;  content: ''; transform: translateY(-50%); background: #dfe3e8; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area.popon .general.border:after { opacity: 1; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area.popon .popup {pointer-events: auto;  opacity: 1; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup {position: absolute; z-index: 100; top: calc(100% + 10px); right: 0; width: 700px; padding: 14px; transition: opacity .3s linear; pointer-events: none;  opacity: 0; border: 1px solid #ccc; background: #fff; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .2); }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup h2 { font-size: .875rem; font-weight: 700; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup h2 + p {font-size: .75rem; padding: 10px 0;  color: #666; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup ul { padding: 0 0 10px; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup ul li { font-size: .75rem; line-height: 1.66667em; position: relative; padding-left: 68px; text-indent: -56px; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup ul li span { font-weight: 700; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup ul li span:before {position: absolute; top: 8px; left: 0; width: 4px; height: 4px;  content: ''; background: #999; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup ul + p {font-size: .75rem;  color: #666; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup p a { font-size: .75rem; text-decoration: underline; color: #4a90e2; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup p a:hover { color: #0052b2; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup p a:after {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin: 0 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup p a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup:before {position: absolute; top: -11px; right: 6px;  content: ''; border-right: 5px solid transparent; border-bottom: 11px solid #bbb; border-left: 5px solid transparent; }
.service-asset.asset-change-history .search-filter .search-wrap .btn_area .popups-area .popup:after {position: absolute; top: -10px; right: 7px;  content: ''; border-right: 4px solid transparent; border-bottom: 10px solid #fff; border-left: 4px solid transparent; }
.service-asset.asset-change-history .search-filter .search-wrap .general {font-size: .875rem;  margin-left: 10px; }
.service-asset.asset-change-history .search-filter .search-wrap .general.blue {line-height: 32px; width: 74px; height: 32px;  border-radius: 2px; }
.service-asset.asset-change-history .search-filter .search-wrap .general.blue[disabled] {opacity: 1;  background: #ccc; }
.service-asset.asset-change-history .search-filter .search-wrap .general.blue[disabled] span { opacity: .5; }
.service-asset.asset-change-history .search-filter .search-wrap .general.border {line-height: 30px; position: relative; min-width: 74px; height: 32px; padding: 0 2px;  background: #fff; }
.service-asset.asset-change-history .search-filter .search-wrap .general.border:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; opacity: 0; border: 2px solid #1886ff; border-radius: 2px; }
.service-asset.asset-change-history .search-filter .search-wrap .general.border:before {position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -406px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .search-filter .search-wrap .general.border:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .alertnow-ui-table.history-table { padding: 30px 0 0; }
.service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button { font-size: .75rem; font-weight: 700; }
.service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button:after {display: inline-block; width: 8px; height: 10px; margin-left: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -449px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button[data-status=up]:after {width: 8px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -463px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button[data-status=up]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button[data-status=down]:after {width: 8px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -477px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .alertnow-ui-table.history-table thead tr th span button[data-status=down]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .alertnow-ui-table.history-table tbody tr.flag th , .service-asset.asset-change-history .alertnow-ui-table.history-table tbody tr.flag td { background: #fefcdd; }
.service-asset.asset-change-history .alertnow-ui-table.history-table tbody tr th , .service-asset.asset-change-history .alertnow-ui-table.history-table tbody tr td { cursor: pointer; }
.service-asset.asset-change-history .alertnow-ui-table .table-setting { display: -ms-flexbox; display: flex; padding: 0 0 10px; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .alertnow-ui-table .table-setting > *:first-child { margin-right: auto; }
.service-asset.asset-change-history .alertnow-ui-table .table-setting button {font-size: .875rem; line-height: 30px; box-sizing: border-box; height: 32px; padding: 0 10px; color: #666;  border: 1px solid #ccc; border-radius: 2px; }
.service-asset.asset-change-history .alertnow-ui-table .table-setting button span:before {position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -659px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .alertnow-ui-table .table-setting button span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .alertnow-ui-table input[type=checkbox] + label { text-indent: -9999px; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail {margin: 10px 0 0;  padding: 30px 20px; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table { margin-bottom: 0; border-top-width: 0; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table thead tr th {text-align: left; border-top-width: 0; border-right-width: 0;  border-left-width: 0; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr.recent-history th , .service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr.recent-history td { color: #222; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr.recent-history th .highlight:before , .service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr.recent-history td .highlight:before {display: inline-block; width: 8px; height: 8px; margin-right: 6px;  content: ''; border-radius: 100%; background: #0acd7f; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr th , .service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr td {color: #666; border-right-width: 0;  border-left-width: 0; }
.service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr th .detail-popup , .service-asset.asset-change-history .alertnow-ui-table.history-table-detail table tbody tr td .detail-popup {height: 24px; padding: 0 8px; color: #666;  border: 1px solid #999; border-radius: 2px; }
.service-asset.asset-change-history .history-detail-head { padding: 20px 30px; background: #fff; }
.service-asset.asset-change-history .history-detail-head h3 {font-size: 1.25rem; font-weight: 500;  display: inline-block; }
.service-asset.asset-change-history .history-detail-head h3:before {position: relative; display: inline-block; width: 14px; height: 14px; margin-right: 6px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -639px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .history-detail-head h3:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-detail-head .time {font-size: .875rem; font-weight: 500;  display: inline-block; color: #666; }
.service-asset.asset-change-history .history-detail-head .time:before {position: relative; top: 3px; display: inline-block; width: 18px; height: 18px; margin-right: 4px; margin-left: 10px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -271px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .history-detail-head .time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-detail-head .status-info-wrap { padding-bottom: 8px; }
.service-asset.asset-change-history .history-detail-head .status-info.status { margin-right: 4px; }
.service-asset.asset-change-history .history-detail-head.flag { background: #fffde3; }
.service-asset.asset-change-history .history-detail-head.flag h3:before {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -386px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .history-detail-head.flag h3:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-detail > * { margin: 30px 0 0; }
.service-asset.asset-change-history .history-detail h3 {font-size: .8125rem; font-weight: 500; display: inline-block;  color: #222; }
.service-asset.asset-change-history .history-detail h3 + p {font-size: .75rem; font-weight: 500;  display: inline-block; margin-left: 10px; color: #888; }
.service-asset.asset-change-history .history-detail .contents { background: #fff; }
.service-asset.asset-change-history .history-detail .history-detail-lr { display: -ms-flexbox; display: flex; }
.service-asset.asset-change-history .history-detail .history-detail-lr .left {width: calc(50% - 30px);  margin-right: 30px; }
.service-asset.asset-change-history .history-detail .history-detail-lr .left .contents { height: 405px; }
.service-asset.asset-change-history .history-detail .history-detail-lr .left .contents dl { border: 0; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right { width: 50%; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right h3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy {position: relative; box-sizing: border-box;  width: 22px; height: 22px; margin: 0 6px 0 8px; transition: all .3s linear; border: 1px solid #ccc; background: #fff; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy:hover { background: #f4f4f4; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy:disabled { cursor: not-allowed; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy:disabled:before { opacity: .3; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy.copied + .copied-text { opacity: 1; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copy:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -526px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .history-detail .history-detail-lr .right .copy:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .copied-text {font-size: .75rem; line-height: 20px; display: inline-block; height: 22px; padding: 0 10px; transition: opacity .3s linear;  opacity: 0; color: #67adff; border: 1px solid #67adff; background: #f3f9ff; }
.service-asset.asset-change-history .history-detail .history-detail-lr .right .contents {font-size: .75rem; overflow: hidden; overflow-y: auto; max-height: 400px; padding: 20px;  white-space: pre-wrap; }
.service-asset.asset-change-history input[type=checkbox].all_checked + label.flag {font-size: .875rem; line-height: 30px;  width: auto; height: 32px; padding: 0; padding: 0 8px 0 26px; cursor: pointer; text-indent: 0; color: #666; border: 1px solid #ccc; border-radius: 2px; }
.service-asset.asset-change-history input[type=checkbox].all_checked + label.flag.flag:before { left: 15px; margin-left: -7px; }
.service-asset.asset-change-history input[type=checkbox].all_checked + label.flag.flag:after { left: 15px; margin-left: -7px; }
.service-asset.asset-change-history input[type=checkbox] + label.flag:before {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -639px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history input[type=checkbox] + label.flag:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history input[type=checkbox] + label.flag:after {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -386px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history input[type=checkbox] + label.flag:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.asset-change-history .icon { font-size: .9em; }
.service-asset.asset-change-history .icon:before {display: inline-block; margin: -4px 3px 0 0;  content: ''; vertical-align: middle; }
.service-asset.asset-change-history .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.asset-change-history .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.asset-change-history .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.asset-change-history .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.asset-change-history .icon.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.asset-change-history .icon.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.service-asset.custom-report main[role=main] { min-height: calc(100vh - 80px - 34px); }

.service-asset.custom-report .layout-contents {min-height: calc(100vh - 80px - 34px);  padding: 0; }
.service-asset.custom-report .layout-contents.layout-detail { background: #ccc; }
.service-asset.custom-report .layout-contents.layout-detail .layout-page-title { background-color: #fff; }
.service-asset.custom-report .layout-contents .custome-report-head * { box-sizing: border-box; }
.service-asset.custom-report .layout-contents .custome-report-head .buttons {font-size: .75rem; font-weight: 500; line-height: 26px;  display: inline-block; box-sizing: border-box; min-width: 50px; height: 30px; padding: 0 10px; text-align: center; color: #fff; border: 2px solid #666; background-color: #666; }
.service-asset.custom-report .layout-contents .custome-report-head .buttons.btn-add { border-color: #1886ff; background-color: #1886ff; }
.service-asset.custom-report .layout-contents .custome-report-head .path { display: -ms-flexbox; display: flex; height: 61px; padding: 0 25px; border-bottom: 1px solid #ddd; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left { margin-right: auto; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left .back_to_list {font-size: .75rem; line-height: 30px; height: 32px;  padding: 0 10px; color: #1886ff; border: 1px solid #eee; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left .back_to_list em:before {position: relative; bottom: -2px; display: inline-block; width: 9px; height: 14px; margin-right: 5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -62px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left .back_to_list em:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul {display: table; display: inline-block; clear: both; padding-left: 15px;  content: ''; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li {font-size: 1.125rem; font-weight: 700; line-height: 32px;  display: inline-block; color: #999; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.template span:before {font-size: .75rem; font-weight: 700; line-height: 18px; position: relative; bottom: 2px; display: inline-block; box-sizing: border-box; min-width: 78px; height: 20px; margin-right: 10px;  content: 'TEMPLATE'; text-align: center; color: #fff; border: 1px solid #9f9f9f; border-radius: 2px; background-color: #9f9f9f; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu { position: relative; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list { position: relative; bottom: 2px; margin-left: 10px; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul { position: absolute; z-index: 1046; top: 30px; right: 0; min-width: 136px; min-height: 177px; padding: 0 10px; border: 1px solid #ccc; background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .12); }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul li { margin: 15px 0 0; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul li button { font-size: .75rem; display: block; width: 100%; text-align: left; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:after {display: inline-block; width: 27px; height: 7px; content: '';  cursor: pointer; background-image: url(/assets/images/sprites.png); background-position: -592px -451px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:hover:after {width: 27px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -605px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:hover:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list.on:after {width: 27px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -605px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list.on:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn:before {display: inline-block; width: 19px; height: 18px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -174px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn.off:before {width: 19px; height: 18px;  background-image: url(/assets/images/sprites.png); background-position: -199px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-setting { display: none; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-setting.on { display: inherit; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li:before {position: relative; bottom: 2px;  display: inline-block; width: 8px; height: 11px; margin: 0 6px; content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -626px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li:first-child { color: #000; }
.service-asset.custom-report .layout-contents .custome-report-head .path .left > ul > li:first-child:before { content: none; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create {font-size: .875rem; font-weight: 700px; line-height: 34px;  min-width: 148px; height: 34px; color: #fff; background: #0076ff; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create:hover { background: #0068da; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create:active em { opacity: .5; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create:active em:after , .service-asset.custom-report .layout-contents .custome-report-head .path .right .create:active em:before { opacity: .5; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create em {position: relative;  padding-left: 15px; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create em:after {position: absolute; top: 50%; left: 0; width: 2px; height: 10px; margin: -5px 0 0 -1px;  content: ''; background: #fff; }
.service-asset.custom-report .layout-contents .custome-report-head .path .right .create em:before {position: absolute; top: 50%; left: 0; width: 10px; height: 2px; margin: -1px 0 0 -5px;  content: ''; background: #fff; }
.service-asset.custom-report .layout-contents .custome-report-head .filter {position: relative; z-index: 1045; display: -ms-flexbox; display: flex; height: 40px;  padding: 0 25px; border-bottom: 1px solid #ccc; background-color: #fafafa; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list {position: absolute; z-index: 810; top: 40px; right: 0; left: 0;  display: none; height: 600px; background: #fff; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list.on { display: inherit; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap { display: -ms-flexbox; display: flex; width: 100%; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section {overflow-y: auto; box-sizing: border-box;  width: 20%; height: 536px; padding: 0 24px; border-left: 1px solid #ccc; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section > h3 { font-size: .75rem; padding: 20px 0; text-transform: uppercase; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=search] {font-size: .75rem; line-height: 32px; width: calc(100% + 48px);  height: 32px; margin-left: -24px; padding: 0 10px 0 40px; border: 0; border-bottom: 1px solid #eee; background: url('/assets/images/icon_search_01_s@2x.png') 20px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=search]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=checkbox] + label { font-size: .75rem; color: #333; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .multiselect-qs input[type=checkbox] + label { overflow: hidden; width: 15px; white-space: nowrap; text-indent: 100%; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items {display: -ms-flexbox; display: flex;  margin: 10px 0 0; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items > label { margin-right: auto; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select { display: inline-block; width: 100%; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { position: absolute; top: 100%; min-width: 100%; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .filter { height: auto; padding: 0; border-bottom: 0; background: #fff; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox { box-sizing: unset; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section:first-child { border-left: 0; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items.not-match { display: none; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer { position: absolute; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; height: 64px; border-top: 1px solid #ccc; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .btn-add { margin-right: 15px; margin-left: 5px; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn { font-weight: 500; position: relative; margin-right: 10px; text-decoration: underline; text-indent: 25px; color: #666; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn[disabled] { opacity: .5; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn:before {position: absolute; top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .buttons { width: 90px; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left {display: -ms-flexbox; display: flex;  margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .caution { font-size: .75rem; margin-left: 12px; color: #bfbfbf; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter {position: relative;  width: 50px; height: 30px; text-align: left; border: 1px solid #e2e2e2; box-shadow: 0 1px 1px 0 rgba(38, 38, 38, .5); }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter:hover { transition: border-color .3s linear; border-color: #1886ff; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter.on {transition: box-shadow .3s linear;  border-color: #1886ff; box-shadow: 0 1px 1px 0 rgba(24, 134, 255, .5); }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter.on:after { transform: rotateX(180deg); }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter:before {position: relative; bottom: -2px; display: inline-block; width: 14px; height: 15px; margin: 0 0 0 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -338px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .button_filter:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting { display: -ms-flexbox; display: flex; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li[data-selected=on] { margin-left: 5px; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span {font-size: .75rem; line-height: 26px; position: relative; display: inline-block; height: 28px; padding: 0 30px 0 10px; color: #408bd3; border: 1px solid #cbe6ff; border-radius: 2px;  background: #e5f3ff; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button {line-height: 28px;  position: absolute; top: 0; right: 0; bottom: 0; padding: 0 8px; }
.service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button em {position: relative; bottom: 2px;  display: inline-block; width: 7px; height: 7px; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -205px -534px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button em { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .custom_report_side { position: absolute; z-index: 796; top: 61px; bottom: 0; left: 0; box-sizing: border-box; width: 250px; border-right: 1px solid #bbb; background-color: #fff; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] {overflow: hidden;  width: 40px; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns { border-bottom: 0; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns span { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns + .search-n-filter .form-wrapper { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns + .search-n-filter input[type=search] { margin-left: 2px; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] ~ .layout-contents-inner .custom-report-filter { width: calc( 100% - 40px); margin-left: 40px; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents { top: 62px; bottom: 53px; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a , .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li div { overflow: visible; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a:before , .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li div:before {display: block;  content: attr(data-first-letter); text-align: center; text-indent: 0; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a:after , .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li div:after { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a span , .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li div span { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn {line-height: 32px;  width: calc(100% - 8px); height: 32px; margin: 10px 4px; background-color: #555; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn span { display: none; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn:before {font-weight: 21px;  content: attr(data-first-letter); }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] {overflow: hidden;  width: 250px; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] ~ .layout-contents-inner .custom-report-filter { width: calc( 100% - 40px); margin-left: 40px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header {position: absolute; top: 0;  display: block; box-sizing: border-box; width: 100%; padding: 0; background-color: #fff; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter {position: relative;  display: block; padding: 0px 0px 0px 0px; border-bottom: 1px solid #ddd; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper {padding-bottom: 6px;  background-color: #f3f3f3; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form { padding-top: 7px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form label {font-size: .75rem; line-height: 24px;  display: block; height: 24px; margin-left: 10px; color: #666; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form label + select {margin-right: 8px;  margin-left: 8px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form select {line-height: 22px;  width: calc( 100% - 16px); height: 24px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search] {font-size: .875rem; font-weight: 500; line-height: 30px;  display: block; height: 30px; padding: 0 7px 0 30px; color: #000; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: inset 0 0 0 0px #007aff; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search]:focus {background-image: url('/assets/images/icon_search_01_s_focus@2x.png');  box-shadow: inset 0 0 0 0px #007aff; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search]::-ms-clear { display: block; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btns { height: 31px; border-bottom: 2px solid #d8d8d8; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btns span { font-size: .75rem; font-weight: 500; color: #222; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu {position: relative;  display: inline-block; width: 40px; height: 31px; text-indent: -9999px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu:before {position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 12px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -333px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents {position: absolute; top: 157px; right: 0; bottom: 60px; left: 0;  overflow: auto; overflow-x: hidden; padding: 0 0 20px; background-color: #f1f1f1; -ms-overflow-style: auto; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li { position: relative; padding-right: 30px; padding-left: 14px; cursor: pointer; color: #666; border-bottom: 1px solid #ddd; background: #fff; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.is-selected { background-color: #f1f8ff; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.is-selected a span.title {font-weight: bold;  color: #000; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.bookmark .bookmark-btn {width: 15px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -359px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.bookmark .bookmark-btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { position: absolute; top: 50%; right: 7px; overflow: hidden; width: 17px; height: 16px; transform: translateY(-50%); text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -467px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a { font-size: .75rem; font-weight: 400; line-height: 40px; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 40px; text-align: left; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a span { display: inline; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a span.title {line-height: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  color: #666; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a .text-label {font-size: .75rem; line-height: 1.0625rem; margin-left: .3125rem; padding: 0 6px; word-break: keep-all; color: #4a90e2; border: 1px solid #4a90e2;  border-radius: 4px; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-footer {position: absolute; bottom: 0; left: 0;  display: block; box-sizing: border-box; width: 100%; }
.service-asset.custom-report .layout-contents .custom_report_side .layout-sidemenu-footer .add-btn {font-size: .875rem; font-weight: 700; line-height: 40px;  width: calc(100% - 40px); height: 40px; margin: 10px 20px; text-align: center; vertical-align: middle; color: #fff; border-radius: 2px; background-color: #222; }
.service-asset.custom-report .layout-contents .layout-page-title { margin: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .result {font-size: 1rem;  text-align: center; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .result:before {display: block; width: 36px; height: 29px; margin: 0 auto 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .no-data .result:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal {margin: 20px 0 0;  padding: 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal h2 {font-size: .875rem;  font-weight: 400; color: #4a90e2; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal p {font-size: .875rem; line-height: 1.42857em;  max-width: 400px; text-indent: 0px; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul { margin: 6px 0 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul li {font-size: .875rem; line-height: 1.42857em;  padding-left: 10px; text-indent: -10px; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul li:before {margin-right: 6px;  content: '*'; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter {height: 133px;  padding: 10px 17px 7px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items { position: relative; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items .button-normal[data-state=submit] {font-size: .875rem; line-height: 30px; box-sizing: border-box;  height: 32px; margin-left: 8px; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; margin-left: 8px; padding: 0 8px;  color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a + select { margin-left: 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a + select + select { margin-left: 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a:hover:after { border: 2px solid #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.download:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.download:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields ~ label { margin-left: 10px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields:before {position: relative; top: 1px; display: inline-block; width: 14px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -606px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.allview { position: absolute; top: 0; right: 0; padding: 0 25px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select { position: relative; margin-bottom: 10px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn .dropdown-menu , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn button[data-state='submit'] { display: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn .reset_btn { display: block; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn .reset_btn { display: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn { font-size: .75rem; font-weight: 500; position: relative; position: relative; bottom: 0px; box-sizing: border-box; height: 30px; margin: 0; padding-right: 10px; text-indent: 25px; color: #666; border: 1px solid transparent; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:hover {line-height: 2em; border-color: #d8d8d8;  background-color: #e6e6e6; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:before {position: absolute; top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] {display: none;  width: calc(100% - 30px); padding-right: 15px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name { display: -ms-flexbox; display: flex; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name { float: left; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn {line-height: 40px;  display: -ms-flexbox; display: flex; float: left; height: 40px; margin-left: 10px; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn:before , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn:before {display: inline-block; width: 24px; width: 26px; height: 22px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: 0px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn:before , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn.off:before , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn.off:before {width: 26px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -305px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn.off:before , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group { position: absolute; top: 0; right: 30px; display: inline-block; width: 380px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group .items { margin-right: 0px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group.align-right .items { float: right; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items { display: -ms-flexbox; display: flex; float: left; height: 40px; margin-right: 20px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext { min-width: 800px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext .report-name { font-size: 1.25rem; line-height: 1.8125rem; color: #000; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext.edit input[type=text] { display: block; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext.edit p.report-name { display: none; }
@media screen and (max-width: 1450px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext { min-width: 550px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items:not(:nth-child(1)) { margin-right: 0px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu { position: relative; margin-right: 0px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu.on .dropdown-list .dropdown-setting { display: block; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list { position: relative; display: -ms-flexbox; display: flex; float: left; width: 32px; height: 32px; margin-left: 8px; padding: 5px 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list .dropdown-setting { display: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul { position: absolute; z-index: 1046; top: 40px; right: 0; min-width: 100px; padding: 10px 10px; border: 1px solid #ccc; background: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .12); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li { margin: 0px 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li + li { margin-top: 15px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li.delete button:before {display: inline-block; width: 12px; height: 12px; margin: 0px 5px -1px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -326px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li.delete button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li button { font-size: .75rem; display: block; width: 100%; text-align: right; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:after {position: absolute; z-index: 5; top: 3px; left: -1px; width: 32px; height: 32px;  content: ''; border: 1px solid #fff; border-radius: 2px; background: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:before {z-index: 10; display: inline-block; width: 14px; height: 4px; content: '';  cursor: pointer; background-image: url(/assets/images/sprites.png); background-position: -682px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:hover:after { background-color: #f2f2f2; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn:before {display: inline-block; width: 19px; height: 18px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -174px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn.off:before {width: 19px; height: 18px;  background-image: url(/assets/images/sprites.png); background-position: -199px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn .dropdown-setting { display: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn .dropdown-setting ul li {font-size: .875rem; line-height: .875rem;  display: block; color: #222; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select { margin-top: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.end { width: calc(100% - 40px); margin-top: 7px; padding-top: 16px; border-top: 1px solid #e6e6e6; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items { display: -ms-flexbox; display: flex; float: left; margin-right: 20px; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.right { float: right; margin-right: 0px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.right a.fields:last-child { margin-right: 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 200px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu > li > a { padding: 0 12px 0 8px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu > li > a label { white-space: nowrap; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em {position: relative; top: -2px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0; white-space: pre; color: #000; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em {position: relative; top: -1px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; min-width: 100px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500; line-height: 32px; height: 32px;  background: #fff; box-shadow: inset 0 0 0 0px #e4e4e4; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange input[type=text] {line-height: 1.875rem; box-sizing: border-box;  width: 100%; height: 2rem; padding: 0 15px 0 35px; border: 1px solid #e5e5e5; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange:after { right: auto; left: 12px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide {display: block;  width: calc(100% - 35px); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select { display: inline-block; margin-left: 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select + .multiselect-native-select { margin-left: 10px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select select[data-state=auto] + .btn-group .multiselect { border: 1px solid #a3cfff; background-color: #cfe6ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group {position: relative;  display: block; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect {font-size: .875rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding-right: 20px; padding-left: 7px; text-align: left; color: #666; border: 1px solid #fff; border: 0px solid #ddd; border-radius: 2px; border-radius: 2px; background: #fff url('/assets/images/tansparency_select_box_arrow_down@2x.png') calc(100% - 8px) 50% no-repeat; background-size: 8px 5px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect[selected] { color: #666 !important; border: 1px solid #b3d6ff; background-color: #daecff !important; background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect:focus { box-shadow: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect:after { content: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 500; top: 32px; right: auto; left: 0;  display: none; float: left; overflow-x: auto !important; width: auto; min-width: 220px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 35px; cursor: pointer; text-overflow: ellipsis; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items time {font-size: .75rem; font-weight: 400; line-height: 2rem;  color: #6f92bd; color: #6f92bd; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items select {line-height: 30px;  height: 32px; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect {line-height: 30px;  height: 32px; border-radius: 2px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
@media screen and (max-width: 1550px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .items .btn-group.default .multiselect { width: 150px; } }
@media screen and (max-width: 1470px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .items .btn-group.default .multiselect { width: 100px; } }
@media screen and (max-width: 1360px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .items .btn-group.vendor-code button { width: 60px; }
	.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .items .btn-group.vendor-code button .multiselect-selected-text em + span { display: none; } }
@media screen and (max-width: 1260px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .items .btn-group.default .multiselect { width: 80px; } }
@media screen and (max-width: 1550px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { left: -68px; } }
@media screen and (max-width: 1470px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .dashboard-new-wrapper .btn-group.radio .multiselect { width: 170px; }
	.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { left: -80px; } }
@media screen and (max-width: 1360px) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .dashboard-new-wrapper .btn-group.radio .multiselect { width: 120px; }
	.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.min-type .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { left: -130px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper { display: -ms-flexbox; display: flex; float: left; padding: 0; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio { max-width: 183px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio.open .multiselect { background: #f2f2f2; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect {line-height: 30px; box-sizing: border-box;  height: 32px; border: 1px solid #e5e5e5; border-radius: 2px; box-shadow: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect:focus { box-shadow: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { top: calc(100% + 5px); padding: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-view-filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:first-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-radius: 4px 0 0 4px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child { padding: 0; border: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-right: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { padding-right: 10px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .labeling { padding: 0 10px 0 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area { display: -ms-flexbox; display: flex; margin-left: 10px; padding: 0; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal {line-height: 26px;  height: 30px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal[disabled] {opacity: 1; color: #fff;  border: none; background-color: rgba(0, 0, 0, .1); }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account {float: none;  height: 38px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account:before { content: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account:after { content: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label { left: 10px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc { position: relative; top: auto; left: 0; box-sizing: border-box; width: 110px; max-width: 165px; height: 38px; margin: 0; padding: 0 35px 0 25px; border: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:before , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:after { left: 12px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt {font-size: .875rem; font-weight: 700; line-height: 36px; position: relative;  display: block; box-sizing: border-box; padding-left: 35px; text-align: left; vertical-align: middle; color: #000; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before {position: absolute; top: 50%; left: 10px; display: block; width: 19px; height: 19px; margin-top: -9.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report { border-bottom: 1px solid #e6e6e6; background: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper { display: -ms-flexbox; display: flex; padding: 0 27px 8px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .left { display: -ms-flexbox; display: flex; margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 0 8px;  color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:hover:after { border: 2px solid #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 4px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form {display: -ms-flexbox; display: flex;  margin-right: 10px; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form label { font-size: .875rem; font-weight: 500; margin-right: 10px; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form select {font-size: .875rem; line-height: 30px; height: 32px;  border-radius: 4px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select { margin-left: 4px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select select[data-state=optionDefault] + .btn-group .multiselect {font-size: .875rem; line-height: 30px; overflow: hidden; width: 100%;  height: 30px; white-space: nowrap; text-overflow: ellipsis; color: #333; color: #333; border-radius: 4px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #ecf5ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #666; -ms-flex-align: center; align-items: center; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p time {font-weight: 400;  margin-right: 20px; color: #6f92bd; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p em { font-weight: 400; margin-left: 6px; color: #999; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting {position: relative;  width: 26px; height: 26px; margin-left: 10px; border-radius: 4px; background: #999; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:hover:before { animation: rotate 2s infinite linear; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-top: -6.5px; margin-left: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -62px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info {width: 628px; height: 363px;  margin: 0 auto; padding: 153px 0 0 250px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom-report-filter { position: absolute; z-index: 500; top: 0; left: 0; width: calc( 100% - 250px); height: 100px; margin-left: 250px; background: #fff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg {width: 628px; height: 363px; text-align: center;  background-image: url(/assets/images/contents_sprites.png); background-position: 0px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p {font-size: .875rem;  padding: 67px 0 46px; color: #666; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p span { opacity: .5; }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p:before {display: block; width: 143px; height: 24px; margin: 0 auto 15px;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: -634px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg:after {display: inline-block; width: 540px; height: 123px;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: -634px -199px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report {padding: 15px 27px;  background-color: #f9f9f9; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report h3 { font-size: .75rem; font-weight: 400; color: #b0b0b0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list { display: -ms-flexbox; display: flex; padding: 10px 0 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li {box-sizing: border-box;  width: 200px; min-height: 112px; margin-right: 10px; padding: 10px 15px; cursor: pointer; border: 1px solid #e2e2e2; border-radius: 5px; background-color: #fff; box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, .1); }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:hover {transition: all .5s linear;  border-color: #1886ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li.clicked {transition: background-color .5s linear;  background-color: #f3f9ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child {padding: 0;  border: 2px dashed #ddd; box-shadow: none; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child:hover {transition: all .5s linear;  border-color: #1886ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button { position: relative; width: 100%; height: 100%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:hover:after , .service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:hover:before {transition: background-color .5s linear;  background-color: #1886ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:after {position: absolute; top: 50%; left: 50%; width: 4px; height: 25px; margin: -12px 0 0 -2px;  content: ''; background: #cacaca; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:before {position: absolute; top: 50%; left: 50%; width: 25px; height: 4px; margin: -2px 0 0 -12px;  content: ''; background: #cacaca; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head {display: -ms-flexbox; display: flex;  padding: 0 0 7px; border-bottom: 1px solid #eee; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head em {font-size: .625rem; font-weight: 700; line-height: 18px;  display: inline-block; box-sizing: border-box; min-width: 64px; height: 18px; margin-right: 5px; padding: 0 5px; text-align: center; color: #fff; border-radius: 2px; background-color: #61a0ff; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head span { font-size: .6875rem; line-height: 18px; color: #7f7f7f; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li > ul li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; line-height: 14px;  margin: 10px 0 0; padding: 0 0 0 10px; vertical-align: middle; letter-spacing: -.1px; color: #333; }
.service-asset.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li > ul li:before {position: relative; bottom: 2px; display: inline-block; width: 2px; height: 2px; margin: 0 7px 0 2px;  content: ''; border: 1px solid #333; border-radius: 100%; background-color: #333; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table h3 { font-size: .875rem; font-weight: 700; padding-top: 25px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(2) { width: 20%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(4) { width: 80px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(6) { width: 13%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(7) { width: 13%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(8) { width: 13%; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table th:first-child { padding: 4px 0; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark { position: relative; padding-left: 20px; }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark:before {position: absolute; top: 0; left: 0; width: 15px; height: 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -618px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor:before {position: relative; bottom: -4px; display: inline-block; margin-right: 5px;  content: ''; }


.service-metering.page-quick-search.opsnow-banner-in .layout-contents.layout-with-filter[data-state=expand] .layout-page-title .layout-page-utils.fixed { top: 140px; }
.service-metering.page-quick-search.opsnow-banner-in .layout-contents.layout-with-filter[data-state=expand] .layout-filter-container { top: 200px; }
.service-metering .opsnow-banner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering .opsnow-banner.dashboard p:before , .service-metering .opsnow-banner.dashboard a:before , .service-metering .opsnow-banner.dashboard button:not(.close):before {position: relative; left: 12px; display: inline-block; width: 45px; height: 46px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDUgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbl9iYW5uZXJfZGFzaGJvYXJkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC4yMDAwMDAwMDMiPgogICAgICAgIDxnIGlkPSIwLjEuMS0yLjBfRGFzaGJvYXJkX2Jhbm5lciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5OC4wMDAwMDAsIC03OC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMjYgTDIwLDI2IEwyMCwwIEwwLDAgTDAsMjYgWiBNMCw0NiBMMjAsNDYgTDIwLDMxIEwwLDMxIEwwLDQ2IFogTTI1LDQ2IEw0NSw0NiBMNDUsMjAgTDI1LDIwIEwyNSw0NiBaIE0yNSwwIEwyNSwxNSBMNDUsMTUgTDQ1LDAgTDI1LDAgWiIgaWQ9Imljb25fYmFubmVyX2Rhc2hib2FyZCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.service-metering .opsnow-banner.billing_analytics p:before , .service-metering .opsnow-banner.billing_analytics a:before , .service-metering .opsnow-banner.billing_analytics button:not(.close):before {position: relative; left: 12px; display: inline-block; width: 48px; height: 48px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbl9iYW5uZXJfYmlsbGluZ19hbmFseXRpY3M8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNOSwyNi41IEM3LjYyNSwyNi41IDYuNSwyNy42MjUgNi41LDI5IEM2LjUsMzAuMzc1IDcuNjI1LDMxLjUgOSwzMS41IEMxMC4zNzUsMzEuNSAxMS41LDMwLjM3NSAxMS41LDI5IEMxMS41LDI3LjYyNSAxMC4zNzUsMjYuNSA5LDI2LjUgWiBNOSwzNi41IEM3LjYyNSwzNi41IDYuNSwzNy42MjUgNi41LDM5IEM2LjUsNDAuMzc1IDcuNjI1LDQxLjUgOSw0MS41IEMxMC4zNzUsNDEuNSAxMS41LDQwLjM3NSAxMS41LDM5IEMxMS41LDM3LjYyNSAxMC4zNzUsMzYuNSA5LDM2LjUgWiBNOSwxNi41IEM3LjYyNSwxNi41IDYuNSwxNy42MjUgNi41LDE5IEM2LjUsMjAuMzc1IDcuNjI1LDIxLjUgOSwyMS41IEMxMC4zNzUsMjEuNSAxMS41LDIwLjM3NSAxMS41LDE5IEMxMS41LDE3LjYyNSAxMC4zNzUsMTYuNSA5LDE2LjUgWiBNMS41LDE3Ljc1IEMwLjgsMTcuNzUgMC4yNSwxOC4zIDAuMjUsMTkgQzAuMjUsMTkuNyAwLjgsMjAuMjUgMS41LDIwLjI1IEMyLjIsMjAuMjUgMi43NSwxOS43IDIuNzUsMTkgQzIuNzUsMTguMyAyLjIsMTcuNzUgMS41LDE3Ljc1IFogTTksNi41IEM3LjYyNSw2LjUgNi41LDcuNjI1IDYuNSw5IEM2LjUsMTAuMzc1IDcuNjI1LDExLjUgOSwxMS41IEMxMC4zNzUsMTEuNSAxMS41LDEwLjM3NSAxMS41LDkgQzExLjUsNy42MjUgMTAuMzc1LDYuNSA5LDYuNSBaIE00Ni41LDIwLjI1IEM0Ny4yLDIwLjI1IDQ3Ljc1LDE5LjcgNDcuNzUsMTkgQzQ3Ljc1LDE4LjMgNDcuMiwxNy43NSA0Ni41LDE3Ljc1IEM0NS44LDE3Ljc1IDQ1LjI1LDE4LjMgNDUuMjUsMTkgQzQ1LjI1LDE5LjcgNDUuOCwyMC4yNSA0Ni41LDIwLjI1IFogTTI5LDExLjUgQzMwLjM3NSwxMS41IDMxLjUsMTAuMzc1IDMxLjUsOSBDMzEuNSw3LjYyNSAzMC4zNzUsNi41IDI5LDYuNSBDMjcuNjI1LDYuNSAyNi41LDcuNjI1IDI2LjUsOSBDMjYuNSwxMC4zNzUgMjcuNjI1LDExLjUgMjksMTEuNSBaIE0yOSwyLjc1IEMyOS43LDIuNzUgMzAuMjUsMi4yIDMwLjI1LDEuNSBDMzAuMjUsMC44IDI5LjcsMC4yNSAyOSwwLjI1IEMyOC4zLDAuMjUgMjcuNzUsMC44IDI3Ljc1LDEuNSBDMjcuNzUsMi4yIDI4LjMsMi43NSAyOSwyLjc1IFogTTEuNSwyNy43NSBDMC44LDI3Ljc1IDAuMjUsMjguMyAwLjI1LDI5IEMwLjI1LDI5LjcgMC44LDMwLjI1IDEuNSwzMC4yNSBDMi4yLDMwLjI1IDIuNzUsMjkuNyAyLjc1LDI5IEMyLjc1LDI4LjMgMi4yLDI3Ljc1IDEuNSwyNy43NSBaIE0xOSw0NS4yNSBDMTguMyw0NS4yNSAxNy43NSw0NS44IDE3Ljc1LDQ2LjUgQzE3Ljc1LDQ3LjIgMTguMyw0Ny43NSAxOSw0Ny43NSBDMTkuNyw0Ny43NSAyMC4yNSw0Ny4yIDIwLjI1LDQ2LjUgQzIwLjI1LDQ1LjggMTkuNyw0NS4yNSAxOSw0NS4yNSBaIE0xOSwyLjc1IEMxOS43LDIuNzUgMjAuMjUsMi4yIDIwLjI1LDEuNSBDMjAuMjUsMC44IDE5LjcsMC4yNSAxOSwwLjI1IEMxOC4zLDAuMjUgMTcuNzUsMC44IDE3Ljc1LDEuNSBDMTcuNzUsMi4yIDE4LjMsMi43NSAxOSwyLjc1IFogTTE5LDExLjUgQzIwLjM3NSwxMS41IDIxLjUsMTAuMzc1IDIxLjUsOSBDMjEuNSw3LjYyNSAyMC4zNzUsNi41IDE5LDYuNSBDMTcuNjI1LDYuNSAxNi41LDcuNjI1IDE2LjUsOSBDMTYuNSwxMC4zNzUgMTcuNjI1LDExLjUgMTksMTEuNSBaIE0xOSwyNS4yNSBDMTYuOTI1LDI1LjI1IDE1LjI1LDI2LjkyNSAxNS4yNSwyOSBDMTUuMjUsMzEuMDc1IDE2LjkyNSwzMi43NSAxOSwzMi43NSBDMjEuMDc1LDMyLjc1IDIyLjc1LDMxLjA3NSAyMi43NSwyOSBDMjIuNzUsMjYuOTI1IDIxLjA3NSwyNS4yNSAxOSwyNS4yNSBaIE0zOSwyNi41IEMzNy42MjUsMjYuNSAzNi41LDI3LjYyNSAzNi41LDI5IEMzNi41LDMwLjM3NSAzNy42MjUsMzEuNSAzOSwzMS41IEM0MC4zNzUsMzEuNSA0MS41LDMwLjM3NSA0MS41LDI5IEM0MS41LDI3LjYyNSA0MC4zNzUsMjYuNSAzOSwyNi41IFogTTM5LDM2LjUgQzM3LjYyNSwzNi41IDM2LjUsMzcuNjI1IDM2LjUsMzkgQzM2LjUsNDAuMzc1IDM3LjYyNSw0MS41IDM5LDQxLjUgQzQwLjM3NSw0MS41IDQxLjUsNDAuMzc1IDQxLjUsMzkgQzQxLjUsMzcuNjI1IDQwLjM3NSwzNi41IDM5LDM2LjUgWiBNMzksMTYuNSBDMzcuNjI1LDE2LjUgMzYuNSwxNy42MjUgMzYuNSwxOSBDMzYuNSwyMC4zNzUgMzcuNjI1LDIxLjUgMzksMjEuNSBDNDAuMzc1LDIxLjUgNDEuNSwyMC4zNzUgNDEuNSwxOSBDNDEuNSwxNy42MjUgNDAuMzc1LDE2LjUgMzksMTYuNSBaIE0zOSw2LjUgQzM3LjYyNSw2LjUgMzYuNSw3LjYyNSAzNi41LDkgQzM2LjUsMTAuMzc1IDM3LjYyNSwxMS41IDM5LDExLjUgQzQwLjM3NSwxMS41IDQxLjUsMTAuMzc1IDQxLjUsOSBDNDEuNSw3LjYyNSA0MC4zNzUsNi41IDM5LDYuNSBaIE00Ni41LDI3Ljc1IEM0NS44LDI3Ljc1IDQ1LjI1LDI4LjMgNDUuMjUsMjkgQzQ1LjI1LDI5LjcgNDUuOCwzMC4yNSA0Ni41LDMwLjI1IEM0Ny4yLDMwLjI1IDQ3Ljc1LDI5LjcgNDcuNzUsMjkgQzQ3Ljc1LDI4LjMgNDcuMiwyNy43NSA0Ni41LDI3Ljc1IFogTTI5LDM2LjUgQzI3LjYyNSwzNi41IDI2LjUsMzcuNjI1IDI2LjUsMzkgQzI2LjUsNDAuMzc1IDI3LjYyNSw0MS41IDI5LDQxLjUgQzMwLjM3NSw0MS41IDMxLjUsNDAuMzc1IDMxLjUsMzkgQzMxLjUsMzcuNjI1IDMwLjM3NSwzNi41IDI5LDM2LjUgWiBNMjksNDUuMjUgQzI4LjMsNDUuMjUgMjcuNzUsNDUuOCAyNy43NSw0Ni41IEMyNy43NSw0Ny4yIDI4LjMsNDcuNzUgMjksNDcuNzUgQzI5LjcsNDcuNzUgMzAuMjUsNDcuMiAzMC4yNSw0Ni41IEMzMC4yNSw0NS44IDI5LjcsNDUuMjUgMjksNDUuMjUgWiBNMTksMTUuMjUgQzE2LjkyNSwxNS4yNSAxNS4yNSwxNi45MjUgMTUuMjUsMTkgQzE1LjI1LDIxLjA3NSAxNi45MjUsMjIuNzUgMTksMjIuNzUgQzIxLjA3NSwyMi43NSAyMi43NSwyMS4wNzUgMjIuNzUsMTkgQzIyLjc1LDE2LjkyNSAyMS4wNzUsMTUuMjUgMTksMTUuMjUgWiBNMTksMzYuNSBDMTcuNjI1LDM2LjUgMTYuNSwzNy42MjUgMTYuNSwzOSBDMTYuNSw0MC4zNzUgMTcuNjI1LDQxLjUgMTksNDEuNSBDMjAuMzc1LDQxLjUgMjEuNSw0MC4zNzUgMjEuNSwzOSBDMjEuNSwzNy42MjUgMjAuMzc1LDM2LjUgMTksMzYuNSBaIE0yOSwyNS4yNSBDMjYuOTI1LDI1LjI1IDI1LjI1LDI2LjkyNSAyNS4yNSwyOSBDMjUuMjUsMzEuMDc1IDI2LjkyNSwzMi43NSAyOSwzMi43NSBDMzEuMDc1LDMyLjc1IDMyLjc1LDMxLjA3NSAzMi43NSwyOSBDMzIuNzUsMjYuOTI1IDMxLjA3NSwyNS4yNSAyOSwyNS4yNSBaIE0yOSwxNS4yNSBDMjYuOTI1LDE1LjI1IDI1LjI1LDE2LjkyNSAyNS4yNSwxOSBDMjUuMjUsMjEuMDc1IDI2LjkyNSwyMi43NSAyOSwyMi43NSBDMzEuMDc1LDIyLjc1IDMyLjc1LDIxLjA3NSAzMi43NSwxOSBDMzIuNzUsMTYuOTI1IDMxLjA3NSwxNS4yNSAyOSwxNS4yNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjIwMDAwMDAwMyI+CiAgICAgICAgPGcgaWQ9IjAuMS4yLTIuMF9Db3N0LUFuYWx5dGljc19iYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDUuMDAwMDAwLCAtNzcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDk5LjAwMDAwMCwgNzEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9iYW5uZXJfYmlsbGluZ19hbmFseXRpY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDAwMDAwLCA2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImltYWdlL2JsdXJfb25fMjRweCIgZmlsbC1ydWxlPSJub256ZXJvIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNvbG9yI0ljb24vd2hpdGUiIG1hc2s9InVybCgjbWFzay0yKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuMDAwMDAwKSIgaWQ9ImNvbG9yIyNQYWxldHRlL1doaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS0zMzgiIGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.service-metering .opsnow-banner.billing p:before , .service-metering .opsnow-banner.billing a:before , .service-metering .opsnow-banner.billing button:not(.close):before {position: relative; left: 15px; display: inline-block; width: 46px; height: 46px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbl9iYW5uZXJfYmlsbGluZzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuMjAwMDAwMDAzIj4KICAgICAgICA8ZyBpZD0iMC4xLjMtMi4wX0JpbGxpbmdfYmFubmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTE0LjAwMDAwMCwgLTc4LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUxNC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIzLDAgQzM1LjcwMjU0OTIsMCA0NiwxMC4yOTc0NTA4IDQ2LDIzIEM0NiwzNS43MDI1NDkyIDM1LjcwMjU0OTIsNDYgMjMsNDYgQzEwLjI5NzQ1MDgsNDYgMCwzNS43MDI1NDkyIDAsMjMgQzAsMTAuMjk3NDUwOCAxMC4yOTc0NTA4LDAgMjMsMCBaIE0yMyw0LjYgQzEyLjgzNzk2MDYsNC42IDQuNiwxMi44Mzc5NjA2IDQuNiwyMyBDNC42LDMzLjE2MjAzOTQgMTIuODM3OTYwNiw0MS40IDIzLDQxLjQgQzMzLjE2MjAzOTQsNDEuNCA0MS40LDMzLjE2MjAzOTQgNDEuNCwyMyBDNDEuNCwxMi44Mzc5NjA2IDMzLjE2MjAzOTQsNC42IDIzLDQuNiBaIE0yNC41MTEwODkzLDExLjUgQzI1LjEzNjc1NTYsMTEuNSAyNS42NDE4MTE1LDExLjg3ODkwNjIgMjUuNjQxODExNSwxMi4zNDM5MDE2IEwyNS42NDE4MTE1LDEyLjM0MzkwMTYgTDI1LjY0MTgxMTUsMTQuMDQ4Njk2MSBMMjYuMzA1OTIyMywxNC4xMTA0MzEyIEMyNy44OTU3MTc2LDE0LjI1MjAyNTQgMjkuMzA2MTA1MSwxNC41NDY1NDE0IDMwLjYwMTkxMjcsMTUuMDA1MzA2NyBDMzAuODc0MDM5OCwxNS4xMDE1OTA4IDMxLjA4NTEwOCwxNS4yNzIwNzAyIDMxLjE4MzEwMzksMTUuNDg3MjkzNSBDMzEuMjg3ODg0MSwxNS42OTY4NTI5IDMxLjI3MzU2MTYsMTUuOTM0NzMxMiAzMS4xNDU0MTMxLDE2LjEzMjk2MzEgTDMxLjE0NTQxMzEsMTYuMTMyOTYzMSBMMzAuMDY2NzA0MiwxNy44NDg1MTg4IEMyOS44NzgyNTA1LDE4LjE0MzAzNDggMjkuNDc5NDgyNSwxOC4zMzU2MDI5IDI5LjA0MjI2OTksMTguMzM1NjAyOSBDMjguODgzOTY4OCwxOC4zMzU2MDI5IDI4LjcyNTY2NzcsMTguMzA3ODUwNSAyOC41NzQ5MDQ4LDE4LjI1Njg3NjYgQzI3Ljg3MzEwMzIsMTguMDEzMzM0NSAyNi4yMjk3ODcsMTcuNDUyNjIxMyAyMy42MDcyNjU0LDE3LjQ1MjYyMTMgQzIxLjIyNTIxMDcsMTcuNDUyNjIxMyAyMC4xNjIzMzE5LDE4LjE0MzAzNDggMjAuMTYyMzMxOSwxOC44MzQ1ODEgQzIwLjE2MjMzMTksMTkuNjA0ODUzNiAyMS4yNjk2ODU4LDIwLjEyNTM1NCAyNC43Mzc5ODc2LDIwLjk4NjgxMzMgTDI0Ljk4OTg1MTcsMjEuMDQ5MzI3OSBDMjguNjAwMzAwOCwyMS45NTYwNTIxIDMyLjIsMjMuMzMyNjQzNSAzMi4yLDI2LjU0Mjk3MDggQzMyLjIsMjguMzE1MTY0MSAzMC41NjQyMjE5LDMwLjY5OTYxMDkgMjUuOTUwODc1NSwzMS41NzE4MzE0IEwyNS45NTA4NzU1LDMxLjU3MTgzMTQgTDI1LjM4NTUxNDUsMzEuNjg1NjczMSBMMjUuMzg1NTE0NSwzMy42NTA0MzQ2IEMyNS4zODU1MTQ1LDM0LjEyMDUyNzUgMjQuODczNjc0MiwzNC41IDI0LjI1NDc5MjMsMzQuNSBMMjQuMjU0NzkyMywzNC41IEwyMS41MzQyNzQ4LDM0LjUgQzIwLjkwODYwODUsMzQuNSAyMC40MDM1NTI2LDM0LjEyMDUyNzUgMjAuNDAzNTUyNiwzMy42NTA0MzQ2IEwyMC40MDM1NTI2LDMzLjY1MDQzNDYgTDIwLjQwMzU1MjYsMzEuODQ5OTIyNCBMMTkuNzMxOTAzNywzMS43OTg5NDg1IEMxNy42NTIxMjg3LDMxLjYyMjgwNTMgMTUuNjkyMjEwMywzMS4xOTgwMjI2IDE0LjM3MzAzNDQsMzAuNjI2NTQ4MyBDMTMuODU5Njg2NiwzMC40MTEzMjUxIDEzLjY2NDQ0ODUsMjkuOTQ2MzI5NiAxMy44OTczNzczLDI5LjU0NDIwMiBMMTMuODk3Mzc3MywyOS41NDQyMDIgTDE0LjkzODM5NTUsMjcuODA1NDI0OSBDMTUuMDY2NTQ0LDI3LjU5MDIwMTcgMTUuMzA3MDEwOSwyNy40MjU5NTI0IDE1LjYwMTc1MjUsMjcuMzQ2NjU5NiBDMTUuNzIyMzYyOSwyNy4zMTg5MDcxIDE1Ljg0MjIxOTQsMjcuMzAxMzQ5NSAxNS45NjI4Mjk4LDI3LjMwMTM0OTUgQzE2LjE1MTI4MzUsMjcuMzAxMzQ5NSAxNi4zMzI5NTI4LDI3LjMzNTg5ODQgMTYuNDk4MDM4MywyNy40MDMyOTczIEMxOC4wODE4MDMxLDI4LjAzNzYzOTQgMjAuMjA2ODA3LDI4LjQxNzExMiAyMi4xODE4MDE3LDI4LjQxNzExMiBDMjQuNTAzNTUxMiwyOC40MTcxMTIgMjYuMTkyODUwMSwyNy43MDM0NzcxIDI2LjE5Mjg1MDEsMjYuNzI0MjExNCBDMjYuMTkyODUwMSwyNi4wODk4NjkyIDI1LjcwMjExNjcsMjUuMzI0Njk0IDIyLjA5MTM0MzksMjQuNDQxNzEyNCBDMTguMTc5Nzk5LDIzLjUxODUxODEgMTQuMTkyMTE4OSwyMi4xNzA1NDEgMTQuMTkyMTE4OSwxOS4xNDYwODgzIEMxNC4xOTIxMTg5LDE2Ljg1MjI2MTggMTYuNDE1ODcyNSwxNS4wNTY4NDcgMjAuMTM4OTYzNiwxNC4zNDg4NzU5IEwyMC4xMzg5NjM2LDE0LjM0ODg3NTkgTDIwLjcwNDMyNDcsMTQuMjQwNjk3OSBMMjAuNzA0MzI0NywxMi4zNDM5MDE2IEMyMC43MDQzMjQ3LDExLjg3ODkwNjIgMjEuMjE3NjcyNiwxMS41IDIxLjgzNTA0NjksMTEuNSBMMjEuODM1MDQ2OSwxMS41IFoiIGlkPSJpY29uX2Jhbm5lcl9iaWxsaW5nIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.service-metering .opsnow-banner p , .service-metering .opsnow-banner a , .service-metering .opsnow-banner button:not(.close) { font-size: .875rem; position: relative; display: -ms-flexbox; display: flex; color: #fff; -ms-flex-align: center; align-items: center; }
.service-metering .opsnow-banner p:after , .service-metering .opsnow-banner a:after , .service-metering .opsnow-banner button:not(.close):after {display: inline-block; width: 16px; height: 16px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1OSAoODYxMjcpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPmljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjQuMzI2NjY2NjcgMTMuNDIgNS41MDY2NjY2NyAxNC42IDEyLjEwNjY2NjcgOCA1LjUwNjY2NjY3IDEuNCA0LjMyNjY2NjY3IDIuNTggOS43NDY2NjY2NyA4Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMC4xLjEtMi4wX0Rhc2hib2FyZF9iYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MjcuMDAwMDAwLCAtOTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDk4LjAwMDAwMCwgNzguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iMDFfQVRPTS8jQnV0dG9uLS9JY29uLW9ubHkvLUJvcmRlcmxlc3NfMjQvYmFzaWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyMS4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSIwLm1hdGVyaWFsX2Zhdi9uYXZpZ2F0aW9uL2Fycm93X2ZvcndhcmRfaW9zXzI0cHgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJuYXZpZ2F0aW9uL2Fycm93X2ZvcndhcmRfaW9zXzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iY29sb3IjSWNvbi93aGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNvbG9yIyNQYWxldHRlL1doaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMzM4IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-size: 100% 100%; }
.service-metering .opsnow-banner p em , .service-metering .opsnow-banner a em , .service-metering .opsnow-banner button:not(.close) em {font-size: .75rem; font-weight: 700; position: relative; z-index: 10; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box;  min-width: 38px; height: 20px; padding: 0 4px; color: #395fb9; border-radius: 10px; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering .opsnow-banner .close { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); }
.service-metering .opsnow-banner .close:before {position: relative; top: 2px; display: inline-block; width: 12px; height: 12px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -90px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering .opsnow-banner .close:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering [data-tooltip=info]:after {display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering [data-tooltip=info]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering [data-tooltip=info].info-white:after {width: 16px; height: 16px;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNfaW5mbzwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTAsMCBDMTUuNTIyODQ3NSwwIDIwLDQuNDc3MTUyNSAyMCwxMCBDMjAsMTUuNTIyODQ3NSAxNS41MjI4NDc1LDIwIDEwLDIwIEM0LjQ3NzE1MjUsMjAgMCwxNS41MjI4NDc1IDAsMTAgQzAsNC40NzcxNTI1IDQuNDc3MTUyNSwwIDEwLDAgWiBNMTAsMiBDNS41ODE3MjIsMiAyLDUuNTgxNzIyIDIsMTAgQzIsMTQuNDE4Mjc4IDUuNTgxNzIyLDE4IDEwLDE4IEMxNC40MTgyNzgsMTggMTgsMTQuNDE4Mjc4IDE4LDEwIEMxOCw1LjU4MTcyMiAxNC40MTgyNzgsMiAxMCwyIFogTTExLDkuMDA0MzAyIEwxMSwxNC45OTk5OTk2IEw5LDE0Ljk5OTk5OTYgTDksOS4wMDQzMDIgTDExLDkuMDA0MzAyIFogTTEwLDUgQzEwLjY5MDM1NTksNSAxMS4yNSw1LjU1OTY0NDA2IDExLjI1LDYuMjUgQzExLjI1LDYuOTQwMzU1OTQgMTAuNjkwMzU1OSw3LjUgMTAsNy41IEM5LjMwOTY0NDA2LDcuNSA4Ljc1LDYuOTQwMzU1OTQgOC43NSw2LjI1IEM4Ljc1LDUuNTU5NjQ0MDYgOS4zMDk2NDQwNiw1IDEwLDUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwM19PUkdBTklDL0dOQi9HTkJfdG9wL2lkbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMDYuMDAwMDAwLCAtMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJUb3AiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NjIuMDAwMDAwLCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWRkaW5nLUdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJpY19pbmZvIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-size: 100% 100%; }
.service-metering .layout-page-title .layout-page-utils .button-normal { min-width: 150px; }
.service-metering .page-section { position: relative; margin-top: 40px; }
.service-metering .page-section .page-section-title { font-size: 1.25rem; font-weight: 700; color: #000; }
.service-metering .page-section .btn-toggle {font-size: .875rem; font-weight: 700; line-height: 1.42857em;  display: inline-block; color: #000; }
.service-metering .page-section .btn-toggle:before {display: inline-block; width: 20px; height: 20px; margin: -4px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering .page-section .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering .page-section .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering .page-section .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering .page-section .page-section-utils {position: absolute; top: 0; right: 0;  display: block; }
.service-metering .page-section .common-tabs { margin: 20px 0 30px 0px; }
.service-metering .page-section .common-sub-tabs { margin-top: 0; }
.service-metering .page-section .page-section-contents { padding: 0 0px 0px 30px; }
.service-metering .page-section .page-section-contents .tbl-grid-utils { margin-top: 20px; }
.service-metering .page-section .page-section-contents:after {display: block; clear: both;  content: ''; }
.service-metering .page-section .page-section-box { margin-top: 40px; padding: 25px 30px 30px 30px; border: 1px solid #e6e6e6; }
.service-metering .page-section .page-section-inner-title {font-size: 1rem; font-weight: 700; line-height: 1.5em;  display: inline-block; margin-bottom: 20px; color: #000; }
.service-metering .page-sub-section .page-sub-section-title { font-size: 1.25rem; font-weight: 700; color: #000; }
.service-metering .page-sub-section .page-sub-section-title .multiselect-native-select { display: inline-block; height: 24px; margin-left: 15px; vertical-align: top; }
.service-metering .page-sub-section .page-sub-section-contents { margin-top: 20px; }
.service-metering.page-quick-search .am-chart { display: block; box-sizing: border-box; height: 300px; margin-bottom: 30px; padding: 0 4px 20px 4px; border: 1px solid #e6e6e6; }
.service-metering.page-quick-search .amcharts-legend-div { overflow-y: auto !important; max-height: 220px; }


.service-metering.page-dashboard { background-color: #f4f4f4; }
.service-metering.page-dashboard .common-tabs .utils .multiselect-native-select { z-index: 100; }
.service-metering.page-dashboard .am-chart[data-state=none] { border: 2px dashed rgba(151, 151, 151, .25); }
.service-metering.page-dashboard .am-chart > div > div > a { display: none !important; }
.service-metering.page-dashboard .amcharts-legend-div { overflow-y: auto !important; max-height: 220px; }
.service-metering.page-dashboard .hotbill { color: #f6a323; }
.service-metering.page-dashboard .completed { color: #1886ff !important; }
.service-metering.page-dashboard .expected { color: #999; }
.service-metering.page-dashboard .btn-util {font-size: .75rem; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 52px; padding: 0 10px; vertical-align: middle; color: #fff; border-radius: 3px; background-color: #999; }
.service-metering.page-dashboard .btn-info { display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .btn-info { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart {float: left;  width: 32%; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart:nth-child(2) { margin: 0 2%; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart h2 { font-size: .875rem; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-header-cell-label { -ms-flex-pack: left; justify-content: left; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-body-viewport { overflow-x: hidden; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-body , .service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-header { background-color: #fff; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-body .ag-body-viewport .ag-body-container .ag-cell {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; font-weight: 400;  padding: 8px 10px; padding-left: 0; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .cdn_metering .ag-bsp-front01 .ag-body .ag-body-viewport .ag-body-container .ag-cell.set_unit { font-weight: 500; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .flex { position: relative; margin: 10px 0; text-align: center; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .flex:after {font-size: .875rem; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -6px;  content: 'VS.'; color: #000; }
.service-metering.page-dashboard .cdn-chart-wrap .usage-chart .flex li {display: inline-block;  min-width: 170px; }
.service-metering.page-dashboard .cdn-item-title {font-size: .875rem; font-weight: 700; line-height: 1.78571em;  margin: 50px 0 8px; color: #000; }
.service-metering.page-dashboard .metering-dashboard-summary { overflow: hidden; }
.service-metering.page-dashboard .metering-dashboard-summary .container-top { overflow: hidden; margin-top: 16px; }
.service-metering.page-dashboard .metering-dashboard-summary .container-top .dashboard-item { float: left; }
.service-metering.page-dashboard .metering-dashboard-summary .container-top .dashboard-item + .dashboard-item { margin-left: 20px; }
.service-metering.page-dashboard .metering-dashboard-summary .guide { font-size: .75rem; padding-top: 7px; color: #adadad; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload { display: -ms-flexbox; display: flex; padding: 0 0 10px; -ms-flex-pack: end; justify-content: flex-end; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p {font-size: .75rem;  display: -ms-flexbox; display: flex; color: #999; -ms-flex-align: center; align-items: center; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p:first-child:after {display: inline-block; width: 1px; height: 20px; margin: 0 8px;  content: ''; background: #979797; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p .toggle-switch-ui { margin-left: 10px; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p .toggle-switch-ui input[type=checkbox] + label { height: 14px; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p .toggle-switch-ui input[type=checkbox] + label:before { width: 24px; height: 11px; }
.service-metering.page-dashboard .metering-dashboard-summary .auto_reload p .toggle-switch-ui input[type=checkbox] + label:after { width: 12px; height: 12px; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment { display: -ms-flexbox; display: flex; margin-top: 50px; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment .dashboard-item:nth-child(2) {width: calc(100% - 38.26% - 40px);  -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment .dashboard-item + .dashboard-item { margin-left: 20px; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment .dashboard-item .dashboard-item-box { height: 400px; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing { margin-top: 0; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item { width: 33%; max-width: 33%; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item:nth-child(2) { -ms-flex: none; flex: none; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item .dashboard-item-box { height: 508px; padding: 23px 0 0; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item .dashboard-item-box .guide {font-size: 1.125rem; font-weight: 600;  position: static; padding: 0 0 23px; text-align: center; color: #000; }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item .dashboard-item-box .list-monthly-cost.none-data {margin: 0 20px;  border: 2px dashed rgba(151, 151, 151, .25); }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item .dashboard-item-box .list-monthly-cost.none-data[data-size=cdn] { width: calc(100% - 40px); }
.service-metering.page-dashboard .metering-dashboard-summary .container-payment.container-cdn-billing .dashboard-item .dashboard-item-box .list-monthly-cost.none-data > li { display: -ms-flexbox !important; display: flex !important; width: auto; max-width: 100%; height: 387px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-metering.page-dashboard .dashboard-item { position: relative; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-title {font-size: .875rem; font-weight: 700; line-height: 1.42857em; height: 28px;  padding: 0 0 0 11px; color: #000; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils { position: absolute; top: -3px; right: 0; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period { display: block; overflow: hidden; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .label {font-size: .75rem; font-weight: 400; line-height: 22px;  display: inline-block; margin-right: 14px; vertical-align: middle; color: #000; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios { display: inline-block; vertical-align: middle; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label {font-size: .75rem; line-height: 20px;  display: block; float: left; box-sizing: border-box; width: 38px; height: 22px; padding: 0; text-align: center; color: #666; border: 1px solid #ccc; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label:lang(ja) {font-weight: 700;  width: 42px; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label:lang(zh) { width: 42px; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label:before , .service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label:after { content: none; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio] + label ~ label { border-left: 0px; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .radios input[type=radio]:checked + label { color: #fff; border-color: #999; background-color: #999; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .small {font-weight: 400; line-height: 20px; width: 80px;  height: 22px; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .btn-period {font-size: .75rem; line-height: 20px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 22px; text-align: center; color: #666; border: 1px solid #ccc; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .btn-period.is-selected { color: #fff; border-color: #999; background-color: #999; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-utils .period .btn-period + .btn-period { border-left: 0px; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-box {position: relative;  box-sizing: border-box; border: 1px solid #ccc; background-color: #fff; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-box .txt-cost { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.625rem; font-weight: 400; line-height: .88462em; }
.service-metering.page-dashboard .dashboard-item .dashboard-item-box.none-data .none-message-wrap {position: absolute; top: 76px; right: 15px; bottom: 20px; left: 20px;  border: 2px dashed rgba(151, 151, 151, .25); }
.service-metering.page-dashboard .dashboard-item .dashboard-item-box.none-data .none-message { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.service-metering.page-dashboard .dashboard-item.vendor .dashboard-item-box { padding: 17px 33px 19px 18px; }
.service-metering.page-dashboard .dashboard-item.vendor .dashboard-item-box.list { padding-left: 0; }
.service-metering.page-dashboard .dashboard-item.vendor .dashboard-item-box.list:after {display: table; clear: both;  content: ''; }
.service-metering.page-dashboard .dashboard-item.vendor .dashboard-item-box.list > li { float: left; margin-left: 35px; }
.service-metering.page-dashboard .dashboard-item.vendor .dashboard-item-box label ~ label { margin-left: 35px; }
.service-metering.page-dashboard .dashboard-item.vendor .icon {font-weight: 700;  display: inline-block; }
.service-metering.page-dashboard .dashboard-item.vendor .icon:before {display: inline-block; margin: -2px 12px 0 8px;  content: ''; vertical-align: middle; }
.service-metering.page-dashboard .dashboard-item.vendor .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.vendor .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-item.vendor .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.vendor .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-item.vendor .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.vendor .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-item.vendor .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.vendor .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-item.ri .dashboard-item-box {width: 200px; height: 60px;  padding: 10px 18px 0 14px; }
.service-metering.page-dashboard .dashboard-item.ri .key {font-size: .75rem; line-height: 1.5em;  display: block; float: left; color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.ri .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 1.23333em;  display: block; float: right; color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.this-month {width: 19.130%;  max-width: 19.130%; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box { padding: 18px 15px 20px 20px; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary { padding: 0; background-color: #f7f7f7; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .header {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; position: relative; box-sizing: border-box; height: 150px; padding: 20px 20px 0;  background-color: #fff; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .header .total {font-size: 1.625rem; position: absolute; right: 20px; bottom: 15px;  text-align: right; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .header .total em { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; display: block; padding-bottom: 3px; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .cost { top: 150px; right: 20px; bottom: 38px; left: 20px; text-align: left; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .cost dt {font-size: .75rem; line-height: 1.5;  margin-top: 15px; color: #424242; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .cost dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  margin-top: 5px; color: #666; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .cost dd .saving .expected {display: -ms-flexbox; display: flex;  color: #1886ff; -ms-flex-align: center; align-items: center; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .last-fee-standard {font-size: .75rem;  position: absolute; right: 20px; bottom: 8px; left: 20px; color: #999; }
.service-metering.page-dashboard .dashboard-item.this-month .dashboard-item-box.summary .last-fee-standard em { display: block; }
.service-metering.page-dashboard .dashboard-item.this-month .today { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 1.4em; color: #000; }
.service-metering.page-dashboard .dashboard-item.this-month .cost {font-size: .75rem; position: absolute; right: 15px; bottom: 25px;  display: block; text-align: right; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt {line-height: 1.5em;  margin-top: 22px; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt.completed , .service-metering.page-dashboard .dashboard-item.this-month .cost dt.hotbill { margin: 0; padding: 11px 5px 0; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt.completed + dd , .service-metering.page-dashboard .dashboard-item.this-month .cost dt.hotbill + dd { margin: 0; padding: 12px 5px 0; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt.completed + dd .txt-cost , .service-metering.page-dashboard .dashboard-item.this-month .cost dt.hotbill + dd .txt-cost { font-size: 1.125rem; font-weight: 400; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt.completed , .service-metering.page-dashboard .dashboard-item.this-month .cost dt.expected { margin-top: 11px; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dt.hotbill + dd { padding: 12px 5px 11px; }
.service-metering.page-dashboard .dashboard-item.this-month .cost dd { margin-top: 8px; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month { display: block; text-align: right; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month dt { font-size: .75rem; line-height: 1.5em; color: #000; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month dt .start-date { display: none; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month dd { margin-top: 1px; margin-bottom: 19px; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month dd .txt-cost { font-size: .875rem; line-height: 1.28571em; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-month dd .txt-cost.expected { color: #000; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .9375rem; font-weight: 400; line-height: 1.66667em;  display: block; margin-top: 43px; margin-bottom: 6px; text-align: center; color: #000; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph { position: relative; height: 170px; text-align: left; text-indent: -9999px; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .payment {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0;  display: block; background-color: #666; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .hotbill {position: absolute; z-index: 2; right: 0; left: 0;  display: none; background-color: rgba(255, 179, 0, .5); }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .compare {position: absolute; z-index: 2; right: 0; bottom: 0; left: 0;  display: block; background-color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .compare .days {font-size: .875rem; font-weight: 700; line-height: 1.78571em; position: absolute; top: -12px; right: -43px;  display: none; width: auto; height: 24px; padding-left: 14px; text-indent: 0; color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .compare .days:before {position: absolute; top: 50%; left: 0; display: block; width: 9px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -610px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.compare-month .cost-graph .graph .compare .days:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-item.compare-month.new .dashboard-item-box { padding-top: 20px; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box { padding: 40px 20px 0 20px; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .guide {font-size: .6875rem; line-height: 1.54545em; position: absolute; top: 10px; left: 15px;  display: block; color: rgba(178, 178, 178, .9); }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend {position: absolute; bottom: 16px;  display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common { font-size: .75rem; display: -ms-flexbox; display: flex; color: #999; -ms-flex-align: center; align-items: center; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common .text { margin: 0 7px; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common.reserved:before { background-color: rgba(255, 179, 0, .5); }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common.used:before { background-color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common.expected:before {box-sizing: inherit; width: 16px; height: 16px; opacity: .3; border: 2px dashed #979797;  background-color: transparent; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common.past:before { background-color: #666; }
.service-metering.page-dashboard .dashboard-item.compare-month .dashboard-item-box .legend .common:before {display: inline-block; box-sizing: border-box; width: 20px; height: 20px;  content: ''; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost { display: -ms-flexbox; display: flex; overflow: auto; overflow-y: hidden; box-sizing: border-box; -ms-flex-pack: distribute; justify-content: space-around; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dt.completed { color: #222 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dt.expected { color: rgba(102, 102, 102, .5) !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dt.last-month { color: #666 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dd .txt-cost { color: #222 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dd .txt-cost.expected { color: rgba(102, 102, 102, .5) !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dd .txt-cost.last-month { color: #666 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-month dd + dt { margin-top: 6px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost.new > li .cost-graph { margin: 25px 0 15px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li {min-width: 110px;  max-width: 110px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child .expected { color: #999 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child .cost-graph .payment { opacity: .3; border: 2px dashed #979797; background-color: transparent; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child .cost-graph .hotbill { display: block; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child.aggregation .expected { color: #000 !important; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child.aggregation .cost-graph .payment {position: absolute; z-index: 1; right: 0; bottom: 0; left: 0;  display: block; opacity: 1; border: 0; background-color: #666; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li:first-child.aggregation .cost-graph .hotbill { background-color: #ffb300; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost > li + li { margin-left: 30px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=small] { -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] { -ms-flex-pack: distribute; justify-content: space-around; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li {width: 170px;  max-width: 170px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li + li { margin-left: 85px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li .cost-month dt .start-date { display: inline-block; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li .cost-month dd { margin-top: 0px; margin-bottom: 0px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li .cost-month dd .txt-cost {font-size: 1.625rem; line-height: 1.23077em;  margin-top: 2px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li .graph {height: 160px;  margin-bottom: 3px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=large] > li .graph .days { display: block; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] { position: relative; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li {position: relative; box-sizing: border-box;  min-width: 102px; max-width: 100%; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table { position: absolute; z-index: 1; top: 0; left: 32px; box-sizing: border-box; min-width: 243px; height: 75px; padding: 10px; padding-top: 7px; white-space: nowrap; border: 1px solid #dcdbdc; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table:before {position: absolute; bottom: -16px; left: 12px; width: 16px; height: 16px;  content: ''; background: url('/assets/images/arrow_down_gray.svg') no-repeat; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table { width: 100%; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table th {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400;  text-align: left; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table th.common_box:before {display: inline-block; width: 10px; height: 10px; margin-right: 3px;  content: ''; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table th.common_box.hotbill { display: table-cell; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table th.common_box.hotbill:before { background-color: #f6a323; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table th.common_box.completed:before { background-color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table td { text-align: right; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table .hotbill { color: #f6a323; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table table .completed { color: #1886ff; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li {position: static; float: right;  margin-left: 0; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li .cost-month .cdn_head.expected { color: #717171; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li .cost-month .cdn_fee .txt-cost.expected { color: #717171; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li .cost-graph .graph .hotbill { display: block; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li .curent_table { display: none; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month {position: relative;  width: 160px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .billing_wrapping {margin: 10px 0; padding: 10px 8px;  background: #f7f7f7; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .billing_wrapping .cdn_head { font-size: .625rem; padding: 0; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .billing_wrapping .cdn_fee { padding: 0; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .billing_wrapping .cdn_fee .txt-cost { font-size: 1.0625rem; line-height: 1.17647em; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .billing_wrapping .cdn_fee .txt-cost span { font-size: .75rem; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_head {font-size: .6875rem; font-weight: 400; line-height: 1.5em;  margin: 6px 0 0; padding-right: 8px; color: #000; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_head:first-child { margin: 0; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_head .start-date { display: inline-block; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_head.hotbill { color: #f6a323; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_head.expected { font-size: .75rem; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_fee { margin-top: 0px; margin-bottom: 0px; padding-right: 8px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_fee .txt-cost {font-size: 1.5rem; line-height: 1.09091em;  margin-top: 2px; letter-spacing: -.5px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_fee .txt-cost.expected {font-size: 1.375rem;  color: #000; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-month .cdn_fee .txt-cost span { font-size: .75rem; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph {float: right;  width: calc(100% + 45px); max-width: 102px; margin: 45px 0 40px 32px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph .graph {height: 132px;  margin-bottom: 3px; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph .graph .hotbill { background-color: #f6a323; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph .graph .compare .days {font-size: .75rem; right: auto; left: -37px;  display: block; height: 24px; padding-right: 14px; padding-left: 0; }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph .graph .compare .days:before {position: absolute; top: 50%; right: 0; left: auto; display: block; width: 9px; height: 10px; margin-top: -5px;  content: ''; transform: rotate(180deg); background-image: url(/assets/images/sprites.png); background-position: -739px -610px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph .graph .compare .days:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
@media only screen and (min-width: 1400px) { .service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .curent_table { left: 10px; width: 303px; }
	.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li + li .cost-month:before { left: -30px; }
	.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=cdn] > li .cost-graph { max-width: 130px; margin: 45px 0 40px 0px; } }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=none] { border: 2px dashed rgba(151, 151, 151, .25); }
.service-metering.page-dashboard .dashboard-item.compare-month .list-monthly-cost[data-size=none] > li { display: -ms-flexbox !important; display: flex !important; width: auto; max-width: 100%; height: 337px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.service-metering.page-dashboard .dashboard-item.user-setup {width: 19.130%;  max-width: 19.130%; }
.service-metering.page-dashboard .dashboard-item.user-setup .dashboard-item-box { padding: 0 0 20px 0; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup { position: relative; z-index: 2; padding: 15px; text-align: right; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup .multiselect-native-select { position: absolute; top: 15px; right: 75px; bottom: 15px; left: 15px; text-align: left; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup .btn-group { text-align: left; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup .btn-group .btn-select {font-size: .75rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; max-width: 100%; height: 24px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #e6e6e6; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup .btn-group .btn-select:focus { box-shadow: inset 0 0 0 1px #007aff; }
.service-metering.page-dashboard .dashboard-item.user-setup .filter-user-setup .btn-group .multiselect-container { text-align: left; }
.service-metering.page-dashboard .dashboard-item.user-setup .cost { overflow: auto; overflow-x: hidden; height: 323px; padding: 0 20px; border-top: 1px solid #f3f3f3; }
.service-metering.page-dashboard .dashboard-item.user-setup .cost > li { padding: 9px 0 6px 0; text-align: right; border-bottom: 1px solid #f3f3f3; }
.service-metering.page-dashboard .dashboard-item.user-setup .cost > li .key {font-size: .6875rem; line-height: 1.81818em;  display: block; color: #829fbc; }
.service-metering.page-dashboard .dashboard-item.user-setup .cost > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.23077em;  display: block; color: #000; }
.service-metering.page-dashboard .dashboard-section { position: relative; margin-top: 50px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-title { font-size: .875rem; font-weight: 700; line-height: 1.78571em; color: #000; }
.service-metering.page-dashboard .dashboard-section .btn-toggle {font-size: .875rem; font-weight: 700; line-height: 1.78571em;  display: block; margin-bottom: 8px; color: #000; }
.service-metering.page-dashboard .dashboard-section .btn-toggle:before {display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-section .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-section .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-dashboard .dashboard-section .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils { position: absolute; top: -3px; right: 0; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented { display: block; overflow: hidden; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .label {font-size: .75rem; font-weight: 400; line-height: 22px;  display: inline-block; margin-right: 14px; vertical-align: middle; color: #000; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios { display: inline-block; vertical-align: middle; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios input[type=radio] + label {font-size: .75rem; line-height: 20px;  display: block; float: left; box-sizing: border-box; width: 75px; height: 22px; padding: 0; text-align: center; color: #666; border: 1px solid #ccc; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios input[type=radio] + label:before , .service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios input[type=radio] + label:after { content: none; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios input[type=radio] + label ~ label { border-left: 0px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-utils .segmented .radios input[type=radio]:checked + label { color: #fff; border-color: #999; background-color: #999; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box { overflow: hidden; padding: 30px; border: 1px solid #ccc; background-color: #fff; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box .am-chart { display: block; height: 350px; margin-left: -10px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box .ag-grid { box-sizing: border-box; margin-top: 30px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .am-chart {height: 150px;  margin: 0; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .common-tabs > .btn { min-width: 240px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .util_unit {padding: 0 0 8px;  text-align: right; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .util_unit.chartin p:after { content: none; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .util_unit p {font-size: .75rem;  display: inline-block; color: #000; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .util_unit p:after {display: inline-block; width: 1px; height: 12px; margin: -4px 7px 0 10px;  content: ''; vertical-align: middle; color: #979797; background-color: #d8d8d8; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .ag-grid { margin-top: 0; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper { padding: 20px 0 30px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper .arrow_wrapper {position: relative;  display: inline-block; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper .arrow_wrapper:after {line-height: 30px; display: inline-block; width: 9px; height: 16px; margin: 0 2px 0 5px;  content: ''; vertical-align: middle; background: url('/assets/images/arrow_right_black.svg') no-repeat; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper .arrow_wrapper select { margin-left: 0; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper .caution { font-size: .75rem; line-height: 1.5em; padding: 0 0 12px; color: #999; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata fieldset , .service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata .separator , .service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata input { display: inline-block; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata select:nth-child(odd) { min-width: 65px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata select:nth-child(even) { min-width: 53px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata input[type=text]:disabled {font-size: .75rem; line-height: 30px;  width: 345px; height: 30px; margin-left: 6px; padding: 0 15px; border: 0; background: #f6f6f6; box-shadow: none; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.chartdata .separator { font-size: .875rem; font-weight: 600; line-height: 30px; margin: 0 3px 0 9px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.case2 select:nth-child(3) { min-width: 136px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .select_wrapper.case2 select:nth-child(4) { min-width: 182px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .daterange { width: 112px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .daterange:after { right: 7px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .daterange input { font-size: .75rem; font-weight: 400; height: 30px; border: 1px solid #e6e6e6; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box select {font-size: .75rem; line-height: 28px;  height: 30px; margin-left: 3px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box select:nth-child(1) { min-width: 85px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box select:nth-child(2) { min-width: 136px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box select:nth-child(3) { min-width: 182px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box select:nth-child(4) { min-width: 280px; }
.service-metering.page-dashboard .dashboard-section .dashboard-section-box.cdn-section-box .button-normal { margin-left: 5px; }
.service-metering.page-dashboard .dashboard-section.item-cost .flex { display: -ms-flexbox; display: flex; margin-bottom: 25px; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-dashboard .dashboard-section.item-cost .btn-group { text-align: right; }
.service-metering.page-dashboard .dashboard-section.item-cost .btn-group .btn-select {font-size: .75rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; height: 24px; padding: 0 35px 0 10px; vertical-align: middle; color: #000; background-color: #e6e6e6; }
.service-metering.page-dashboard .dashboard-section.item-cost .btn-group .btn-select:focus { box-shadow: inset 0 0 0 1px #007aff; }
.service-metering.page-dashboard .dashboard-section.item-cost .btn-group .multiselect-container { text-align: left; }
.service-metering.page-dashboard .dashboard-section.item-cost .am-chart { display: block; width: 310px; min-width: 310px; max-width: 310px; height: 330px; -ms-flex-positive: 1; flex-grow: 1; }
.service-metering.page-dashboard .dashboard-section.item-cost .item-cost-data {margin-left: 30px;  -ms-flex-positive: 1; flex-grow: 1; }
.service-metering.page-dashboard .dashboard-section.item-cost .item-cost-data .ag-grid { margin-left: 0; }
.service-metering.page-dashboard .dashboard-section.item-cost .daily-trend-chart { display: block; clear: both; }



.service-metering.page-billing .page-section { margin-top: 60px; }
.service-metering.page-billing .page-section .common-tabs { margin: 20px 0 30px 0px; }
.service-metering.page-billing .page-section .common-tabs .btn { width: 300px; }
.service-metering.page-billing .page-section .common-tabs .utils { margin-top: 4px; }
.service-metering.page-billing .page-section .page-section-utils { top: 34px; }
.service-metering.page-billing .page-section .page-section-contents { padding: 0 0px 0px 0px; }
.service-metering.page-billing .payer {font-size: .6875rem; font-weight: 500; display: -ms-inline-flexbox; display: inline-flex;  min-width: 63px; height: 20px; padding: 0 4px; color: #4a90e2; border: 1px solid #4a90e2; border-radius: 4px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering.page-billing .payer.payer-green {color: #6cb41e;  border-color: #6cb41e; }
.service-metering.page-billing .payer.payer-yellow {color: #f5a323;  border-color: #f5a323; }
.service-metering.page-billing .payer.payer-red {color: #ff2d47;  border-color: #ff2d47; }
.service-metering.page-billing .tbl-data-billing .value { font-weight: 700; }
.service-metering.page-billing .tbl-data-billing tbody th , .service-metering.page-billing .tbl-data-billing tbody td { font-weight: 700; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc {height: 47px;  border-bottom: 0; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc + td { border-bottom: 0; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc em { display: block; color: #999; }
.service-metering.page-billing .tbl-data-billing tbody .sub { font-weight: 400; }
.service-metering.page-billing .tbl-data-billing tbody .sub:before {display: inline-block; margin: 0 5px 0 7px;  content: '\3134'; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc_dicount { height: 30px; padding-right: 12px; padding-bottom: 3px; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc_dicount .discount {display: -ms-flexbox; display: flex; height: 25px; padding: 0 8px;  background: #f6f6f6; -ms-flex-align: center; align-items: center; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc_dicount .discount span {font-weight: 500;  color: #666; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc_dicount .discount span:first-child { font-weight: 400; position: relative; margin-right: auto; }
.service-metering.page-billing .tbl-data-billing tbody .cfrc_dicount .discount span:first-child:before {display: inline-block; margin: 0 5px 0 7px;  content: '\3134'; }
.service-metering.page-billing .page-section-utils-box { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; box-sizing: border-box; width: 100%; height: 60px; padding: 0 20px; background: #f6f6f6; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-billing .page-section-utils-box + .page-sub-section { padding: 50px 0 0; }
.service-metering.page-billing .page-section-utils-box p { font-size: .8125rem; }
.service-metering.page-billing .page-section-utils-box p em { display: block; }
.service-metering.page-billing .page-sub-section { position: relative; }
.service-metering.page-billing .page-sub-section[data-state=saving]:after {display: table; clear: both;  content: ''; }
.service-metering.page-billing .page-sub-section[data-state=saving] .tbl-data-billing {float: left;  width: calc(100% - 320px); }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table {float: right;  box-sizing: border-box; width: 291px; height: 238px; padding: 20px; padding-top: 7px; border: 1px solid #e6e6e6; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table p { font-size: .75rem; line-height: 1.66667em; margin: 5px 0 0; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table .head { font-size: .75rem; font-weight: 500; margin: 0; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table { width: 100%; margin: 20px 0 0; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table tr:first-child th , .service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table tr:first-child td { color: #999; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table tr:nth-child(1) th , .service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table tr:nth-child(1) td { color: #6cb41d; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table th , .service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table td {font-size: .75rem; font-weight: 400; height: 40px;  border-bottom: 1px solid #f0f0f0; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table td { text-align: right; }
.service-metering.page-billing .page-sub-section[data-state=saving] .saving_table table th { text-align: left; }
.service-metering.page-billing .page-sub-section .page-sub-section-title {font-size: 1rem; font-weight: 700; line-height: 1.5em; display: -ms-flexbox; display: flex;  margin-bottom: 15px; color: #000; -ms-flex-align: center; align-items: center; }
.service-metering.page-billing .page-sub-section .page-sub-section-title .status {font-size: .6875rem; font-weight: 500; display: -ms-inline-flexbox; display: inline-flex;  min-width: 85px; height: 20px; margin-left: 16px; padding: 0 4px; color: #4a90e2; border: 1px solid #4a90e2; border-radius: 4px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering.page-billing .page-sub-section .page-sub-section-title em { margin-left: 3px; }
.service-metering.page-billing .page-sub-section .page-sub-section-utils { position: absolute; top: 0; right: 0; }
.service-metering.page-billing .page-sub-section .page-sub-section-utils .grid-view {display: inline-block; width: 75px; height: 24px; margin: 0 6px 0 0; color: #fff;  border-radius: 3px; background-color: #999; }
.service-metering.page-billing .page-sub-section .page-sub-section-contents { margin-top: 20px; }
.service-metering.page-billing .page-sub-section + .page-sub-section { margin-top: 47px; }
.service-metering.page-billing .tbl-grid-utils { margin-top: 0; padding-top: 7px; }
.service-metering.page-billing .tbl-grid-utils .search:before { content: none; }
.service-metering.page-billing .billing-summary-v2 { margin: 0 -25px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-title { display: none; }
.service-metering.page-billing .billing-summary-v2 .autospot-export { padding-bottom: 15px; }
.service-metering.page-billing .billing-summary-v2 .autospot-export em {line-height: 18px; position: relative;  display: block; overflow: hidden; padding-right: 15px; white-space: nowrap; text-overflow: ellipsis; }
.service-metering.page-billing .billing-summary-v2 .autospot-export a {font-size: .75rem; font-weight: 500;  padding: 0; text-decoration: underline; color: #4a90e2; }
.service-metering.page-billing .billing-summary-v2 .autospot-export .tooltipstered { position: absolute; z-index: 100; top: 0; right: 0px; width: 18px; height: 18px; text-align: center; }
.service-metering.page-billing .billing-summary-v2 .autospot-export .tooltipstered.text {line-height: 1.5;  position: static; width: auto; height: auto; }
.service-metering.page-billing .billing-summary-v2 .autospot-export .tooltipstered:after {position: relative; top: 1px;  margin: 0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter { overflow: hidden; padding: 15px 25px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .filter-title {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 15px; color: #000; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .layout-left-view { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor { display: inline-block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor:after {display: table; clear: both;  content: ''; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor li { float: left; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor label { margin-right: 31px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon {font-weight: 400;  display: inline-block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon:before {display: inline-block; margin: -2px 12px 0 8px;  content: ''; vertical-align: middle; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-filter .vendor .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter select {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  margin-right: 40px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month { display: inline-block; overflow: hidden; vertical-align: middle; border: 1px solid #e6e6e6; background-color: #f3f3f3; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio] { position: absolute; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 34px;  display: block; float: left; box-sizing: border-box; width: 40px; height: 38px; padding: 0; text-align: center; color: #666; border: 2px solid #f3f3f3; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio] + label:before , .service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio] + label:after { content: none; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio]:checked + label { color: #000; border-color: #000; background-color: #fff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-filter .select-month input[type=radio][disabled] + label { color: rgba(102, 102, 102, .2); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result { position: relative; padding: 58px 0px 59px 0px; text-align: center; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result:after {display: block; clear: both;  content: ''; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item {position: relative;  display: inline-block; box-sizing: border-box; width: 550px; border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(170, 170, 170, .5); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item + .billing-monthly-item { margin-left: 26px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .state {font-size: .875rem; font-weight: 700; line-height: 34px; position: absolute; top: 0; right: 15px;  display: block; color: #fff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .billing-monthly-item-title {font-size: .875rem; font-weight: 700; line-height: 34px;  display: block; box-sizing: border-box; height: 34px; padding-left: 15px; text-align: left; color: #fff; background-color: #2771d4; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .billing-monthly-item-title .period { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 34px; color: #fff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary { float: left; width: 50%; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead tr { display: block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td {float: left;  box-sizing: border-box; width: 100%; max-width: 100%; background-color: #3b99ff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead th {font-size: .75rem; font-weight: 400; line-height: 1.5em; height: 54px;  padding: 12px 0 24px 15px; text-align: left; color: #fff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td { position: relative; height: 122px; padding: 0 15px; text-align: right; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td strong {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.125rem; font-weight: 400; line-height: 1em;  display: inline-block; word-break: break-all; color: #fff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td strong.too { font-size: 1.875rem; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td .won {font-size: 1.125rem; line-height: 1.11111em;  margin-top: 5px; color: rgba(255, 255, 255, .5); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td .compare {font-size: .5625rem; font-weight: 500; line-height: 1.45455em; position: absolute; right: 15px; bottom: 0; left: 15px;  display: block; overflow: hidden; box-sizing: border-box; padding: 7px 0 11px 2px; text-align: left; color: rgba(255, 255, 255, .8); border-top: 1px solid rgba(0, 0, 0, .14); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td .compare .growth {position: absolute; top: 15px; right: 0;  display: block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot tr { display: block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td {font-size: .6875rem; font-weight: 500; line-height: 29px;  float: left; box-sizing: border-box; width: 100%; height: 29px; padding: 0 15px; text-align: left; color: #bbb; border-top: 1px solid #efefef; background-color: #f9f9f9; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td strong { font-weight: 400; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400;  display: inline-block; margin-left: 7px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td .vat { display: inline-block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td .vat:before {display: inline-block; width: 1px; height: 7px; margin: -2px 5px 0 4px;  content: ''; vertical-align: middle; background-color: #cfcfcf; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody { display: block; overflow-x: hidden; overflow-y: auto; width: 100%; height: 240px; padding-top: 12px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr { display: block; overflow: hidden; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.bottom th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.bottom td { padding-bottom: 12px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.line2 th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.line2 td { padding-bottom: 36px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum { padding: 0 15px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum th { padding-top: 4px; padding-bottom: 4px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum.border th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum.border td {padding-top: 15px;  border-top: 1px solid #e3e3e3; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum th { font-weight: 700; line-height: 18px; height: auto; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum td {padding-right: 0;  padding-left: 0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum th span , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum td span {font-size: .625rem;  display: block; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum th em , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr.sum td em { color: #1b7eff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody td {line-height: 1;  float: left; box-sizing: border-box; height: 30px; padding: 6px 14px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody th {font-size: .75rem; font-weight: 400; overflow: hidden; width: 50%; max-width: 160px;  padding-left: 15px; text-align: left; white-space: nowrap; white-space: nowrap; text-overflow: ellipsis; color: #999; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; width: 50%;  padding-right: 15px; text-align: right; color: #4a4a4a; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary + .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary + .tbl-monthly-summary thead td { border-left: 1px solid rgba(0, 0, 0, .07); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary + .tbl-monthly-summary tbody { border-left: 1px solid rgba(0, 0, 0, .07); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .tbl-monthly-summary .r { text-align: right; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; line-height: 23px;  display: inline-block; box-sizing: border-box; padding: 0 5px 0 6px; color: #ddd; border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth:before {display: inline-block; width: 11px; height: 11px; margin-top: -2px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -611px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth .txt { display: none; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.up { color: #ffc3a3; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.up:before {width: 10px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -739px -373px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.down { color: #a6e6ff; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.down:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -577px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item .growth.down:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .billing-monthly-item-title { background-color: #9b9b9b; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead td { background-color: #ccc; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead td .won { color: #666; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead td .compare { color: #777; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth { color: #f0f0f0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -628px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.up { color: #f0f0f0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.up:before {width: 10px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -739px -357px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.down { color: #f0f0f0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.down:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -594px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-monthly-item[data-state=last] .growth.down:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-year-item {position: relative;  display: block; box-sizing: border-box; width: calc(100% - 70px); height: 481px; margin: 0 auto; padding: 10px 35px 0px 25px; text-align: left; border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(170, 170, 170, .5); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-year-item .billing-year-item-title { font-size: .875rem; font-weight: 700; line-height: 1.42857em; color: #000; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .billing-year-item .am-chart {height: 289px;  margin-top: 15px; margin-bottom: 5px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slide-item {height: auto; padding-bottom: 30px; outline: 0px;  box-shadow: 0px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .exchange_rate { font-size: .625rem; position: absolute; bottom: -30px; left: 0; text-align: left; color: #666; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .exchange_rate [data-tooltip=info]:after {margin-right: 6px;  margin-left: 0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow {position: absolute; z-index: 1; top: 0; bottom: 0; display: block; visibility: visible; width: 35px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; text-indent: -9999px;  opacity: 1; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow:before {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 27px; margin-top: -13.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -667px -101px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow.slick-prev { left: 0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow.slick-prev:before { left: 8px; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow.slick-next { right: 0; }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow.slick-next:before { right: 8px; left: auto; transform: rotateY(180deg); }
.service-metering.page-billing .billing-summary-v2 .billing-summary-result .slick-arrow.slick-disabled {visibility: hidden;  opacity: 0; }
.service-metering.page-billing .billing-summary { margin: 0 -40px; }
.service-metering.page-billing .billing-summary .billing-summary-title { display: none; }
.service-metering.page-billing .billing-summary .billing-summary-filter { overflow: hidden; padding: 10px 40px; }
.service-metering.page-billing .billing-summary .billing-summary-filter .filter-title {font-size: .875rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 15px; color: #000; }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor { display: inline-block; }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor label { margin-right: 35px; }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon {font-weight: 400;  display: inline-block; }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon:before {display: inline-block; margin: -2px 12px 0 8px;  content: ''; vertical-align: middle; }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-filter .vendor .icon.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-filter select {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  margin-right: 40px; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month { display: inline-block; overflow: hidden; vertical-align: middle; border: 1px solid #e6e6e6; background-color: #f3f3f3; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio] { position: absolute; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 34px;  display: block; float: left; box-sizing: border-box; width: 40px; height: 38px; padding: 0; text-align: center; color: #666; border: 2px solid #f3f3f3; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio] + label:before , .service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio] + label:after { content: none; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio]:checked + label { color: #000; border-color: #000; background-color: #fff; }
.service-metering.page-billing .billing-summary .billing-summary-filter .select-month input[type=radio][disabled] + label { color: rgba(102, 102, 102, .2); }
.service-metering.page-billing .billing-summary .billing-summary-result { position: relative; padding: 60px 115px 80px 115px; text-align: center; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-metering.page-billing .billing-summary .billing-summary-result:after {display: block; clear: both;  content: ''; }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow {position: absolute; top: 0; bottom: 0; display: block; visibility: visible; width: 42px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; text-indent: -9999px;  opacity: 1; }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow:before {position: absolute; top: 50%; left: 0; display: block; width: 15px; height: 27px; margin-top: -13.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -667px -101px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow.slick-prev { left: 40px; }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow.slick-next { right: 40px; }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow.slick-next:before { right: 0; left: auto; transform: rotateY(180deg); }
.service-metering.page-billing .billing-summary .billing-summary-result .slick-arrow.slick-disabled {visibility: hidden;  opacity: 0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item {position: relative;  display: inline-block; box-sizing: border-box; width: 660px; height: 560px; border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(170, 170, 170, .5); }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item + .billing-monthly-item { margin-left: 44px; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .state {font-size: .875rem; font-weight: 400; line-height: 40px; position: absolute; top: 0; right: 20px;  display: block; color: #fff; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .billing-monthly-item-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 40px;  display: block; box-sizing: border-box; height: 40px; padding-left: 20px; text-align: left; color: #fff; background-color: #2771d4; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary { float: left; width: 50%; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead tr { display: block; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td {float: left;  box-sizing: border-box; width: 100%; background-color: #3b99ff; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead th {font-size: .75rem; font-weight: 500;  padding-top: 20px; padding-left: 20px; text-align: left; color: #fff; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.375rem; height: 127px;  padding-top: 33px; padding-right: 20px; text-align: right; color: #fff; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary thead td .won { font-size: 1.4375rem; color: #ccc; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot tr { display: block; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td {font-size: .75rem; font-weight: 500; line-height: 24px;  float: left; box-sizing: border-box; height: 58px; padding: 17px 0; text-align: left; color: #999; border-top: 1px solid #f0f0f0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot th { width: 30%; padding-left: 20px; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tfoot td {font-weight: 500;  width: 70%; color: #9b9b9b; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody { display: block; overflow-x: hidden; overflow-y: auto; width: 100%; height: 280px; margin-top: 9px; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody tr { display: block; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody td {line-height: 24px;  float: left; box-sizing: border-box; width: 50%; height: 40px; padding: 8px 0; border-top: 1px solid #f0f0f0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody th {font-size: .75rem; font-weight: 500;  padding-left: 20px; text-align: left; color: #999; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary tbody td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400;  padding-right: 20px; text-align: right; color: #4a4a4a; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary + .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .tbl-monthly-summary + .tbl-monthly-summary thead td { border-left: 1px solid #478ae7; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 18px;  display: inline-block; padding: 0 5px; color: #ddd; border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth:before {display: inline-block; width: 11px; height: 11px; margin-top: -2px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -611px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth .txt { display: none; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.up { color: #ffc3a3; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.up:before {width: 10px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -739px -373px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.down { color: #99e2ff; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.down:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -577px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item .growth.down:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .billing-monthly-item-title { background-color: #9b9b9b; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead td { background-color: #ccc; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary thead td .won { color: #858585; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary + .tbl-monthly-summary thead th , .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .tbl-monthly-summary + .tbl-monthly-summary thead td { border-left: 1px solid #bbb8b8; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth { color: #f0f0f0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -628px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.up { color: #f0f0f0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.up:before {width: 10px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -739px -357px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.down { color: #f0f0f0; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.down:before {width: 11px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -594px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-billing .billing-summary .billing-summary-result .billing-monthly-item[data-state=last] .growth.down:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-year-item {position: relative;  display: block; box-sizing: border-box; width: 100%; height: 560px; padding: 30px 19px 56px 19px; text-align: left; border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(170, 170, 170, .5); }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-year-item .billing-year-item-title { font-size: 1.25rem; font-weight: 700; color: #000; }
.service-metering.page-billing .billing-summary .billing-summary-result .billing-year-item .am-chart {height: 282px;  margin-top: 20px; margin-bottom: 30px; }
.service-metering.page-billing .cloud-account .page-section-contents { display: -ms-flexbox; display: flex; margin-top: 40px; }
.service-metering.page-billing .cloud-account .page-section-contents .box-gray { box-sizing: border-box; width: 440px; padding: 20px 20px 40px 20px; border: 1px solid #e6e6e6; background-color: #f4f4f4; }
.service-metering.page-billing .cloud-account .page-section-contents .box-white {position: relative; box-sizing: border-box; width: calc(100% - 440px); margin-left: 20px; padding: 40px 30px 40px 35px; border: 1px solid #e6e6e6; background-color: #fff;  -ms-flex: 1 1 0px; flex: 1 1 0; }



.service-metering.page-cost-optimization [data-tooltip=info]:after { margin: -4px 0 0 2px; }
.service-metering.page-cost-optimization .no-data-caution {font-size: .875rem; font-weight: 500; line-height: 20px;  position: relative; z-index: 1; height: 20px; padding: 45px 0 20px; word-break: keep-all; color: #222; }
.service-metering.page-cost-optimization .no-data-caution:after { position: absolute; top: 0; left: 50%; width: 35px; height: 28px; content: ''; transform: translateX(-50%); background-image: url(/assets/images/sprites.png); background-position: -366px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .no-data-caution:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .popup-instance {position: absolute; top: 180px; right: 0px; bottom: 40px; overflow: hidden; overflow-y: auto; padding: 40px; transition: box-shadow .3s linear; transition: transform .3s ease-in-out; transform: translateX(100%);  border: 0; }
.service-metering.page-cost-optimization .popup-instance .mfp-close { top: 35px; }
.service-metering.page-cost-optimization .popup-instance.on { transform: translateX(0); box-shadow: -3px 2px 4px 2px rgba(0, 0, 0, .2); }
.service-metering.page-cost-optimization .popup-instance .layout-popup-title:before { content: none; }
.service-metering.page-cost-optimization .popup-instance .summary-table { width: 100%; }
.service-metering.page-cost-optimization .popup-instance .summary-table th , .service-metering.page-cost-optimization .popup-instance .summary-table td {font-size: .75rem; font-weight: normal; height: 31px; padding: 0 10px;  text-align: left; border: 1px solid #ddd; }
.service-metering.page-cost-optimization .popup-instance .summary-table th { color: #666; }
.service-metering.page-cost-optimization .popup-instance .summary-table td { font-weight: 500; }
.service-metering.page-cost-optimization .popup-instance .summary-table td.bar .instance-wrap { padding: 5px 0; }
.service-metering.page-cost-optimization .popup-instance .summary-table td.bar p { display: inline-block; }
.service-metering.page-cost-optimization .popup-instance .summary-table td.bar p:first-child:before { content: none; }
.service-metering.page-cost-optimization .popup-instance .summary-table td.bar p:before {margin: 0 20px;  content: '|'; }
.service-metering.page-cost-optimization .popup-instance .new-window {font-size: .75rem; font-weight: 500; line-height: 20px; display: inline-block; box-sizing: border-box;  min-width: 97px; height: 22px; padding: 0 8px; color: #fff; border-radius: 4px; background: #4a90e2; }
.service-metering.page-cost-optimization .popup-instance .new-window:before {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -225px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .popup-instance .new-window:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .popup-instance .new-window:hover {color: #fff;  background: #0052b2; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap { position: relative; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap + .pagination { margin-top: 12px; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap table { margin-bottom: 0; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap:after {position: absolute; bottom: 0; width: 100%; height: 1px;  content: ''; background: #666; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap.none_scroll:after { content: none; }
.service-metering.page-cost-optimization .alertnow-ui-table .scroll-wrap.scroll:after { content: none; }
.service-metering.page-cost-optimization .alertnow-ui-table.relative { position: relative; }
.service-metering.page-cost-optimization .alertnow-ui-table table {position: relative;  border-width: 1px !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table.hover tbody:hover , .service-metering.page-cost-optimization .alertnow-ui-table table.hover tr.hover , .service-metering.page-cost-optimization .alertnow-ui-table table.hover th.hover , .service-metering.page-cost-optimization .alertnow-ui-table table.hover td.hover , .service-metering.page-cost-optimization .alertnow-ui-table table.hover tr.hoverable:hover { background-color: #f4f4f4; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead tr + tr th { border-bottom-color: #666 !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead th { border-color: #ccc !important; border-top-color: #666 !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead th[rowspan='2'] { border-bottom-color: #666 !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead .border-color th { border-bottom-color: #666 !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td { border-color: #ccc !important; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th.selected-col , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td.selected-col { background-color: rgba(108, 180, 29, .1); }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th .recommendation , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td .recommendation { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th .recommendation span , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td .recommendation span { font-size: .8125rem; font-weight: 400; line-height: 1.46154em; text-align: left; color: #000; -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th .recommendation span.buy , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td .recommendation span.buy { font-weight: 700; color: #006bff; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th .recommendation .btn-detail , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td .recommendation .btn-detail {font-size: .75rem; font-weight: 700; line-height: 25px;  display: inline-block; height: 25px; padding: 0 20px; color: #fff; background-color: #006bff; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th .button-icon.icon-trash , .service-metering.page-cost-optimization .alertnow-ui-table table tbody td .button-icon.icon-trash { width: 20px; height: 20px; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody:last-child:after {position: absolute; bottom: 0; width: 100%; height: 1px;  content: ''; background: #666; }
.service-metering.page-cost-optimization .ri-width {position: relative; overflow: hidden;  max-width: 1920px; }
.service-metering.page-cost-optimization .ri_header {display: -ms-flexbox; display: flex;  padding: 20px 0 0; }
.service-metering.page-cost-optimization .ri_header .left { padding: 0 50px 10px 0; -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri_header .left > p { font-size: .75rem; line-height: 1.5em; }
.service-metering.page-cost-optimization .ri_header .left > p:last-child { padding: 14px 0 0; }
.service-metering.page-cost-optimization .ri_header .left > p.all-data { font-size: .875rem; font-weight: 700; }
.service-metering.page-cost-optimization .ri_header .left > p.all-data strong { color: #4a90e2; }
.service-metering.page-cost-optimization .ri_header .left > p.all-data span:first-child:after {margin: 0 5px;  content: '+'; }
.service-metering.page-cost-optimization .ri_header .left > p.all-data span:last-child:before {margin: 0 5px;  content: '='; }
.service-metering.page-cost-optimization .ri_header .left > p em:first-child:before { content: none; }
.service-metering.page-cost-optimization .ri_header .left > p em:before {display: inline-block; width: 1px; height: 10px; margin: 0 6px;  content: ''; background: #ccc; }
.service-metering.page-cost-optimization .ri_header .left .left_header h2 { font-size: 2rem; padding-bottom: 8px; }
.service-metering.page-cost-optimization .ri_header .left .left_header button {font-size: .75rem; line-height: 22px; position: relative; bottom: 4px; height: 22px; margin-left: 9px; padding: 0 8px; color: #fff;  border-radius: 4px; background: #4a90e2; }
.service-metering.page-cost-optimization .ri_header .left .left_header button:hover { background: #0052b2; }
.service-metering.page-cost-optimization .ri_header .left .left_header button span { display: inline-block; }
.service-metering.page-cost-optimization .ri_header .left .left_header button span:after {display: inline-block; width: 10px; height: 10px; margin-left: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -548px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_header .left .left_header button span:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri_header .right { -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap {font-size: .75rem; box-sizing: border-box; padding: 15px;  border: 1px solid #e6e6e6; border-radius: 4px; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap > p { line-height: 1.5em; color: #666; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap > p strong { font-weight: 700; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap > p a {text-decoration: underline;  color: #4a90e2; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap > p a:hover { color: #0052b2; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap > p span { display: block; padding: 10px 0; }
.service-metering.page-cost-optimization .ri_header .right .expalin-wrap button {font-size: .75rem; line-height: 28px; box-sizing: border-box; height: 30px; padding: 0 8px; vertical-align: middle; color: #666; border: 1px solid #666;  border-radius: 4px; }
.service-metering.page-cost-optimization .ri_contents {margin: 20px 0 0;  border: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .ri_contents nav ul { display: -ms-flexbox; display: flex; height: 94px; border-bottom: 1px solid #e6e6e6; background: #f5f6f7; }
.service-metering.page-cost-optimization .ri_contents nav ul li {position: relative; box-sizing: border-box;  width: 235px; padding: 20px 0 0 30px; cursor: pointer; border-left: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .ri_contents nav ul li span {font-size: .75rem;  display: block; padding: 0 0 5px; }
.service-metering.page-cost-optimization .ri_contents nav ul li em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 20px; }
.service-metering.page-cost-optimization .ri_contents nav ul li em + em { font-size: 1.75rem; }
.service-metering.page-cost-optimization .ri_contents nav ul li em + em:before {display: inline-block; width: 15px; height: 16px; margin: 0 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -388px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_contents nav ul li em + em:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri_contents nav ul li em.only { font-size: 1.75rem; }
.service-metering.page-cost-optimization .ri_contents nav ul li:first-child { border-left: 0; }
.service-metering.page-cost-optimization .ri_contents nav ul li:last-child { border-right: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .ri_contents nav ul li.selected {cursor: default;  background: #fff; }
.service-metering.page-cost-optimization .ri_contents nav ul li.selected:after {position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px;  content: ''; background: #fff; }
.service-metering.page-cost-optimization .ri_contents .each_contents { padding: 30px; padding-bottom: 35px; }
.service-metering.page-cost-optimization .ri_contents .each_contents h2 { font-size: 1rem; }
.service-metering.page-cost-optimization .ri_contents .each_contents h2 + p { font-size: .875rem; padding: 5px 0 10px; color: #999; }
.service-metering.page-cost-optimization .ri_contents .recommendation { font-size: .875rem; line-height: 28px; display: inline-block; height: 30px; padding: 0 10px; color: #008d63; border-radius: 4px; background: #cdffeb; }
.service-metering.page-cost-optimization .ri_contents .recommendation + .ri_chart { margin: 20px 0 0; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 100px; margin-top: 30px; padding: 0 20px; border-radius: 4px; background: #cdffeb; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr:hover .save:after { animation: down .5s linear infinite alternate; }

@keyframes down { 0% { transform: translateY(0); }
	100% { transform: translateY(2px); } }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left , .service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right {display: -ms-flexbox; display: flex;  -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left .contents , .service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right .contents { -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left p , .service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left p span , .service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p span { margin-right: auto; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left p .save:after , .service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p .save:after {position: relative; bottom: 2px; display: inline-block; width: 17px; height: 16px; margin-left: 4px;  content: ''; vertical-align: middle; background: url('/assets/images/ri_save.svg') no-repeat; background-size: cover; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left { margin-right: 80px; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left p span { font-size: .875rem; font-weight: 700; color: #008d63; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .left p em {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.5rem; color: #008d63; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p { margin-top: 16px; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p span {font-size: .875rem;  color: #666; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p em {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1rem; }
.service-metering.page-cost-optimization .ri_contents .ri-summary-lr .right p:first-child { margin-top: 0; }
.service-metering.page-cost-optimization .ri_contents .versus { display: -ms-flexbox; display: flex; }
.service-metering.page-cost-optimization .ri_contents .versus table { width: 100%; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.summary th , .service-metering.page-cost-optimization .ri_contents .versus table tr.summary td { height: 60px; border-bottom: 0; background: #f0f0f0; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.summary th { font-weight: 700; color: #000; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.summary td { font-size: 1.25rem; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.sub span:before {margin-right: 5px;  content: '\3134'; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.sub span.upfront:after {font-size: .6875rem; line-height: 16px; box-sizing: border-box; height: 18px; margin-left: 9px; padding: 0 7px;  content: attr(data-text); color: #4a90e2; border: 1px solid #4a90e2; border-radius: 4px; }
.service-metering.page-cost-optimization .ri_contents .versus table tr.sub td { color: #666; }
.service-metering.page-cost-optimization .ri_contents .versus table th , .service-metering.page-cost-optimization .ri_contents .versus table td {height: 40px;  border-bottom: 1px solid #f0f0f0; }
.service-metering.page-cost-optimization .ri_contents .versus table th {font-size: .875rem; font-weight: 400; padding-left: 20px; text-align: left;  color: #666; }
.service-metering.page-cost-optimization .ri_contents .versus table td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; padding-right: 20px; text-align: right;  color: #000; }
.service-metering.page-cost-optimization .ri_contents .versus table td p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-metering.page-cost-optimization .ri_contents .versus .left , .service-metering.page-cost-optimization .ri_contents .versus .right { -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents , .service-metering.page-cost-optimization .ri_contents .versus .right .contents {box-sizing: border-box; height: 114px;  padding: 20px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p , .service-metering.page-cost-optimization .ri_contents .versus .right .contents p { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p span , .service-metering.page-cost-optimization .ri_contents .versus .right .contents p span { margin-right: auto; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p em , .service-metering.page-cost-optimization .ri_contents .versus .right .contents p em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-metering.page-cost-optimization .ri_contents .versus .left { margin-right: 80px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents { position: relative; border: 1px solid #4a90e2; border-radius: 4px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p { margin-top: 4px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p span { font-size: .875rem; color: #666; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p .option {font-size: .6875rem; font-weight: 500; margin-left: 2px; padding: 0 6px; color: #4a90e2;  border: 1px solid #4a90e2; border-radius: 4px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p em { font-size: 1rem; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p:first-child { margin: 0 0 5px; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p:first-child span {font-weight: 700;  color: #4a90e2; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents p:first-child em { font-size: 1.25rem; color: #4a90e2; }
.service-metering.page-cost-optimization .ri_contents .versus .left .contents:after {font-size: 1rem; font-weight: 700; position: absolute; top: 50%; right: -52px;  content: 'VS.'; transform: translateY(-50%); color: #666; }
.service-metering.page-cost-optimization .ri_contents .versus .left table tr.summary th , .service-metering.page-cost-optimization .ri_contents .versus .left table tr.summary td { height: 60px; color: #008d63; background: #cdffeb; }
.service-metering.page-cost-optimization .ri_contents .versus .left table tr:last-child td p:after { content: none; }
.service-metering.page-cost-optimization .ri_contents .versus .left table td p:after {display: inline-block; width: 17px; height: 16px; margin-left: 5px;  content: ''; background: url('/assets/images/ri_save.svg') no-repeat; background-size: cover; }
.service-metering.page-cost-optimization .ri_contents .versus .right .contents { display: -ms-flexbox; display: flex; background: #f0f0f0; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri_contents .versus .right .contents p span { font-size: .875rem; font-weight: 700; }
.service-metering.page-cost-optimization .ri_contents .versus .right .contents p em { font-size: 1.25rem; }
.service-metering.page-cost-optimization .ri_contents .ri_chart { margin: 40px 0 0; }
.service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle {line-height: 20px; position: relative; bottom: 2px; height: 24px; margin-left: 10px; padding: 0 6px;  color: #4a90e2; border: 2px solid #4a90e2; border-radius: 4px; }
.service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle:before {position: relative; top: 2px; display: inline-block; width: 14px; height: 11px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -121px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle.on { color: #fff; border-color: #6ea6e8; background: #6ea6e8; }
.service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle.on:before {width: 14px; height: 11px;  background-image: url(../images/layout_sprites.png); background-position: -101px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_contents .ri_chart h2 .simulation-toggle.on:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri_contents .ri_chart .nf {font-size: .875rem; font-weight: 500; display: inline-block; margin: 0 0 10px; text-decoration: underline;  color: #4a90e2; }
.service-metering.page-cost-optimization .ri_contents .ri_chart .nf:hover { color: #0052b2; }
.service-metering.page-cost-optimization .ri_contents .ri_chart .nf:after {display: inline-block; width: 10px; height: 11px; margin-left: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_contents .ri_chart .nf:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri_contents .ri_chart .chart-standard h2 { padding: 10px 0 6px; }
.service-metering.page-cost-optimization .ri_contents .ri_chart .chart-standard .radio-box p { display: inline-block; margin-right: 20px; }
.service-metering.page-cost-optimization .ri_contents .ri_chart .chart-standard [data-tooltip='info']:after { margin-left: 0; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui p { font-size: .75rem; padding: 0 0 10px; color: #666; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table { margin-bottom: 0; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr:not(.noHover):hover td , .service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr:not(.noHover):hover th { background: #f4f4f4; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.asis th , .service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.asis td { background: rgba(255, 231, 137, .1); }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.asis th:before { background: #ffe789; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.asis th span em { font-weight: 700; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.best th , .service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.best td { background: rgba(46, 225, 28, .1); }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.best th:before { background: #00c871; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.best th span em { font-weight: 700; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.custom1 th:before { background: #f38a33; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.custom2 th:before { background: #2388fe; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.custom3 th:before { background: #af57fc; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.custom4 th:before { background: #6a8c44; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr.custom5 th:before { background: #925b5b; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th { position: relative; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th span {display: -ms-flexbox; display: flex;  padding-left: 9px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th span strong { margin-right: auto; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th:before {position: absolute; top: 2px; bottom: 2px; left: 0; width: 10px;  content: ''; opacity: .8; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th input {font-size: .75rem;  display: inline-block; width: 41px; height: 24px; color: #999; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th .invalid-tooltip { top: 100%; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr th , .service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui table tbody tr td {height: 40px;  padding: 0 11px; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui .add-row {display: -ms-flexbox; display: flex;  height: 40px; border-bottom: 1px solid #666; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui .add-row button {font-size: .75rem;  font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui .add-row button span {position: relative;  display: inline-block; width: 20px; height: 20px; margin-right: 7px; background: #343434; }
.service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui .add-row button span:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -200px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri_contents .alertnow-ui-table.ri-ui .add-row button span:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .contents-with { border-bottom: 0; }
.service-metering.page-cost-optimization .ri-report { border-bottom: 1px solid #e6e6e6; background: #fff; }
.service-metering.page-cost-optimization .ri-report .form-wrapper { display: -ms-flexbox; display: flex; padding: 0 27px 8px; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .left { display: -ms-flexbox; display: flex; margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .right a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 0 8px;  color: #666; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .right a:hover:after { border: 2px solid #666; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .right a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 4px; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .right a:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-report .form-wrapper .right a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-report .form-wrapper .form {display: -ms-flexbox; display: flex;  margin-right: 10px; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .form label { font-size: .875rem; font-weight: 500; margin-right: 10px; color: #666; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .form select {font-size: .875rem; line-height: 30px; height: 32px;  border-radius: 4px; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select { margin-left: 4px; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select select[data-state=optionDefault] + .btn-group .multiselect {font-size: .875rem; line-height: 30px; overflow: hidden; width: 100%;  height: 30px; white-space: nowrap; text-overflow: ellipsis; color: #333; color: #333; border-radius: 4px; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-metering.page-cost-optimization .ri-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #ecf5ff; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #666; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p time {font-weight: 400;  margin-right: 20px; color: #6f92bd; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p em { font-weight: 400; margin-left: 6px; color: #999; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p .setting {position: relative;  width: 26px; height: 26px; margin-left: 10px; border-radius: 4px; background: #999; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p .setting:hover:before { animation: rotate 2s infinite linear; }
.service-metering.page-cost-optimization .ri-report .form-wrapper p .setting:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-top: -6.5px; margin-left: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -62px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-report .form-wrapper p .setting:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area { padding: 20px 0 50px; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul { display: -ms-flexbox; display: flex; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li { position: relative; margin-right: 10px; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li .no-event-tooltip { display: none; color: #667587; background: #e6eaee; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li.selected .no-event-tooltip { display: block; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li.selected button {color: #fff;  background: #748599; }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li.selected button.compare:after {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -486px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li.selected button.compare:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li button {font-size: .875rem; min-width: 118px; height: 32px; padding: 0 8px; color: #666; border-radius: 4px; border-radius: 4px; background: #fff;  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2); }
.service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li button.compare:after {position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; margin-left: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -706px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .recommend-btn-area ul li button.compare:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard { display: -ms-flexbox; display: flex; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * {position: relative; padding: 22px 30px 26px;  background: #44495a; -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * .price {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 3rem; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * .save {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.75rem;  position: absolute; top: 40px; right: 30px; color: #05c968; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * .save:before {position: relative; bottom: 4px; display: inline-block; width: 22px; height: 20px; margin-right: 8px;  content: ''; vertical-align: middle; background: url('/assets/images/ri_save.svg') no-repeat; background-size: cover; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p { font-size: .875rem; color: #fff; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p span {font-size: .75rem;  display: block; padding-top: 8px; color: #9aa1b8; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p a {text-decoration: underline;  color: #4a90e2; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p a:hover { color: #0052b2; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p a:after {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin: 0 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -161px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .summary-dashboard > * p a:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard .left { margin-right: 20px; }
.service-metering.page-cost-optimization .ri-summary .summary-dashboard .left:hover .save:before { animation: down .5s linear infinite alternate; }

@keyframes down { 0% { transform: translateY(0); }
	100% { transform: translateY(4px); } }
.service-metering.page-cost-optimization .ri-summary .explain {font-size: .875rem; line-height: 20, 14; padding: 20px 0 30px;  color: #666; }
.service-metering.page-cost-optimization .ri-summary .explain strong { font-weight: 700; }
.service-metering.page-cost-optimization .ri-summary .filter .form { display: inline-block; }
.service-metering.page-cost-optimization .ri-summary .filter .form:last-child:before {position: relative; top: 6px; display: inline-block; width: 1px; height: 23px; margin: 0 20px;  content: ''; background: #ddd; }
.service-metering.page-cost-optimization .ri-summary .filter .form span { font-size: .75rem; }
.service-metering.page-cost-optimization .ri-summary .filter .form select { font-size: .75rem; line-height: 32px; height: 32px; margin-left: 4px; border-radius: 4px; }
.service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select { top: 2px; margin-left: 4px; }
.service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select select[data-state=optionDefault] + .btn-group .multiselect {font-size: .75rem; line-height: 32px; overflow: hidden; width: 100%;  height: 32px; white-space: nowrap; text-overflow: ellipsis; color: #333; color: #333; border-radius: 4px; }
.service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .75rem; padding-left: 25px; color: #333; }
.service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-metering.page-cost-optimization .ri-summary .filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #ecf5ff; }
.service-metering.page-cost-optimization .ri-summary .filter .right a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 0 8px;  color: #666; }
.service-metering.page-cost-optimization .ri-summary .filter .right a:hover:after { border: 2px solid #666; }
.service-metering.page-cost-optimization .ri-summary .filter .right a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 4px; }
.service-metering.page-cost-optimization .ri-summary .filter .right a:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .filter .right a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .ri-lists {position: relative; margin: 10px 0 0; padding: 18px 60px 10px 30px; cursor: pointer;  background: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2); }
.service-metering.page-cost-optimization .ri-summary .ri-lists .drag-point {position: relative; z-index: 10;  cursor: text; }
.service-metering.page-cost-optimization .ri-summary .ri-lists:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; transition: opacity .3s linear; opacity: 0; border: 2px solid #0086ff; }
.service-metering.page-cost-optimization .ri-summary .ri-lists:after {position: absolute; top: 50%; right: 20px; width: 19px; height: 31px; margin-top: -15.5px;  content: ''; transition: background-image .3s linear; background-image: url(../images/layout_sprites.png); background-position: -708px -213px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .ri-lists:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .ri-lists:hover:before { opacity: 1; }
.service-metering.page-cost-optimization .ri-summary .ri-lists:hover:after {width: 19px; height: 31px;  margin-top: -15.5px; background-image: url(../images/layout_sprites.png); background-position: -505px -168px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .ri-lists:hover:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .ri-lists:hover .wrapper .right h2 .save:before { animation: down .5s linear infinite alternate; }

@keyframes down { 0% { transform: translateY(0); }
	100% { transform: translateY(2px); } }
.service-metering.page-cost-optimization .ri-summary .ri-lists > p {font-size: .75rem; padding-top: 10px;  color: #999; border-top: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper { display: -ms-flexbox; display: flex; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper .left { margin-right: 20px; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper .right { padding-left: 30px; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * { -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * h2 { font-size: 1.5rem; padding-bottom: 8px; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * h2 .save {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; margin-left: 8px;  color: #05c968; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * h2 .save:before {position: relative; display: inline-block; width: 14px; height: 13px; margin-right: 4px;  content: ''; vertical-align: middle; background: url('/assets/images/ri_save.svg') no-repeat; background-size: cover; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * button {font-size: .75rem; line-height: 22px; position: relative; bottom: 4px; height: 22px; margin-left: 9px; padding: 0 8px; vertical-align: middle; color: #fff;  border-radius: 4px; background: #4a90e2; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * button:hover { background: #0052b2; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * button span { display: inline-block; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * button span:after {display: inline-block; width: 10px; height: 10px; margin-left: 8px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -548px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * button span:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * > p { font-size: .75rem; line-height: 1.5em; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * > p:last-child { padding: 0 0 10px; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * > p .partial {font-size: .6875rem; line-height: 18px; position: relative; bottom: 1px; height: 18px; margin-left: 7px; padding: 0 6px; color: #667587; border-radius: 4px;  background: #f3f4f6; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * > p em:first-child:before { content: none; }
.service-metering.page-cost-optimization .ri-summary .ri-lists .wrapper > * > p em:before {display: inline-block; width: 1px; height: 10px; margin: 0 6px;  content: ''; background: #ccc; }
.service-metering.page-cost-optimization .recommend_detail_summary { margin: 18px 0; }
.service-metering.page-cost-optimization .recommend_detail_summary th { font-size: .75rem; font-weight: 400; text-align: left; }
.service-metering.page-cost-optimization .recommend_detail_summary td { font-size: 1rem; font-weight: 700; height: 24px; text-align: left; }
.service-metering.page-cost-optimization .recommend_detail_summary th , .service-metering.page-cost-optimization .recommend_detail_summary td { padding: 0 15px; }
.service-metering.page-cost-optimization .recommend_detail_summary th:first-child , .service-metering.page-cost-optimization .recommend_detail_summary td:first-child { padding-left: 0; }
.service-metering.page-cost-optimization .recommend_detail { display: -ms-flexbox; display: flex; padding: 20px 0 0; border-top: 1px solid #eee; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section { position: relative; width: 380px; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.nf .box p { color: #078f8f; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.nf .box p:first-child { font-weight: 700; max-width: 80px; text-align: left; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.nf .box p.asis { padding: 0 90px 0 45px; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section h2 { font-size: .75rem; color: #333; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box {display: -ms-flexbox; display: flex;  box-sizing: border-box; height: 90px; padding: 0 20px; border: 2px solid #eee; -ms-flex-align: center; align-items: center; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box p {font-size: .75rem; position: relative;  text-align: center; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box p.asis { padding: 0 110px 0 45px; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box p:last-child:before {position: absolute; top: 50%; left: -55px; width: 15px; height: 16px; margin-top: -8px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -367px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box p:last-child:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .box p em {font-size: 1.5rem; font-weight: 700;  display: block; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .featured { display: -ms-flexbox; display: flex; padding: 20px 0; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .featured p { font-size: 1.25rem; font-weight: 700; line-height: 1.45em; color: #6cb41d; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .featured p:first-child { color: #1886ff; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section .featured p em { display: block; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.table_wrapping {width: auto; padding: 0 0 0 30px;  -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.table_wrapping table { border-top-width: 1px; }
.service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.table_wrapping table td , .service-metering.page-cost-optimization .recommend_detail .recommend_detail_section.table_wrapping table th { border-color: #cfcfcf; }
.service-metering.page-cost-optimization .cost_optimization_chart_table { margin: 30px 0 0; }
.service-metering.page-cost-optimization .cost_optimization_chart_table > p {font-size: .875rem;  margin: 20px 0 0; color: #1886ff; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table { border-top-width: 1px; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table + p {font-size: .75rem;  margin: 10px 0 0; color: #999; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table.simulation tbody tr.asis td { background: transparent; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table.simulation tbody tr th { font-weight: 700; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.count { min-width: 100px; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.small { min-width: 60px; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.estimated { min-width: 120px; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.prepay_monthly {min-width: 90px;  color: #437ebe; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.threeyears {font-weight: 700; min-width: 90px;  color: #1886ff; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.savings { min-width: 140px; color: #61a700; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td.savings.up {font-weight: 500;  color: #ff2d47; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table td , .service-metering.page-cost-optimization .cost_optimization_chart_table table th { border-color: #cfcfcf; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table tbody th { text-align: center; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table tbody tr.asis th {color: #fff;  background: #999; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table tbody tr.asis td { background: #efefef; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table tbody tr.best th {color: #fff;  background: #1886ff; }
.service-metering.page-cost-optimization .cost_optimization_chart_table table tbody tr.best td { background: #e2f2ff; }
.service-metering.page-cost-optimization .ri_simulation { display: -ms-flexbox; display: flex; }
.service-metering.page-cost-optimization .ri_simulation .simulation_box { width: 260px; }
.service-metering.page-cost-optimization .ri_simulation .simulation_box table th , .service-metering.page-cost-optimization .ri_simulation .simulation_box table td { border-left: 0; }
.service-metering.page-cost-optimization .ri_simulation .chart_flex {margin: 0 0 0 37px;  -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .exception-setting-container { padding: 0 32px; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; padding: 20px 0; color: #000; border-bottom: 1px solid #ddd; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff { display: inline-block; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch {position: relative;  display: inline-block; width: 40px; height: 20px; margin: -2px 0 0 5px; vertical-align: middle; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch input[type='checkbox'][disabled] { cursor: not-allowed; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch .switch-style {position: relative; top: 0; display: inline-block; width: 40px; height: 20px;  cursor: pointer; transition: all .3s ease-in-out; border-radius: 10px; background-color: #ccc; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch .switch-style:before {position: absolute; top: 2px; left: 2px; display: block; width: 16px; height: 16px;  content: ''; transition: all .3s ease-in-out; border-radius: 16px; background-color: #fff; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch > input[type=checkbox] { display: none; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch > input[type=checkbox]:checked + .switch-style { background-color: #1886ff; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-onoff .switch > input[type=checkbox]:checked + .switch-style:before { left: 22px; }
.service-metering.page-cost-optimization .exception-setting-container .exception-setting-header .exception-setting-description {font-size: .75rem; font-weight: 400; line-height: 1.58333em;  display: block; margin-top: 4px; color: #999; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table { margin-top: 0; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn {font-size: .75rem; font-weight: 500; line-height: 26px;  display: inline-block; box-sizing: border-box; min-width: 50px; height: 30px; padding: 0 10px; text-align: center; color: #fff; border: 2px solid #666; background-color: #666; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn:before {display: inline-block; margin: -3px 8px 0 0;  content: ''; vertical-align: middle; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn.btn-delete:before {width: 15px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -538px -164px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn.btn-delete:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn.btn-add { border-color: #1886ff; background-color: #1886ff; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn.btn-add:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -200px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .btn.btn-add:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info {font-size: .75rem; font-weight: 400; line-height: 1.5em;  margin-top: 20px; padding: 0 0 10px 0; color: #333; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info em { font-weight: 700; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info .btns { margin-top: 10px; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info[disabled] { color: #999; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info[disabled] em { font-weight: 400; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table .table_info[disabled] .btns { display: none; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table table tbody tr:hover { background-color: #f4f4f4; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table table tr.no_data td {font-size: .875rem;  padding: 90px 0; color: #999; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table table tr.no_data .btn-add { display: block; margin: 10px auto 0 auto; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table table .btn-tag { color: #0053ae; }
.service-metering.page-cost-optimization .exception-setting-container.alertnow-ui-table table .btn-tag:after { content: none; }
.service-metering.page-cost-optimization .resource_head { position: relative; height: 46px; border-bottom: 1px solid #eee; }
.service-metering.page-cost-optimization .resource_head p label { font-size: .875rem; font-weight: 500; }
.service-metering.page-cost-optimization .resource_head p select {font-size: .75rem; line-height: 24px;  height: 24px; margin-left: 5px; }
.service-metering.page-cost-optimization .resource_head .condition_btn {font-size: .75rem; line-height: 22px; position: relative; bottom: 2px;  min-width: 110px; height: 24px; margin-left: 20px; padding: 0 10px; color: #333; border: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .resource_head > p { font-size: 1.0625rem; line-height: 2.70588em; }
.service-metering.page-cost-optimization .resource_head > p time { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; }
.service-metering.page-cost-optimization .resource_head > p time:before {position: relative; top: 3px; display: inline-block; width: 1px; height: 15px; margin: 0 10px;  content: ''; background: #ddd; }
.service-metering.page-cost-optimization .resource_head .icon-download { position: absolute; top: 50%; right: 30px; margin-top: -10px; }
.service-metering.page-cost-optimization .cost-chart-wrap {padding-bottom: 15px;  background-color: #ededed; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary_wrap {width: 1110px;  margin: 17px auto 0; }
.service-metering.page-cost-optimization .cost-chart-wrap .summary_caution { font-size: .875rem; color: #666; }
.service-metering.page-cost-optimization .cost-chart-wrap .summary_caution.top { font-size: 1rem; color: #000; }
.filter-head {display: table; clear: both; width: 100%; padding: 15px 0;  content: ''; }
.filter-head h2 { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; font-weight: 400; display: inline-block; color: #333; }
.filter-head .update {font-size: .875rem;  display: inline-block; text-decoration: underline; color: #999; }
.filter-head .filter { float: right; }
.filter-head .filter > p {font-size: .75rem;  display: inline-block; margin: 0 7px 0 0; color: #999; }
.filter-head .filter .button-normal[data-size=small] {position: relative; top: 1px;  height: 24px; margin-left: 6px; border: 0; background-color: #333; }
.filter-head .filter select {font-size: .75rem; line-height: 22px;  height: 24px; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary {position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 255px;  margin: 15px 0 11px; padding: 30px 45px 10px; border: 1px solid #dcdcdc; background-color: #fff; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section {text-align: center;  -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section h3 { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 400; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section h3 + p { font-size: .8125rem; margin: 3px 0 0; color: #999; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section.ri-coverage .cost_graph_wrap { padding: 30px 0 0 40px; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section.ri-coverage .cost_graph_wrap .cost_text { min-width: 90px; color: #ff8f32; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section.ri-coverage .cost_graph_wrap .cost_graph { background: #ff8f32; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section.ri-coverage .cost_graph_wrap .cost_graph p { color: #ff8f32; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section.ri-coverage .cost_graph_wrap .cost_graph .after { background: #666; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap { display: -ms-flexbox; display: flex; padding: 30px 40px 0 0; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap + .cost_graph_wrap { padding-top: 10px; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_text {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; min-width: 180px; margin-right: 10px;  text-align: right; color: #666; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_text.feature { color: #1886ff; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_text em {font-size: 1.625rem;  display: block; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_graph {position: relative;  height: 40px; background: #1886ff; -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_graph p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  position: absolute; right: 0; bottom: -30px; color: #61a700; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_graph .after {position: absolute; right: 0; height: 100%;  background: #aadf17; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_graph .after.zero:before { content: none; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .metering_cost_optimization_section .cost_graph_wrap .cost_graph .after:before {position: absolute; top: 0; left: -2px; width: 2px; height: 100%;  content: ''; background: #fff; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary:before { position: absolute; top: 30px; left: 50%; width: 1px; height: calc(100% - 40px); content: ''; background: #e6e6e6; }
.service-metering.page-cost-optimization .cost-chart-wrap .cost_optimiztion_chart_summary .cost_optimization_chart + .data-summary { border-top: 0; }
.service-metering.page-cost-optimization .alertnow-ui-table { margin: 30px 0 0; }
.service-metering.page-cost-optimization .alertnow-ui-table .chart_text { font-size: .8125rem; padding: 0 0 15px; color: #999; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table { border-width: 1px; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody th { border-right: 0; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody th:lang(ja) { white-space: nowrap; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody td { border-left: 0; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody td.td-slider { padding: 6px 10px; }
.service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody th , .service-metering.page-cost-optimization .alertnow-ui-table .away-threshold-container .summary-settings table tbody td { padding-top: 0; padding-bottom: 0; border-bottom: 0; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title {font-size: .75rem; font-weight: 400; padding: 0 0 15px; color: #6c6c6c;  border-bottom: 1px solid #ccc; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em { font-size: 1rem; font-weight: 700; color: #000; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em:before {display: inline-block; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .alertnow-ui-table .table_title em.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .alertnow-ui-table .table_title em.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .alertnow-ui-table .table_title em.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .alertnow-ui-table .table_title em.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title em.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .alertnow-ui-table .table_title em.idc:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .alertnow-ui-table .table_title a {line-height: 24px;  display: inline-block; height: 24px; margin: 0 10px; padding: 0 10px; color: #fff; background: #333; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_info { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; padding: 10px 0; color: #666; }
.service-metering.page-cost-optimization .alertnow-ui-table .table_info span:before {margin: 0 8px;  content: '|'; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead th.instance { min-width: 60px; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead th.analyze { min-width: 50px; padding: 4px 0; }
.service-metering.page-cost-optimization .alertnow-ui-table table thead th.savings { min-width: 80px; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody td { text-align: center; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody td .savings { color: #6ab600; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody td .savings:before {margin-right: 3px;  content: '▼'; }
.service-metering.page-cost-optimization .alertnow-ui-table table tbody th { font-weight: 400; }
.service-metering.page-cost-optimization .layout-contents.layout-with-filter .layout-page-menus {visibility: visible;  opacity: 1; }
.service-metering.page-cost-optimization .sub-location + .tbl-grid-utils { padding-top: 0; }
.service-metering.page-cost-optimization .page-section.alertnow .common-tabs { margin: 0; }
.service-metering.page-cost-optimization .page-section.alertnow .common-tabs > .btn {font-size: .75rem; line-height: 28px;  min-width: 190px; height: 30px; }
.service-metering.page-cost-optimization .page-section.alertnow .common-tabs > .btn[data-state='is-selected'] { position: relative; z-index: 2; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 0; border-left: 1px solid #bbb; background-color: #fff; }
.service-metering.page-cost-optimization .page-section .common-tabs { margin: 25px 0 15px 30px; }
.service-metering.page-cost-optimization .page-section .page-section-box { margin-top: 30px; padding: 0 0 0 30px; border: 0; }
.service-metering.page-cost-optimization .page-section .page-section-box .am-chart { box-sizing: border-box; height: 300px; margin-bottom: 30px; padding: 0 8px 20px 8px; border: 1px solid #d2d2d2; }
.service-metering.page-cost-optimization .page-section .page-section-box .am-chart .amChartsLegend.amcharts-legend-div {overflow-y: auto !important;  height: 280px !important; height: 280px !important; }
.service-metering.page-cost-optimization .page-section .page-section-box .page-section-inner-box { padding: 0px 40px 40px 40px; border: 1px solid #d2d2d2; }
.service-metering.page-cost-optimization .page-section .page-section-box .page-section-inner-box .page-section-inner-title { margin-top: 30px; }
.service-metering.page-cost-optimization .coming-soon {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; line-height: 1.22222em;  display: block; text-align: center; color: #000; }
.service-metering.page-cost-optimization .coming-soon:before {display: block; width: 72px; height: 78px; margin: 0 auto 30px auto;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -1120px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .coming-soon:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-metering.page-cost-optimization .cost-optimization-summary { display: block; margin-top: 16px; margin-bottom: 50px; }
.service-metering.page-cost-optimization .cost-optimization-summary .results { font-size: 1.25rem; font-weight: 400; line-height: 1.6em; color: #2d8bff; }
.service-metering.page-cost-optimization .cost-optimization-summary .results mark { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; vertical-align: baseline; color: #2d8bff; background-color: transparent; }
.service-metering.page-cost-optimization .cost-optimization-summary .results-message {font-size: .6875rem; font-weight: 400; line-height: 1.54545em;  display: block; color: #b2b2b2; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents {position: relative;  display: block; overflow: hidden; margin-top: 16px; border: 1px solid #e6e6e6; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents[data-state=shut] .btn-toggle:before { transform: rotateX(0deg); }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents[data-state=shut] .summary > dt { border-bottom: 0px; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents[data-state=shut] .summary > dt .values {visibility: visible;  opacity: 1; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents[data-state=shut] .summary > dd {visibility: hidden;  max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents .btn-toggle {position: absolute; z-index: 1; top: 0; right: 0;  display: block; width: 45px; height: 50px; text-indent: -9999px; background-color: #eee; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4.5px; margin-left: -7px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(180deg); background-image: url(/assets/images/sprites.png); background-position: -481px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents ul > li { -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-metering.page-cost-optimization .cost-optimization-summary .co-summary-contents ul > li + li { border-left: 1px solid #eee; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 700; line-height: 14px; position: relative;  display: block; box-sizing: border-box; height: 49px; padding: 17px 0 17px 15px; vertical-align: middle; color: #000; border-bottom: 1px solid #eee; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dt span.key { display: inline-block; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dt .values {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; line-height: 49px; position: absolute; top: 0; right: 30px;  display: block; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; vertical-align: middle; opacity: 0; color: #fa9f00; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dt .values a { color: #fa9f00; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dd { display: -ms-flexbox; display: flex; visibility: visible; overflow: hidden; max-height: 500px; padding: 15px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .3s ease-in-out, padding .3s ease-in-out; opacity: 1; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dd .summary-settings { -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dd .summary-results {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; line-height: 180px;  display: block; width: 135px; height: 180px; margin-left: 15px; text-align: center; background-color: #fff1dd; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dd .summary-results a { color: #fa9f00; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary > dd .button-normal[data-size=small] { min-width: 90px; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary.utilization > dt .values { right: 75px; color: #2d8bff; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary.utilization > dt .values a { color: #2d8bff; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary.utilization > dd .summary-results { background-color: #e3efff; }
.service-metering.page-cost-optimization .cost-optimization-summary .summary.utilization > dd .summary-results a { color: #2d8bff; }
.service-metering.page-cost-optimization .summary-top { display: -ms-flexbox; display: flex; box-sizing: border-box; width: 100%; margin-bottom: 30px; padding: 20px 0 18px 0; border-bottom: 1px solid #eee; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-order: 0; order: 0; }
.service-metering.page-cost-optimization .summary-top > li .key {font-size: .75rem; line-height: 1.66667em;  display: block; color: #333; }
.service-metering.page-cost-optimization .summary-top > li .value {font-size: 1rem; font-weight: 700; line-height: 1.66667em;  display: block; color: #333; }
.service-metering.page-cost-optimization .summary-top > li + li { margin-left: 30px; }
.service-metering.page-cost-optimization .summary-settings table { width: 100%; border-bottom: 1px solid #eee; }
.service-metering.page-cost-optimization .summary-settings table tbody th {font-size: .75rem; font-weight: 500; width: 100px; height: 34px;  padding-left: 10px; text-align: left; color: #000; border-top: 1px solid #eee; }
.service-metering.page-cost-optimization .summary-settings table tbody th label { font-size: .75rem; font-weight: 500; color: #000; }
.service-metering.page-cost-optimization .summary-settings table tbody td {font-size: .75rem; font-weight: 700;  padding-right: 10px; text-align: right; color: #000; border-top: 1px solid #eee; }
.service-metering.page-cost-optimization .summary-settings table tbody td input[type=text] { width: 50px; }
.service-metering.page-cost-optimization .summary-settings table tbody td select + input[type=text] { margin-left: 7px; }
.service-metering.page-cost-optimization .summary-settings table tbody td.td-slider { padding: 8px 20px; border-top: 0px; }
.service-metering.page-cost-optimization .summary-settings .btns { margin-top: 10px; text-align: right; }
.service-metering.page-cost-optimization .ri-simulation-summary {position: relative;  display: -ms-flexbox; display: flex; margin: 0 -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-metering.page-cost-optimization .ri-simulation-summary.away-threshold-container { margin: 0; padding-left: 260px; }
.service-metering.page-cost-optimization .ri-simulation-summary select { background-position: right -5px center; }
.service-metering.page-cost-optimization .ri-simulation-summary select.small { padding: 0 25px 0 8px; }
.service-metering.page-cost-optimization .ri-simulation-summary > .btns { position: absolute; top: 30px; right: 30px; }
.service-metering.page-cost-optimization .ri-simulation-summary .summary-settings {position: absolute; top: 50%; left: 0;  width: 260px; width: 260px; transform: translateY(-50%); }
.service-metering.page-cost-optimization .ri-simulation-summary .am-chart {margin-left: 290px; border: 0 !important;  -ms-flex: 1 1 0px; flex: 1 1 0; }
.service-metering.page-cost-optimization .ri-item-summary { display: -ms-flexbox; display: flex; margin: 0 -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-metering.page-cost-optimization .ri-item-summary .am-chart {border: 0 !important;  -ms-flex: 1 1 0px; flex: 1 1 0; }


.service-metering.page-cost-optimization .aws_ri_status { margin-top: 20px; }
.service-metering.page-cost-optimization .aws_ri_status h3 { font-size: 1rem; font-weight: bold; margin-top: 25px; padding: 15px 0; }
.service-metering.page-cost-optimization .aws_ri_status h3:first-child { margin-top: 0; }
.service-metering.page-cost-optimization .aws_ri_status h4 { font-size: .75rem; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
.service-metering.page-cost-optimization .aws_ri_status p.description , .service-metering.page-cost-optimization .aws_ri_status input[type='checkbox'] + label {font-size: .875rem; line-height: 1.5;  color: #999; }
.service-metering.page-cost-optimization .aws_ri_status div.purchased_history.wrapper {margin: 8px 0; border-right-width: 0;  border-left-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary { width: 100%; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history tbody tr:hover , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total tbody tr:hover , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary tbody tr:hover { background-color: rgba(103, 173, 255, .2); }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .center , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .center , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .center { text-align: center; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .left , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .left , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .left { text-align: left; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .right , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .right , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .right { text-align: right; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history th , .service-metering.page-cost-optimization .aws_ri_status table.purchased_history td , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total th , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total td , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary th , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary td { font-size: .75rem; padding: 5px; border-width: 1px; border-style: solid; border-top-color: #ccc; border-right-color: #e7e7e7; border-bottom-color: #ccc; border-left-color: #e7e7e7; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history th , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total th , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary th {font-weight: 500;  color: #000; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history td , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total td , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary td {font-weight: 400;  color: #333; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history tr > *:first-child , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total tr > *:first-child , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary tr > *:first-child { border-left-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history tr > *:last-child , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total tr > *:last-child , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary tr > *:last-child { border-right-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history tr:first-child > * , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total tr:first-child > * , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary tr:first-child > * { border-top-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history tbody tr:last-child > * , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total tbody tr:last-child > * , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary tbody tr:last-child > * { border-bottom-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .cash , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .cash , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .cash { text-align: right; color: #1886ff; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .expire , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .expire , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .expire { text-align: right; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .expire.less_30day , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .expire.less_30day , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .expire.less_30day { color: #ff2d47; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .expire.less_60day , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .expire.less_60day , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .expire.less_60day { color: #f56c23; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .expire.less_90day , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .expire.less_90day , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .expire.less_90day { color: #f5a323; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .expire.over_90day , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .expire.over_90day , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .expire.over_90day { color: #6cb41e; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .state , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .state , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .state { color: #9b9b9b; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .state.active , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .state.active , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .state.active { color: #6cb41e; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .state.retire , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .state.retire , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .state.retire { color: #9b9b9b; }
.service-metering.page-cost-optimization .aws_ri_status table.purchased_history .utilization , .service-metering.page-cost-optimization .aws_ri_status table.e2c_type_total .utilization , .service-metering.page-cost-optimization .aws_ri_status table.regular_summary .utilization {font-weight: 700; text-align: right;  color: #ff2d47; }
.service-metering.page-cost-optimization .aws_ri_status .description.wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_summary {margin-top: 19px; margin-right: -27px; margin-left: -27px; padding: 10px 30px;  border-top: 1px solid #e6e6e6; background: #f4f4f4; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_summary .description.wrapper p.description:first-child {width: 65%;  -ms-flex: 0 0 65%; flex: 0 0 65%; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_summary .description.wrapper p.description:last-child {margin-left: 1em; text-align: right;  -ms-flex: 0 0 12em; flex: 0 0 12em; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_information {position: relative; z-index: 2; margin-right: -27px; margin-left: -27px; padding: 35px 30px 10px;  background: #f4f4f4; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_information .description.wrapper p {font-size: .875rem;  color: #999; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_information .description.wrapper p em { font-weight: 500; color: #000; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_information .regular_information_content {position: relative; z-index: 2; margin-top: 10px; border: 1px solid #ccc;  background-color: #fff; }
.service-metering.page-cost-optimization .aws_ri_status section.regular_information:after {position: absolute; z-index: 1; right: 0; bottom: -100px; left: 0; display: block; height: 500px;  content: ''; background-color: inherit; }
.service-metering.page-cost-optimization .aws_ri_status div.instance_information.wrapper { padding: 20px 30px; border-bottom: 1px solid #e4e4e4; }
.service-metering.page-cost-optimization .aws_ri_status table.instance_information { width: 100%; }
.service-metering.page-cost-optimization .aws_ri_status table.instance_information th , .service-metering.page-cost-optimization .aws_ri_status table.instance_information td { text-align: left; }
.service-metering.page-cost-optimization .aws_ri_status table.instance_information th { font-size: .75rem; font-weight: normal; color: #333; }
.service-metering.page-cost-optimization .aws_ri_status table.instance_information td { font-size: 1rem; font-weight: bold; }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper { display: -ms-flexbox; display: flex; padding: 20px 30px; }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:first-child {width: 250px;  -ms-flex-preferred-size: 250px; flex-basis: 250px; }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:last-child {max-width: calc(100% - 280px); margin-left: 30px;  -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:last-child ag-grid-angular { background: #f5f6f5; }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:last-child ag-grid-angular .ag-row:hover { background-color: rgba(103, 173, 255, .2); }
.service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:last-child ag-grid-angular .ag-cell , .service-metering.page-cost-optimization .aws_ri_status div.information_summary_and_e2c_wrapper > *:last-child ag-grid-angular .ag-cell-focus { border-bottom-color: #e7e7e7; }
.service-metering.page-cost-optimization .aws_ri_status div.summary_information.wrapper {box-sizing: border-box; width: 250px; height: 170px; padding: 10px;  border: 2px solid #000; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information { width: 100%; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information th , .service-metering.page-cost-optimization .aws_ri_status table.summary_information td {padding: 8px 0;  border-bottom: 1px solid #eee; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information th { font-size: .875rem; text-align: left; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.25rem; font-weight: 400; text-align: right; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information tr:last-child > * { border-bottom-width: 0; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information .ri_util { color: #6cb41e; }
.service-metering.page-cost-optimization .aws_ri_status table.summary_information .expire { color: #ff2d47; }
.service-metering.page-cost-optimization .aws_ri_status div.e2c_type_total.wrapper {overflow-y: auto; box-sizing: border-box;  height: 170px; border-bottom: 2px solid #000; background: #f5f6f5; }
.service-metering.page-cost-optimization .aws_ri_status div.e2c_type_total.wrapper .ag-bsp-default { border-bottom: 0 !important; }
.service-metering.page-cost-optimization .aws_ri_status div.chart_wrapper { height: 450px; padding: 20px 30px; }
.service-metering.page-cost-optimization .aws_ri_status div.regular_summary { margin: 8px 0; border-right-width: 0; border-left-width: 0; background: #fff; }
.service-metering.page-cost-optimization .aws_ri_status .set_peroid { vertical-align: middle; }
.service-metering.page-cost-optimization .aws_ri_status .set_peroid input[type='text'] {font-size: .75rem; line-height: 28px;  display: inline-block; width: auto; height: 30px; margin: 0 5px; }

.service-metering.page-cost-optimization .layout-ri-summary { position: relative; z-index: 1; padding: 14px 20px 17px 20px; background-color: #ededed; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1); }
.service-metering.page-cost-optimization .layout-ri-summary .layout-ri-summary-inner {position: relative;  display: block; max-width: 1300px; margin: 0 auto; padding-top: 44px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options {position: absolute; top: 0; left: 0;  display: block; transition: background-color .3s ease-in-out; border: 1px solid #c7c7c7; background-color: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .5); }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options[data-state=shut] { display: block; width: auto; height: 44px; background-color: #f8f8f8; box-shadow: none; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options[data-state=shut] .btn-toggle { pointer-events: auto; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options[data-state=shut] .selected-options { opacity: 1; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options[data-state=shut] .options {position: absolute; visibility: hidden; transition: opacity 0s ease-in-out 0s, visibility 0s ease-in-out 0s;  opacity: 0; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .btn-toggle {font-size: 1rem; font-weight: 500; line-height: 1.5em; display: block; padding: 9px 20px 0 24px;  pointer-events: none; color: #050505; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .btn-toggle:after {display: inline-block; width: 10px; height: 7px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -554px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .selected-options {position: absolute; top: 7px; left: calc(100% + 15px); display: block; white-space: nowrap;  opacity: 0; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .selected-options span {font-size: .875rem; font-weight: 500; line-height: 28px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 10px; white-space: nowrap; color: #888; border: 1px solid #999; border-radius: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .selected-options span + span { margin-left: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options {display: block; visibility: visible; box-sizing: border-box; padding: 0 33px 28px 24px; transition: opacity .2s ease-in-out, visibility .2s ease-in-out;  opacity: 1; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options .btn-submit {font-size: .875rem; font-weight: 700; line-height: 30px;  display: block; float: right; min-width: 80px; height: 30px; padding: 0 14px; color: #fff; background-color: #006bff; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options .descriptions {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 8px; color: #9b9b9b; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table {margin-top: 10px;  table-layout: fixed; border-top: 1px solid #ebebeb; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table .legend {font-size: .875rem; font-weight: 400; line-height: 30px;  display: inline-block; box-sizing: border-box; width: auto; height: 30px; padding: 0 18px; white-space: nowrap; color: #4a4a4a; border-radius: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table .legend.selected { font-size: 1rem; font-weight: 700; letter-spacing: -.05em; background-color: rgba(68, 73, 90, .3); }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table thead th { padding: 27px 0 2px 0; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table thead th + th { padding-left: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table tbody .legend {width: 30px; height: auto; padding: 18px 0;  transform: rotate(180deg); -ms-writing-mode: tb-rl; writing-mode: tb-rl; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table tbody td { padding: 5px 0; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table tbody td + td { padding-left: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  display: block; float: left; box-sizing: border-box; width: 190px; height: 180px; padding: 20px 18px 18px 18px; border-radius: 10px; background-color: #f4f4f4; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item:before , .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item:after { top: 18px; left: 15px; margin: 0; transition: opacity .1s ease-in-out; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .option-item-title {font-size: .75rem; font-weight: 400; line-height: 1.25em;  display: block; transition: color .1s ease-in-out; text-align: center; color: #9b9b9b; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .total-saving {font-size: 1.875rem; font-weight: 400; line-height: 1;  display: block; margin-top: 12px; transition: color .1s ease-in-out; text-align: center; color: #5b5b5b; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .saving-detail { overflow: hidden; margin-top: 10px; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dt , .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dd {font-size: .875rem; font-weight: 400; line-height: 1;  display: block; margin-bottom: 5px; transition: color .1s ease-in-out; color: #666; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dt {float: left;  clear: both; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio] + .option-item .saving-detail dd { float: right; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio]:checked + .option-item { background-color: #44495a; }
.service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio]:checked + .option-item .option-item-title , .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio]:checked + .option-item .total-saving , .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio]:checked + .option-item .saving-detail dt , .service-metering.page-cost-optimization .layout-ri-summary .filter-ri-options .options table input[type=radio]:checked + .option-item .saving-detail dd { color: #fff; }
.service-metering.page-cost-optimization .layout-ri-summary .summary { display: -ms-flexbox; display: flex; margin-top: 12px; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li { box-sizing: border-box; width: 336px; margin: 0 0 0 14px; padding: 17px 15px 8px; background-color: #44495a; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li:first-child {width: auto; margin: 0;  -ms-flex: 1; flex: 1; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .key {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5em;  display: block; text-align: left; color: #fff; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .desc {font-size: .875rem; font-weight: 400; line-height: 1.28571em;  display: block; margin-top: 2px; text-align: left; color: #9aa1b8; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 3.0625rem; font-weight: 400;  display: block; margin-top: 22px; text-align: right; letter-spacing: -.02em; color: #fff; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value strong { display: inline-block; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400;  display: block; margin-top: -3px; text-align: right; color: #7ed321; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate:before {display: inline-block; width: 17px; height: 15px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -569px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate.up { color: #ff5a6f; }
.service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate.up:before {width: 15px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -718px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.page-cost-optimization .layout-ri-summary .summary > li .value .rate.up:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.page-cost-optimization .layout-ri-summary .ri-summary-desctiption {font-size: .875rem; font-weight: 400; line-height: 1.28571em;  display: block; margin-top: 17px; color: #999; }


.service-metering.custom-report main[role=main] { min-height: calc(100vh - 80px - 34px); }

.service-metering.custom-report .layout-contents {min-height: calc(100vh - 80px - 34px);  padding: 0; }
.service-metering.custom-report .layout-contents.layout-detail { background: #ccc; }
.service-metering.custom-report .layout-contents.layout-detail .layout-page-title { background-color: #fff; }
.service-metering.custom-report .layout-contents .custome-report-head * { box-sizing: border-box; }
.service-metering.custom-report .layout-contents .custome-report-head .buttons {font-size: .75rem; font-weight: 500; line-height: 26px;  display: inline-block; box-sizing: border-box; min-width: 50px; height: 30px; padding: 0 10px; text-align: center; color: #fff; border: 2px solid #666; background-color: #666; }
.service-metering.custom-report .layout-contents .custome-report-head .buttons.btn-add { border-color: #1886ff; background-color: #1886ff; }
.service-metering.custom-report .layout-contents .custome-report-head .path { display: -ms-flexbox; display: flex; height: 61px; padding: 0 25px; border-bottom: 1px solid #ddd; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left { margin-right: auto; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left .back_to_list {font-size: .75rem; line-height: 30px; height: 32px;  padding: 0 10px; color: #1886ff; border: 1px solid #eee; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left .back_to_list em:before {position: relative; bottom: -2px; display: inline-block; width: 9px; height: 14px; margin-right: 5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -62px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left .back_to_list em:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul {display: table; display: inline-block; clear: both; padding-left: 15px;  content: ''; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li {font-size: 1.125rem; font-weight: 700; line-height: 32px;  display: inline-block; color: #999; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.template span:before {font-size: .75rem; font-weight: 700; line-height: 18px; position: relative; bottom: 2px; display: inline-block; box-sizing: border-box; min-width: 78px; height: 20px; margin-right: 10px;  content: 'TEMPLATE'; text-align: center; color: #fff; border: 1px solid #9f9f9f; border-radius: 2px; background-color: #9f9f9f; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu { position: relative; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list { position: relative; bottom: 2px; margin-left: 10px; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul { position: absolute; z-index: 1046; top: 30px; right: 0; min-width: 136px; min-height: 177px; padding: 0 10px; border: 1px solid #ccc; background-color: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .12); }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul li { margin: 15px 0 0; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list + ul li button { font-size: .75rem; display: block; width: 100%; text-align: left; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:after {display: inline-block; width: 27px; height: 7px; content: '';  cursor: pointer; background-image: url(/assets/images/sprites.png); background-position: -592px -451px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:hover:after {width: 27px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -605px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list:hover:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list.on:after {width: 27px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -605px -354px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-list.on:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn:before {display: inline-block; width: 19px; height: 18px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -174px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn.off:before {width: 19px; height: 18px;  background-image: url(/assets/images/sprites.png); background-position: -199px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-setting { display: none; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li.dropdown-menu .dropdown-setting.on { display: inherit; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li:before {position: relative; bottom: 2px;  display: inline-block; width: 8px; height: 11px; margin: 0 6px; content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -626px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li:first-child { color: #000; }
.service-metering.custom-report .layout-contents .custome-report-head .path .left > ul > li:first-child:before { content: none; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create {font-size: .875rem; font-weight: 700px; line-height: 34px;  min-width: 148px; height: 34px; color: #fff; background: #0076ff; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create:hover { background: #0068da; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create:active em { opacity: .5; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create:active em:after , .service-metering.custom-report .layout-contents .custome-report-head .path .right .create:active em:before { opacity: .5; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create em {position: relative;  padding-left: 15px; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create em:after {position: absolute; top: 50%; left: 0; width: 2px; height: 10px; margin: -5px 0 0 -1px;  content: ''; background: #fff; }
.service-metering.custom-report .layout-contents .custome-report-head .path .right .create em:before {position: absolute; top: 50%; left: 0; width: 10px; height: 2px; margin: -1px 0 0 -5px;  content: ''; background: #fff; }
.service-metering.custom-report .layout-contents .custome-report-head .filter {position: relative; z-index: 1045; display: -ms-flexbox; display: flex; height: 40px;  padding: 0 25px; border-bottom: 1px solid #ccc; background-color: #fafafa; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list {position: absolute; z-index: 810; top: 40px; right: 0; left: 0;  display: none; height: 600px; background: #fff; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list.on { display: inherit; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap { display: -ms-flexbox; display: flex; width: 100%; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section {overflow-y: auto; box-sizing: border-box;  width: 20%; height: 536px; padding: 0 24px; border-left: 1px solid #ccc; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section > h3 { font-size: .75rem; padding: 20px 0; text-transform: uppercase; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=search] {font-size: .75rem; line-height: 32px; width: calc(100% + 48px);  height: 32px; margin-left: -24px; padding: 0 10px 0 40px; border: 0; border-bottom: 1px solid #eee; background: url('/assets/images/icon_search_01_s@2x.png') 20px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=search]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section input[type=checkbox] + label { font-size: .75rem; color: #333; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .multiselect-qs input[type=checkbox] + label { overflow: hidden; width: 15px; white-space: nowrap; text-indent: 100%; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items {display: -ms-flexbox; display: flex;  margin: 10px 0 0; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items > label { margin-right: auto; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select { display: inline-block; width: 100%; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { position: absolute; top: 100%; min-width: 100%; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .filter { height: auto; padding: 0; border-bottom: 0; background: #fff; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox { box-sizing: unset; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section:first-child { border-left: 0; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_section_wrap .filter_section .qs-items.not-match { display: none; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer { position: absolute; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; height: 64px; border-top: 1px solid #ccc; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .btn-add { margin-right: 15px; margin-left: 5px; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn { font-weight: 500; position: relative; margin-right: 10px; text-decoration: underline; text-indent: 25px; color: #666; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn[disabled] { opacity: .5; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn:before {position: absolute; top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .custome-report-head .filter .filter_list .filter_footer .buttons { width: 90px; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left {display: -ms-flexbox; display: flex;  margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .caution { font-size: .75rem; margin-left: 12px; color: #bfbfbf; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter {position: relative;  width: 50px; height: 30px; text-align: left; border: 1px solid #e2e2e2; box-shadow: 0 1px 1px 0 rgba(38, 38, 38, .5); }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter:hover { transition: border-color .3s linear; border-color: #1886ff; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter.on {transition: box-shadow .3s linear;  border-color: #1886ff; box-shadow: 0 1px 1px 0 rgba(24, 134, 255, .5); }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter.on:after { transform: rotateX(180deg); }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter:before {position: relative; bottom: -2px; display: inline-block; width: 14px; height: 15px; margin: 0 0 0 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -338px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .button_filter:after {position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 40px; margin-top: -20px;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); background: url('/assets/images/selectbox_arrow_02@2x.png') left top no-repeat; background-size: 30px 40px; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting { display: -ms-flexbox; display: flex; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li[data-selected=on] { margin-left: 5px; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span {font-size: .75rem; line-height: 26px; position: relative; display: inline-block; height: 28px; padding: 0 30px 0 10px; color: #408bd3; border: 1px solid #cbe6ff; border-radius: 2px;  background: #e5f3ff; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button {line-height: 28px;  position: absolute; top: 0; right: 0; bottom: 0; padding: 0 8px; }
.service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button em {position: relative; bottom: 2px;  display: inline-block; width: 7px; height: 7px; vertical-align: middle; background-image: url(../images/layout_sprites.png); background-position: -205px -534px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custome-report-head .filter .left .filter_selecting > li span button em { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .custom_report_side { position: absolute; z-index: 796; top: 61px; bottom: 0; left: 0; box-sizing: border-box; width: 250px; border-right: 1px solid #bbb; background-color: #fff; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] {overflow: hidden;  width: 40px; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns { border-bottom: 0; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns span { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns + .search-n-filter .form-wrapper { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btns + .search-n-filter input[type=search] { margin-left: 2px; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] ~ .layout-contents-inner .custom-report-filter { width: calc( 100% - 40px); margin-left: 40px; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents { top: 62px; bottom: 53px; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a { overflow: visible; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a:before {display: block;  content: attr(data-first-letter); text-align: center; text-indent: 0; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a:after { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-contents .list-magagement dd ul.list-group li a span { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn {line-height: 32px;  width: calc(100% - 8px); height: 32px; margin: 10px 4px; background-color: #555; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn span { display: none; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=shut] .layout-sidemenu-footer .add-btn:before {font-weight: 21px;  content: attr(data-first-letter); }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] {overflow: hidden;  width: 250px; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header { position: static; width: auto; padding: 0; }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header .btn-sidemenu:before {width: 16px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -311px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custom_report_side[data-sidemenu=hover] ~ .layout-contents-inner .custom-report-filter { width: calc( 100% - 40px); margin-left: 40px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header {position: absolute; top: 0;  display: block; box-sizing: border-box; width: 100%; padding: 0; background-color: #fff; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter {position: relative;  display: block; padding: 0px 0px 0px 0px; border-bottom: 1px solid #ddd; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper {padding-bottom: 6px;  background-color: #f3f3f3; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form { padding-top: 7px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form label {font-size: .75rem; line-height: 24px;  display: block; height: 24px; margin-left: 10px; color: #666; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form label + select {margin-right: 8px;  margin-left: 8px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter .form-wrapper .form select {line-height: 22px;  width: calc( 100% - 16px); height: 24px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search] {font-size: .875rem; font-weight: 500; line-height: 30px;  display: block; height: 30px; padding: 0 7px 0 30px; color: #000; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: inset 0 0 0 0px #007aff; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search]:focus {background-image: url('/assets/images/icon_search_01_s_focus@2x.png');  box-shadow: inset 0 0 0 0px #007aff; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .search-n-filter input[type=search]::-ms-clear { display: block; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btns { height: 31px; border-bottom: 2px solid #d8d8d8; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btns span { font-size: .75rem; font-weight: 500; color: #222; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu {position: relative;  display: inline-block; width: 40px; height: 31px; text-indent: -9999px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu:before {position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 12px;  content: ''; transform: translate(-50%, -50%); background-image: url(/assets/images/sprites.png); background-position: -333px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-header .btn-sidemenu:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents {position: absolute; top: 157px; right: 0; bottom: 60px; left: 0;  overflow: auto; overflow-x: hidden; padding: 0 0 20px; background-color: #f1f1f1; -ms-overflow-style: auto; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li { position: relative; padding-right: 30px; padding-left: 14px; cursor: pointer; color: #666; border-bottom: 1px solid #ddd; background: #fff; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.is-selected { background-color: #f1f8ff; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.is-selected a span.title {font-weight: bold;  color: #000; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.bookmark .bookmark-btn {width: 15px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -359px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li.bookmark .bookmark-btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { position: absolute; top: 50%; right: 7px; overflow: hidden; width: 17px; height: 16px; transform: translateY(-50%); text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -467px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li .bookmark-btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a { font-size: .75rem; font-weight: 400; line-height: 40px; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 40px; text-align: left; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a span { display: inline; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a span.title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  color: #666; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-contents .list-magagement dd ul.list-group li a .text-label {font-size: .75rem; line-height: 1.0625rem; margin-left: .3125rem; padding: 0 6px; color: #4a90e2; border: 1px solid #4a90e2;  border-radius: 4px; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-footer {position: absolute; bottom: 0; left: 0;  display: block; box-sizing: border-box; width: 100%; }
.service-metering.custom-report .layout-contents .custom_report_side .layout-sidemenu-footer .add-btn {font-size: .875rem; font-weight: 700; line-height: 40px;  width: calc(100% - 20px); height: 40px; margin: 10px; text-align: center; vertical-align: middle; color: #fff; border-radius: 2px; background-color: #222; }
.service-metering.custom-report .layout-contents .layout-page-title { margin: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .result {font-size: 1rem;  text-align: center; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .result:before {display: block; width: 36px; height: 29px; margin: 0 auto 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .no-data .result:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal {margin: 20px 0 0;  padding: 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal h2 {font-size: .875rem;  font-weight: 400; color: #4a90e2; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal p {font-size: .875rem; line-height: 1.42857em;  max-width: 400px; text-indent: 0px; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul { margin: 6px 0 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul li {font-size: .875rem; line-height: 1.42857em;  padding-left: 10px; text-indent: -10px; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .no-data .proposal ul li:before {margin-right: 6px;  content: '*'; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter {height: 133px;  padding: 10px 17px 7px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items { position: relative; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items .button-normal[data-state=submit] {font-size: .875rem; line-height: 30px; box-sizing: border-box;  height: 32px; margin-left: 8px; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; margin-left: 8px; padding: 0 8px;  color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a + select { margin-left: 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a + select + select { margin-left: 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a:hover:after { border: 2px solid #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.download:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.download:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields ~ label { margin-left: 10px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields:before {position: relative; top: 1px; display: inline-block; width: 14px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -606px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.fields:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .inner-btn .items > a.allview { position: absolute; top: 0; right: 0; padding: 0 25px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select { position: relative; margin-bottom: 10px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn .dropdown-menu , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn button[data-state='submit'] { display: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn.change-btn .reset_btn { display: block; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select.inner-btn .reset_btn { display: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn { font-size: .75rem; font-weight: 500; position: relative; position: relative; bottom: 0px; box-sizing: border-box; height: 30px; margin: 0; padding-right: 10px; text-indent: 25px; color: #666; border: 1px solid transparent; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:hover {line-height: 2em; border-color: #d8d8d8;  background-color: #e6e6e6; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:before {position: absolute; top: 50%; left: 10px; width: 10px; height: 12px; margin-top: -6px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -358px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select button.reset_btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] {display: none;  width: calc(100% - 30px); padding-right: 15px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name { display: -ms-flexbox; display: flex; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name { float: left; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn {line-height: 40px;  display: -ms-flexbox; display: flex; float: left; height: 40px; margin-left: 10px; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn:before , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn:before {display: inline-block; width: 24px; width: 26px; height: 22px; height: 24px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: 0px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn:before , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn.off:before , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn.off:before {width: 26px; height: 24px;  background-image: url(/assets/images/sprites.png); background-position: -305px -511px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select input[type=text] + button.favorite-btn.off:before , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select p.report-name + button.favorite-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group { position: absolute; top: 0; right: 30px; display: inline-block; width: 380px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group .items { margin-right: 0px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items-group.align-right .items { float: right; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items { display: -ms-flexbox; display: flex; float: left; height: 40px; margin-right: 20px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext { min-width: 800px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext .report-name { font-size: 1.25rem; line-height: 1.8125rem; color: #000; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext.edit input[type=text] { display: block; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext.edit p.report-name { display: none; }
@media screen and (max-width: 1450px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.inputtext { min-width: 550px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items:not(:nth-child(1)) { margin-right: 0px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu { position: relative; margin-right: 0px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list { position: relative; display: -ms-flexbox; display: flex; float: left; width: 32px; height: 32px; margin-left: 8px; padding: 5px 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list .dropdown-setting { display: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul { position: absolute; z-index: 1046; top: 40px; right: 0; min-width: 100px; padding: 10px 10px; border: 1px solid #ccc; background: #fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .12); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li { margin: 0px 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li + li { margin-top: 15px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li.delete button { padding-left: 16px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li.delete button:before {display: inline-block; width: 12px; height: 12px; margin: 0px 5px -1px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -326px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li.delete button:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list ul li button { font-size: .75rem; display: block; width: 100%; text-align: right; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:after {position: absolute; z-index: 5; top: 3px; left: -1px; width: 32px; height: 32px;  content: ''; border: 1px solid #fff; border-radius: 2px; background: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:before {z-index: 10; display: inline-block; width: 14px; height: 4px; content: '';  cursor: pointer; background-image: url(/assets/images/sprites.png); background-position: -682px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:hover:after { background-color: #f2f2f2; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-list:hover .dropdown-setting { display: block; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn:before {display: inline-block; width: 19px; height: 18px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -174px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn.off:before {width: 19px; height: 18px;  background-image: url(/assets/images/sprites.png); background-position: -199px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn.off:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn .dropdown-setting { display: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .search-filter-select .items.dropdown-menu .dropdown-btn .dropdown-setting ul li {font-size: .875rem; line-height: .875rem;  display: block; color: #222; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select { margin-top: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select.end { width: calc(100% - 40px); margin-top: 7px; padding-top: 16px; border-top: 1px solid #e6e6e6; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items { display: -ms-flexbox; display: flex; float: left; margin-right: 20px; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.right { float: right; margin-right: 0px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.right a.fields:last-child { margin-right: 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 200px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu > li > a { padding: 0 12px 0 8px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.default .multiselect-container.dropdown-menu > li > a label { white-space: nowrap; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em {position: relative; top: -2px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label {font-size: .875rem; font-weight: 500; line-height: 30px; height: 30px;  padding: 0; white-space: pre; color: #000; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em {position: relative; top: -1px; display: inline-block; margin: 0 7px 0 0;  vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.aws { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { display: inline-block; width: 17px; width: 17px; height: 17px; height: 17px; background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.azu { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.ali { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.GOOGLE { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.gcp { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { display: inline-block; width: 19px; width: 19px; height: 19px; height: 19px; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label em.idc { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li > a > label span {position: relative;  display: inline-block; min-width: 100px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500; line-height: 32px; height: 32px;  background: #fff; box-shadow: inset 0 0 0 0px #e4e4e4; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange input[type=text] {line-height: 1.875rem; box-sizing: border-box;  width: 100%; height: 2rem; padding: 0 15px 0 35px; border: 1px solid #e5e5e5; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .daterange:after { right: auto; left: 12px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide {display: block;  width: calc(100% - 35px); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select { display: inline-block; margin-left: 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select + .multiselect-native-select { margin-left: 10px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select select[data-state=auto] + .btn-group .multiselect { border: 1px solid #a3cfff; background-color: #cfe6ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group {position: relative;  display: block; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect {font-size: .875rem; font-weight: 500; line-height: 22px;  display: inline-block; box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; padding-right: 20px; padding-left: 7px; text-align: left; color: #666; border: 1px solid #fff; border: 0px solid #ddd; border-radius: 2px; border-radius: 2px; background: #fff url('/assets/images/tansparency_select_box_arrow_down@2x.png') calc(100% - 8px) 50% no-repeat; background-size: 8px 5px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect[selected] { color: #666 !important; border: 1px solid #b3d6ff; background-color: #daecff !important; background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect:focus { box-shadow: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect:after { content: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 500; top: 32px; right: auto; left: 0;  display: none; float: left; overflow-x: auto !important; width: auto; min-width: 220px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 0px 7px 35px; cursor: pointer; text-overflow: ellipsis; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/tansparency_select_box_arrow_up@2x.png'); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items.wide .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items time {font-size: .75rem; font-weight: 400; line-height: 2rem;  color: #6f92bd; color: #6f92bd; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items select {line-height: 30px;  height: 32px; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect {line-height: 30px;  height: 32px; border-radius: 2px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
@media screen and (max-width: 1450px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items:nth-child(2) .btn-group.default .multiselect { width: 110px; } }
@media screen and (max-width: 1380px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items:nth-child(2) .btn-group.default .multiselect { width: 80px; } }
@media screen and (max-width: 1280px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items:nth-child(2) .btn-group.default .multiselect { width: 80px; }
	.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect { width: 60px; }
	.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .items .btn-group.vendor-code .multiselect .multiselect-selected-text span { display: none; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper { display: -ms-flexbox; display: flex; float: left; padding: 0; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1450px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect { width: 190px; }
	.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { left: -160px; } }
@media screen and (max-width: 1380px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect { width: 150px; } }
@media screen and (max-width: 1280px) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect { width: 120px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio.open .multiselect { background: #f2f2f2; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect {line-height: 30px; box-sizing: border-box;  height: 32px; border: 1px solid #e5e5e5; border-radius: 2px; box-shadow: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect:focus { box-shadow: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect .multiselect-selected-text em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu { top: calc(100% + 5px); padding: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em:before {position: relative; bottom: 2px; display: inline-block; margin-right: 9px;  content: ''; vertical-align: middle; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -52px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.default:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -26px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .btn-group.radio .multiselect-container.dropdown-menu > li > a > label em.marked:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .labeling { font-size: .875rem; font-weight: 500; padding-right: 10px; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-view-filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:first-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-radius: 4px 0 0 4px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child { padding: 0; border: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .vendor-account:last-child .multiselect-native-select .btn-group .multiselect.btn-vendor { border-right: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { padding-right: 10px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .labeling { padding: 0 10px 0 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area { display: -ms-flexbox; display: flex; margin-left: 10px; padding: 0; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal {line-height: 26px;  height: 30px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .btn-area .button-normal[disabled] {opacity: 1; color: #fff;  border: none; background-color: rgba(0, 0, 0, .1); }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account {float: none;  height: 38px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account:before { content: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account:after { content: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label { left: 10px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc { position: relative; top: auto; left: 0; box-sizing: border-box; width: 110px; max-width: 165px; height: 38px; margin: 0; padding: 0 35px 0 25px; border: 1px solid #e5e5e5; border-radius: 0 4px 4px 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:before , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc:after { left: 12px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt {font-size: .875rem; font-weight: 700; line-height: 36px; position: relative;  display: block; box-sizing: border-box; padding-left: 35px; text-align: left; vertical-align: middle; color: #000; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before {position: absolute; top: 50%; left: 10px; display: block; width: 19px; height: 19px; margin-top: -9.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -126px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .filter-select .dashboard-new-wrapper .dashboard-select-box .vendor-account label.idc span.txt:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report { border-bottom: 1px solid #e6e6e6; background: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper { display: -ms-flexbox; display: flex; padding: 0 27px 8px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .left { display: -ms-flexbox; display: flex; margin-right: auto; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a {font-size: .875rem; line-height: 30px; position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 0 8px;  color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:hover:after { border: 2px solid #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  content: ''; border: 1px solid #e5e5e5; border-radius: 4px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .right a:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form {display: -ms-flexbox; display: flex;  margin-right: 10px; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form label { font-size: .875rem; font-weight: 500; margin-right: 10px; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .form select {font-size: .875rem; line-height: 30px; height: 32px;  border-radius: 4px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select { margin-left: 4px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select select[data-state=optionDefault] + .btn-group .multiselect {font-size: .875rem; line-height: 30px; overflow: hidden; width: 100%;  height: 30px; white-space: nowrap; text-overflow: ellipsis; color: #333; color: #333; border-radius: 4px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label { font-size: .875rem; padding-left: 25px; color: #333; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:after , .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a > label:before { left: 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #ecf5ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #666; -ms-flex-align: center; align-items: center; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p time {font-weight: 400;  margin-right: 20px; color: #6f92bd; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p em { font-weight: 400; margin-left: 6px; color: #999; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting {position: relative;  width: 26px; height: 26px; margin-left: 10px; border-radius: 4px; background: #999; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:hover:before { animation: rotate 2s infinite linear; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-top: -6.5px; margin-left: -6.5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -62px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom-report-filter .custom-report .form-wrapper p .setting:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info {width: 628px; height: 363px;  margin: 0 auto; padding: 153px 0 0 250px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom-report-filter { position: absolute; z-index: 500; top: 0; left: 0; width: calc( 100% - 250px); height: 100px; margin-left: 250px; background: #fff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg {width: 628px; height: 363px; text-align: center;  background-image: url(/assets/images/contents_sprites.png); background-position: 0px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p {font-size: .875rem;  padding: 67px 0 46px; color: #666; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p span { opacity: .5; }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p:before {display: block; width: 143px; height: 24px; margin: 0 auto 15px;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: -634px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg > p:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg:after {display: inline-block; width: 540px; height: 123px;  content: ''; background-image: url(/assets/images/contents_sprites.png); background-position: -634px -199px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .custom_info .custom_info_bg:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report {padding: 15px 27px;  background-color: #f9f9f9; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report h3 { font-size: .75rem; font-weight: 400; color: #b0b0b0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list { display: -ms-flexbox; display: flex; padding: 10px 0 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li {box-sizing: border-box;  width: 200px; min-height: 112px; margin-right: 10px; padding: 10px 15px; cursor: pointer; border: 1px solid #e2e2e2; border-radius: 5px; background-color: #fff; box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, .1); }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:hover {transition: all .5s linear;  border-color: #1886ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li.clicked {transition: background-color .5s linear;  background-color: #f3f9ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child {padding: 0;  border: 2px dashed #ddd; box-shadow: none; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child:hover {transition: all .5s linear;  border-color: #1886ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button { position: relative; width: 100%; height: 100%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:hover:after , .service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:hover:before {transition: background-color .5s linear;  background-color: #1886ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:after {position: absolute; top: 50%; left: 50%; width: 4px; height: 25px; margin: -12px 0 0 -2px;  content: ''; background: #cacaca; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li:first-child > button:before {position: absolute; top: 50%; left: 50%; width: 25px; height: 4px; margin: -2px 0 0 -12px;  content: ''; background: #cacaca; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head {display: -ms-flexbox; display: flex;  padding: 0 0 7px; border-bottom: 1px solid #eee; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head em {font-size: .625rem; font-weight: 700; line-height: 18px;  display: inline-block; box-sizing: border-box; min-width: 64px; height: 18px; margin-right: 5px; padding: 0 5px; text-align: center; color: #fff; border-radius: 2px; background-color: #61a0ff; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li .head span { font-size: .6875rem; line-height: 18px; color: #7f7f7f; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li > ul li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; line-height: 14px;  margin: 10px 0 0; padding: 0 0 0 10px; vertical-align: middle; letter-spacing: -.1px; color: #333; }
.service-metering.custom-report .layout-contents .layout-contents-inner .make_report .template_list > li > ul li:before {position: relative; bottom: 2px; display: inline-block; width: 2px; height: 2px; margin: 0 7px 0 2px;  content: ''; border: 1px solid #333; border-radius: 100%; background-color: #333; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table h3 { font-size: .875rem; font-weight: 700; padding-top: 25px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(2) { width: 20%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(4) { width: 80px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(6) { width: 13%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(7) { width: 13%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table colgroup col:nth-of-type(8) { width: 13%; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table th:first-child { padding: 4px 0; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark { position: relative; padding-left: 20px; }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark:before {position: absolute; top: 0; left: 0; width: 15px; height: 14px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -618px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .bookmark:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -459px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -643px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.google:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -326px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/sprites.png); background-position: -276px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.custom-report .layout-contents .layout-contents-inner .alertnow-ui-table td .vendor:before {position: relative; bottom: -4px; display: inline-block; margin-right: 5px;  content: ''; }

.billing-analytics .popup-billing-analytics-detail {position: absolute; z-index: 100; top: 240px; right: 0px; bottom: 40px; overflow: hidden; overflow-y: auto; padding: 40px; transition: box-shadow .3s linear; transition: transform .3s ease-in-out; transform: translateX(100%);  border: 0; }
.billing-analytics .popup-billing-analytics-detail .time-text {font-size: 1.25rem; padding: 16px 0;  color: #6e91bf; }
.billing-analytics .popup-billing-analytics-detail .time-text time { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.billing-analytics .popup-billing-analytics-detail .time-text span { padding: 0 4px; }
.billing-analytics .popup-billing-analytics-detail .cost-usage .all-fee { display: inline-block; }
.billing-analytics .popup-billing-analytics-detail .cost-usage .all-fee span { font-size: .75rem; padding-bottom: 15px; }
.billing-analytics .popup-billing-analytics-detail .cost-usage .all-fee strong {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.25rem; line-height: 1;  display: -ms-flexbox; display: flex; padding: 15px 0 0; -ms-flex-align: end; align-items: flex-end; }
.billing-analytics .popup-billing-analytics-detail .cost-usage .all-fee strong em { font-size: .75rem; position: relative; bottom: 4px; margin-left: 15px; color: #666; }
.billing-analytics .popup-billing-analytics-detail .cost-usage .all-fee + .all-fee { margin-left: 110px; }
.billing-analytics .popup-billing-analytics-detail .chart-wrapper { display: -ms-flexbox; display: flex; }
.billing-analytics .popup-billing-analytics-detail .chart-wrapper > * { -ms-flex: 1; flex: 1; }
.billing-analytics .popup-billing-analytics-detail .chart-wrapper .variable { display: -ms-flexbox; display: flex; }
.billing-analytics .popup-billing-analytics-detail .mfp-close { top: 35px; }
.billing-analytics .popup-billing-analytics-detail.on { transform: translateX(0); box-shadow: -3px 2px 4px 2px rgba(0, 0, 0, .2); }
.billing-analytics .popup-billing-analytics-detail .layout-popup-title { padding-bottom: 8px; }
.billing-analytics .popup-billing-analytics-detail .layout-popup-title + p {font-size: .875rem;  color: #999; }
.billing-analytics .popup-billing-analytics-detail .layout-popup-title:before { content: none; }
.billing-analytics .popup-billing-analytics-detail .view { padding: 40px 0 4px; }
.billing-analytics .popup-billing-analytics-detail .view .multiselect-native-select .btn-group.default .multiselect {font-size: .875rem; line-height: 30px; height: 30px; color: #666;  box-shadow: none; }
.billing-analytics .popup-billing-analytics-detail .view .multiselect-native-select .btn-group.default .multiselect:before {position: relative; bottom: 4px; bottom: 0; display: inline-block; width: 16px; height: 12px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -486px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .billing-analytics .popup-billing-analytics-detail .view .multiselect-native-select .btn-group.default .multiselect:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.billing-analytics .popup-billing-analytics-detail .view .multiselect-native-select .btn-group.default .multiselect:after {right: 10px; width: 8px; height: 5px; margin-top: -2.5px;  background: url('/assets/images/icon_arrow_full_8_5@2x.png') no-repeat; background-size: 8px 5px; }
.billing-analytics .popup-billing-analytics-detail .view .multiselect-native-select .btn-group.default .multiselect:hover { border-radius: 2px; background: rgba(184, 190, 195, .3); box-shadow: inset 0 0 0 1px rgba(184, 190, 195, .3); }
.billing-analytics .popup-billing-analytics-detail .summary-table { width: 100%; }
.billing-analytics .popup-billing-analytics-detail .summary-table th , .billing-analytics .popup-billing-analytics-detail .summary-table td {font-size: .75rem; font-weight: normal; height: 31px; padding: 0 10px;  text-align: left; border: 1px solid #ddd; }
.billing-analytics .popup-billing-analytics-detail .summary-table th { color: #666; }
.billing-analytics .popup-billing-analytics-detail .summary-table td { font-weight: 500; }
.billing-analytics .popup-billing-analytics-detail .summary-table td.bar .instance-wrap { padding: 5px 0; }
.billing-analytics .popup-billing-analytics-detail .summary-table td.bar p { display: inline-block; }
.billing-analytics .popup-billing-analytics-detail .summary-table td.bar p:first-child:before { content: none; }
.billing-analytics .popup-billing-analytics-detail .summary-table td.bar p:before {margin: 0 20px;  content: '|'; }
.billing-analytics .popup-billing-analytics-detail .new-window {font-size: .75rem; font-weight: 500; line-height: 20px; display: inline-block; box-sizing: border-box;  min-width: 97px; height: 22px; padding: 0 8px; color: #fff; border-radius: 4px; background: #4a90e2; }
.billing-analytics .popup-billing-analytics-detail .new-window:before {position: relative; top: 1px; display: inline-block; width: 10px; height: 11px; margin-right: 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -225px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .billing-analytics .popup-billing-analytics-detail .new-window:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.billing-analytics .popup-billing-analytics-detail .new-window:hover {color: #fff;  background: #0052b2; }

.billing-analytics .billing-analytics-contents { padding: 32px 30px 0; }
.billing-analytics .billing-analytics-contents .all-fee { padding: 0 0 20px; }
.billing-analytics .billing-analytics-contents .all-fee span { font-size: .75rem; padding-bottom: 15px; }
.billing-analytics .billing-analytics-contents .all-fee strong {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.25rem; line-height: 1;  display: -ms-flexbox; display: flex; padding: 12px 0 0; -ms-flex-align: end; align-items: flex-end; }
.billing-analytics .billing-analytics-contents .all-fee strong em { font-size: .75rem; position: relative; bottom: 4px; margin-left: 16px; color: #666; }
.billing-analytics .billing-analytics-contents .nav-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.billing-analytics .billing-analytics-contents .nav-wrap nav { margin-right: auto; }
.billing-analytics .billing-analytics-contents .nav-wrap ul { display: -ms-flexbox; display: flex; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li {font-weight: 500; position: relative; min-width: 120px; height: 40px; text-align: center;  border: 1px solid #e6e6e6; border-bottom: 0; border-left-width: 0; -ms-flex-align: center; align-items: center; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li.is-selected { position: relative; z-index: 2; border-top: 2px solid #000; border-right: 1px solid #e6e6e6; border-bottom: 0; background-color: #fff; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li.is-selected:after {position: absolute; right: 0; bottom: -1px; left: 0; height: 1px;  content: ''; background: #fff; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li.is-selected button { color: #000; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li button {font-size: .875rem; font-weight: 700;  width: 100%; height: 100%; vertical-align: middle; color: #ccc; }
.billing-analytics .billing-analytics-contents .nav-wrap ul li:first-child { border-left-width: 1px; }
.billing-analytics .billing-analytics-contents .nav-wrap .export button {font-size: .875rem; font-weight: 500; box-sizing: border-box;  min-width: 150px; height: 32px; padding: 0 8px; color: #666; border: 1px solid transparent; }
.billing-analytics .billing-analytics-contents .nav-wrap .export button:hover {border: 1px solid #e5e5e5;  background: #f2f2f2; }
.billing-analytics .billing-analytics-contents .nav-wrap .export button:before {position: relative; top: 1px; display: inline-block; width: 12px; height: 14px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .billing-analytics .billing-analytics-contents .nav-wrap .export button:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.billing-analytics .billing-analytics-contents .tab-wrap { box-sizing: border-box; padding: 40px 26px; border: 1px solid #e6e6e6; }
.billing-analytics .billing-analytics-contents .tab-wrap > * { display: none; }
.billing-analytics .billing-analytics-contents .tab-wrap > *[data-state=view] { display: block; }
.billing-analytics .billing-analytics-contents .tab-wrap > * h3 { font-size: 1rem; font-weight: 700; }
.billing-analytics .billing-analytics-contents .tab-wrap > * h3 span {font-size: .875rem; font-weight: normal;  display: block; padding: 4px 0 0; color: #999; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents { display: -ms-flexbox; display: flex; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right { -ms-flex: 1; flex: 1; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .info { display: -ms-flexbox; display: flex; margin-top: -16px; -ms-flex-align: center; align-items: center; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .info button {font-weight: 500;  min-width: 60px; height: 24px; color: #666; border: 1px solid #e6e6e6; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .info button + button { border-left: 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .info button.selected { background: #eee; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .info p { font-size: .875rem; margin-left: 8px; color: #999; }
.billing-analytics .billing-analytics-contents .tab-wrap .chart-with-contents .right .chart-area {width: 100%;  margin-top: 23px; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left { width: 320px; padding-right: 32px; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table {width: 100%; margin-top: 30px;  border-top: 1px solid #e6e6e6; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table th , .billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table td {height: 69px; color: #222;  border-bottom: 1px solid #e6e6e6; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table th { font-size: .875rem; font-weight: 400; padding-left: 8px; text-align: left; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.25rem; padding-right: 8px; text-align: right; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table td p { display: inline-block; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table td .up { color: #ff1e32; border-top: 2px solid #ff1e32; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .left table td .down { color: #0053fe; border-bottom: 2px solid #0053fe; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .right { width: 736px; }
.billing-analytics .billing-analytics-contents .tab-wrap .total .chart-with-contents .right .chart-area { height: 320px; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left { width: 412px; padding-right: 20px; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .setting { display: -ms-flexbox; display: flex; padding: 27px 0 13px; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .setting label { font-size: .75rem; font-weight: 700; color: #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .setting .standard { margin-right: auto; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .setting .standard select {font-size: .75rem; line-height: 24px; width: auto;  height: 24px; padding-right: 25px; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list {overflow-y: auto; max-height: 316px;  border-top: 1px solid #d8d8d8; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 72px; padding: 0 8px; border-bottom: 1px solid #d8d8d8; -ms-flex-align: center; align-items: center; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort {width: calc(100% - 102px);  margin-right: auto; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort input[type=checkbox] + label { font-size: 1rem; font-weight: 700; color: #222; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort label {overflow: hidden;  width: calc(100% - 12px); white-space: nowrap; text-overflow: ellipsis; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort label em {position: relative; top: 1px;  display: inline-block; width: 16px; height: 16px; margin-right: 10px; margin-left: 6px; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p {font-size: .75rem; padding: 10px 0 0;  text-align: right; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p span { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p .max {margin-right: 8px;  color: #ff233a; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p .max em { border-top: 2px solid #ff233a; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p .min { color: #005afa; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .sort p .min em { border-bottom: 2px solid #005afa; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .fee { text-align: right; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .fee strong {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem;  font-weight: 400; display: block; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .left .account-trend .list li .fee span { font-size: .75rem; color: #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .account .chart-with-contents .right .chart-area { height: 352px; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid {display: -ms-flexbox; display: flex;  padding: 30px 0 40px; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table { border: 1px solid #666; border-right: 0; border-left: 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table th , .billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table td { height: 39px; white-space: nowrap; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table thead th {font-size: .75rem; height: 29px;  border-bottom: 1px solid #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table thead th + th { padding: 0 8px 0 40px; text-align: right; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table tbody:first-child td { border-top: 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table tbody td { border-top: 1px solid #ccc; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table tbody td em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table tbody td em:before {position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 5px;  content: ''; background-color: #0dacea; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .fixed table tbody td + td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem;  padding: 0 8px 0 40px; text-align: right; color: #222; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over {overflow-x: auto;  background: #f5f5f5; -ms-flex: 1; flex: 1; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table {width: 100%;  border: 1px solid #666; border-right: 0; border-left: 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table th , .billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table td {min-width: 65px;  height: 39px; padding: 0 8px; text-align: right; white-space: nowrap; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table thead th {font-size: .75rem; height: 29px;  border-bottom: 1px solid #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table thead th:last-child { padding: 0 16px 0 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody:first-child td { border-top: 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; color: #4a4a4a;  border-top: 1px solid #ccc; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody td:last-child { padding: 0 16px 0 0; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody td button {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .875rem; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody td button.up { color: #ff1e32; border-top: 2px solid #ff1e32; }
.billing-analytics .billing-analytics-contents .tab-wrap .grid .all-over table tbody td button.down { color: #0053fe; border-bottom: 2px solid #0053fe; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee h3 { font-size: 1rem; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee h3 + p { font-size: .875rem; padding: 4px 0 8px; color: #999; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li {position: relative; box-sizing: border-box;  width: 352px; margin-top: 16px; margin-right: 16px; padding: 12px 20px 16px; border: 1px solid #dfe3e8; border-radius: 4px; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li .more {font-size: .875rem;  position: absolute; top: 7px; right: 7px; box-sizing: border-box; min-width: 70px; height: 32px; padding: 0 8px; color: #666; border: 1px solid transparent; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li .more:hover {border: 1px solid #e5e5e5;  background: #f2f2f2; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li .more:before {position: relative; bottom: 2px; display: inline-block; width: 10px; height: 10px; margin-right: 7px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -660px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li .more:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li > p {font-weight: 700;  color: #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li ol { padding: 18px 0 0; counter-reset: top3; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li ol li { display: -ms-flexbox; display: flex; counter-increment: top3; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li ol li .name {font-size: .875rem; overflow: hidden;  margin-right: auto; margin-right: auto; padding-right: 4px; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li ol li .name:before {margin-right: 8px;  content: counter(top3); }
.billing-analytics .billing-analytics-contents .tab-wrap .top-fee > ul > li ol li .fee { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; }

.service-metering.autospot input[type=text]:-webkit-input-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot input[type=text]::-webkit-input-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot input[type=text]:-moz-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot input[type=text]::-moz-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot input[type=text]:-ms-input-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot input[type=text]::-ms-input-placeholder { font-size: .875rem; color: #b3b3b3; }

.service-metering.autospot .autospot-fixed-button-bar { position: fixed; z-index: 10; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; min-height: 72px; padding: 0 30px; border: 1px solid #e6e6e6; background: rgba(255, 255, 255, .8); -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.service-metering.autospot .autospot-fixed-button-bar.scrollBottom { bottom: 34px; }
.service-metering.autospot .autospot-fixed-button-bar button {min-width: 100px;  margin-left: 4px; }

.service-metering.autospot .vendor-select { display: -ms-flexbox; display: flex; padding: 24px 0 0 0; -ms-flex-align: center; align-items: center; }
.service-metering.autospot .vendor-select > * { margin-right: 25px; }

.service-metering.autospot .finish-comment {font-size: .875rem;  padding: 16px 0 0 20px; }

.service-metering.autospot .autospot-addaccount-wrapper .caution-text { padding: 0; }
.service-metering.autospot .autospot-addaccount-wrapper .caution-text:before { content: none; }

.service-metering.autospot .autospot-addaccount-wrapper.azure { padding: 56px 0 150px; }
.service-metering.autospot .autospot-addaccount-wrapper.azure .caution-text { padding: 0 0 8px; }
.service-metering.autospot .autospot-addaccount-wrapper.azure .caution-text ol {margin: 2px 0 0;  counter-reset: condition; }
.service-metering.autospot .autospot-addaccount-wrapper.azure .caution-text ol li {line-height: 1.54545em; position: relative; padding-left: 15px;  counter-increment: condition; }
.service-metering.autospot .autospot-addaccount-wrapper.azure .caution-text ol li:before { position: absolute; top: 0; left: 0; content: counter(condition) '.'; }

.service-metering.autospot .autospot-addaccount-wrapper .common-tabs { margin: 24px 0 40px; }
.service-metering.autospot .autospot-addaccount-wrapper .common-tabs > .btn { min-width: 207px; }

.service-metering.autospot .autospot-addaccount-wrapper strong { font-weight: 400; color: #6e91bf; }

.service-metering.autospot .autospot-addaccount-wrapper .caution-text { font-size: .6875rem; line-height: 1.54545em; color: #666; }
.service-metering.autospot .autospot-addaccount-wrapper .caution-text span { display: block; }

.service-metering.autospot .autospot-addaccount-wrapper .add-account {display: none;  padding: 0 24px; }
.service-metering.autospot .autospot-addaccount-wrapper .add-account.is-selected { display: block; }

.service-metering.autospot .autospot-addaccount-wrapper .phase-list { counter-reset: autospot; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list .invalid-message { font-size: .75rem; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list input[type=text] { max-width: 250px; border-radius: 2px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list input[type=text]:lang(ja) { max-width: 265px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li {padding: 48px 0 0 15px;  counter-increment: autospot; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li:first-child { padding-top: 16px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui { display: -ms-flexbox; display: flex; margin-top: 8px; -ms-flex-align: center; align-items: center; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui > input[type=text] { max-width: 162px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui select {line-height: 32px;  width: 320px; height: 32px; margin-right: 8px; padding-right: 25px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui select:lang(ja) { width: 340px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui .input-state { margin-top: 0; margin-left: 8px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .multiple-ui .input-state input[type=text] { width: 470px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .explain { font-size: .875rem; position: relative; padding-bottom: 16px; color: #222; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .explain.no-count:before { content: none; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .explain .block { display: block; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .explain:before { position: absolute; top: 0; left: -16px; content: counter(autospot) '.'; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .sub_expain {font-size: .75rem;  color: #666; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .json-state-box {position: relative; box-sizing: border-box;  width: 640px; height: 120px; margin: 8px 0 16px; padding-right: 50px; border: 1px solid #dfe3e8; border-radius: 2px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .json-state-box .scroll {font-size: .875rem; font-weight: 500; overflow: hidden; overflow-y: auto;  box-sizing: border-box; height: 100%; padding: 10px; padding-bottom: 30px; color: #222; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .icon-set { position: absolute; top: 12px; right: 14px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .icon-set button {line-height: 1; display: block; margin-top: 16px;  padding: 0; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .icon-set button:first-child { margin-top: 0; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .input-state { position: relative; max-width: 640px; margin: 8px 0 0; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .input-state input[type=text] { max-width: 640px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .input-state.half input[type=text] { max-width: 320px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .input-state + .sub_expain { margin-top: 16px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box { display: -ms-flexbox; display: flex; box-sizing: border-box; max-width: 640px; height: 50px; margin: 8px 0 0; padding: 0 20px; background-color: #f3f4f5; -ms-flex-align: center; align-items: center; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box.border-state-box {height: 40px; padding: 0 10px; border: 1px solid #dfe3e8; border-radius: 2px;  background: #fff; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box + .sub_expain { margin-top: 14px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box.manual > * { color: #666; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box.manual > *:first-child { margin-right: 16px; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > * { font-size: .875rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #222; -ms-flex-align: center; align-items: center; }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > *.checkbox-image:before {display: inline-block; width: 15px; height: 15px; margin-right: 14px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > *.checkbox-image:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > *.radio-image:before {display: inline-block; width: 15px; height: 15px; margin-right: 8px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -210px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > *.radio-image:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-metering.autospot .autospot-addaccount-wrapper .phase-list li .state-box > * em { color: #46d34c; }

.service-metering.autospot button[data-account] , .service-metering.autospot a[data-account] { min-width: 112px; }

.service-metering.autospot .no-data-caution {font-size: .875rem; font-weight: 500; line-height: 20px;  position: relative; z-index: 1; height: 20px; padding: 45px 0 20px; word-break: keep-all; color: #222; }
.service-metering.autospot .no-data-caution:after { position: absolute; top: 0; left: 50%; width: 35px; height: 28px; content: ''; transform: translateX(-50%); background-image: url(/assets/images/sprites.png); background-position: -366px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.autospot .no-data-caution:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-metering.autospot .input-box {display: -ms-flexbox; display: flex;  padding: 24px 0; -ms-flex-align: center; align-items: center; }
.service-metering.autospot .input-box b.search_form { margin-left: 8px; }
.service-metering.autospot .input-box b.search_form input[type=search] {line-height: 32px; bottom: 0;  height: 32px; }

.service-metering.autospot .autospot-table.vendor thead th:nth-of-type(1) { width: 60px; }

.service-metering.autospot .autospot-table.vendor thead th:nth-of-type(2) { width: 146px; }

.service-metering.autospot .autospot-table.vendor thead th:nth-of-type(4) { width: 48%; }

.service-metering.autospot .autospot-table.vendor tbody tr td:nth-of-type(1) { width: 60px; }

.service-metering.autospot .autospot-table.vendor tbody tr td:nth-of-type(2) { width: 146px; text-align: center; }

.service-metering.autospot .autospot-table.vendor tbody tr td:nth-of-type(4) { width: 48%; }

.service-metering.autospot .autospot-table.overHeight table thead tr { width: calc(100% - 15px); }

.service-metering.autospot .autospot-table table { table-layout: auto; }
.service-metering.autospot .autospot-table table.no-data { border-bottom: 0; }
.service-metering.autospot .autospot-table table.no-data td {width: auto;  padding: 80px 0 0; cursor: default; }
.service-metering.autospot .autospot-table table.no-data td:hover { background: transparent !important; }
.service-metering.autospot .autospot-table table td , .service-metering.autospot .autospot-table table th { border-top: 0; }
.service-metering.autospot .autospot-table table thead tr { display: table; width: 100%; table-layout: fixed; }
.service-metering.autospot .autospot-table table tbody tr { display: table; width: 100%; table-layout: fixed; }
.service-metering.autospot .autospot-table table thead th { font-size: .75rem; font-weight: 500; color: #666; }
.service-metering.autospot .autospot-table table thead th button {font-size: inherit; font-weight: inherit;  color: inherit; }
.service-metering.autospot .autospot-table table thead th:nth-of-type(2) { width: 48%; }
.service-metering.autospot .autospot-table table thead th:nth-of-type(3) { width: 48%; }
.service-metering.autospot .autospot-table table tbody { display: block; overflow: auto; max-height: 399px; }
.service-metering.autospot .autospot-table table tbody tr:first-child td { border-top: 0; }
.service-metering.autospot .autospot-table table tbody tr:last-child td { border-bottom: 0; }
.service-metering.autospot .autospot-table table tbody tr td { cursor: pointer; }
.service-metering.autospot .autospot-table table tbody tr td:first-child { text-align: center; }
.service-metering.autospot .autospot-table table tbody tr td:nth-of-type(2) { width: 48%; }
.service-metering.autospot .autospot-table table tbody tr td:nth-of-type(3) { width: 48%; }

.service-metering.autospot .autospot-table .pagination { right: 0; margin-top: 6px; }

.service-metering.autospot .total-area {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 32px;  display: inline; float: left; height: 32px; color: #999; }
.service-metering.autospot .total-area em { font-size: 1.25rem; font-weight: 500; margin-left: 8px; }
.service-metering.autospot .total-area em.total {margin-right: 16px;  color: #222; }
.service-metering.autospot .total-area em.total:after { display: none; }
.service-metering.autospot .total-area em.search { color: #006bff; }
.service-metering.autospot .total-area:after { display: none; }
.service-metering.autospot .total-area.single:after { content: none; }


.service-metering.ri_status .common-tabs { margin: 25px 0 14px; }

.service-metering.ri_status .status-infomation h3 { font-size: 1rem; }

.service-metering.ri_status .status-infomation p input[type=checkbox] + label { font-size: .75rem; color: #444; }

.service-metering.ri_status .status-infomation .lr-grid { padding: 14px 0; }

.service-metering.ri_status .lr-grid { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-metering.ri_status .lr-grid > *:first-child { margin-right: auto; }

.service-metering.ri_status .alertnow-ui-table table tbody.multiple tr td { vertical-align: top; }

.service-metering.ri_status .alertnow-ui-table table tbody tr:hover td { background: transparent; }

.service-metering.ri_status .alertnow-ui-table.ri-status-table { margin: 0; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table {position: static; border-color: #d8d8d8 !important;  border-top-width: 2px !important; border-bottom: 0; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(1) { width: 40px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(3) { width: 140px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(4) { width: 140px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(5) { width: 120px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(7) { width: 80px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(8) { width: 140px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(9) { width: 120px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table colgroup col:nth-of-type(10) { width: 48px; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table.no-data { border-bottom: 0; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table.no-data tbody td { padding-top: 90px; border: 0; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table th , .service-metering.ri_status .alertnow-ui-table.ri-status-table table td { border-color: #d8d8d8 !important; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table tbody.expire tr td { color: #999; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table tbody.expire tr td .button-ui { min-width: 48px; margin-left: 8px; text-align: center; color: #667587; background: rgba(137, 154, 174, .1); }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table th { font-size: .75rem; font-weight: 500; color: #666; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table th button.general , .service-metering.ri_status .alertnow-ui-table.ri-status-table table th a.general , .service-metering.ri_status .alertnow-ui-table.ri-status-table table th .button-ui.general { font-size: inherit; font-weight: inherit; color: inherit; }
.service-metering.ri_status .alertnow-ui-table.ri-status-table table td {text-align: left;  color: #222; }

.service-metering.ri_status .no-data-caution {font-size: .875rem; font-weight: 500; line-height: 20px;  position: relative; z-index: 1; height: 20px; padding: 45px 0 20px; text-align: center; word-break: keep-all; color: #b2b2b2; }
.service-metering.ri_status .no-data-caution:after { position: absolute; top: 0; left: 50%; width: 35px; height: 28px; content: ''; transform: translateX(-50%); background-image: url(/assets/images/sprites.png); background-position: -366px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-metering.ri_status .no-data-caution:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }



.page-report.msie11 .forms-subscription .fieldset-cycle .forms-item label { font-size: .75rem; }
.page-report.msie11 .forms-subscription .forms-item { margin-top: 20px; }
.page-report.msie11 .forms-subscription .forms-item label { font-size: .75rem; }
.page-report.msie11 .forms-subscription .forms-item.report-item .head { font-size: .75rem; }
.page-report.msie11 .forms-subscription .forms-item.report-item label { font-size: .75rem; }
.page-report .report_multi .multiselect-native-select { width: 100%; }
.page-report .report_multi .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 38px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 40px; padding: 0 35px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.page-report .report_multi .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox { font-size: .75rem; font-weight: 400; }
.page-report .report-start-end { display: -ms-flexbox; display: flex; }
.page-report .report-start-end > div { -ms-flex: 1; flex: 1; }
.page-report .report-start-end > div > p { font-size: .75rem; padding: 14px 0 18px 5px; color: #999; }
.page-report .report-start-end input[type=text] {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem;  position: relative; width: 130px; height: 30px; margin-left: 10px; padding-left: 32px; border: 1px solid #e2e2e2; background: transparent; box-shadow: 0 1px 1px 0 rgba(38, 38, 38, .1); }
.page-report .report-start-end .daterange_icon { position: absolute; top: 50%; left: 39px; width: 14px; height: 14px; margin-top: -7px; background-image: url(/assets/images/sprites.png); background-position: -718px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .report-start-end .daterange_icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .banner-report {position: relative;  display: block; height: 65px; margin: 0 -32px; padding-left: 32px; background-color: #f7f7f7; box-shadow: 0 2px 1px 0 rgba(104, 104, 104, .14); }
.page-report .banner-report .btn-banner-close {position: absolute; top: 50%; right: 27px;  display: block; width: 17px; height: 17px; margin-top: -8.5px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -505px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .banner-report .btn-banner-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .banner-report .banner-report-title {font-size: 1rem; font-weight: 400; line-height: 65px;  display: block; color: #888; }
.page-report .banner-report .banner-report-title em { font-weight: 700; }
.page-report .banner-report .layout-right-view {position: absolute; top: 0; right: 75px; bottom: 0;  float: none; padding: 18px 0 17px 0; }
.page-report .banner-report .btn-subscribe {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; height: 30px; padding: 0 13px; vertical-align: middle; color: #fff; background-color: #1886ff; }
.page-report .banner-report .btn-subscribe:before {display: inline-block; width: 14px; height: 11px; margin: -1px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -362px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .banner-report .btn-subscribe:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .btn-sort {font-size: .75rem; font-weight: 500; line-height: 30px; position: relative;  display: inline-block; text-align: left; vertical-align: middle; white-space: nowrap; color: #999; }
.page-report .btn-sort:after {position: absolute; top: 50%; right: -22px; display: block; width: 17px; height: 10px; margin-top: -4px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -423px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .btn-sort:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .btn-sort[data-state=desc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -638px -614px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .btn-sort[data-state=desc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .btn-sort[data-state=asc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/sprites.png); background-position: -446px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .btn-sort[data-state=asc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .daterangepicker .left { float: none; }
.page-report .list-template-report { overflow: hidden; margin-top: 20px; margin-bottom: -25px; }
.page-report .list-template-report > li { display: block; float: left; margin-right: 25px; margin-bottom: 25px; }
.page-report .list-template-report > li.none {font-size: 1.125rem; font-weight: 300; line-height: 27 18/16em;  display: block; float: none; clear: both; padding: 75px 0; text-align: center; color: #999; }
.page-report .page-section { margin-top: 18px; }
.page-report .page-section .common-tabs { margin-top: 45px; }
.page-report .page-section .page-section-title { margin-top: 27px; }
.page-report .page-section .page-section-description {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  margin-top: 5px; color: #999; }
.page-report .page-section .page-section-description a { font-weight: 700; text-decoration: underline; color: #999; }
.page-report .page-section .ag-bsp-default { margin-top: 30px; }
.page-report .page-section .tbl-grid-utils { margin-top: 0px; }
.page-report .registered-recipient-none {font-size: .875rem; font-weight: 700; line-height: 1.57143em; position: relative; z-index: 10;  display: block; padding: 100px 0; text-align: center; color: #999; }
.page-report .registered-recipient-none:before {display: block; width: 60px; height: 60px; margin: 0 auto 33px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -559px -140px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .registered-recipient-none:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .registered-recipient-none .btn { margin-bottom: 20px; }
.page-report .report-history-none {font-size: .875rem; font-weight: 700; line-height: 1.57143em;  display: block; padding: 100px 0; text-align: center; color: #999; }
.page-report .report-history-none:before {display: block; width: 80px; height: 50px; margin: 0 auto 33px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -202px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .report-history-none:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .report-history-none .btn { margin-bottom: 20px; }
.page-report .tbl-subscribe-setting-top { overflow: hidden; padding-bottom: 15px; }
.page-report .tbl-subscribe-setting-top .button-normal { float: right; }
.page-report .tbl-subscribe-setting-top .desc {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; clear: both; color: #666; }
.page-report .tbl-subscribe-setting-top .type-list .list { flaot: left; }
.page-report .tbl-subscribe-setting-top .type-list .list input[type=radio] + label { font-size: .75rem; font-weight: 700; line-height: 40px; color: #333; }
.page-report .tbl-subscribe-setting-top .type-list .list input[type=radio] + label ~ label { margin-left: 30px; }
.page-report .tbl-subscribe-setting { width: 100%; }
.page-report .tbl-subscribe-setting > thead th { font-size: .75rem; font-weight: 400; line-height: 35px; text-align: center; color: #666; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.page-report .tbl-subscribe-setting > tbody th , .page-report .tbl-subscribe-setting > tbody td { text-align: left; border-bottom: 1px solid #e6e6e6; }
.page-report .tbl-subscribe-setting > tbody .no-subscriptions {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; float: right; height: 30px; margin-right: 40px; padding: 0 20px; text-align: center; color: #ccc; background-color: #f2f2f2; }
.page-report .tbl-subscribe-setting .report-item {position: relative;  display: block; height: 70px; }
.page-report .tbl-subscribe-setting .report-item:before {position: absolute; top: 50%; left: 0; display: block;  content: ''; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering01] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering01]:before {width: 38px; height: 31px;  margin-top: -15.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -840px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=metering02] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering02]:before {width: 38px; height: 29px;  margin-top: -14.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -575px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering02]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=metering03] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering03]:before {width: 40px; height: 30px;  margin-top: -15px; background-image: url(/assets/images/contents_sprites.png); background-position: -529px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering03]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=metering04] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering04]:before {width: 42px; height: 31px;  margin-top: -15.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -792px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering04]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=metering05] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering05]:before {width: 42px; height: 33px;  margin-top: -16.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -1252px -695px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering05]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=by-rsrcOpti] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=by-rsrcOpti]:before {width: 42px; height: 33px; transform: translateY(-50%);  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgNDIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgMjYgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSIyMDE5LjA4LjA5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE3LjAwMDAwMCwgLTM2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI2LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNy4wMDAwMDAsIDM2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwyNS41MTMxNDI5IEwxMy45MTc2NDcxLDI1LjUxMzE0MjkgTDEzLjkxNzY0NzEsMTkuOTQ4MDUxOSBMMCwxOS45NDgwNTE5IEwwLDI1LjUxMzE0MjkgWiBNMS42NDc0NzA1OSwyMy44NTA4MDUyIEwxMi4yNzA1ODgyLDIzLjg1MDgwNTIgTDEyLjI3MDU4ODIsMjEuNjEwMzg5NiBMMS42NDc0NzA1OSwyMS42MTAzODk2IEwxLjY0NzQ3MDU5LDIzLjg1MDgwNTIgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMzIgTDEzLjkxNzY0NzEsMzIgTDEzLjkxNzY0NzEsMjYuNDM0OTA5MSBMMCwyNi40MzQ5MDkxIEwwLDMyIFogTTEuNjQ3NDcwNTksMzAuMzM4MDc3OSBMMTIuMjcwNTg4MiwzMC4zMzgwNzc5IEwxMi4yNzA1ODgyLDI4LjA5NzI0NjggTDEuNjQ3NDcwNTksMjguMDk3MjQ2OCBMMS42NDc0NzA1OSwzMC4zMzgwNzc5IFoiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDUuNTY1MDkwOTEgTDI3Ljg5NzA1ODgsNS41NjUwOTA5MSBMMjcuODk3MDU4OCwwIEwxMy45Nzk0MTE4LDAgTDEzLjk3OTQxMTgsNS41NjUwOTA5MSBaIE0xNS42MjY0NzA2LDMuOTAyNzUzMjUgTDI2LjI1LDMuOTAyNzUzMjUgTDI2LjI1LDEuNjYyMzM3NjYgTDE1LjYyNjQ3MDYsMS42NjIzMzc2NiBMMTUuNjI2NDcwNiwzLjkwMjc1MzI1IFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDEyLjA1MTk0ODEgTDI3Ljg5NzA1ODgsMTIuMDUxOTQ4MSBMMjcuODk3MDU4OCw2LjQ4Njg1NzE0IEwxMy45Nzk0MTE4LDYuNDg2ODU3MTQgTDEzLjk3OTQxMTgsMTIuMDUxOTQ4MSBaIE0xNS42MjY0NzA2LDEwLjM4OTYxMDQgTDI2LjI1LDEwLjM4OTYxMDQgTDI2LjI1LDguMTQ5MTk0ODEgTDE1LjYyNjQ3MDYsOC4xNDkxOTQ4MSBMMTUuNjI2NDcwNiwxMC4zODk2MTA0IFoiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOCwyNS41MTMxNDI5IEw0MS45MTcyMzUzLDI1LjUxMzE0MjkgTDQxLjkxNzIzNTMsMTkuOTQ4MDUxOSBMMjgsMTkuOTQ4MDUxOSBMMjgsMjUuNTEzMTQyOSBaIE0yOS42NDcwNTg4LDIzLjg1MDgwNTIgTDQwLjI3MDU4ODIsMjMuODUwODA1MiBMNDAuMjcwNTg4MiwyMS42MTAzODk2IEwyOS42NDcwNTg4LDIxLjYxMDM4OTYgTDI5LjY0NzA1ODgsMjMuODUwODA1MiBaIiBpZD0iRmlsbC01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjgsMzIgTDQxLjkxNzIzNTMsMzIgTDQxLjkxNzIzNTMsMjYuNDM0OTA5MSBMMjgsMjYuNDM0OTA5MSBMMjgsMzIgWiBNMjkuNjQ3MDU4OCwzMC4zMzgwNzc5IEw0MC4yNzA1ODgyLDMwLjMzODA3NzkgTDQwLjI3MDU4ODIsMjguMDk3MjQ2OCBMMjkuNjQ3MDU4OCwyOC4wOTcyNDY4IEwyOS42NDcwNTg4LDMwLjMzODA3NzkgWiIgaWQ9IkZpbGwtNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjAzNTI0MTIsOC45MDkyOTg3IEMzMC44MDA1MzUzLDguOTA5Mjk4NyAzMC41NjcwNjQ3LDguODA4MzExNjkgMzAuNDA0NDE3Niw4LjYxMjU3MTQzIEMzMC4zMjAwMDU5LDguNTExNTg0NDIgMzAuMjM0NzcwNiw4LjQxMTg0NDE2IDMwLjE0NzQ3NjUsOC4zMTM3NjYyMyBDMjkuODQ0MDA1OSw3Ljk3MTc0MDI2IDI5Ljg3MjgyOTQsNy40NDYwMjU5NyAzMC4yMTE3MTE4LDcuMTQwMTU1ODQgQzMwLjU1MDE4MjQsNi44MzQyODU3MSAzMS4wNzA2NTI5LDYuODYyOTYxMDQgMzEuMzc0NTM1Myw3LjIwNDk4NzAxIEMzMS40NzI5NDcxLDcuMzE2MzYzNjQgMzEuNTcwMTIzNSw3LjQyODk4NzAxIDMxLjY2NTI0MTIsNy41NDM2ODgzMSBDMzEuOTU4MDA1OSw3Ljg5NTI3MjczIDMxLjkxMjcxMTgsOC40MTkzMjQ2OCAzMS41NjQzNTg4LDguNzE0Mzg5NjEgQzMxLjQxMDM1ODgsOC44NDUyOTg3IDMxLjIyMjE4MjQsOC45MDkyOTg3IDMxLjAzNTI0MTIsOC45MDkyOTg3IE0xMC41OTE5NDcxLDkuMjE3NjYyMzQgQzEwLjQxMzI0MTIsOS4yMTc2NjIzNCAxMC4yMzMzLDkuMTU5NDgwNTIgMTAuMDgyMTgyNCw5LjAzODk2MTA0IEM5LjcyNTE4MjM1LDguNzU0Mjg1NzEgOS42NjQ2NTI5NCw4LjIzMTQ4MDUyIDkuOTQ2Myw3Ljg3MTE2ODgzIEMxMC4wMzgxMjM1LDcuNzU0Mzg5NjEgMTAuMTMxNTk0MSw3LjYzODQ0MTU2IDEwLjIyNjcxMTgsNy41MjQxNTU4NCBDMTAuNTIwMyw3LjE3MzQwMjYgMTEuMDM5OTQ3MSw3LjEyODUxOTQ4IDExLjM4NzQ3NjUsNy40MjQ0MTU1OCBDMTEuNzM1MDA1OSw3LjcyMDcyNzI3IDExLjc3OTQ3NjUsOC4yNDQ3NzkyMiAxMS40ODYzLDguNTk1OTQ4MDUgQzExLjQwMjMsOC42OTY1MTk0OCAxMS4zMTk1MzUzLDguNzk4MzM3NjYgMTEuMjM4ODI5NCw4LjkwMTgxODE4IEMxMS4wNzYxODI0LDkuMTA5MTk0ODEgMTAuODM1Myw5LjIxNzY2MjM0IDEwLjU5MTk0NzEsOS4yMTc2NjIzNCBNMzMuMzI0MjQxMiwxMi45MDc2MzY0IEMzMi45ODc4Mjk0LDEyLjkwNzYzNjQgMzIuNjcyMDA1OSwxMi42OTc3NjYyIDMyLjU1MDUzNTMsMTIuMzYwMzExNyBDMzIuNTA1NjUyOSwxMi4yMzYwNTE5IDMyLjQ1OTEyMzUsMTIuMTEyNjIzNCAzMi40MTAxMjM1LDExLjk5MDAyNiBDMzIuMjQxMywxMS41NjQwNTE5IDMyLjQ0NjM1ODgsMTEuMDgwMzExNyAzMi44Njg0MTc2LDEwLjkwOTUwNjUgQzMzLjI5MDQ3NjUsMTAuNzM4NzAxMyAzMy43Njk3NzA2LDEwLjk0NTY2MjMgMzMuOTM5MDA1OSwxMS4zNzIwNTE5IEMzMy45OTQxODI0LDExLjUxMDg1NzEgMzQuMDQ3MywxMS42NTA5MDkxIDM0LjA5Nzk0NzEsMTEuNzkxNzkyMiBDMzQuMjUzNTk0MSwxMi4yMjMxNjg4IDM0LjAzMzMsMTIuNzAwMjU5NyAzMy42MDU4ODgyLDEyLjg1NzM1MDYgQzMzLjUxMjgyOTQsMTIuODkxNDI4NiAzMy40MTc3MTE4LDEyLjkwNzYzNjQgMzMuMzI0MjQxMiwxMi45MDc2MzY0IE04LjQyMzE4MjM1LDEzLjI4MjA3NzkgQzguMzM3OTQ3MDYsMTMuMjgyMDc3OSA4LjI1MTA2NDcxLDEzLjI2ODc3OTIgOC4xNjU0MTc2NSwxMy4yNDAxMDM5IEM3LjczMzQ3NjQ3LDEzLjA5NjcyNzMgNy40OTg3NzA1OSwxMi42MjcxMTY5IDcuNjQwODI5NDEsMTIuMTkwNzUzMiBDNy42ODczNTg4MiwxMi4wNDg2MjM0IDcuNzM2MzU4ODIsMTEuOTA3MzI0NyA3Ljc4NzQxNzY1LDExLjc2Njg1NzEgQzcuOTQzMDY0NzEsMTEuMzM1NDgwNSA4LjQxNzgyOTQxLDExLjExNDM4OTYgOC44NDM1OTQxMiwxMS4yNzIzMTE3IEM5LjI3MTAwNTg4LDExLjQyOTgxODIgOS40OTAwNjQ3MSwxMS45MDczMjQ3IDkuMzMzNTk0MTIsMTIuMzM4Mjg1NyBDOS4yODkxMjM1MywxMi40NjE3MTQzIDkuMjQ1ODg4MjQsMTIuNTg1OTc0IDkuMjA1NTM1MjksMTIuNzEwNjQ5NCBDOS4wOTE0NzY0NywxMy4wNjA1NzE0IDguNzY5MDY0NzEsMTMuMjgyMDc3OSA4LjQyMzE4MjM1LDEzLjI4MjA3NzkgTTM0LjExNDQxNzYsMTcuNTA2NDkzNSBDMzMuNjU5ODI5NCwxNy41MDY0OTM1IDMzLjI5MDg4ODIsMTcuMTM0NTQ1NSAzMy4yOTA4ODgyLDE2LjY3NTMyNDcgTDMzLjI5MTMsMTYuNjEzODE4MiBDMzMuMjkxMywxNi40OTA4MDUyIDMzLjI4OTI0MTIsMTYuMzU4NjQ5NCAzMy4yODUxMjM1LDE2LjIyNjkwOTEgQzMzLjI3MTEyMzUsMTUuNzY4MTAzOSAzMy42Mjg1MzUzLDE1LjM4NDkzNTEgMzQuMDgzMTIzNSwxNS4zNzA4MDUyIEMzNC41NDQzLDE1LjM2NDU3MTQgMzQuOTE3NzcwNiwxNS43MTc4MTgyIDM0LjkzMTM1ODgsMTYuMTc2MjA3OCBDMzQuOTM1ODg4MiwxNi4zMjQ5ODcgMzQuOTM4MzU4OCwxNi40NzM3NjYyIDM0LjkzODM1ODgsMTYuNjIzMzc2NiBMMzQuOTM3OTQ3MSwxNi42NzUzMjQ3IEMzNC45Mzc5NDcxLDE3LjEzNDU0NTUgMzQuNTY5NDE3NiwxNy41MDY0OTM1IDM0LjExNDQxNzYsMTcuNTA2NDkzNSBNNy43NjcyNDExOCwxNy44NTAxODE4IEM3LjMyMzM1ODgyLDE3Ljg1MDE4MTggNi45NTczLDE3LjQ5NDAyNiA2Ljk0NDUzNTI5LDE3LjA0MzUzMjUgQzYuOTQwNDE3NjUsMTYuOTAzODk2MSA2LjkzODM1ODgyLDE2Ljc2Mzg0NDIgNi45MzgzNTg4MiwxNi42MjMzNzY2IEM2LjkzODM1ODgyLDE2LjE2NDU3MTQgNy4zMDY4ODgyNCwxNS43NzkzMjQ3IDcuNzYxODg4MjQsMTUuNzc5MzI0NyBDOC4yMTY0NzY0NywxNS43NzkzMjQ3IDguNTg1NDE3NjUsMTYuMTM4Mzg5NiA4LjU4NTQxNzY1LDE2LjU5NzYxMDQgQzguNTg1NDE3NjUsMTYuNjAzODQ0MiA4LjU4NTQxNzY1LDE2LjYzNjY3NTMgOC41ODUwMDU4OCwxNi42NDI5MDkxIEM4LjU4NTQxNzY1LDE2Ljc0NzYzNjQgOC41ODcwNjQ3MSwxNi44NzE0ODA1IDguNTkwNzcwNTksMTYuOTk0OTA5MSBDOC42MDM5NDcwNiwxNy40NTM3MTQzIDguMjQ2MTIzNTMsMTcuODM2NDY3NSA3Ljc5MTUzNTI5LDE3Ljg0OTc2NjIgQzcuNzgzMywxNy44NTAxODE4IDcuNzc1MDY0NzEsMTcuODUwMTgxOCA3Ljc2NzI0MTE4LDE3Ljg1MDE4MTggTTIzLjE4NjE4MjQsMzAuNTYwNDE1NiBDMjIuNzkyOTQ3MSwzMC41NjA0MTU2IDIyLjQ0NTAwNTksMzAuMjc0OTA5MSAyMi4zNzU4Mjk0LDI5Ljg3MDEyOTkgQzIyLjI5ODQxNzYsMjkuNDE3OTc0IDIyLjU5OTQxNzYsMjguOTg3ODQ0MiAyMy4wNDc4Mjk0LDI4LjkwOTcxNDMgQzIzLjE3NjcxMTgsMjguODg3Njg4MyAyMy4zMDUxODI0LDI4Ljg2MzE2ODggMjMuNDMyNDE3NiwyOC44MzY5ODcgQzIzLjg3NzUzNTMsMjguNzQzODk2MSAyNC4zMTMxODI0LDI5LjAzMzk3NCAyNC40MDQ1OTQxLDI5LjQ4MzYzNjQgQzI0LjQ5NjQxNzYsMjkuOTMzMjk4NyAyNC4yMDk0MTc2LDMwLjM3MjU3MTQgMjMuNzYzODg4MiwzMC40NjUyNDY4IEMyMy42MTg5NDcxLDMwLjQ5NTE2ODggMjMuNDczNTk0MSwzMC41MjI1OTc0IDIzLjMyNzAwNTksMzAuNTQ4MzYzNiBDMjMuMjgwMDY0NywzMC41NTYyNTk3IDIzLjIzMjcxMTgsMzAuNTYwNDE1NiAyMy4xODYxODI0LDMwLjU2MDQxNTYgTTE5LjAyNjk0NzEsMzAuNjE0NDQxNiBDMTguOTg3ODI5NCwzMC42MTQ0NDE2IDE4Ljk0Nzg4ODIsMzAuNjExNTMyNSAxOC45MDc1MzUzLDMwLjYwNTcxNDMgQzE4Ljc2MDUzNTMsMzAuNTg0MTAzOSAxOC42MTQzNTg4LDMwLjU2IDE4LjQ2OTAwNTksMzAuNTM0MjMzOCBDMTguMDIxNDE3NiwzMC40NTM2MTA0IDE3LjcyMjg4ODIsMzAuMDIyMjMzOCAxNy44MDI3NzA2LDI5LjU3MDA3NzkgQzE3Ljg4MjI0MTIsMjkuMTE3OTIyMSAxOC4zMTA4ODgyLDI4LjgxNjYyMzQgMTguNzU4MDY0NywyOC44OTcyNDY4IEMxOC44ODYxMjM1LDI4LjkyMDUxOTUgMTkuMDE1MDA1OSwyOC45NDE3MTQzIDE5LjE0NDcxMTgsMjguOTYwODMxMiBDMTkuNTk0NzcwNiwyOS4wMjY0OTM1IDE5LjkwNjQ3NjUsMjkuNDQ4MzExNyAxOS44NDEwMDU5LDI5LjkwMjU0NTUgQzE5Ljc4MTMsMzAuMzE2NDY3NSAxOS40MjkyNDEyLDMwLjYxNDQ0MTYgMTkuMDI2OTQ3MSwzMC42MTQ0NDE2IiBpZD0iRmlsbC03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjg2ODA4NTMsMTQuNzYxNTE0MSBDMjEuODM1MDA0LDE1LjU3MjE5NzcgMjAuMzg4MTgzOSwxNS41NzIxOTc3IDE5LjM1NTEwMjYsMTQuNzYxNTE0MSBMMTcuNjcwMjY4NiwxMy40Mzk0OTE4IEMxNi42NTMzOTI1LDEyLjY0MTU3ODggMTUuMzc2NzI2OSwxMi4xNjM0NDQgMTMuOTg2NjI1LDEyLjE2OTA2MzEgQzEwLjgxMzQ0NSwxMi4xODIzNDQ2IDguMTMxNDg1MDEsMTQuODIxMjgwOSA4LjA0NDg4ODQ5LDE4LjAyMDU5NTMgQzcuOTUxNzA4NjIsMjEuNDIzNzMgMTAuNjU4OTg5MiwyNC4yMTE4MjggMTQuMDExOTQ1NiwyNC4yMTE4MjggQzE1LjM5MTkxOTMsMjQuMjExODI4IDE2LjY1OTQ2OTUsMjMuNzM1MjI1NyAxNy42NzAyNjg2LDIyLjk0MTM5OTMgTDE5LjM1NTEwMjYsMjEuNjE5ODg3OCBDMjAuMzg4MTgzOSwyMC44MDg2OTMzIDIxLjgzNTAwNCwyMC44MDg2OTMzIDIyLjg2ODA4NTMsMjEuNjE5ODg3OCBMMjQuNTUyOTE5MywyMi45NDEzOTkzIEMyNS41Njk3OTUzLDIzLjczOTgyMzEgMjYuODQ2NDYwOSwyNC4yMTc5NTc5IDI4LjIzNjU2MjksMjQuMjExODI4IEMzMS40MDkyMzY1LDI0LjE5OTA1NzMgMzQuMDkxMTk2NCwyMS41NjAxMjEgMzQuMTc4Mjk5NCwxOC4zNjAyOTU4IEMzNC4yNzE0NzkzLDE0Ljk1NzE2MTEgMzEuNTY0MTk4NywxMi4xNjkwNjMxIDI4LjIxMTI0MjMsMTIuMTY5MDYzMSBDMjYuODMxMjY4NiwxMi4xNjkwNjMxIDI1LjU2MzcxODQsMTIuNjQ2MTc2MiAyNC41NTI5MTkzLDEzLjQzOTQ5MTggTDIyLjg2ODA4NTMsMTQuNzYxNTE0MSBaIiBpZD0iUGFnZS0xIiBmaWxsPSIjM0I5OUZGIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5OyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQtQ29weS00IiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjE2LjUzMTkxNDkgOC44MzM4MDU1NyAxNy40MjU1MzE5IDguODMzODA1NTcgMTcuNDI1NTMxOSA5LjczNTIxNDAyIDE2LjUzMTkxNDkgOS43MzUyMTQwMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNTMxOTE1LCAyLjI1MzUyMSkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42ODA4NTEsIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4zODI5NzksIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjY4MDg1MSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjM4Mjk3OSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering06] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=metering06]:before {width: 34px; height: 34px;  margin-top: -17px; background-image: url(/assets/images/contents_sprites.png); background-position: -317px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=metering06]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=invoice01] { padding-left: 60px; }
.page-report .tbl-subscribe-setting .report-item[data-state=invoice01]:before {width: 34px; height: 34px;  margin-top: -17px; background-image: url(/assets/images/contents_sprites.png); background-position: -317px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=invoice01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=by-summary] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=by-summary]:before {width: 44px; height: 30px; margin-top: -15px;  background-image: url(/assets/images/contents_sprites.png); background-position: -479px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=by-summary]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=by-usage] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=by-usage]:before {width: 42px; height: 32px; margin-top: -16px;  background-image: url(/assets/images/contents_sprites.png); background-position: -744px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=by-usage]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=by-performance] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=by-performance]:before {width: 47px; height: 30px; margin-top: -15px;  background-image: url(/assets/images/contents_sprites.png); background-position: -426px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=by-performance]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item[data-state=by-service-group] { padding-left: 65px; }
.page-report .tbl-subscribe-setting .report-item[data-state=by-service-group]:before {width: 43px; height: 32px; margin-top: -16px;  background-image: url(/assets/images/contents_sprites.png); background-position: -695px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item[data-state=by-service-group]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscribe-setting .report-item .report-item-title {font-size: 1rem; font-weight: 700; line-height: 70px;  display: inline-block; color: #000; }
.page-report .tbl-subscribe-setting .report-item .report-info { display: inline-block; margin: -2px 0 0 7px; vertical-align: middle; }
.page-report .tbl-subscribe-setting .report-item .report-info span {font-size: .75rem; font-weight: 400; line-height: 18px;  display: inline-block; box-sizing: border-box; height: 20px; padding: 0 5px; vertical-align: middle; color: #666; border: 1px solid #ddd; }
.page-report .tbl-subscribe-setting .report-item .report-info span.vendor:before {display: inline-block; margin-top: -2px; margin-right: 3px;  content: ''; vertical-align: middle; }
.page-report .tbl-subscribe-setting .report-item .report-info span.vendor.aws:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -344px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item .report-info span.vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .report-item .report-info span.vendor.azure:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -488px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item .report-info span.vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .report-item .report-info span.vendor.google:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -146px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item .report-info span.vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .report-item .report-info span.vendor.alibaba:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -272px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .report-item .report-info span.vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .list-subscriptions { display: block; padding-right: 40px; text-align: right; }
.page-report .tbl-subscribe-setting .list-subscriptions > li { display: inline-block; padding-left: 40px; }
.page-report .tbl-subscribe-setting .list-subscriptions > li:first-child { padding-left: 0; }
.page-report .tbl-subscribe-setting .list-subscriptions > li .key {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: inline-block; color: #666; }
.page-report .tbl-subscribe-setting .list-subscriptions > li .key:before {display: inline-block; width: 17px; height: 13px; margin: -2px 6px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -607px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .list-subscriptions > li .key:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .list-subscriptions > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: inline-block; min-width: 25px; text-align: right; color: #1f7eff; }
.page-report .tbl-subscribe-setting .btn-toggle { display: block; width: 20px; height: 20px; margin: 0 auto; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -342px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .btn-toggle { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .btn-toggle:before { content: none; }
.page-report .tbl-subscribe-setting .btn-toggle[data-state=shut] {width: 20px; height: 20px;  background-image: url(/assets/images/sprites.png); background-position: -667px -394px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting .btn-toggle[data-state=shut] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting .btn-toggle[disabled] { opacity: .15; }
.page-report .tbl-subscribe-setting-inner { width: 100%; background-color: #f8f8f8; }
.page-report .tbl-subscribe-setting-inner > thead th {font-size: .75rem; font-weight: 500; position: relative;  height: 30px; text-align: center; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #e6e6e6; }
.page-report .tbl-subscribe-setting-inner > thead th:before {position: absolute; top: 4px; bottom: 4px; left: 0px; display: block; width: 1px;  content: ''; background-color: #e6e6e6; }
.page-report .tbl-subscribe-setting-inner > thead th:first-child:before { content: none; }
.page-report .tbl-subscribe-setting-inner > tbody th , .page-report .tbl-subscribe-setting-inner > tbody td {font-size: .875rem; font-weight: 400; line-height: 1.78571em;  padding: 16px 15px; color: #333; border-left: 1px solid #e6e6e6; }
.page-report .tbl-subscribe-setting-inner > tbody th:first-child , .page-report .tbl-subscribe-setting-inner > tbody td:first-child { border-left-width: 0; }
.page-report .tbl-subscribe-setting-inner > tbody th.idx , .page-report .tbl-subscribe-setting-inner > tbody td.idx {font-size: .75rem;  padding-right: 20px; padding-left: 20px; text-align: center; }
.page-report .tbl-subscribe-setting-inner > tbody .c { text-align: center; }
.page-report .tbl-subscribe-setting-inner > tbody .title {position: relative;  display: inline-block; padding-left: 32px; }
.page-report .tbl-subscribe-setting-inner > tbody .title:before {position: absolute; top: 2px; left: 0; display: block; width: 19px; height: 15px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -544px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting-inner > tbody .title:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting-inner > tbody .btn-recipient {line-height: 1.42857em; position: relative;  display: inline-block; padding-left: 22px; text-decoration: underline; color: #333; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-recipient:before {position: absolute; top: 2px; left: 0; width: 16px; height: 17px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -696px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting-inner > tbody .btn-recipient:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting-inner > tbody .btn-history { line-height: 1.66667em; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-history time {white-space: nowrap; text-decoration: underline;  color: #333; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-history .status { display: inline-block; color: #5fab1b; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-history .status.fail { color: #ff2d47; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-history .status.wait { color: #ff6e00; }
.page-report .tbl-subscribe-setting-inner > tbody .btn-edit { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting-inner > tbody .btn-edit { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscribe-setting-inner > tbody .btn-delete { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscribe-setting-inner > tbody .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.page-report .layout-option-contents .common-tabs { margin-top: 20px; }
.page-report .layout-option-contents .common-tabs > .btn {width: 33.3%;  padding: 0; }
.page-report .layout-option-contents .option-section { padding: 30px 4px 50px 13px; }
.page-report .layout-option-contents .option-section .option-section-title {font-size: .875rem; font-weight: 700;  display: block; color: #000; }
.page-report .layout-option-contents .option-section .option-section-title.hidden { display: none; }
.page-report .layout-option-contents .option-section .created {font-size: .75rem; line-height: 1.5em;  display: block; margin-top: 5px; color: #999; }
.page-report .layout-option-contents .option-section .caution {font-size: .75rem; line-height: 1.66667em;  display: block; margin-top: 5px; color: #0079ff; }
.page-report .layout-option-contents .option-section .option-section-description {font-size: .75rem; line-height: 2.16667em;  display: block; margin-right: -20px; letter-spacing: -.05em; color: #999; }
.page-report .layout-option-contents .option-section ~ .option-section { border-top: 1px solid #eee; }
.page-report .layout-option-contents .option-section .export-setting-item .multiple { display: inline-block; margin-left: 6px; }
.page-report .layout-option-contents .option-section .export-setting-item .multiple:first-child { margin-left: 0; }
.page-report .layout-option-contents .option-section .export-setting-item .multiple:first-child select { min-width: 120px; }
.page-report .layout-option-contents .option-section .export-setting-item .multiple select { font-size: .875rem; min-width: 200px; }
.page-report .layout-option-contents .option-section .list-category > li { overflow: hidden; padding: 28px 0 23px 0; }
.page-report .layout-option-contents .option-section .list-category > li:first-child { padding-top: 0px; }
.page-report .layout-option-contents .option-section .list-category > li span {font-size: .875rem; font-weight: 700; line-height: 24px;  display: block; float: left; box-sizing: border-box; width: 33.967%; padding-right: 15px; color: #000; }
.page-report .layout-option-contents .option-section .list-category > li + li { border-top: 1px solid #eee; }
.page-report .layout-option-contents .option-section .list-category > li .list-items { display: block; float: left; }
.page-report .layout-option-contents .option-section .list-category > li .list-items > li {font-size: .75rem; font-weight: 500; line-height: 24px;  margin-bottom: 8px; color: #698db8; }
.page-report .layout-option-contents .option-section .list-log > li { position: relative; padding: 15px 0 19px 20px; border-bottom: 1px solid #eee; }
.page-report .layout-option-contents .option-section .list-log > li:first-child { padding-top: 0px; }
.page-report .layout-option-contents .option-section .list-log > li .btn-download {position: absolute; right: 10px; bottom: 17px;  display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -360px -475px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .option-section .list-log > li .btn-download { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .option-section .list-log > li .time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; position: relative;  display: block; color: #999; }
.page-report .layout-option-contents .option-section .list-log > li .time:before {position: absolute; top: 50%; left: -20px; display: block; width: 14px; height: 14px; margin-top: -7px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -46px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .option-section .list-log > li .time:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .option-section .list-log > li .description {font-size: .75rem; line-height: 19px;  margin-top: 7px; color: #000; }
.page-report .layout-option-contents .option-section .list-log > li .description:after {display: inline-block; margin-top: -2px; margin-left: 5px;  content: ''; vertical-align: middle; }
.page-report .layout-option-contents .option-section .list-log > li .description.excel:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -524px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .option-section .list-log > li .description.excel:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .option-section .list-log > li .description.pdf:after {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -254px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .option-section .list-log > li .description.pdf:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .option-section .list-log > li .description.csv:after {width: 12px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .option-section .list-log > li .description.csv:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-report .layout-option-contents .option-section .option-section-btns { margin-top: 30px; text-align: center; }
.page-report .layout-option-contents .option-section .option-section-btns .button-normal { min-width: 150px; }
.page-report .layout-option-contents .export-setting .export-setting-item .label {font-size: .75rem; font-weight: 700;  display: block; margin-top: 29px; margin-bottom: 8px; color: #999; }
.page-report .layout-option-contents .export-setting .export-setting-item input[type=text] { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 28px; width: 120px; height: 30px; }
.page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt { display: inline-block; margin: 0 10px 0 0; }
.page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt:before {display: inline-block; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; }
.page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.excel:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -524px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.excel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.pdf:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -254px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.pdf:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.csv:before {width: 12px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .export-setting .export-setting-item .chexkbox-radio .txt.csv:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.page-report .layout-option-contents .export-setting .export-setting-item span.daterange { width: 210px; }
.page-report .layout-option-contents .export-setting .export-setting-item span.daterange input[type=text].daterange { width: 100%; }
.page-report .layout-option-contents .export-setting .export-setting-item span.multiselect-native-select { width: 100%; }
.page-report .layout-option-contents .export-setting .export-setting-item span.multiselect-native-select .btn-group.default .multiselect {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; line-height: 28px;  height: 30px; }
.page-report .layout-option-contents .export-setting .button-normal { display: block; width: 220px; margin: 30px auto 0 auto; }
.page-report .layout-option-contents .detail-info { margin-top: 30px; }
.page-report .layout-option-contents .detail-info .preview {position: relative;  display: block; box-sizing: border-box; height: 180px; border: 1px solid #eee; background-color: #f4f4f4; }
.page-report .layout-option-contents .detail-info .preview:before {position: absolute; top: 50%; left: 50%; display: block; width: 83px; height: 54px; margin-top: -27px; margin-left: -41.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -113px -410px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .detail-info .preview:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .detail-info .list-detail-info {font-size: .75rem;  margin-top: 7px; padding: 0 20px; }
.page-report .layout-option-contents .detail-info .list-detail-info dt {font-weight: 700;  display: block; margin-top: 25px; color: #999; }
.page-report .layout-option-contents .detail-info .list-detail-info dd { display: block; margin-top: 6px; color: #000; }
.page-report .layout-option-contents .detail-info .btns { padding: 5px 0; }
.page-report .layout-option-contents .summary-subscription { display: block; margin-top: 20px; padding: 11px 0 13px 0; text-align: center; border: 1px solid #1886ff; }
.page-report .layout-option-contents .summary-subscription li {font-size: .75rem;  display: inline-block; padding: 0 15px; text-align: center; }
.page-report .layout-option-contents .summary-subscription li .key {font-weight: 400; line-height: 1.66667em;  display: block; color: #666; }
.page-report .layout-option-contents .summary-subscription li .value {font-weight: 500; line-height: 1.66667em;  display: block; color: #000; }
.page-report .layout-option-contents .summary-subscription li .value:before {display: inline-block; width: 13px; height: 10px; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -462px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .summary-subscription li .value:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .summary-subscription li .value[data-state=none]:before { content: none; }
.page-report .layout-option-contents .summary-subscription[data-state=none] { padding-top: 21px; padding-bottom: 23px; border-color: #ccc; }
.page-report .layout-option-contents .summary-subscription[data-state=none] li { color: #999; }
.page-report .layout-option-contents .total-subscription .total-subscription-title {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 30px; padding-bottom: 10px; color: #000; border-bottom: 1px solid #979797; }
.page-report .layout-option-contents .total-subscription .subscription-item {position: relative;  display: block; padding: 15px 0 15px 36px; }
.page-report .layout-option-contents .total-subscription .subscription-item:before {position: absolute; top: 19px; left: 4px; display: block; width: 20px; height: 15px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -518px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .total-subscription .subscription-item:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-title {font-size: .875rem; font-weight: 700; line-height: 1.42857em;  display: block; color: #000; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info { font-size: .75rem; font-weight: 400; color: #666; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .repeat { line-height: 1.66667em; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .repeat + a:before {line-height: 1.66667em; display: inline-block; margin: -4px 7px 0 10px;  content: '|'; vertical-align: middle; color: #979797; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-recipient {line-height: 1.66667em; text-decoration: underline;  color: #666; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-history { line-height: 1.66667em; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-history time {text-decoration: underline;  color: #999; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-history .status { display: inline-block; margin-left: 3px; color: #5fab1b; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-history .status.fail { color: #ff2d47; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info .btn-history .status.wait { color: #ff6e00; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-info p { margin-top: 5px; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-utils {position: absolute; top: 50%; right: 0;  display: block; margin-top: -10px; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-utils .btn-edit {font-size: .75rem; font-weight: 700; line-height: 1.66667em;  display: inline-block; height: 20px; padding: 0 10px; color: #fff; background-color: #000; }
.page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-utils .btn-delete { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -667px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .layout-option-contents .total-subscription .subscription-item .subscription-item-utils .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .layout-option-contents .total-subscription .list-subscription li { border-bottom: 1px solid #ccc; }
.page-report .forms-subscription .common-tabs { margin-top: 20px; }
.page-report .forms-subscription .fieldset-recipients { margin-top: 30px; border-top: 1px solid #bbb; }
.page-report .forms-subscription .fieldset-recipients .selected-recipients { overflow: scroll; overflow-x: hidden; max-height: 100px; }
.page-report .forms-subscription .fieldset-recipients .selected-recipients .selected-item {font-size: .75rem; font-weight: 700; line-height: 23px; position: relative;  display: block; float: left; box-sizing: border-box; height: 25px; margin-right: 9px; margin-bottom: 10px; padding: 0 25px 0 15px; color: #1670e7; border: 1px solid #1670e7; border-radius: 5px; background-color: #fff; }
.page-report .forms-subscription .fieldset-recipients .selected-recipients .selected-item button {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 20px;  padding: 5px; }
.page-report .forms-subscription .fieldset-recipients .selected-recipients .selected-item button em { position: absolute; top: 50%; right: 7px; overflow: hidden; width: 9px; height: 9px; margin-top: -4.5px; white-space: nowrap; text-indent: 100%; background-image: url(/assets/images/sprites.png); background-position: -739px -658px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .forms-subscription .fieldset-recipients .selected-recipients .selected-item button em { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .forms-subscription .fieldset-recipients .forms-item { margin-top: 14px; }
.page-report .forms-subscription .fieldset-recipients .multiselect-group label { padding: 10px 0px 10px 20px !important; }
.page-report .forms-subscription .fieldset-recipients .multiselect-group label:before , .page-report .forms-subscription .fieldset-recipients .multiselect-group label:after { content: none !important; }
.page-report .forms-subscription .fieldset-cycle { margin-top: 14px; padding-top: 10px; border-top: 1px solid #bbb; }
.page-report .forms-subscription .fieldset-cycle label { font-size: .75rem; font-weight: 700; line-height: 1.25em; color: #999; }
.page-report .forms-subscription .fieldset-cycle label + .forms-item { margin-top: 6px; }
.page-report .forms-subscription .fieldset-cycle .forms-item label { font-size: .75rem; font-weight: 400; line-height: 1.44444em; color: #666; }
.page-report .forms-subscription .fieldset-cycle .forms-item label + label { margin: 10px 0 0; }
.page-report .forms-subscription .forms-item { margin-top: 20px; }
.page-report .forms-subscription .forms-item label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #999; }
.page-report .forms-subscription .forms-item select {font-size: .75rem; font-weight: 400;  display: block; width: 100%; }
.page-report .forms-subscription .forms-item input[type=text] { font-size: .75rem; font-weight: 400; }
.page-report .forms-subscription .forms-item.report-item { border-top: 1px solid #ddd; }
.page-report .forms-subscription .forms-item.report-item .head {font-size: .75rem;  padding: 20px 0; color: #666; }
.page-report .forms-subscription .forms-item.report-item label {font-size: .75rem; display: inline-block; margin: 0 0 0 40px;  color: #000; }
.page-report .forms-subscription .forms-item.report-item label.first { margin: 0; }
.page-report .forms-subscription .form-column { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.page-report .forms-subscription .form-column .forms-item { -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }
.page-report .forms-subscription .form-column .forms-item ~ .forms-item { margin-left: 12px; }
.page-report .frequency-case { margin-top: 13px; padding: 10px 30px 30px 30px; background-color: #efefef; }
.page-report .frequency-case.invoice { margin: 10px 0 16px 0; padding: 15px; }
.page-report .frequency-case.invoice .forms-item { margin-top: 8px; }
.page-report .frequency-case.invoice .frequency-desc { margin-top: 0; }
.page-report .frequency-case label {font-size: .75rem; font-weight: 400 !important; line-height: 1em !important;  display: block; color: #666; }
.page-report .frequency-case label + .forms-item { margin-top: 20px; }
.page-report .frequency-case .forms-item { margin-top: 20px; }
.page-report .frequency-case .forms-item.date { overflow: hidden; }
.page-report .frequency-case .forms-item.date input[type=radio] + label , .page-report .frequency-case .forms-item.date input[type=checkbox] + label {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 32px !important;  display: block; float: left; box-sizing: border-box; width: 34px; height: 34px; margin: 0 -1px -1px 0; padding: 0; text-align: center; color: #ccc; border: 1px solid #ddd; background-color: #fff; }
.page-report .frequency-case .forms-item.date input[type=radio] + label:before , .page-report .frequency-case .forms-item.date input[type=radio] + label:after , .page-report .frequency-case .forms-item.date input[type=checkbox] + label:before , .page-report .frequency-case .forms-item.date input[type=checkbox] + label:after { content: none; }
.page-report .frequency-case .forms-item.date input[type=radio][disabled] + label , .page-report .frequency-case .forms-item.date input[type=checkbox][disabled] + label { color: #dedede; background-color: rgba(239, 239, 239, .3); }
.page-report .frequency-case .forms-item.date input[type=radio]:checked + label , .page-report .frequency-case .forms-item.date input[type=checkbox]:checked + label { color: #fff; border: 1px solid #555; background-color: #666; }
.page-report .frequency-case .cost-calculated { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.page-report .frequency-case .cost-calculated label { display: inline-block; }
.page-report .frequency-case .cost-calculated label ~ label { margin-left: 40px; }
.page-report .frequency-case .frequency-desc {font-size: .75rem; font-weight: 400; line-height: 1.58333em;  display: block; margin-top: 20px; color: #4a90e2; }
.page-report .search-report-subscription { margin-bottom: 40px; padding: 0 0 0 7px; }
.page-report .search-report-subscription label {font-size: .75rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 7px; color: #000; }
.page-report .search-report-subscription .btn-apply {font-size: .875rem; font-weight: 700; line-height: 40px;  height: 40px; }
.page-report .tbl-subscription-detail {font-size: .75rem; font-weight: 400; width: 100%;  margin-top: 20px; color: #000; border-bottom: 1px solid #e6e6e6; }
.page-report .tbl-subscription-detail > tbody th {font-weight: 500; line-height: 40px; height: 45px;  padding: 5px 0 4px 13px; text-align: left; vertical-align: top; border-top: 1px solid #e6e6e6; }
.page-report .tbl-subscription-detail > tbody td { padding: 5px 0 4px 0; border-top: 1px solid #e6e6e6; }
.page-report .tbl-subscription-detail > tbody td .multiselect-group label { padding: 10px 0px 10px 20px !important; }
.page-report .tbl-subscription-detail > tbody td .multiselect-group label:before , .page-report .tbl-subscription-detail > tbody td .multiselect-group label:after { content: none !important; }
.page-report .tbl-subscription-detail > tbody td textarea {font-size: .875rem; font-weight: 500;  margin: 15px 0 26px 0; padding: 13px 10px; color: #ccc; }
.page-report .tbl-subscription-detail .file-format {font-size: .75rem; font-weight: 400;  display: inline-block; color: #000; }
.page-report .tbl-subscription-detail .file-format:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.page-report .tbl-subscription-detail .file-format[data-state=excel]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -524px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .file-format[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscription-detail .file-format[data-state=pdf]:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -254px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .file-format[data-state=pdf]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-report .tbl-subscription-detail .report-item-title { font-size: .75rem; font-weight: 700; line-height: 1.66667em; color: #000; }
.page-report .tbl-subscription-detail .report-item-title:before {display: inline-block; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; }
.page-report .tbl-subscription-detail .report-item-title[data-state=metering01]:before {width: 30px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -815px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=metering01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=metering02]:before {width: 30px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -851px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=metering02]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=metering03]:before {width: 32px; height: 24px;  background-image: url(/assets/images/contents_sprites.png); background-position: -777px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=metering03]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=metering04]:before {width: 35px; height: 26px;  background-image: url(/assets/images/contents_sprites.png); background-position: -659px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=metering04]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=metering05]:before {width: 34px; height: 27px;  background-image: url(/assets/images/contents_sprites.png); background-position: -619px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=metering05]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=by-rsrcOpti]:before {width: 30px; height: 24px;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgNDIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5ICg4NjEyNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgMjYgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSIyMDE5LjA4LjA5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE3LjAwMDAwMCwgLTM2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI2LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNy4wMDAwMDAsIDM2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwyNS41MTMxNDI5IEwxMy45MTc2NDcxLDI1LjUxMzE0MjkgTDEzLjkxNzY0NzEsMTkuOTQ4MDUxOSBMMCwxOS45NDgwNTE5IEwwLDI1LjUxMzE0MjkgWiBNMS42NDc0NzA1OSwyMy44NTA4MDUyIEwxMi4yNzA1ODgyLDIzLjg1MDgwNTIgTDEyLjI3MDU4ODIsMjEuNjEwMzg5NiBMMS42NDc0NzA1OSwyMS42MTAzODk2IEwxLjY0NzQ3MDU5LDIzLjg1MDgwNTIgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMzIgTDEzLjkxNzY0NzEsMzIgTDEzLjkxNzY0NzEsMjYuNDM0OTA5MSBMMCwyNi40MzQ5MDkxIEwwLDMyIFogTTEuNjQ3NDcwNTksMzAuMzM4MDc3OSBMMTIuMjcwNTg4MiwzMC4zMzgwNzc5IEwxMi4yNzA1ODgyLDI4LjA5NzI0NjggTDEuNjQ3NDcwNTksMjguMDk3MjQ2OCBMMS42NDc0NzA1OSwzMC4zMzgwNzc5IFoiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDUuNTY1MDkwOTEgTDI3Ljg5NzA1ODgsNS41NjUwOTA5MSBMMjcuODk3MDU4OCwwIEwxMy45Nzk0MTE4LDAgTDEzLjk3OTQxMTgsNS41NjUwOTA5MSBaIE0xNS42MjY0NzA2LDMuOTAyNzUzMjUgTDI2LjI1LDMuOTAyNzUzMjUgTDI2LjI1LDEuNjYyMzM3NjYgTDE1LjYyNjQ3MDYsMS42NjIzMzc2NiBMMTUuNjI2NDcwNiwzLjkwMjc1MzI1IFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45Nzk0MTE4LDEyLjA1MTk0ODEgTDI3Ljg5NzA1ODgsMTIuMDUxOTQ4MSBMMjcuODk3MDU4OCw2LjQ4Njg1NzE0IEwxMy45Nzk0MTE4LDYuNDg2ODU3MTQgTDEzLjk3OTQxMTgsMTIuMDUxOTQ4MSBaIE0xNS42MjY0NzA2LDEwLjM4OTYxMDQgTDI2LjI1LDEwLjM4OTYxMDQgTDI2LjI1LDguMTQ5MTk0ODEgTDE1LjYyNjQ3MDYsOC4xNDkxOTQ4MSBMMTUuNjI2NDcwNiwxMC4zODk2MTA0IFoiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOCwyNS41MTMxNDI5IEw0MS45MTcyMzUzLDI1LjUxMzE0MjkgTDQxLjkxNzIzNTMsMTkuOTQ4MDUxOSBMMjgsMTkuOTQ4MDUxOSBMMjgsMjUuNTEzMTQyOSBaIE0yOS42NDcwNTg4LDIzLjg1MDgwNTIgTDQwLjI3MDU4ODIsMjMuODUwODA1MiBMNDAuMjcwNTg4MiwyMS42MTAzODk2IEwyOS42NDcwNTg4LDIxLjYxMDM4OTYgTDI5LjY0NzA1ODgsMjMuODUwODA1MiBaIiBpZD0iRmlsbC01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjgsMzIgTDQxLjkxNzIzNTMsMzIgTDQxLjkxNzIzNTMsMjYuNDM0OTA5MSBMMjgsMjYuNDM0OTA5MSBMMjgsMzIgWiBNMjkuNjQ3MDU4OCwzMC4zMzgwNzc5IEw0MC4yNzA1ODgyLDMwLjMzODA3NzkgTDQwLjI3MDU4ODIsMjguMDk3MjQ2OCBMMjkuNjQ3MDU4OCwyOC4wOTcyNDY4IEwyOS42NDcwNTg4LDMwLjMzODA3NzkgWiIgaWQ9IkZpbGwtNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjAzNTI0MTIsOC45MDkyOTg3IEMzMC44MDA1MzUzLDguOTA5Mjk4NyAzMC41NjcwNjQ3LDguODA4MzExNjkgMzAuNDA0NDE3Niw4LjYxMjU3MTQzIEMzMC4zMjAwMDU5LDguNTExNTg0NDIgMzAuMjM0NzcwNiw4LjQxMTg0NDE2IDMwLjE0NzQ3NjUsOC4zMTM3NjYyMyBDMjkuODQ0MDA1OSw3Ljk3MTc0MDI2IDI5Ljg3MjgyOTQsNy40NDYwMjU5NyAzMC4yMTE3MTE4LDcuMTQwMTU1ODQgQzMwLjU1MDE4MjQsNi44MzQyODU3MSAzMS4wNzA2NTI5LDYuODYyOTYxMDQgMzEuMzc0NTM1Myw3LjIwNDk4NzAxIEMzMS40NzI5NDcxLDcuMzE2MzYzNjQgMzEuNTcwMTIzNSw3LjQyODk4NzAxIDMxLjY2NTI0MTIsNy41NDM2ODgzMSBDMzEuOTU4MDA1OSw3Ljg5NTI3MjczIDMxLjkxMjcxMTgsOC40MTkzMjQ2OCAzMS41NjQzNTg4LDguNzE0Mzg5NjEgQzMxLjQxMDM1ODgsOC44NDUyOTg3IDMxLjIyMjE4MjQsOC45MDkyOTg3IDMxLjAzNTI0MTIsOC45MDkyOTg3IE0xMC41OTE5NDcxLDkuMjE3NjYyMzQgQzEwLjQxMzI0MTIsOS4yMTc2NjIzNCAxMC4yMzMzLDkuMTU5NDgwNTIgMTAuMDgyMTgyNCw5LjAzODk2MTA0IEM5LjcyNTE4MjM1LDguNzU0Mjg1NzEgOS42NjQ2NTI5NCw4LjIzMTQ4MDUyIDkuOTQ2Myw3Ljg3MTE2ODgzIEMxMC4wMzgxMjM1LDcuNzU0Mzg5NjEgMTAuMTMxNTk0MSw3LjYzODQ0MTU2IDEwLjIyNjcxMTgsNy41MjQxNTU4NCBDMTAuNTIwMyw3LjE3MzQwMjYgMTEuMDM5OTQ3MSw3LjEyODUxOTQ4IDExLjM4NzQ3NjUsNy40MjQ0MTU1OCBDMTEuNzM1MDA1OSw3LjcyMDcyNzI3IDExLjc3OTQ3NjUsOC4yNDQ3NzkyMiAxMS40ODYzLDguNTk1OTQ4MDUgQzExLjQwMjMsOC42OTY1MTk0OCAxMS4zMTk1MzUzLDguNzk4MzM3NjYgMTEuMjM4ODI5NCw4LjkwMTgxODE4IEMxMS4wNzYxODI0LDkuMTA5MTk0ODEgMTAuODM1Myw5LjIxNzY2MjM0IDEwLjU5MTk0NzEsOS4yMTc2NjIzNCBNMzMuMzI0MjQxMiwxMi45MDc2MzY0IEMzMi45ODc4Mjk0LDEyLjkwNzYzNjQgMzIuNjcyMDA1OSwxMi42OTc3NjYyIDMyLjU1MDUzNTMsMTIuMzYwMzExNyBDMzIuNTA1NjUyOSwxMi4yMzYwNTE5IDMyLjQ1OTEyMzUsMTIuMTEyNjIzNCAzMi40MTAxMjM1LDExLjk5MDAyNiBDMzIuMjQxMywxMS41NjQwNTE5IDMyLjQ0NjM1ODgsMTEuMDgwMzExNyAzMi44Njg0MTc2LDEwLjkwOTUwNjUgQzMzLjI5MDQ3NjUsMTAuNzM4NzAxMyAzMy43Njk3NzA2LDEwLjk0NTY2MjMgMzMuOTM5MDA1OSwxMS4zNzIwNTE5IEMzMy45OTQxODI0LDExLjUxMDg1NzEgMzQuMDQ3MywxMS42NTA5MDkxIDM0LjA5Nzk0NzEsMTEuNzkxNzkyMiBDMzQuMjUzNTk0MSwxMi4yMjMxNjg4IDM0LjAzMzMsMTIuNzAwMjU5NyAzMy42MDU4ODgyLDEyLjg1NzM1MDYgQzMzLjUxMjgyOTQsMTIuODkxNDI4NiAzMy40MTc3MTE4LDEyLjkwNzYzNjQgMzMuMzI0MjQxMiwxMi45MDc2MzY0IE04LjQyMzE4MjM1LDEzLjI4MjA3NzkgQzguMzM3OTQ3MDYsMTMuMjgyMDc3OSA4LjI1MTA2NDcxLDEzLjI2ODc3OTIgOC4xNjU0MTc2NSwxMy4yNDAxMDM5IEM3LjczMzQ3NjQ3LDEzLjA5NjcyNzMgNy40OTg3NzA1OSwxMi42MjcxMTY5IDcuNjQwODI5NDEsMTIuMTkwNzUzMiBDNy42ODczNTg4MiwxMi4wNDg2MjM0IDcuNzM2MzU4ODIsMTEuOTA3MzI0NyA3Ljc4NzQxNzY1LDExLjc2Njg1NzEgQzcuOTQzMDY0NzEsMTEuMzM1NDgwNSA4LjQxNzgyOTQxLDExLjExNDM4OTYgOC44NDM1OTQxMiwxMS4yNzIzMTE3IEM5LjI3MTAwNTg4LDExLjQyOTgxODIgOS40OTAwNjQ3MSwxMS45MDczMjQ3IDkuMzMzNTk0MTIsMTIuMzM4Mjg1NyBDOS4yODkxMjM1MywxMi40NjE3MTQzIDkuMjQ1ODg4MjQsMTIuNTg1OTc0IDkuMjA1NTM1MjksMTIuNzEwNjQ5NCBDOS4wOTE0NzY0NywxMy4wNjA1NzE0IDguNzY5MDY0NzEsMTMuMjgyMDc3OSA4LjQyMzE4MjM1LDEzLjI4MjA3NzkgTTM0LjExNDQxNzYsMTcuNTA2NDkzNSBDMzMuNjU5ODI5NCwxNy41MDY0OTM1IDMzLjI5MDg4ODIsMTcuMTM0NTQ1NSAzMy4yOTA4ODgyLDE2LjY3NTMyNDcgTDMzLjI5MTMsMTYuNjEzODE4MiBDMzMuMjkxMywxNi40OTA4MDUyIDMzLjI4OTI0MTIsMTYuMzU4NjQ5NCAzMy4yODUxMjM1LDE2LjIyNjkwOTEgQzMzLjI3MTEyMzUsMTUuNzY4MTAzOSAzMy42Mjg1MzUzLDE1LjM4NDkzNTEgMzQuMDgzMTIzNSwxNS4zNzA4MDUyIEMzNC41NDQzLDE1LjM2NDU3MTQgMzQuOTE3NzcwNiwxNS43MTc4MTgyIDM0LjkzMTM1ODgsMTYuMTc2MjA3OCBDMzQuOTM1ODg4MiwxNi4zMjQ5ODcgMzQuOTM4MzU4OCwxNi40NzM3NjYyIDM0LjkzODM1ODgsMTYuNjIzMzc2NiBMMzQuOTM3OTQ3MSwxNi42NzUzMjQ3IEMzNC45Mzc5NDcxLDE3LjEzNDU0NTUgMzQuNTY5NDE3NiwxNy41MDY0OTM1IDM0LjExNDQxNzYsMTcuNTA2NDkzNSBNNy43NjcyNDExOCwxNy44NTAxODE4IEM3LjMyMzM1ODgyLDE3Ljg1MDE4MTggNi45NTczLDE3LjQ5NDAyNiA2Ljk0NDUzNTI5LDE3LjA0MzUzMjUgQzYuOTQwNDE3NjUsMTYuOTAzODk2MSA2LjkzODM1ODgyLDE2Ljc2Mzg0NDIgNi45MzgzNTg4MiwxNi42MjMzNzY2IEM2LjkzODM1ODgyLDE2LjE2NDU3MTQgNy4zMDY4ODgyNCwxNS43NzkzMjQ3IDcuNzYxODg4MjQsMTUuNzc5MzI0NyBDOC4yMTY0NzY0NywxNS43NzkzMjQ3IDguNTg1NDE3NjUsMTYuMTM4Mzg5NiA4LjU4NTQxNzY1LDE2LjU5NzYxMDQgQzguNTg1NDE3NjUsMTYuNjAzODQ0MiA4LjU4NTQxNzY1LDE2LjYzNjY3NTMgOC41ODUwMDU4OCwxNi42NDI5MDkxIEM4LjU4NTQxNzY1LDE2Ljc0NzYzNjQgOC41ODcwNjQ3MSwxNi44NzE0ODA1IDguNTkwNzcwNTksMTYuOTk0OTA5MSBDOC42MDM5NDcwNiwxNy40NTM3MTQzIDguMjQ2MTIzNTMsMTcuODM2NDY3NSA3Ljc5MTUzNTI5LDE3Ljg0OTc2NjIgQzcuNzgzMywxNy44NTAxODE4IDcuNzc1MDY0NzEsMTcuODUwMTgxOCA3Ljc2NzI0MTE4LDE3Ljg1MDE4MTggTTIzLjE4NjE4MjQsMzAuNTYwNDE1NiBDMjIuNzkyOTQ3MSwzMC41NjA0MTU2IDIyLjQ0NTAwNTksMzAuMjc0OTA5MSAyMi4zNzU4Mjk0LDI5Ljg3MDEyOTkgQzIyLjI5ODQxNzYsMjkuNDE3OTc0IDIyLjU5OTQxNzYsMjguOTg3ODQ0MiAyMy4wNDc4Mjk0LDI4LjkwOTcxNDMgQzIzLjE3NjcxMTgsMjguODg3Njg4MyAyMy4zMDUxODI0LDI4Ljg2MzE2ODggMjMuNDMyNDE3NiwyOC44MzY5ODcgQzIzLjg3NzUzNTMsMjguNzQzODk2MSAyNC4zMTMxODI0LDI5LjAzMzk3NCAyNC40MDQ1OTQxLDI5LjQ4MzYzNjQgQzI0LjQ5NjQxNzYsMjkuOTMzMjk4NyAyNC4yMDk0MTc2LDMwLjM3MjU3MTQgMjMuNzYzODg4MiwzMC40NjUyNDY4IEMyMy42MTg5NDcxLDMwLjQ5NTE2ODggMjMuNDczNTk0MSwzMC41MjI1OTc0IDIzLjMyNzAwNTksMzAuNTQ4MzYzNiBDMjMuMjgwMDY0NywzMC41NTYyNTk3IDIzLjIzMjcxMTgsMzAuNTYwNDE1NiAyMy4xODYxODI0LDMwLjU2MDQxNTYgTTE5LjAyNjk0NzEsMzAuNjE0NDQxNiBDMTguOTg3ODI5NCwzMC42MTQ0NDE2IDE4Ljk0Nzg4ODIsMzAuNjExNTMyNSAxOC45MDc1MzUzLDMwLjYwNTcxNDMgQzE4Ljc2MDUzNTMsMzAuNTg0MTAzOSAxOC42MTQzNTg4LDMwLjU2IDE4LjQ2OTAwNTksMzAuNTM0MjMzOCBDMTguMDIxNDE3NiwzMC40NTM2MTA0IDE3LjcyMjg4ODIsMzAuMDIyMjMzOCAxNy44MDI3NzA2LDI5LjU3MDA3NzkgQzE3Ljg4MjI0MTIsMjkuMTE3OTIyMSAxOC4zMTA4ODgyLDI4LjgxNjYyMzQgMTguNzU4MDY0NywyOC44OTcyNDY4IEMxOC44ODYxMjM1LDI4LjkyMDUxOTUgMTkuMDE1MDA1OSwyOC45NDE3MTQzIDE5LjE0NDcxMTgsMjguOTYwODMxMiBDMTkuNTk0NzcwNiwyOS4wMjY0OTM1IDE5LjkwNjQ3NjUsMjkuNDQ4MzExNyAxOS44NDEwMDU5LDI5LjkwMjU0NTUgQzE5Ljc4MTMsMzAuMzE2NDY3NSAxOS40MjkyNDEyLDMwLjYxNDQ0MTYgMTkuMDI2OTQ3MSwzMC42MTQ0NDE2IiBpZD0iRmlsbC03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjg2ODA4NTMsMTQuNzYxNTE0MSBDMjEuODM1MDA0LDE1LjU3MjE5NzcgMjAuMzg4MTgzOSwxNS41NzIxOTc3IDE5LjM1NTEwMjYsMTQuNzYxNTE0MSBMMTcuNjcwMjY4NiwxMy40Mzk0OTE4IEMxNi42NTMzOTI1LDEyLjY0MTU3ODggMTUuMzc2NzI2OSwxMi4xNjM0NDQgMTMuOTg2NjI1LDEyLjE2OTA2MzEgQzEwLjgxMzQ0NSwxMi4xODIzNDQ2IDguMTMxNDg1MDEsMTQuODIxMjgwOSA4LjA0NDg4ODQ5LDE4LjAyMDU5NTMgQzcuOTUxNzA4NjIsMjEuNDIzNzMgMTAuNjU4OTg5MiwyNC4yMTE4MjggMTQuMDExOTQ1NiwyNC4yMTE4MjggQzE1LjM5MTkxOTMsMjQuMjExODI4IDE2LjY1OTQ2OTUsMjMuNzM1MjI1NyAxNy42NzAyNjg2LDIyLjk0MTM5OTMgTDE5LjM1NTEwMjYsMjEuNjE5ODg3OCBDMjAuMzg4MTgzOSwyMC44MDg2OTMzIDIxLjgzNTAwNCwyMC44MDg2OTMzIDIyLjg2ODA4NTMsMjEuNjE5ODg3OCBMMjQuNTUyOTE5MywyMi45NDEzOTkzIEMyNS41Njk3OTUzLDIzLjczOTgyMzEgMjYuODQ2NDYwOSwyNC4yMTc5NTc5IDI4LjIzNjU2MjksMjQuMjExODI4IEMzMS40MDkyMzY1LDI0LjE5OTA1NzMgMzQuMDkxMTk2NCwyMS41NjAxMjEgMzQuMTc4Mjk5NCwxOC4zNjAyOTU4IEMzNC4yNzE0NzkzLDE0Ljk1NzE2MTEgMzEuNTY0MTk4NywxMi4xNjkwNjMxIDI4LjIxMTI0MjMsMTIuMTY5MDYzMSBDMjYuODMxMjY4NiwxMi4xNjkwNjMxIDI1LjU2MzcxODQsMTIuNjQ2MTc2MiAyNC41NTI5MTkzLDEzLjQzOTQ5MTggTDIyLjg2ODA4NTMsMTQuNzYxNTE0MSBaIiBpZD0iUGFnZS0xIiBmaWxsPSIjM0I5OUZGIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5OyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQtQ29weS00IiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjE2LjUzMTkxNDkgOC44MzM4MDU1NyAxNy40MjU1MzE5IDguODMzODA1NTcgMTcuNDI1NTMxOSA5LjczNTIxNDAyIDE2LjUzMTkxNDkgOS43MzUyMTQwMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNTMxOTE1LCAyLjI1MzUyMSkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42ODA4NTEsIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4zODI5NzksIDIyLjM1NDkzMikiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTQiIHBvaW50cz0iMCAwIDAuODkzNjE3MDIxIDAgMC44OTM2MTcwMjEgMC45MDE0MDg0NTEgMCAwLjkwMTQwODQ1MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjY4MDg1MSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjM4Mjk3OSwgMjguODQ1MDcwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNCIgcG9pbnRzPSIwIDAgMC44OTM2MTcwMjEgMCAwLjg5MzYxNzAyMSAwLjkwMTQwODQ1MSAwIDAuOTAxNDA4NDUxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-report .tbl-subscription-detail .report-item-title[data-state=invoice01]:before {width: 25px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -884px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=invoice01]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=by-summary]:before {width: 34px; height: 23px;  background-image: url(/assets/images/contents_sprites.png); background-position: -826px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=by-summary]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=by-usage]:before {width: 32px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -739px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=by-usage]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=by-performance]:before {width: 37px; height: 23px;  background-image: url(/assets/images/contents_sprites.png); background-position: -783px -328px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=by-performance]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .report-item-title[data-state=by-service-group]:before {width: 33px; height: 25px;  background-image: url(/assets/images/contents_sprites.png); background-position: -700px -864px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-report .tbl-subscription-detail .report-item-title[data-state=by-service-group]:before { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.page-report .tbl-subscription-detail .fieldset-cycle { margin-top: 0; padding-top: 12px; padding-bottom: 15px; border-top: 0; }
.page-report .tbl-subscription-detail .fieldset-cycle .forms-item { margin-top: 0px; }
.page-report .tbl-subscription-detail .fieldset-cycle .frequency-case .forms-item { margin-top: 20px; }
.page-report .tbl-subscription-detail .fieldset-cycle .frequency-case .forms-item > label { font-size: .75rem; font-weight: 400; line-height: 1.44444em; color: #666; }
.page-report .tbl-subscription-detail .fieldset-recipients { margin-top: 0; padding-top: 12px; padding-bottom: 25px; border-top: 0; }
.page-report .tbl-subscription-detail .fieldset-recipients .forms-item { margin-top: 0; }
.page-report .tbl-subscription-detail .fieldset-recipients .forms-item .title-recipients { color: #999; }

.service-asset.page-report .template-report-item , .service-metering.page-report .template-report-item {position: relative;  display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; width: 210px; min-height: 220px; padding: 20px 10px 0px 20px; transition: box-shadow .3s ease-in-out; text-align: left; box-shadow: inset 0 0 0 2px #ccc; -ms-flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
.service-asset.page-report .template-report-item:after , .service-metering.page-report .template-report-item:after {display: block;  content: ''; }
.service-asset.page-report .template-report-item .template-report-item-title , .service-metering.page-report .template-report-item .template-report-item-title {font-size: 1rem; font-weight: 700; line-height: 1.375em;  display: block; width: auto; word-break: break-all; color: #000; }
.service-asset.page-report .template-report-item .template-report-info , .service-metering.page-report .template-report-item .template-report-info { margin-top: 10px; }
.service-asset.page-report .template-report-item .template-report-info span , .service-metering.page-report .template-report-item .template-report-info span {font-size: .75rem; font-weight: 400; line-height: 18px;  display: inline-block; box-sizing: border-box; height: 20px; padding: 0 5px; vertical-align: middle; color: #666; border: 1px solid #ddd; }
.service-asset.page-report .template-report-item .template-report-info span.vendor:before , .service-metering.page-report .template-report-item .template-report-info span.vendor:before {display: inline-block; margin-top: -2px; margin-right: 3px;  content: ''; vertical-align: middle; }
.service-asset.page-report .template-report-item .template-report-info span.vendor.aws:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.aws:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -344px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .template-report-info span.vendor.aws:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.aws:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .template-report-info span.vendor.azure:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.azure:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -488px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .template-report-info span.vendor.azure:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.azure:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .template-report-info span.vendor.google:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.google:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -146px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .template-report-info span.vendor.google:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.google:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .template-report-info span.vendor.alibaba:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.alibaba:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -272px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .template-report-info span.vendor.alibaba:before , .service-metering.page-report .template-report-item .template-report-info span.vendor.alibaba:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .template-report-info span.receiver , .service-metering.page-report .template-report-item .template-report-info span.receiver { font-weight: 700; }
.service-asset.page-report .template-report-item .template-report-info span.receiver:before , .service-metering.page-report .template-report-item .template-report-info span.receiver:before {display: inline-block; width: 13px; height: 10px; margin-top: -2px; margin-right: 4px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -443px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .template-report-info span.receiver:before , .service-metering.page-report .template-report-item .template-report-info span.receiver:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .list-date , .service-metering.page-report .template-report-item .list-date {position: absolute; right: 5px; bottom: 0; left: 5px;  display: block; padding: 7px 0px 9px 15px; border-top: 1px solid #eee; }
.service-asset.page-report .template-report-item .list-date:lang(ja) , .service-metering.page-report .template-report-item .list-date:lang(ja) { padding: 7px 0px 9px 8px; }
.service-asset.page-report .template-report-item .list-date:lang(ja) dd , .service-metering.page-report .template-report-item .list-date:lang(ja) dd { font-size: .6875rem; }
.service-asset.page-report .template-report-item .list-date:before , .service-metering.page-report .template-report-item .list-date:before {position: absolute; right: -5px; bottom: 0; display: block; width: 18px; height: 17px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -446px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .list-date:before , .service-metering.page-report .template-report-item .list-date:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .list-date:after , .service-metering.page-report .template-report-item .list-date:after {position: absolute; right: -5px; bottom: 0; display: block; width: 18px; height: 17px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -494px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item .list-date:after , .service-metering.page-report .template-report-item .list-date:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-asset.page-report .template-report-item .list-date dt , .service-metering.page-report .template-report-item .list-date dt {font-size: .75rem; font-weight: 300; line-height: 1.83333em;  display: inline-block; float: left; clear: both; vertical-align: middle; color: #666; }
.service-asset.page-report .template-report-item .list-date dd , .service-metering.page-report .template-report-item .list-date dd {font-size: .75rem; font-weight: 400; line-height: 1.83333em;  display: inline-block; float: left; vertical-align: middle; color: #333; }
.service-asset.page-report .template-report-item .list-date dd:before , .service-metering.page-report .template-report-item .list-date dd:before {display: inline-block; width: 1px; height: 10px; margin: -2px 5px 0 5px;  content: ''; vertical-align: middle; background-color: #eee; }
.service-asset.page-report .template-report-item[data-state=by-summary]:after , .service-metering.page-report .template-report-item[data-state=by-summary]:after { position: absolute; top: 50%; left: 50%; width: 109px; height: 67px; margin-top: -33.5px; margin-left: -54.5px; background-image: url(/assets/images/contents_sprites.png); background-position: -1180px -199px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=by-summary]:after , .service-metering.page-report .template-report-item[data-state=by-summary]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=by-usage]:after , .service-metering.page-report .template-report-item[data-state=by-usage]:after { position: absolute; top: 50%; left: 50%; width: 96px; height: 69px; margin-top: -34.5px; margin-left: -48px; background-image: url(/assets/images/contents_sprites.png); background-position: -100px -1043px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=by-usage]:after , .service-metering.page-report .template-report-item[data-state=by-usage]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=by-performance]:after , .service-metering.page-report .template-report-item[data-state=by-performance]:after { position: absolute; top: 50%; left: 50%; width: 110px; height: 64px; margin-top: -32px; margin-left: -55px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=by-performance]:after , .service-metering.page-report .template-report-item[data-state=by-performance]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=by-service-group]:after , .service-metering.page-report .template-report-item[data-state=by-service-group]:after { position: absolute; top: 50%; left: 50%; width: 94px; height: 71px; margin-top: -35.5px; margin-left: -47px; background-image: url(/assets/images/contents_sprites.png); background-position: 0px -1043px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=by-service-group]:after , .service-metering.page-report .template-report-item[data-state=by-service-group]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state] , .service-metering.page-report .template-report-item[data-state] { min-height: 270px; }
.service-asset.page-report .template-report-item[data-state=metering01]:after , .service-metering.page-report .template-report-item[data-state=metering01]:after {width: 68px; height: 55px;  margin-top: 39px; margin-left: 51px; background-image: url(/assets/images/contents_sprites.png); background-position: -116px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering01]:after , .service-metering.page-report .template-report-item[data-state=metering01]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=metering02]:after , .service-metering.page-report .template-report-item[data-state=metering02]:after {width: 59px; height: 45px;  margin-top: 48px; margin-left: 58px; background-image: url(/assets/images/contents_sprites.png); background-position: -630px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering02]:after , .service-metering.page-report .template-report-item[data-state=metering02]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=metering03]:after , .service-metering.page-report .template-report-item[data-state=metering03]:after {width: 71px; height: 45px;  margin-top: 44px; margin-left: 56px; background-image: url(/assets/images/contents_sprites.png); background-position: -553px -908px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering03]:after , .service-metering.page-report .template-report-item[data-state=metering03]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=metering04]:after , .service-metering.page-report .template-report-item[data-state=metering04]:after {width: 57px; height: 51px;  margin-top: 42px; margin-left: 65px; background-image: url(/assets/images/contents_sprites.png); background-position: -190px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering04]:after , .service-metering.page-report .template-report-item[data-state=metering04]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=metering05]:after , .service-metering.page-report .template-report-item[data-state=metering05]:after {width: 58px; height: 50px;  margin-top: 38px; margin-left: 55px; background-image: url(/assets/images/contents_sprites.png); background-position: -253px -973px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering05]:after , .service-metering.page-report .template-report-item[data-state=metering05]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[data-state=metering06]:after , .service-metering.page-report .template-report-item[data-state=metering06]:after {width: 68px; height: 68px;  margin-top: 38px; margin-left: 48px; background-image: url(/assets/images/contents_sprites.png); background-position: -202px -1043px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-asset.page-report .template-report-item[data-state=metering06]:after , .service-metering.page-report .template-report-item[data-state=metering06]:after { background-image: url(/assets/images/contents_sprites@2x.png); background-size: 1295px 1198px; } }
.service-asset.page-report .template-report-item[disabled]:before , .service-metering.page-report .template-report-item[disabled]:before {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.875rem; line-height: 1.16667em; position: absolute; top: 14px; right: 14px; bottom: 28px; left: 14px; display: block; padding-top: 90px;  content: 'TO BE UPDATED'; text-align: center; color: #959395; background-color: rgba(241, 241, 241, .9); }
.service-asset.page-report .template-report-item[disabled] .last-download , .service-metering.page-report .template-report-item[disabled] .last-download { display: none; }
.service-asset.page-report .template-report-item.is-selected , .service-metering.page-report .template-report-item.is-selected { box-shadow: inset 0 0 0 2px #2d8cff; }
.service-asset.page-report .template-report-item.is-selected .list-date:after , .service-metering.page-report .template-report-item.is-selected .list-date:after { opacity: 1; }


.compliance-score-chartdiv .amcharts-Container.amcharts-AxisRenderer.amcharts-AxisRendererX .amcharts-Container.amcharts-Label.amcharts-AxisLabel text tspan { display: none !important; }

.compliance-score-chartdiv .amcharts-Container.amcharts-Label.amcharts-AxisLabel text tspan , .gv-dashboard-trend-chart .amcharts-Container.amcharts-Label.amcharts-AxisLabel text tspan { fill: #999 !important; }

.amcharts-Sprite-group.amcharts-Container-group .amcharts-XYChart > .amcharts-Container-group > .amcharts-Container > .amcharts-Container-group:first-child { transform: translateY(15px); }

.amcharts-Sprite-group.amcharts-Container-group .amcharts-Container.amcharts-Label.amcharts-AxisLabel text tspan { fill: #999 !important; }


.compliance-history { margin-top: 24px; border-radius: 2px; background-color: #fff; }
.compliance-history .header { height: 23px; padding: 16px 24px; border-bottom: 1px solid #eaecef; }
.compliance-history .header .daterange.dropdown-menu { width: 277px; }
.compliance-history .header .daterange.dropdown-menu input[type=text] { padding-left: 105px; color: #999; }
.compliance-history .header .button-ui.general:before { display: none; }
.compliance-history table { width: calc( 100% - 36px); margin: 0 auto; }
.compliance-history table tbody tr:first-child th:before { display: none; }
.compliance-history table tbody tr:last-child th:after { display: none; }
.compliance-history table tbody th { position: relative; text-align: center; border-bottom: 0; }
.compliance-history table tbody th:before {position: absolute; top: 0; bottom: 50%; left: 50%; display: inline-block; width: 1px;  content: ''; transform: translateX(-50%); background-color: #dfe3e8; }
.compliance-history table tbody th:after {position: absolute; top: 50%; bottom: 0; left: 50%; display: inline-block; width: 1px;  content: ''; transform: translateX(-50%); background-color: #dfe3e8; }
.compliance-history table tbody th .history-icon { position: relative; width: 24px; height: 24px; margin: 0 auto; border-radius: 24px; background-color: #dfe3e8; }
.compliance-history table tbody th .history-icon:before {position: absolute; top: 50%; left: 50%; display: inline-block;  content: ''; transform: translate(-50%, -50%); }
.compliance-history table tbody th .history-icon.command:before {width: 10px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -739px -142px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .compliance-history table tbody th .history-icon.command:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.compliance-history table tbody th .history-icon.system:before {width: 12px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -434px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .compliance-history table tbody th .history-icon.system:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.compliance-history table tbody th .history-icon.error:before {width: 14px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -304px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .compliance-history table tbody th .history-icon.error:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.compliance-history table tbody th , .compliance-history table tbody td {font-size: .75rem;  height: 55px; color: #222; border-bottom: 1px solid #eaecef; }
.compliance-history table tbody th .error , .compliance-history table tbody td .error { color: #ff2d47; }
.compliance-history table tbody th.date , .compliance-history table tbody td.date { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }


.toggle-table.util {overflow-x: auto;  min-width: 860px; }
.toggle-table.util .table-head { width: 100%; }

.toggle-table.util .table-head .items:first-child {width: 35px;  min-width: 35px; }
.toggle-table.util .table-head .items:nth-child(2) {width: auto;  min-width: 88px; }
.toggle-table.util .table-head .items:nth-child(3) {width: 11.96%;  min-width: 78px; }
.toggle-table.util .table-head .items:nth-child(4) {width: 7.36%;  min-width: 48px; }
.toggle-table.util .table-head .items:nth-child(5) {width: 16.56%;  min-width: 108px; }
.toggle-table.util .table-head .items:last-child { width: 35px; min-width: 35px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item { width: 100%; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:first-child {width: 35px;  min-width: 35px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(2) {width: auto;  min-width: 88px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(3) {width: 11.96%;  min-width: 78px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(4) {width: 7.36%;  min-width: 48px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(5) {width: 16.56%;  min-width: 108px; }
.toggle-table.util .wrap-table-row .table-row .wrap-item .items:last-child { width: 35px; min-width: 35px; }
@media (max-width: 1200px) { .toggle-table.util .table-head , .toggle-table.util .wrap-table-row { width: 856px; } }

.toggle-table .table-head {display: -ms-flexbox; display: flex;  width: 100%; padding: 7px 0 0; border-top: 1px solid #b8bec3; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; }
.toggle-table .table-head .items {font-size: .75rem; font-weight: 500; line-height: 1.125rem; overflow: hidden; width: 16.6666%;  padding: 0 10px; padding: 0 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.toggle-table .table-head .items input[type=checkbox] + label { display: inline; }
.toggle-table .table-head .items button.general:after { transform: translateY(1px); }
.toggle-table .table-head .items.text-align-center { text-align: center; }
.toggle-table .table-head .items.text-align-right { text-align: right; }
.toggle-table .table-head .items.text-align-left { text-align: left; }
.toggle-table .table-head .items:nth-child(1) { width: 35px; min-width: 35px; }
.toggle-table .table-head .items:nth-child(2) { width: calc(100% - 610px); }
.toggle-table .table-head .items:nth-child(3) { width: 180px; }
.toggle-table .table-head .items:nth-child(4) { width: 180px; }
.toggle-table .table-head .items:nth-child(5) { width: 180px; }
.toggle-table .table-head .items:last-child { width: 35px; min-width: 35px; }

.toggle-table .layout-tabs { margin-top: 0; margin-bottom: 24px; }
.toggle-table .layout-tabs a {font-size: .875rem; font-weight: 500; min-width: 219px; padding: 0; color: #222;  border: 1px solid #d5d9db; background-color: #f5f6f7; }
.toggle-table .layout-tabs a.selected { border-bottom: 1px solid #fff; background-color: #fff; }
.toggle-table .layout-tabs a + a { border-left: 0; }
.toggle-table .layout-tabs:after { height: 1px; background-color: #d5d9db; }

.toggle-table .wrap-table-row {overflow-y: auto; max-height: 850px;  margin-top: 7px; }
.toggle-table .wrap-table-row.no-data { display: -ms-flexbox; display: flex; min-height: 224px; border: 1px solid #d5d9db; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.toggle-table .wrap-table-row.no-data p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.toggle-table .wrap-table-row.no-data p:before {display: block; width: 22px; height: 20px; margin: 0 auto 15px auto;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -638px -563px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .toggle-table .wrap-table-row.no-data p:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.toggle-table .wrap-table-row.no-data div { text-align: center; }
.toggle-table .wrap-table-row.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.toggle-table .wrap-table-row.no-data div > p:before { display: none; }
.toggle-table .wrap-table-row .table-row {box-sizing: border-box; margin-top: 8px; border: 1px solid #d5d9db;  background-color: #fff; }
.toggle-table .wrap-table-row .table-row:hover { border: 1px solid #1886ff; }
.toggle-table .wrap-table-row .table-row:nth-child(1) { margin-top: 0; }
.toggle-table .wrap-table-row .table-row .inner-table { display: none; padding: 16px 20px 24px; border-top: 1px solid #eaecef; background-color: #fff; }
.toggle-table .wrap-table-row .table-row .inner-table table {box-sizing: border-box;  width: 100%; border: 1px solid #e6e6e6; border-right: 0; border-left: 0; }
.toggle-table .wrap-table-row .table-row .inner-table table th , .toggle-table .wrap-table-row .table-row .inner-table table td {font-size: .75rem; font-weight: 400; padding: 0 10px; color: #222;  border-right: 1px solid #e6e6e6; }
.toggle-table .wrap-table-row .table-row .inner-table table thead tr th {font-weight: 500; height: 30px; color: #666;  border-top: 1px solid #b8bec3; border-bottom: 1px solid #b8bec3; }
.toggle-table .wrap-table-row .table-row .inner-table table thead tr th:last-child { border-right: 0; }
.toggle-table .wrap-table-row .table-row .inner-table table tbody tr:last-child th , .toggle-table .wrap-table-row .table-row .inner-table table tbody tr:last-child td { border-bottom: 2px solid #666; }
.toggle-table .wrap-table-row .table-row .inner-table table tbody tr th , .toggle-table .wrap-table-row .table-row .inner-table table tbody tr td { height: 40px; border-bottom: 1px solid #e6e6e6; }
.toggle-table .wrap-table-row .table-row .inner-table table tbody tr td:last-child { border-right: 0; }
.toggle-table .wrap-table-row .table-row .inner-table label { font-size: .75rem; font-weight: 500; color: #444; }
.toggle-table .wrap-table-row .table-row .inner-table .detail-info { overflow: hidden; }
.toggle-table .wrap-table-row .table-row .inner-table .detail-info:not(:first-child) { margin-top: 1rem; }
.toggle-table .wrap-table-row .table-row .inner-table .detail-info > li {font-size: .875rem; font-weight: 400; line-height: 1.25rem; float: left;  width: 176px; color: #222; }
.toggle-table .wrap-table-row .table-row .inner-table .detail-info > li:last-child { width: auto; max-width: 298px; }
.toggle-table .wrap-table-row .table-row .inner-table .detail-info > li h4 { font-size: .75rem; font-weight: 500; line-height: 1.125rem; color: #999; }
.toggle-table .wrap-table-row .table-row .inner-table .line {display: inline-block; width: 1px;  height: 15px; transform: translateY(2px); }
.toggle-table .wrap-table-row .table-row .inner-table .ag-table {width: 100%;  margin-top: 8px; }
.toggle-table .wrap-table-row .table-row .inner-table .ag-table .ag-root { border-bottom: 1px solid #ccc; }
.toggle-table .wrap-table-row .table-row .inner-table .ag-table .ag-header-row:first-child .ag-header-cell:first-child .ag-header-icon.ag-header-cell-menu-button { display: none; }
.toggle-table .wrap-table-row .table-row .inner-table .ag-table .ag-body.no-data {border-top: 1px solid #b8bec3;  background-color: #fff; }
.toggle-table .wrap-table-row .table-row.open .button-toggle-tbl:before {position: absolute; top: 50%; left: 50%; display: block; width: 15px; height: 10px; margin-top: -5px; margin-left: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -513px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .toggle-table .wrap-table-row .table-row.open .button-toggle-tbl:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.toggle-table .wrap-table-row .table-row.open:hover { border: 1px solid #d5d9db; }
.toggle-table .wrap-table-row .table-row.open .inner-table { display: block; }
.toggle-table .wrap-table-row .table-row .wrap-item {display: -ms-flexbox; display: flex;  width: 100%; padding: 10px 0; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; }
.toggle-table .wrap-table-row .table-row .wrap-item .items {font-size: .875rem; font-weight: 500; line-height: 1.25rem;  position: relative; overflow: hidden; width: 16.6666%; padding: 0 10px; padding: 0 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #222; }
.toggle-table .wrap-table-row .table-row .wrap-item .items input[type=checkbox] + label { display: inline; }
.toggle-table .wrap-table-row .table-row .wrap-item .items.text-align-center { text-align: center; }
.toggle-table .wrap-table-row .table-row .wrap-item .items.text-align-right { text-align: right; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(1) { width: 35px; min-width: 35px; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(2) { width: calc(100% - 610px); }
.toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(3) { width: 180px; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(4) { width: 180px; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(5) { width: 180px; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:last-child {overflow: visible;  width: 35px; min-width: 35px; }
.toggle-table .wrap-table-row .table-row .wrap-item .items:last-child:before {position: absolute; top: -10px; bottom: -10px; left: 0; width: 1px;  content: ''; background-color: #eaecef; }


.service-governance .button-ui .general-spinner-wrap { display: inline-block; width: 11px; height: 11px; }
.service-governance .button-ui .general-spinner-wrap .icon-spinner {bottom: 1px;  border-color: #898e94; border-left-color: transparent; }
.service-governance .layout-page-title h1 .help-info { position: relative; top: 5px; width: 22px; height: 22px; margin-left: 4px; border: 1px solid rgba(204, 204, 204, .3); }
.service-governance .layout-page-title h1 .help-info:hover {border-radius: 2px;  background: rgba(24, 134, 255, .2); }
.service-governance .layout-page-title h1 .help-info:hover:before {width: 15px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -430px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .layout-page-title h1 .help-info:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .layout-page-title h1 .help-info:before {position: absolute; top: 50; left: 50%; width: 15px; height: 15px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -472px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .layout-page-title h1 .help-info:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance g[aria-labelledby='id-65-title'] { display: none !important; }
.service-governance .amcharts-Container.amcharts-AmChartsLogo { display: none !important; }
.service-governance input[type=checkbox].material-switch + label {position: relative;  display: inline-block; height: 18px; margin-left: 4px; padding: 0 0 0 46px; vertical-align: middle; }
.service-governance input[type=checkbox].material-switch + label:before {position: absolute; top: 1px; left: 1px; display: block; width: 32px; height: 14px; margin: 0;  content: ''; border-radius: 14px; background-color: #afafaf; background-image: none; }
.service-governance input[type=checkbox].material-switch + label:after {position: absolute; top: 0px; left: 0px; display: block; box-sizing: border-box; width: 16px; height: 16px; margin: 0;  content: ''; transition: all .3s ease; opacity: 1; border: 1px solid #eee; border-radius: 100%; background-color: #fafafa; background-image: none; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); }
.service-governance input[type=checkbox].material-switch + label:active:after { transform: scale(1.15, .85); }
.service-governance input[type=checkbox].material-switch + label span {font-size: 1rem; font-weight: 700; line-height: 18px;  display: inline-block; color: #666; }
.service-governance input[type=checkbox].material-switch:checked + label:before { background-color: #bfe0ff; }
.service-governance input[type=checkbox].material-switch:checked + label:after { left: 16px; border: none; background-color: #1886ff; }
.service-governance input[type=checkbox].material-switch:checked + label span { color: #1886ff; }
.service-governance .bottom-bar-tab {border-bottom: 1px solid #eee;  background-color: #fbfbfb; }
.service-governance .bottom-bar-tab .tab-inner { position: relative; display: inline-block; height: 32px; margin: 0 auto; }
.service-governance .bottom-bar-tab .tab-inner a {font-size: .75rem; font-weight: 400; line-height: 32px;  position: relative; margin: 0 16px; padding: 6px 0; color: #999; }
.service-governance .bottom-bar-tab .tab-inner a.active { color: #444; }
.service-governance .bottom-bar-tab .tab-inner a.active:after {position: absolute; right: 0; bottom: -1px; left: 0; display: inline-block; width: 100%; height: 4px;  content: ''; background-color: #1886ff; }
.service-governance .daterange.dropdown-menu { position: relative; margin-left: 0; }
.service-governance .daterange.dropdown-menu:before {font-size: .75rem; line-height: .875rem; position: absolute; z-index: 5; top: 50%; left: 12px; display: block; padding-left: 24px;  content: 'Last month'; transform: translateY(-50%); background-image: url('/assets/images/icon_calendar_04@2x.png'); background-repeat: no-repeat; background-position: left dcenter; background-size: 16px 15px; }
.service-governance .daterange.dropdown-menu input[type=text] {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-size: .75rem; font-weight: 400; line-height: 24px; line-height: 32px;  display: inline-block; box-sizing: border-box; width: 100%; min-width: 180px; height: 24px; margin-right: 0; margin-left: 0; padding: 0 0px 0 10px; padding-right: 32px; padding-left: 35px; vertical-align: middle; color: #000; border: 1px solid #e6e6e6; background-color: #fff; }
.service-governance .daterange.dropdown-menu:after {position: absolute; z-index: 500; top: 1px; right: 1px; bottom: 1px; display: inline-block; width: 32px; height: auto; margin-top: 0;  content: ''; background-image: url('/assets/images/selectbox_arrow_04.png'); background-repeat: no-repeat; background-position: center; background-size: auto; }
.service-governance .daterange.dropdown-menu.open:after { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.service-governance .daterangepicker { width: 510px; }
.service-governance .daterangepicker.button-none .range_inputs { display: none; }
.service-governance .daterangepicker.single { width: 264px; }
.service-governance .daterangepicker.single.ltr .calendar.left.single { float: none; }
.service-governance .daterangepicker.single.ltr .calendar.left .calendar-table { padding-left: 10px; }
.service-governance .daterangepicker.single.ltr .calendar.left .daterangepicker_input { padding-left: 0; }
.service-governance .daterangepicker .calendar-time { position: relative; margin: 30px auto 5px; padding-left: 5px; }
.service-governance .daterangepicker .calendar-time select {line-height: 30px;  height: 32px; }
.service-governance .daterangepicker .calendar-time:before {position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -295px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .daterangepicker .calendar-time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .daterangepicker select.ampmselect , .service-governance .daterangepicker select.hourselect , .service-governance .daterangepicker select.minuteselect , .service-governance .daterangepicker select.secondselect { width: 65px; }
.service-governance .daterangepicker .calendar .daterangepicker_input { position: relative; left: 28px; display: none; }
.service-governance .daterangepicker .ranges {display: inline-block !important;  float: left; width: 100%; }
.service-governance .daterangepicker .ranges:after {position: absolute; z-index: -1; bottom: 0; display: inline-block; width: 100%; height: 64px; margin-left: -8px;  content: ''; border-top: 1px solid #d5d9db; background: #fff; }
.service-governance .daterangepicker .ranges .range_inputs { -ms-flex-pack: center; justify-content: center; }
.service-governance .daterangepicker .ranges .range_inputs button {font-size: .875rem; line-height: 1.875rem; display: inline-block; box-sizing: border-box; height: 2rem; margin: 20px 5px 10px;padding: 0 18px; transition: all .3s linear; color: #444; border-radius: 2px;  -ms-flex: 0; flex: 0;  }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success { color: #fff; border: 0; background-color: #1886ff; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success:after { display: none; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success:hover {color: #fff;  background-color: #0768d2; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success:active {color: #fff;  background-color: #0057b5; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success:focus {color: #fff;  background-color: #0057b5; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-success[disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default { color: #fff; border: 0; background-color: #52545c; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default:after { display: none; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default:hover {color: #fff;  background-color: #38393a; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default:active {color: #fff;  background-color: #111213; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default:focus {color: #fff;  background-color: #111213; }
.service-governance .daterangepicker .ranges .range_inputs button.btn-default[disabled] { opacity: .2; color: #fff; border: 0; background-color: #52545c; }
.service-governance .daterangepicker .ranges .range_inputs button:after { display: none; }
.service-governance .daterangepicker .ranges .range_inputs button:hover { background-color: #38393a; }
.service-governance .daterangepicker .ranges .range_inputs button:active { background-color: #111213; }
.service-governance .daterangepicker .ranges .range_inputs button:focus { background-color: #111213; }
.service-governance .daterangepicker .ranges .range_inputs button[disabled] {opacity: .2;  background-color: #52545c; }
.service-governance .lr-over { width: 100%; min-width: 1146px; max-width: 1384px; margin: 0 auto; }
@media screen and (min-width: 1920px) { .service-governance .lr-over { margin: 0; } }
.service-governance .widget-wrap { display: -ms-flexbox; display: flex; width: 100%; min-width: 1146px; max-width: 1384px; margin: 0 auto; }
.service-governance .widget-wrap .widget-items { width: 100%; }
.service-governance .widget-wrap .widget-items.fixed-width1 { width: 425px; }
.service-governance .widget-wrap .widget-items .cols2 { -ms-flex: 0 0 50%; flex: 0 0 50%; }
.service-governance .widget-wrap .widget-items .cols3 { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }
.service-governance .widget-wrap .widget-items .cols4 { -ms-flex: 0 0 25%; flex: 0 0 25%; }
.service-governance .widget-wrap .widget-items .inner {min-height: 365px;  margin: 8px; border: 1px solid #d5d9db; background-color: #fff; }
.service-governance .widget-wrap .widget-items .inner.min-height-medium { min-height: 264px; }
.service-governance .widget-wrap .widget-items .inner select {padding: 0 18px 0 0;  background-image: url('/assets/images/icon_selectbox_arrow_01.png'); background-size: 10px 7px; }
.service-governance .widget-wrap .widget-items .inner svg { width: 100%; }

@keyframes pulse { 0% { fill: #ff2d47; r: 4; }
	70% { r: 15; fill: rgba(255, 45, 71, .5); }
	100% { r: 30; fill: rgba(255, 45, 71, 0); } }
.service-governance .widget-wrap .widget-items .inner .pass {z-index: 9999; cursor: pointer;  fill: #1886ff; r: 4; }
.service-governance .widget-wrap .widget-items .inner .pass:after {position: relative; display: inline-block; width: 2px; height: 2px;  content: ''; background-color: #1886ff; }
.service-governance .widget-wrap .widget-items .inner .fail {z-index: 9999; cursor: pointer; animation: pulse 1.25s infinite ease-in-out;  fill: #ff2d47; r: 4; }
.service-governance .widget-wrap .widget-items .inner .btn-tab { overflow: hidden; margin-bottom: 8px; margin-left: 8px; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button { float: left; color: #d5d9db; border: 1px solid #dfe3e8; border-right-color: #fff; border-radius: 0; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button:first-child {border-right-color: #fff;  border-radius: 2px 0 0 2px; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button:first-child.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button:last-child {border-right-color: #dfe3e8; border-left-color: #fff;  border-radius: 0 2px 2px 0; }
.service-governance .widget-wrap .widget-items .inner .btn-tab button:last-child.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance .widget-wrap .widget-items .inner .w-header { position: relative; box-sizing: border-box; max-height: 50px; padding: 13px 14px 13px 24px; border-bottom: 1px solid #dfe3e8; }
.service-governance .widget-wrap .widget-items .inner .w-header .button-ui .general[data-icon=listIcon]:before , .service-governance .widget-wrap .widget-items .inner .w-header .button-ui .general[data-icon=listIcon]:after {width: 12px; height: 4px;  background-image: url(../images/layout_sprites.png); background-position: -391px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-header .button-ui .general[data-icon=listIcon]:before , .service-governance .widget-wrap .widget-items .inner .w-header .button-ui .general[data-icon=listIcon]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .widget-wrap .widget-items .inner .w-header h2 { float: left; }
.service-governance .widget-wrap .widget-items .inner .w-header select {line-height: 22px; height: 24px; margin-left: 8px; padding: 0 18px 0 0;  vertical-align: top; color: #1886ff; background: none; box-shadow: inset 0 0 0 0px #e4e4e4; }
.service-governance .widget-wrap .widget-items .inner .w-header .btn-group.default.open .multiselect:after {width: 10px; height: 7px;  background-image: url(/assets/images/sprites.png); background-position: -570px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-header .btn-group.default.open .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .widget-wrap .widget-items .inner .w-header .btn-group.default .multiselect {font-size: .875rem; font-weight: 400; line-height: 1.375rem;  position: relative; top: -2px; height: 1.5rem; padding: 0 17px 0 8px; color: #1886ff; box-shadow: inset 0 0 0 0px #e4e4e4; }
.service-governance .widget-wrap .widget-items .inner .w-header .btn-group.default .multiselect:after {top: 50%; width: 10px; height: 7px; margin-top: 1px; transform: translateY(-50%);  background-image: url(/assets/images/sprites.png); background-position: -618px -685px; background-size: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-header .btn-group.default .multiselect:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right { position: relative; display: inline-block; float: right; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right span { float: left; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right span.multiselect-native-select + .list-up-wrapper { margin-left: 8px; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right select { float: left; margin-right: 4px; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right > button , .service-governance .widget-wrap .widget-items .inner .w-header .w-h-right > a { float: left; height: 24px; border: 0; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .search-score-percentage {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.375rem; line-height: 1.375rem; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .btn-tab , .service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper { position: relative; float: left; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .btn-tab { margin: 0; margin-top: 0px; margin-right: 8px; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .btn-tab .button-ui { font-size: .75rem; line-height: 1.375rem; height: 1.5rem; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .btn-tab .button-ui.button-icon {width: auto; min-width: auto;  padding: 0 8px; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .btn-tab .button-ui.button-icon:before {position: relative; top: auto; left: auto;  float: left; margin: 0; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper {display: -ms-flexbox; display: flex;  width: 22px; height: 24px; padding: 0; border: 0; -ms-flex-align: center; align-items: center; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper .list-button.only { border: 0; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper .list-button.only:before { display: none; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper .list-button.only:after {display: inline-block; width: 14px; height: 4px; margin: 0;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -534px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-header .w-h-right .list-up-wrapper .list-button.only:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right a.view-list { font-size: .75rem; line-height: 1.5rem; margin-right: 8px; text-decoration: underline; color: #4a90e2; }
.service-governance .widget-wrap .widget-items .inner .w-header .w-h-right a.view-list:after {display: inline-block; width: 11px; height: 10px; margin-left: 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -499px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-header .w-h-right a.view-list:after { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .widget-wrap .widget-items .inner .w-header h2 {font-size: .875rem; line-height: 24px;  display: inline-block; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-tab {text-align: center;  background-color: #f6f7f8; }
.service-governance .widget-wrap .widget-items .inner .w-tab .w-tab-inner { position: relative; display: inline-block; height: 32px; margin: 0 auto; }
.service-governance .widget-wrap .widget-items .inner .w-tab .w-tab-inner a {font-size: .75rem; font-weight: 400; line-height: 32px;  position: relative; margin: 0 16px; padding: 6px 0; color: #999; }
.service-governance .widget-wrap .widget-items .inner .w-tab .w-tab-inner a.active { color: #444; }
.service-governance .widget-wrap .widget-items .inner .w-tab .w-tab-inner a.active:after {position: absolute; right: 0; bottom: 0; left: 0; display: inline-block; width: 100%; height: 4px;  content: ''; background-color: #1886ff; }
.service-governance .widget-wrap .widget-items .inner .w-content { padding: 0 25px 25px; }
.service-governance .widget-wrap .widget-items .inner .w-content.fixed { height: 255px; }
.service-governance .widget-wrap .widget-items .inner .w-content.none-b-padding { padding: 0 25px 0; }
.service-governance .widget-wrap .widget-items .inner .w-content.map { position: relative; padding: 0 25px 0px; text-align: center; }
.service-governance .widget-wrap .widget-items .inner .w-content.map svg { width: 90%; }
.service-governance .widget-wrap .widget-items .inner .w-content.map .separation-table-ui.fiexed { font-size: .75rem; line-height: 1.125rem; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content.map .separation-table-ui.scroll table tbody td { line-height: 30px; }
.service-governance .widget-wrap .widget-items .inner .w-content .separation-table-ui.fiexed { font-size: .75rem; line-height: 1.125rem; color: #444; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score { margin-top: 15px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score:after {position: relative; display: block; clear: both;  content: ''; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn { float: left; width: 255px; height: 174px; border-right: 1px solid #eaecef; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .title { overflow: hidden; margin-bottom: 26px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .title h4 {font-size: .75rem; line-height: 1.5rem;  float: left; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .title button { float: left; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .score { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 38px; font-weight: 400; margin-bottom: 16px; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .progress-bar-wrap .percentage-text { display: -ms-flexbox; display: flex; width: 230px; -ms-flex-pack: justify; justify-content: space-between; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .progress-bar-wrap .percentage-text span { font-size: .75rem; font-weight: 400; line-height: 1.125rem; color: #999; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .progress-bar-wrap .progress-bar { width: 230px; height: 40px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .left-ctn .progress-bar-wrap .progress-bar .bar { height: 40px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn { float: left; width: calc( 100% - 291px); padding-left: 35px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .inspection-info {font-size: .75rem; line-height: reem(18);  position: relative; display: inline-block; width: 100%; margin-top: 4px; margin-bottom: 4px; padding-left: 13px; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .inspection-info.rule-count-title { margin-top: 20px; margin-bottom: 8px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .inspection-info:before {position: absolute; top: 50%; left: 0; display: inline-block; width: 5px; height: 5px;  content: ''; transform: translateY(-50%); border-radius: 5px; background-color: #1886ff; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items {font-size: .75rem; line-height: 1.125rem; overflow: hidden;  width: calc( 25% - 16px); min-height: 30px; margin: 0 8px; padding: 13px 7px 13px 16px; border-radius: 2px; background-color: rgba(255, 45, 71, .05); }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:hover .count button[data-icon=rightArrow]:before {width: 7px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -491px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:hover .count button[data-icon=rightArrow]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items.sucessed { background-color: rgba(24, 134, 255, .05); }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:link , .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:visited , .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:hover , .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items:active { color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .serverity , .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .count { display: inline-block; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .severity { position: relative; top: 1px; float: left; width: 60px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .severity button { width: 8px; height: 8px; margin-right: 3px; margin-bottom: 8px; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .count {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.375rem; line-height: 30px;  position: relative; top: 1px; float: right; width: calc( 100% - 60px); text-align: right; color: #222; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .count button { position: relative; top: -2px; display: inline-block; margin-left: 12px; border: 0; }
.service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .count button[data-icon=rightArrow]:before {width: 7px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -504px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .widget-wrap .widget-items .inner .w-content .total-score .right-ctn .rule-count .items .count button[data-icon=rightArrow]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .alertnow-ui-table tr:last-child td { border-bottom: 1px solid #666; }
.service-governance table .addtional-desc { font-size: .75rem; font-weight: 400; color: #1886ff; }
.service-governance table th { font-size: .75rem; font-weight: 400; color: #666; }
.service-governance table th .general { font-size: .75rem; font-weight: 400; color: #666; }
.service-governance table th .help-info { top: 3.9px; }
.service-governance table td.align-center { text-align: center; }
.service-governance table td p[data-icon=vendor] { float: left; }
.service-governance table td p[data-icon=vendor] + .addtional-desc { float: left; }
.service-governance .inspecting { display: inline-block; color: #666; }
.service-governance .checked-result { font-size: .75rem; }
.service-governance .checked-result .button-ui { margin-right: 8px; }
.service-governance .checked-result.passed { color: #1886ff; }
.service-governance .checked-result.failed { color: #ff2d47; }
.service-governance .progress-bar-wrap { font-size: .875rem; font-weight: 400; color: #222; }
.service-governance .progress-bar-wrap .progress-bar { position: relative; display: block; width: 70px; height: 10px; margin-right: 3px; background-color: #eaecef; }
.service-governance .progress-bar-wrap .progress-bar:after {position: relative; display: block; clear: both;  content: ''; }
.service-governance .progress-bar-wrap .progress-bar .bar { position: relative; display: inline-block; float: left; height: 10px; transition: .3s ease-in-out; background-color: red; }
.service-governance .progress-bar-wrap .progress-bar .bar.off.sucessed { background-color: rgba(30, 164, 255, .3); }
.service-governance .progress-bar-wrap .progress-bar .bar.off.failed { background-color: rgba(255, 45, 71, .3); }
.service-governance .progress-bar-wrap .progress-bar .bar.low { background-color: #ff2d47; }
.service-governance .progress-bar-wrap .progress-bar .bar.middle { background-color: #f5a323; }
.service-governance .progress-bar-wrap .progress-bar .bar.high { background-color: #6cb41e; }
.service-governance .progress-bar-wrap .progress-bar .bar.sucessed { background-color: #1ea4ff; }
.service-governance .progress-bar-wrap .progress-bar .bar.failed { background-color: #ff2d47; }
.service-governance .progress-bar-wrap .progress-bar .bar:hover .tooltip { display: inline-block; }
.service-governance .progress-bar-wrap .progress-bar .bar .tooltip {font-size: .6875rem; line-height: 1.5rem; line-height: 1.5rem;  position: absolute; z-index: 100; top: 20px; left: 50%; display: none; min-width: 153px; height: 1.5rem; padding: 0 8px; transform: translateX(-50%); color: #222; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); }
.service-governance .progress-bar-wrap .progress-bar .bar .tooltip:before {position: absolute; top: -5px; left: 50%; display: inline-block;  content: ''; transform: translateX(-50%); border-width: 0px 5px 5px 5px; border-style: solid; border-color: #fff; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; }
.service-governance .progress-bar-wrap .progress-bar .bar .tooltip:after {position: relative; display: block; clear: both;  content: ''; }
.service-governance .progress-bar-wrap .progress-bar .bar .tooltip span {font-size: .6875rem; line-height: 1.5rem;  float: right; color: #666; }
.service-governance .help-info { position: relative; top: 2px; width: 18px; height: 18px; margin-left: 4px; }
.service-governance .help-info:hover {border-radius: 2px;  background: rgba(24, 134, 255, .2); }
.service-governance .help-info:hover:before {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -586px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .help-info:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .help-info:before {position: absolute; top: 50; left: 50%; width: 14px; height: 14px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -426px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .help-info:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .btn-tab { overflow: hidden; margin-bottom: 8px; margin-left: 8px; }
.service-governance .btn-tab button { float: left; color: #d5d9db; border: 1px solid #dfe3e8; border-right-color: #fff; border-radius: 0; }
.service-governance .btn-tab button.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance .btn-tab button:first-child {border-right-color: #fff;  border-radius: 2px 0 0 2px; }
.service-governance .btn-tab button:first-child.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance .btn-tab button:last-child {border-right-color: #dfe3e8; border-left-color: #fff;  border-radius: 0 2px 2px 0; }
.service-governance .btn-tab button:last-child.active {color: #1886ff;  border: 1px solid #1886ff; }
.service-governance.dashboard .gv-amchart-dashboard-tooltip h2 {font-size: .6875rem; line-height: 1.0625rem;  color: #222; }
.service-governance.dashboard .gv-amchart-dashboard-tooltip table { width: 100%; }
.service-governance.dashboard .gv-amchart-dashboard-tooltip table th , .service-governance.dashboard .gv-amchart-dashboard-tooltip table td {font-size: .6875rem; line-height: 1.0625rem;  color: #666; }
.service-governance.dashboard .gv-amchart-dashboard-tooltip table td { text-align: right; }
.service-governance.dashboard .map-tooltip { width: 192px; min-height: 130px; background-color: #fff; }
.service-governance.dashboard .map-tooltip h2 { font-size: .6875rem; font-weight: 400; line-height: 32px; text-align: center; color: #444; background-color: #f3f4f5; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul { position: relative; overflow: hidden; padding: 0 8px 4px; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:first-child { padding: 6px 8px 0; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:first-child li:first-child:before { width: 4px; height: 4px; border-radius: 4px; background-color: #d8d8d8; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(2) li:first-child { width: calc( 100% - 82px); padding-left: 32px; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(2) li:first-child:before {left: 20px;  content: '\3134'; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(3) li:first-child { width: calc( 100% - 92px); padding-left: 42px; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(3) li:first-child:before {left: 30px;  content: '-'; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(n+3) li:first-child { width: calc( 100% - 92px); padding-left: 42px; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul:nth-child(n+3) li:first-child:before {left: 30px;  content: '-'; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul li {font-size: .6875rem; line-height: 17px;  position: relative; float: left; width: calc( 100% - 62px); padding-left: 12px; text-align: left; color: #666; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul li:before {position: absolute; top: 50%; left: 0;  content: ''; transform: translateY(-50%); color: #d8d8d8; }
.service-governance.dashboard .map-tooltip .map-tooltip-inner ul li:last-child { width: 50px; padding-left: 0px; text-align: right; }
.service-governance.dashboard .input-box { width: 100%; min-width: 1146px; max-width: 1364px; margin: 0 auto; padding: 24px 8px 14px; }
.service-governance.dashboard .widget-wrap .widget-items .inner .w-content.scroll-wrap { padding: 0 0px 25px; }
.service-governance.dashboard .separation-table-ui { width: auto; max-width: auto; }
.service-governance.dashboard .separation-table-ui table thead tr th:first-child { padding-left: 25px; }
.service-governance.dashboard .separation-table-ui table thead tr th:first-child .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu { left: -20px; transform: translateX(0); }
.service-governance.dashboard .separation-table-ui table thead tr th:first-child .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu:before { left: calc( 50% - 35px); }
.service-governance.dashboard .separation-table-ui table thead tr th:last-child { padding-right: 25px; }
.service-governance.dashboard .separation-table-ui.scroll {overflow-x: hidden;  overflow-y: overlay; height: 245px; padding: 0 0px; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td { position: relative; border-top: 0; border-bottom: 0; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td:after {position: absolute; right: 0px; bottom: 0; left: 0px; height: 1px;  content: ''; background-color: #d5d9db; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td:first-child { padding-left: 25px; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td:first-child:after { left: 25px; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td:last-child { padding-right: 25px; }
.service-governance.dashboard .separation-table-ui.scroll table tbody tr td:last-child:after { right: 25px; }
.service-governance.dashboard .separation-table-ui.fixed { background-color: #f6f7f8; }
.service-governance.dashboard .separation-table-ui.fixed table tbody td { border-top: 0; }
.service-governance.dashboard .separation-table-ui table {border-spacing: 0; border-collapse: collapse;  border-top: 0px solid #dfe3e8; }
.service-governance.dashboard .separation-table-ui table thead th , .service-governance.dashboard .separation-table-ui table thead td {line-height: 32px;  padding: 0 5px; }
.service-governance.dashboard .separation-table-ui table tbody tr:hover td { border-color: #dfe3e8; background-color: #f4faff; }
.service-governance.dashboard .separation-table-ui table tbody tr:hover td:last-child { border-left: 0; }
.service-governance.dashboard .separation-table-ui table tbody th , .service-governance.dashboard .separation-table-ui table tbody td { padding: 0 5px; }
.service-governance.dashboard .separation-table-ui table tbody td { height: auto; min-height: 65px; padding-top: 9.5px; padding-bottom: 7.5px; }
.service-governance.dashboard .separation-table-ui table tbody td:first-child { border-left: 25px; }
.service-governance.dashboard .separation-table-ui table tbody td:last-child {border-right: 25px;  border-left: 0; }
.service-governance.dashboard .separation-table-ui table tbody td .head-txt {line-height: 14px; overflow: hidden; width: 210px;  height: 14px; white-space: nowrap; text-overflow: ellipsis; }
.service-governance.dashboard .separation-table-ui table tbody td .subhead-txt .failed { color: #ff2d47; }
.service-governance.compliance .empty-box { position: relative; display: -ms-flexbox; display: flex; width: 100%; min-height: 200px; border: dashed 1px #b8bec3; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-governance.compliance .empty-box + .empty-box { margin-top: 16px; }
.service-governance.compliance .empty-box .general-spinner-wrap.built-in { width: 52px; height: 52px; margin-right: 0; }
.service-governance.compliance .empty-box .general-spinner-wrap.built-in .icon-spinner { border-color: #898e94; border-left-color: transparent; }
.service-governance.compliance .empty-box .general-spinner-wrap.built-in + p { margin-top: 16px; }
.service-governance.compliance .empty-box .inner { text-align: center; }
.service-governance.compliance .empty-box .inner p { font-size: .75rem; line-height: 1.125rem; color: #666; }
.service-governance.compliance .empty-box .inner p + button { margin-top: 16px; }
.service-governance.compliance .new-inspecing { text-align: center; }
.service-governance.compliance .new-inspecing .button-ui {line-height: 52px;  height: 52px; padding: 0 16px; color: #0d74e5; border-radius: 4px; background: #c6e2ff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.service-governance.compliance .new-inspecing .button-ui .general-spinner-wrap.built-in { display: inline-block; width: 17px; height: 18px; }
.service-governance.compliance .new-inspecing .general-spinner-wrap.built-in { display: inline-block; }
.service-governance.compliance .new-inspecing .general-spinner-wrap.built-in .icon-spinner { border-color: #1886ff; border-left-color: transparent; }
.service-governance.compliance .widget-items.cols2:first-child .inner { margin-left: 0; }
.service-governance.compliance .widget-items.cols2:last-child .inner { margin-right: 0; }
.service-governance.compliance .lr-over .left { width: calc( 100% - 40px); padding: 0 20px; transition: .3s linear; }
.service-governance.compliance .lr-over .right { position: absolute; top: 0; right: 0; bottom: -60px; left: auto; overflow-y: auto; box-sizing: border-box; width: 784px; padding: 16px 0; transition: transform .3s linear; transform: translateX(110%); background-color: #fff; box-shadow: -6px 3px 12px rgba(0, 0, 0, .2); }
.service-governance.compliance .lr-over .right[data-check=passed] .head:before { background-color: #1886ff; }
.service-governance.compliance .lr-over .right[data-check=failed] .head:before { background-color: #ff4b55; }
.service-governance.compliance .lr-over .right .head {position: relative; box-sizing: border-box; height: 117px;  padding: 0 16px 20px 30px; border-bottom: 1px solid #dfe3e8; }
.service-governance.compliance .lr-over .right .head:before {position: absolute; top: 0; bottom: 0; left: 0; width: 14px;  content: ''; }
.service-governance.compliance .lr-over .right .head h2 { font-size: 1rem; font-weight: 500; padding: 8px 0 0; color: #222; }
.service-governance.compliance .lr-over .right .head .right-label-wrap {position: relative; overflow: hidden;  width: 510px; height: 20px; }
.service-governance.compliance .lr-over .right .head .right-label-wrap .overflow-tooltip { position: absolute; top: 50%; right: 0; width: 25px; height: 20px; transform: translateY(-50%); }
.service-governance.compliance .lr-over .right .head .right-label-wrap .overflow-tooltip:before {position: absolute; top: 50%; left: calc(50% + 5px); width: 14px; height: 4px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -371px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance.compliance .lr-over .right .head .right-label-wrap .overflow-tooltip:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance.compliance .lr-over .right .head .right-label-wrap .button-ui {overflow: hidden; width: 90px; margin-left: 4px; padding: 0 4px; white-space: nowrap; text-overflow: ellipsis;  color: #4a90e2; }
.service-governance.compliance .lr-over .right .head .right-label-wrap > *:first-child { margin: 0; }
.service-governance.compliance .lr-over .right .head .checked-result { padding: 16px 0; }
.service-governance.compliance .lr-over .right .head .input-box { position: absolute; top: 15px; right: 21px; display: -ms-flexbox; display: flex; width: auto; max-width: auto; padding: 0; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .lr-over .right .head .input-box .close { width: 32px; height: 32px; }
.service-governance.compliance .lr-over .right .head .input-box .list-up-wrapper { position: relative; width: 32px; margin-right: 18px; }
.service-governance.compliance .lr-over .right .head .input-box .list-up-wrapper:after {position: absolute; top: 0; left: calc(100% + 9px); width: 1px; height: 32px;  content: ''; background: #dfe3e8; }
.service-governance.compliance .lr-over .right .contents { padding: 0 16px; }
.service-governance.compliance .lr-over .right .contents .button-fold-set { position: relative; display: -ms-flexbox; display: flex; overflow: hidden; width: calc(100% - 100px); height: 24px; padding: 6px 0 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .lr-over .right .contents .button-fold-set .button-wrap { position: relative; display: contents; padding-right: 68px; }
.service-governance.compliance .lr-over .right .contents .button-fold-set .fold-btn {font-size: .75rem;  position: absolute; top: 2px; right: 0; width: 60px; text-decoration: underline; color: #4a90e2; }
.service-governance.compliance .lr-over .right .contents .button-fold-set .fold-btn.event-fold { display: none; }
.service-governance.compliance .lr-over .right .contents .button-fold-set.fold { height: auto; }
.service-governance.compliance .lr-over .right .contents .button-fold-set.fold .button-wrap { position: relative; }
.service-governance.compliance .lr-over .right .contents .button-fold-set.fold .button-wrap .fold-btn.event-expand { display: none; }
.service-governance.compliance .lr-over .right .contents .button-fold-set.fold .button-wrap .fold-btn.event-fold { display: block; }
.service-governance.compliance .lr-over .right .contents .button-fold-set .button-ui {overflow: hidden; width: 150px; margin: 5px 8px 0 0; text-align: center; white-space: nowrap; text-overflow: ellipsis;  color: #667587; }
.service-governance.compliance .lr-over .right .contents .info-title { font-size: .875rem; font-weight: 500; line-height: 1.25rem; margin-top: 24px; color: #222; }
.service-governance.compliance .lr-over .right .contents .info-title + .info-view { margin-top: 16px; }
.service-governance.compliance .lr-over .right .contents .info-view {border: 1px solid #d5d9db;  box-shadow: none; }
.service-governance.compliance .lr-over .right .contents .info-view table th , .service-governance.compliance .lr-over .right .contents .info-view table td { background: transparent; }
.service-governance.compliance .lr-over .right .contents .info-view table th p , .service-governance.compliance .lr-over .right .contents .info-view table td p { display: inline-block; float: left; }
.service-governance.compliance .lr-over .right .contents .info-view table th { min-width: 150px; }
.service-governance.compliance .lr-over .right .contents .info-view table th label {position: relative; top: 7px;  float: left; margin-left: 8px; }
.service-governance.compliance .lr-over .right .contents .info-view table td p + p { margin-left: 8px; padding-left: 8px; }
.service-governance.compliance .lr-over .right .contents dl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-governance.compliance .lr-over .right .contents dl dt , .service-governance.compliance .lr-over .right .contents dl dd {box-sizing: border-box; padding: 12px 0;  border-bottom: 1px solid #eaecef; }
.service-governance.compliance .lr-over .right .contents dl dt {font-size: .75rem;  width: 17%; padding-left: 18px; color: #666; }
.service-governance.compliance .lr-over .right .contents dl dd {font-size: .75rem;  width: 83%; color: #222; }
.service-governance.compliance .lr-over .right .contents dl dd.button-fold { padding: 4px 0 12px; }
.service-governance.compliance .lr-over .right .contents dl dd.button-fold .button-fold-set {width: calc(100% - 20px); margin: 4px 0 0;  padding: 0; }
.service-governance.compliance .lr-over .right .contents dl dd.button-fold .button-fold-set .button-ui { margin: 0 8px 4px 0; }
.service-governance.compliance .lr-over .right .contents dl dd [data-icon=vendor] {font-size: .75rem; position: relative;  margin-left: 30px; }
.service-governance.compliance .lr-over .right .contents dl dd [data-icon=vendor]:first-child { margin-left: 0; }
.service-governance.compliance .lr-over .right .contents dl dd [data-icon=vendor]:first-child:after { content: none; }
.service-governance.compliance .lr-over .right .contents dl dd [data-icon=vendor]:after {position: absolute; top: 0; left: -19px; width: 1px; height: 16px;  content: ''; background: #dfe3e8; }
.service-governance.compliance .lr-over .right .contents dl dd .description { line-height: 18px; position: relative; overflow: hidden; }
.service-governance.compliance .lr-over .right .contents dl dd .description.overflow { max-height: 109px; }
.service-governance.compliance .lr-over .right .contents dl dd .description.overflow:after {position: absolute; right: 0; bottom: 0; box-sizing: border-box; width: 30px; height: 23px; padding: 0 4px;  content: '...'; background: #fff; }
.service-governance.compliance .lr-over .right .contents .detail { padding: 13px 0 16px; border-bottom: 1px solid #eaecef; }
.service-governance.compliance .lr-over .right .contents .detail .heading { font-size: .75rem; color: #666; }
.service-governance.compliance .lr-over .right .contents .detail .condition { font-size: .8125rem; font-weight: 500; padding: 16px 0 8px; color: #222; }
.service-governance.compliance .lr-over .right .contents .detail .condition .next-task {font-size: .75rem; font-weight: 400;  min-width: 75px; margin-left: 14px; }
.service-governance.compliance .lr-over .right .contents .detail .condition .pop-fold { margin-left: 8px; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction {transition: opacity .3s linear;  border: 1px solid #eaecef; border-bottom: 0; background: #f6f7f8; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction.hide { height: 0; pointer-events: none; opacity: 0; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction .button-ui {min-width: 60px;  margin-right: 10px; text-align: center; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction p {font-size: .75rem; display: -ms-flexbox; display: flex;  padding: 12px 16px; color: #222; border-bottom: 1px solid #eaecef; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction p strong { font-weight: 500; color: #1886ff; }
.service-governance.compliance .lr-over .right .contents .detail .satisfaction p.br { padding: 8px 16px; background: #fff; }
.service-governance.compliance .lr-over .right .contents .detail .email .email-list { display: -ms-flexbox; display: flex; padding: 8px 14px; }
.service-governance.compliance .lr-over .right .contents .detail .email .email-list .heading {font-size: 12px; font-size: .75rem; line-height: 24px; height: 24px; margin-right: 16px;  color: #222; }
.service-governance.compliance .lr-over .right .contents .detail .email .email-list .button-ui {font-size: .75rem; font-weight: 500;  color: #408bd3; }
.service-governance.compliance .lr-over .right .contents .detail .email input[type=checkbox] + label {font-size: .75rem; font-weight: normal;  margin-top: 8px; }
.service-governance.compliance .lr-over .right .contents .improvement { padding: 0 16px 16px; border-bottom: 1px solid #eaecef; }
.service-governance.compliance .lr-over .right .contents .improvement p { font-size: .8125rem; color: #222; }
.service-governance.compliance .lr-over .right .contents .improvement .heading { display: -ms-flexbox; display: flex; padding: 16px 0 10px; }
.service-governance.compliance .lr-over .right .contents .improvement .heading p {font-weight: 500;  margin-right: 10px; }
.service-governance.compliance .lr-over .right .contents .improvement .heading p + p { font-size: .75rem; color: #999; }
.service-governance.compliance .lr-over.fold .right { transform: translateX(0); }
.service-governance.compliance .general-spinner-wrap { display: inline-block; }
.service-governance.compliance .dashboard { display: -ms-flexbox; display: flex; margin-bottom: 24px; }
.service-governance.compliance .dashboard > * {position: relative; box-sizing: border-box; height: 256px;  padding: 8px 16px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -ms-flex: 1; flex: 1; }
.service-governance.compliance .dashboard > *:nth-of-type(2) { margin: 0 16px; }
.service-governance.compliance .dashboard > * h3 { font-size: .875rem; font-weight: 500; color: #444; }
.service-governance.compliance .dashboard > * .general-spinner-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service-governance.compliance .dashboard > * .chart {box-sizing: border-box; height: calc(100% - 12px);  padding: 0 20px 12px; }
.service-governance.compliance .dashboard > * .severity-progress { margin: 20px 0 0; }
.service-governance.compliance .dashboard > * .severity-progress:first-child { margin-top: 25px; }
.service-governance.compliance .dashboard > * .severity-progress .info-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .dashboard > * .severity-progress .info-text p {font-size: .75rem;  color: #666; }
.service-governance.compliance .dashboard > * .severity-progress .info-text p:first-child { margin-right: auto; }
.service-governance.compliance .dashboard > * .severity-progress .info-text p:last-child { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.service-governance.compliance .dashboard > * .severity-progress .info-text p:last-child span {margin-left: 4px;  color: #ccc; }
.service-governance.compliance .dashboard > * .severity-progress .info-text p:last-child em { margin-right: 4px; }
.service-governance.compliance .dashboard > * .severity-progress progress {width: 100%; height: 8px; border: none; background: #eaecef;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.service-governance.compliance .dashboard > * .severity-progress progress::-webkit-progress-bar { background: #eaecef; }
.service-governance.compliance .dashboard > * .severity-progress progress::-webkit-progress-value { background: #ff5a6e; }
.service-governance.compliance .dashboard > * .severity-progress progress::-moz-progress-bar { background: #ff5a6e; }
.service-governance.compliance .dashboard > * .severity-progress progress::-ms-fill { background: #ff5a6e; }
.service-governance.compliance .button-fold-set { position: relative; display: -ms-flexbox; display: flex; overflow: hidden; width: calc(100% - 100px); height: 24px; padding: 6px 0 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .button-fold-set .button-wrap { position: relative; display: contents; padding-right: 68px; }
.service-governance.compliance .button-fold-set .fold-btn {font-size: .75rem;  position: absolute; top: 2px; right: 0; width: 60px; text-decoration: underline; color: #4a90e2; }
.service-governance.compliance .button-fold-set .fold-btn.event-fold { display: none; }
.service-governance.compliance .button-fold-set.fold { height: auto; }
.service-governance.compliance .button-fold-set.fold .button-wrap { position: relative; }
.service-governance.compliance .button-fold-set.fold .button-wrap .fold-btn.event-expand { display: none; }
.service-governance.compliance .button-fold-set.fold .button-wrap .fold-btn.event-fold { display: block; }
.service-governance.compliance .button-fold-set .button-ui {overflow: hidden; width: 150px; margin: 5px 8px 0 0; text-align: center; white-space: nowrap; text-overflow: ellipsis;  color: #667587; }
.service-governance.compliance .layout-sub-title .inspecting {font-weight: normal;  margin-right: 16px; color: #666; }
.service-governance.compliance .layout-sub-title .inspecting .icon-spinner { border-color: #666; border-left-color: transparent; }
.service-governance.compliance .layout-sub-title .time-opp { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .layout-sub-title .time-opp .button-ui.border { color: #999; }
.service-governance.compliance .layout-sub-title .time-opp .split { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-governance.compliance .layout-sub-title .time-opp .split .button-ui { padding: 0; }
.service-governance.compliance .layout-sub-title .time-opp .split:before {display: inline-block; width: 1px; height: 20px; margin: 0 8px;  content: ''; background-color: #dfe3e8; }
.service-governance.compliance .edit-form [data-icon=export] {font-weight: 500; margin-left: 8px; text-decoration: underline;  color: #4a90e2; }
.service-governance.compliance .common-tabs { margin: 24px 20px 0; }
.service-governance.compliance .common-tabs:before { height: 1px; background-color: #d5d9db; }
.service-governance.compliance .common-tabs .btn { min-width: 288px; border-color: #d5d9db; border-left-width: 0; }
.service-governance.compliance .common-tabs .btn:first-child { border-left-width: 1px; }
.service-governance.compliance .common-tabs .btn.is-selected {border-top-color: #52545c; border-bottom: 1px solid #f5f5f7;  background: transparent; }
.service-governance.compliance .content-title { font-size: .875rem; font-weight: 500; line-height: 1.25rem; margin-top: 24px; color: #222; }
.service-governance.compliance .content-title + div { margin-top: 16px; }
.service-governance.compliance .info-view {border: 0px solid #d5d9db;  box-shadow: none; }
.service-governance.compliance .info-view table th , .service-governance.compliance .info-view table td {height: 34px; padding-top: 14px; vertical-align: top;  background: transparent; }
.service-governance.compliance .info-view table th:before , .service-governance.compliance .info-view table td:before {position: relative; display: block; clear: both;  content: ''; }
.service-governance.compliance .info-view table th p , .service-governance.compliance .info-view table td p {line-height: 1.5rem;  display: inline-block; float: left; }
.service-governance.compliance .info-view table th span , .service-governance.compliance .info-view table td span { float: left; }
.service-governance.compliance .info-view table th span + .button-ui , .service-governance.compliance .info-view table td span + .button-ui { position: relative; top: -2px; margin-left: 8px; }
.service-governance.compliance .info-view table th { min-width: 150px; }
.service-governance.compliance .info-view table th label {position: relative; top: 4px;  float: left; margin-left: 8px; }
.service-governance.compliance .info-view table th p + button { margin-left: 8px; }
.service-governance.compliance .info-view table td > p + button { margin-left: 8px; }
.service-governance.compliance .info-view table td > p + p:before { top: 4px; }
.service-governance.compliance .info-view table td .button-fold-set {top: -3px;  padding: 0 0 8px; }
.service-governance.compliance .info-view table td .button-fold-set .fold-btn { top: auto; bottom: 7px; }
.service-governance .essential.fontMore { font-size: .875rem; }
.service-governance .essential:after {margin-left: 6px;  content: '*'; vertical-align: top; color: #1886ff; }
.service-governance .hide-table {padding: 16px;  background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); }
.service-governance .hide-table .button-set { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.service-governance .hide-table .button-set button { margin-left: 8px; }
.service-governance .hide-table .button-set button.next-task-btn { min-width: 75px; }
.service-governance .hide-table table { margin: 0; }
.service-governance .hide-table [data-icon='vendor'] { font-size: .75rem; color: #222; }
.service-governance .hide-table .folding:hover { cursor: pointer; }
.service-governance .hide-table .rule-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-governance .hide-table .rule-wrapper .folding-text {font-size: .75rem; line-height: 26px; overflow: hidden;  width: 290px; height: 26px; margin-right: 10px; text-align: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.service-governance .hide-table .rule-wrapper .label-wrap {position: relative; overflow: hidden;  width: 314px; height: 20px; }
.service-governance .hide-table .rule-wrapper .label-wrap .overflow-tooltip { position: absolute; top: 50%; right: 0; width: 25px; height: 20px; transform: translateY(-50%); }
.service-governance .hide-table .rule-wrapper .label-wrap .overflow-tooltip:before {position: absolute; top: 50%; left: calc(50% + 5px); width: 14px; height: 4px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -371px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .hide-table .rule-wrapper .label-wrap .overflow-tooltip:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .hide-table .rule-wrapper .label-wrap .button-ui {overflow: hidden; width: 90px; margin-left: 4px; padding: 0 4px; white-space: nowrap; text-overflow: ellipsis;  color: #4a90e2; }
.service-governance .hide-table .rule-wrapper .label-wrap > *:first-child { margin: 0; }
.service-governance .table-setting { position: relative; display: -ms-flexbox; display: flex; padding: 0 0 8px; -ms-flex-align: center; align-items: center; }
.service-governance .table-setting select , .service-governance .table-setting input[type=search] {font-size: .75rem; line-height: 1;  height: 24px; color: #222; }
.service-governance .table-setting .select-area { position: relative; padding-right: 17px; }
.service-governance .table-setting .select-area:before {position: absolute; top: 0; right: 8px; width: 1px; height: 24px;  content: ''; background: #d5d9db; }
.service-governance .table-setting .search_form { top: 1px; }
.service-governance .table-setting .search_form button {top: 2px;  height: 18px; background-position: 6px 2px; background-size: contain; }
.service-governance .table-setting .right-area { position: absolute; right: 0; display: inline-block; }
.service-governance .lr-fold .right {left: calc( 100% - 784px); overflow-y: auto; padding: 16px 0; border-left: 1px solid #eee;  background: #fff; }
.service-governance .lr-fold .right .head {position: relative;  padding: 0 16px 20px; border-bottom: 1px solid #dfe3e8; }
.service-governance .lr-fold .right .head h2 { font-size: 1rem; font-weight: 500; padding: 8px 0 0; color: #222; }
.service-governance .lr-fold .right .head .right-label-wrap {position: relative; overflow: hidden;  width: 510px; height: 20px; }
.service-governance .lr-fold .right .head .right-label-wrap .overflow-tooltip { position: absolute; top: 50%; right: 0; width: 25px; height: 20px; transform: translateY(-50%); }
.service-governance .lr-fold .right .head .right-label-wrap .overflow-tooltip:before {position: absolute; top: 50%; left: calc(50% + 5px); width: 14px; height: 4px;  content: ''; transform: translate(-50%, -50%); background-image: url(../images/layout_sprites.png); background-position: -371px -315px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .lr-fold .right .head .right-label-wrap .overflow-tooltip:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .lr-fold .right .head .right-label-wrap .button-ui {float: left; overflow: hidden; width: 90px; margin-left: 4px; padding: 0 4px; white-space: nowrap; text-overflow: ellipsis;  color: #4a90e2; }
.service-governance .lr-fold .right .head .right-label-wrap > *:first-child { margin: 0; }
.service-governance .lr-fold .right .head .input-box { position: absolute; top: 0; right: 21px; display: -ms-flexbox; display: flex; width: auto; max-width: auto; padding: 0; -ms-flex-align: center; align-items: center; }
.service-governance .lr-fold .right .head .input-box .close { width: 32px; height: 32px; }
.service-governance .lr-fold .right .head .input-box .list-up-wrapper { position: relative; width: 32px; margin-right: 18px; }
.service-governance .lr-fold .right .head .input-box .list-up-wrapper:after {position: absolute; top: 0; left: calc(100% + 9px); width: 1px; height: 32px;  content: ''; background: #dfe3e8; }
.service-governance .lr-fold .right .contents { padding: 0 16px; }
.service-governance .lr-fold .right .contents dl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-governance .lr-fold .right .contents dl dt , .service-governance .lr-fold .right .contents dl dd {box-sizing: border-box; padding: 12px 0;  border-bottom: 1px solid #eaecef; }
.service-governance .lr-fold .right .contents dl dt {font-size: .75rem;  width: 17%; padding-left: 18px; color: #666; }
.service-governance .lr-fold .right .contents dl dd {font-size: .75rem;  width: 83%; color: #222; }
.service-governance .lr-fold .right .contents dl dd [data-icon=vendor] {font-size: .75rem; position: relative;  margin-left: 30px; }
.service-governance .lr-fold .right .contents dl dd [data-icon=vendor]:first-child { margin-left: 0; }
.service-governance .lr-fold .right .contents dl dd [data-icon=vendor]:first-child:after { content: none; }
.service-governance .lr-fold .right .contents dl dd [data-icon=vendor]:after {position: absolute; top: 0; left: -19px; width: 1px; height: 16px;  content: ''; background: #d5d9db; }
.service-governance .lr-fold .right .contents dl dd .description { line-height: 18px; position: relative; overflow: hidden; }
.service-governance .lr-fold .right .contents dl dd .description.overflow { max-height: 109px; }
.service-governance .lr-fold .right .contents dl dd .description.overflow:after {position: absolute; right: 0; bottom: 0; box-sizing: border-box; width: 30px; height: 23px; padding: 0 4px;  content: '...'; background: #fff; }
.service-governance .lr-fold .right .contents .detail { padding: 13px 0 16px; border-bottom: 1px solid #eaecef; }
.service-governance .lr-fold .right .contents .detail .heading { font-size: .75rem; color: #666; }
.service-governance .lr-fold .right .contents .detail .condition { font-size: .8125rem; font-weight: 500; padding: 16px 0 8px; color: #222; }
.service-governance .lr-fold .right .contents .detail .satisfaction { border: 1px solid #eaecef; border-bottom: 0; background: #f6f7f8; }
.service-governance .lr-fold .right .contents .detail .satisfaction .button-ui {min-width: 60px;  margin-right: 10px; text-align: center; }
.service-governance .lr-fold .right .contents .detail .satisfaction p {font-size: .75rem; display: -ms-flexbox; display: flex;  padding: 12px 16px; color: #222; border-bottom: 1px solid #eaecef; }
.service-governance .lr-fold .right .contents .detail .satisfaction p strong { font-weight: 500; color: #1886ff; }
.service-governance .lr-fold .right .contents .detail .satisfaction p.br { padding: 8px 16px; background: #fff; }
.service-governance .lr-fold .right .contents .detail .email .email-list { display: -ms-flexbox; display: flex; padding: 8px 14px; }
.service-governance .lr-fold .right .contents .detail .email .email-list .heading {font-size: 12px; font-size: .75rem; line-height: 24px; height: 24px; margin-right: 16px;  color: #222; }
.service-governance .lr-fold .right .contents .detail .email .email-list .button-ui {font-size: .75rem; font-weight: 500;  color: #408bd3; }
.service-governance .lr-fold .right .contents .detail .email input[type=checkbox] + label {font-size: .75rem; font-weight: normal;  margin-top: 8px; }
.service-governance .lr-fold .right .contents .improvement { padding: 0 16px 16px; border-bottom: 1px solid #eaecef; }
.service-governance .lr-fold .right .contents .improvement p { font-size: .8125rem; color: #222; }
.service-governance .lr-fold .right .contents .improvement .heading { display: -ms-flexbox; display: flex; padding: 16px 0 10px; }
.service-governance .lr-fold .right .contents .improvement .heading p {font-weight: 500;  margin-right: 10px; }
.service-governance .lr-fold .right .contents .improvement .heading p + p { font-size: .75rem; color: #999; }
.service-governance .lr-fold .left { width: calc( 100% - 40px); transition: .3s linear; }
@media screen and (max-width: 2200px) { .service-governance .lr-fold.fold .fold-hide { display: none; } }
.service-governance .lr-fold.fold .left { width: calc( 100% - 824px); transition: .3s linear; }
@media screen and (max-width: 1600px) { .service-governance .lr-fold.fold .left .hide-table table colgroup col:nth-of-type(2) { display: none; }
	.service-governance .lr-fold.fold .left .hide-table table colgroup col:nth-of-type(3) { display: none; }
	.service-governance .lr-fold.fold .left .hide-table table colgroup col:nth-of-type(4) { display: none; }
	.service-governance .lr-fold.fold .left .hide-table table thead th { display: none; }
	.service-governance .lr-fold.fold .left .hide-table table thead th:first-child { display: table-cell; }
	.service-governance .lr-fold.fold .left .hide-table table td { display: none; }
	.service-governance .lr-fold.fold .left .hide-table table td:first-child { display: table-cell; }
	.service-governance .lr-fold.fold .left .table-setting { -ms-flex-flow: column; flex-flow: column; }
	.service-governance .lr-fold.fold .left .table-setting > * { width: 100%; }
	.service-governance .lr-fold.fold .left .table-setting .select-area {display: -ms-flexbox; display: flex;  padding: 0 0 8px; }
	.service-governance .lr-fold.fold .left .table-setting .select-area:before { content: none; }
	.service-governance .lr-fold.fold .left .table-setting .select-area > * { -ms-flex: 1; flex: 1; }
	.service-governance .lr-fold.fold .left .table-setting .select-area > *:first-child { margin-right: 8px; }
	.service-governance .lr-fold.fold .left .table-setting .select-area .search_form { width: 100%; }
	.service-governance .lr-fold.fold .left .table-setting .select-area .search_form input[type=search] { width: 238px; } }
.service-governance .lr-fold.fold .right {right: 0; left: calc( 100% - 784px); box-sizing: border-box;  width: 784px; padding: 16px 0; }
.service-governance .layout-sub-title.label { position: relative; }
.service-governance .layout-sub-title.label:before {position: absolute; top: 0; bottom: 0; left: 0; width: 8px;  content: ''; background-color: #b8bec3; }
.service-governance .layout-sub-title.label[data-state=sucessed]:before { background-color: #1886ff; }
.service-governance .layout-sub-title.label[data-state=failed]:before { background-color: #ff2d47; }
.service-governance .layout-sub-title.label .general-spinner-wrap { display: inline-block; width: 11px; height: 11px; }
.service-governance .layout-sub-title.label .general-spinner-wrap .icon-spinner {bottom: 1px;  border-color: #898e94; border-left-color: transparent; }
.service-governance .layout-sub-title .left .edit-form { max-width: 630px; }
.service-governance .layout-sub-title .left .edit-form input[type=text] { width: 550px; margin-right: 3px; }
.service-governance .layout-sub-title .left .edit-form button { margin-left: 5px; }
.service-governance .layout-sub-title .left .edit-form p.button-ui.general {font-weight: 500; color: #999; border-color: #c6cbcf;  border-radius: 2px; }
.service-governance .layout-sub-title .left .edit-form .button-ui[data-icon=exportBlue] { text-decoration: underline; }
.service-governance .layout-sub-title .left .edit-form .button-ui[data-icon=exportBlue]:before { display: none; }
.service-governance .layout-sub-title .left .edit-form.explain { max-width: 840px; }
.service-governance .layout-sub-title .left .edit-form.explain input[type=text] { width: 760px; }
.service-governance .layout-sub-title .left .edit-form.explain .editing , .service-governance .layout-sub-title .left .edit-form.explain .fin { padding: 0; }
.service-governance .layout-sub-title .left .edit-form .editing {height: 32px;  padding: 8px 0; }
.service-governance .layout-sub-title .left .edit-form .fin { padding: 4px 0; }
.service-governance .layout-sub-title .left .edit-form .fin em.failed {margin-right: 3px;  color: #ff2d47; }
.service-governance .layout-sub-title .left .edit-form .fin em.failed ~ em { margin-left: 3px; }
.service-governance .layout-sub-title .left .edit-form .fin em + a { position: relative; top: 3px; margin-left: 8px; }
.service-governance .layout-sub-title .right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-governance .layout-sub-title .right .date {font-size: .75rem; font-weight: 400; line-height: 2rem;  position: relative; padding-right: 9px; color: #666; }
.service-governance .layout-sub-title .right .date.none:before {top: -3px; width: 16px; height: 3px; background-color: #eaecef;  background-image: none; }
.service-governance .layout-sub-title .right .date:before {position: relative; top: 5px; display: inline-block; width: 20px; height: 20px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -564px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .layout-sub-title .right .date:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .layout-sub-title .right .date:after {position: absolute; top: 0; right: 0; bottom: 0; display: inline-block; width: 1px;  content: ''; background-color: #dfe3e8; }
.service-governance .layout-sub-title .right .date span { margin-left: 8px; }
.service-governance .layout-sub-title .right button[data-fill=blue] { min-width: 89px; }
.service-governance .layout-sub-title .right .list-up-wrapper {width: 32px;  margin-left: 12px; }
.service-governance .list-up-wrapper { position: relative; width: 22px; }
.service-governance .list-up-wrapper[data-size=large] .list-up { min-width: 138px; }


.service-governance .list-up-wrapper .list-up {position: absolute; z-index: 10; top: 100%; right: 0;  display: none; box-sizing: border-box; min-width: 128px; border: 1px solid #d5d9db; border-radius: 2px; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); }
.service-governance .list-up-wrapper .list-up.active { display: block; }
.service-governance .list-up-wrapper .list-up li { height: 30px; }
.service-governance .list-up-wrapper .list-up li:hover button { background: #f3f4f5; }
.service-governance .list-up-wrapper .list-up li button { font-size: .875rem; width: 100%; height: 100%; padding: 0 12px; text-align: left; color: #222; }
.service-governance .list-up-wrapper .list-up li button:before { margin-right: 10px; }
.service-governance .input-box {width: 100%; max-width: 1920px;margin: 0 auto;  padding: 24px 0 14px;  }
.service-governance .input-box:after {position: relative; display: block; clear: both;  content: ''; }
.service-governance .input-box select {font-size: .75rem; line-height: 32px; float: left;  height: 32px; color: #222; }
.service-governance .input-box select:not(:first-child) { margin-left: 8px; }
.service-governance .input-box .right-box {display: inline-block;  float: right; margin-right: 1rem; }
.service-governance .input-box .right-box .updated {font-size: .75rem; line-height: 2rem;  float: left; height: 2rem; color: #666; }
.service-governance .input-box .right-box .updated:before {position: relative; top: 1px; display: inline-block; width: 10px; height: 12px; margin-right: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -739px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .input-box .right-box .updated:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .input-box .right-box .updated + .button-with-icon { margin-left: 8px; }
.service-governance .input-box .right-box .button-with-icon { float: right; }
.service-governance .input-box .right-box .button-with-icon[data-state=excel] {font-size: .875rem; font-weight: 400; line-height: 24px; box-sizing: border-box; min-width: 120px; height: 32px; padding: 0 10px;  color: #444; border: 1px solid #bbb; background-color: #fff; }
.service-governance .input-box .right-box .button-with-icon[data-state=excel]:before {position: relative; display: inline-block; width: 12px; height: 14px; margin-right: 8px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -38px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .input-box .right-box .button-with-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .input-box .right-box .button-with-icon[data-state=excel]:after { display: none; }
.service-governance .input-box .right-box .button-with-icon[data-state=excel]:hover {color: #333;  background-color: #eaeaea; }
.service-governance .input-box .right-box .button-with-icon[data-state=excel]:focus {color: #333;  background-color: #ddd; }
.service-governance .input-box .right-box .button-with-icon[data-state=excel][disabled] {opacity: .3; color: #333;  background-color: transparent; }
.service-governance .input-box .multiselect-native-select {position: relative;  display: inline-block; float: left; }
.service-governance .input-box .multiselect-native-select:not(:first-child) { margin-left: 8px; }
.service-governance .input-box .multiselect-native-select.first .btn-group .multiselect-container.dropdown-menu { width: 140px; min-width: 100px; }
.service-governance .input-box .multiselect-native-select .btn-group {position: relative;  display: block; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect {font-size: .875rem; font-weight: 400; line-height: 22px; top: -.5px;  display: inline-block; box-sizing: border-box; width: 100%; min-width: 100px; max-width: 100%; height: 32px; padding-right: 35px; padding-left: 7px; text-align: left; color: #222; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff url('/assets/images/selectbox_arrow_04.png') no-repeat; background-position: calc( 100% - 10px) center; background-size: 10px 6.15px; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect[selected] { color: #0377ff; background-color: #fff; background-image: url('/assets/images/selectbox_arrow_04.png'); }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect:hover { border: 1px solid #1886ff; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 0px 0px rgba(24, 134, 255, .5); }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect:after { content: none; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 500; top: 100%; right: auto; left: 0;  display: none; width: 250px; min-width: 180px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2); }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search {width: 100%;  padding-left: 20px; border: 0px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox {font-size: .75rem; font-weight: 500; line-height: 15px; position: relative; left: 0px;  display: block; overflow: hidden; width: auto; max-width: 100%; height: 15px; margin: 0; padding: 8px 15px 7px 35px; cursor: pointer; text-overflow: ellipsis; color: #666; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -718px -273px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 10px; display: block; width: 15px; height: 15px; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated a:before {width: 11px; height: 11px;  margin-top: -5px; border-radius: 11px; background-color: #7fcb2b; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before {width: 10px; height: 10px;  margin-top: -5px; background-image: url(/assets/images/sprites.png); background-position: -739px -437px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-governance .input-box .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.service-governance .input-box .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.service-governance .input-box .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.service-governance .input-box .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.service-governance .input-box.fields span , .service-governance .input-box.fields label { float: left; margin-left: 8px; }
.service-governance .input-box.fields span:nth-child(1) { margin-left: 0; }
.service-governance .input-box.fields .multiselect-native-select { width: 250px; }
.service-governance .input-box.fields .multiselect-native-select.first { width: 140px; }
.service-governance .input-box b.search_form { top: 1px; bottom: auto; margin-left: 8px; }
.service-governance .input-box b.search_form input[type=search] {line-height: 32px;  height: 32px; }
.service-governance .input-box b.search_form button[type=submit] { background-size: 24px; }
.service-governance .input-box button { position: relative; top: 2px; padding: 0 17px; }
.service-governance .input-box button.right { float: right; }
.service-governance .separation-table-ui {width: 100%; max-width: 1920px;  margin: 0 auto; }
.service-governance .separation-table-ui table { width: 100%; }
.service-governance .separation-table-ui table thead th button { font-size: .75rem; font-weight: 500; color: #666; }
.service-governance .separation-table-ui table thead th .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:before , .service-governance .separation-table-ui table thead th .multiselect-native-select select.filter + .btn-group .multiselect-container.dropdown-menu li .checkbox:after { margin-top: -7.5px; }
.service-governance .separation-table-ui table tbody tr td [data-icon=rightArrow]:before {width: 7px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -504px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .separation-table-ui table tbody tr td [data-icon=rightArrow]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .separation-table-ui table tbody tr:hover td { border-width: 1px; border-color: #1886ff; }
.service-governance .separation-table-ui table tbody tr:hover td:last-child { border-left: 1px solid #d5d9db; }
.service-governance .separation-table-ui table tbody tr:hover td [data-icon=rightArrow]:before {width: 7px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -491px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-governance .separation-table-ui table tbody tr:hover td [data-icon=rightArrow]:before { background-image: url(../images/layout_sprites@2x.png); background-size: 728px 721px; } }
.service-governance .separation-table-ui table tbody td { box-sizing: border-box; text-align: center; }
.service-governance .separation-table-ui table tbody td:first-child { text-align: left; }
.service-governance .separation-table-ui table tbody td:last-child {text-align: center;  border-left: 1px solid #d5d9db; }
.service-governance .separation-table-ui table tbody td:last-child button { display: inline-block; }
.service-governance .separation-table-ui table tbody td .list-up-wrapper { width: auto; }
.service-governance .separation-table-ui table tbody td .list-up-wrapper button { margin: 0 auto; }
.service-governance .separation-table-ui table tbody p.label-wrap { display: inline-block; margin: 0 auto; }
.service-governance .separation-table-ui table tbody p.label-wrap button {position: relative; display: -ms-inline-flexbox; display: inline-flex;  float: left; margin-left: 5px; padding: 0 0px; }
.service-governance .separation-table-ui table tbody p.label-wrap button:after { display: none; }
.service-governance .separation-table-ui table tbody p.label-wrap span { float: left; }
.service-governance .separation-table-ui table tbody p.label-wrap span:after { display: none; }
.service-governance .separation-table-ui table tbody button { position: relative; padding: 0 16px; }
.service-governance .rule-info { display: -ms-flexbox; display: flex; padding-top: 18px; padding-bottom: 18px; -ms-flex-align: center; align-items: center; }
.service-governance .rule-info > *:first-child { font-size: 1rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #222; -ms-flex-align: center; align-items: center; }
.service-governance .rule-info > *:first-child.general[data-state=delete] { font-size: .75rem; font-weight: 400; color: #444; }
.service-governance .rule-info p { font-size: .875rem; font-weight: 500; line-height: 1.25rem; color: #222; }
.service-governance .rule-info [data-icon=exportBlue] { position: absolute; right: 20px; text-decoration: underline; }
.service-governance .rule-info [data-icon=exportBlue]:before { display: none; }
.service-governance .rule-info [data-font=special] {line-height: 26px; box-sizing: border-box; min-width: 27px; height: 26px; margin-left: 8px; padding: 0 4px; text-align: center; border-radius: 5px;  background-color: #b8bec3; }
.service-governance .rule-info .rule-add { position: relative; padding-left: 32px; }
.service-governance .rule-info .rule-add button { min-width: 100px; -ms-flex-pack: center; justify-content: center; }
.service-governance .rule-info .rule-add:before {position: absolute; top: 0; left: 16px; width: 1px; height: 24px;  content: ''; background: #b8bec3; }
.service-governance .policy-management-copy { padding: 0 20px; }
.service-governance .policy-management-copy .copied-info { padding: 0 0 16px; }
.service-governance .policy-management-copy .copied-info dl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-governance .policy-management-copy .copied-info dl dt , .service-governance .policy-management-copy .copied-info dl dd {box-sizing: border-box; padding: 12px 0;  border-bottom: 1px solid #eaecef; }
.service-governance .policy-management-copy .copied-info dl dt input[type='text'] , .service-governance .policy-management-copy .copied-info dl dd input[type='text'] {line-height: 30px;  width: calc(100% - 440px); height: 32px; }
.service-governance .policy-management-copy .copied-info dl dt {font-size: .75rem; font-size: .875rem; display: -ms-flexbox; display: flex;  width: 17%; padding-left: 18px; color: #666; color: #000; -ms-flex-align: center; align-items: center; }
.service-governance .policy-management-copy .copied-info dl dd {font-size: .75rem;  width: 83%; padding: 9px 0; color: #222; }
.service-governance .policy-management-copy .copied-info dl dd:last-child input[type='text'] { width: calc(100% - 90px); }
.service-governance .policy-management-copy .hide-table { border: 1px solid #d5d9db; }
.service-governance .policy-management-button { margin: 24px 20px 0; padding: 20px 0 0; border-top: 1px solid #ececec; }
.service-governance .policy-management-button button { min-width: 100px; margin-right: 4px; }

.console-gnb .menus .list-submenus > li > button + .icon-pointer { margin-left: 4px; }

.console-gnb .icon-pointer { z-index: 100; }

.placehoder .amcharts-Sprite-group.amcharts-Container-group.amcharts-Slice-group { fill: #f3f4f5; }

.chart-wrapper {box-sizing: border-box; width: calc(100% - 50px);  padding: 0 25px; }
.chart-wrapper.chart-info-text { position: relative; }
.chart-wrapper.chart-info-text > * {font-size: .75rem;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #666; }
.chart-wrapper.map { position: relative; width: 100%; }
.chart-wrapper.map .global-marker { position: absolute; bottom: 10px; left: 20px; }
.chart-wrapper.map .global-marker .marker { font-size: .75rem; display: -ms-flexbox; display: flex; cursor: pointer; color: #444; -ms-flex-align: center; align-items: center; }
.chart-wrapper.map .global-marker .marker[data-state=pass]:before { background-color: #1886ff; }
.chart-wrapper.map .global-marker .marker[data-state=fail]:before { background-color: #ff2d47; }
.chart-wrapper.map .global-marker .marker:hover + .map-tooltip-wrap { display: block; }
.chart-wrapper.map .global-marker .marker:before {width: 8px; height: 8px; margin-right: 8px;  content: ''; border-radius: 100%; background-color: #dfe3e8; }
.chart-wrapper.map .global-marker .map-tooltip-wrap { position: absolute; z-index: 20; top: calc(100% + 15px); left: 50%; display: none; box-sizing: border-box; width: 192px; min-height: 130px; padding: 0 0 0 12px; transform: translateX(-50%); border-radius: 2px; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); }
.chart-wrapper.map .global-marker .map-tooltip-wrap:after {position: absolute; bottom: calc(100%); left: 50%; display: block; width: 0; height: 0;  content: ''; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; border-left: 5px solid transparent; }
.chart-wrapper.map .global-marker .map-tooltip-wrap h2 { font-size: .75rem; font-weight: 500; line-height: 32px; text-align: left; color: #222; }
.chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list { position: relative; padding: 0 12px; }
.chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list dt , .chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list dd {font-size: .6875rem; position: relative; float: left;  padding: 0 0 4px; color: #666; }
.chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list dt { clear: both; }
.chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list dt:first-child:before {position: absolute; top: 5px; left: -12px; width: 4px; height: 4px;  content: ''; border-radius: 100%; background-color: #d8d8d8; }
.chart-wrapper.map .global-marker .map-tooltip-wrap .map-tooltip-list dd { float: right; }


.service-governance .widget-wrap .widget-items .inner .w-content { padding: 0 10px 10px; }

@supports (paint-order: stroke) { .legend-hover .amcharts-Component.amcharts-Legend .amcharts-Container-group .amcharts-Label-group { pointer-events: bounding-box !important; }
	.legend-hover .amcharts-Component.amcharts-Legend .amcharts-Container-group .amcharts-Label-group:hover text { fill: #4a90e2; } }

.common-tooltip { min-width: 204px; }
.common-tooltip table { width: 100%; }
.common-tooltip table th , .common-tooltip table td {font-size: .6875rem; line-height: 1.0625rem;  color: #222; }
.common-tooltip table td { text-align: right; }

.map-marker {box-sizing: border-box; margin-top: -8px;  margin-left: -8px; }

.map-marker.map-clickable { cursor: pointer; }

.map-marker .map-tooltip-wrap { position: absolute; z-index: 20; top: calc(100% + 15px); left: 50%; display: none; box-sizing: border-box; width: 192px; min-height: 130px; padding: 0 0 0 12px; transform: translateX(-50%); border-radius: 2px; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); }
.map-marker .map-tooltip-wrap:after {position: absolute; bottom: calc(100%); left: 50%; display: block; width: 0; height: 0;  content: ''; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; border-left: 5px solid transparent; }
.map-marker .map-tooltip-wrap h2 { font-size: .75rem; font-weight: 500; line-height: 32px; text-align: left; color: #222; }
.map-marker .map-tooltip-wrap .map-tooltip-list { position: relative; padding: 0 12px; }
.map-marker .map-tooltip-wrap .map-tooltip-list dt , .map-marker .map-tooltip-wrap .map-tooltip-list dd {font-size: .6875rem; position: relative; float: left;  padding: 0 0 4px; color: #666; }
.map-marker .map-tooltip-wrap .map-tooltip-list dt { clear: both; }
.map-marker .map-tooltip-wrap .map-tooltip-list dt:first-child:before {position: absolute; top: 5px; left: -12px; width: 4px; height: 4px;  content: ''; border-radius: 100%; background-color: #d8d8d8; }
.map-marker .map-tooltip-wrap .map-tooltip-list dd { float: right; }

.map-marker:hover .map-tooltip-wrap { display: block; }

.am-pulse {position: absolute; z-index: 10; box-sizing: border-box;  width: 4px; height: 4px; border: 4px solid #ff2d47; border-radius: 30px; background-color: #ff2d47; }

.am-pulse-pass {position: absolute; z-index: 10; box-sizing: border-box;  width: 4px; height: 4px; border: 4px solid #1886ff; border-radius: 30px; background-color: #1886ff; }

.map-marker .am-dot {position: absolute; z-index: 1; top: -26px; left: -26px; box-sizing: border-box; width: 50px; height: 50px; animation: am-pulse 3s ease-out; animation-iteration-count: infinite; opacity: 0;  border: 30px solid #ff2d47; border-radius: 60px; background: transparent; }

.map-marker .am-dot-pass {position: absolute; z-index: 1; top: -26px; left: -26px; box-sizing: border-box; width: 50px; height: 50px; animation: am-pulse 3s ease-out; animation-iteration-count: infinite; opacity: 0;  border: 30px solid #1886ff; border-radius: 60px; background: transparent; }

@keyframes am-pulse { 0% { -webkit-transform: scale(0); opacity: .0; }
	25% { -webkit-transform: scale(0); opacity: .1; }
	50% { -webkit-transform: scale(.1); opacity: .3; }
	75% { -webkit-transform: scale(.5); opacity: .5; }
	100% { -webkit-transform: scale(1); opacity: .0; } }

.gv-amchart-dashboard-tooltip { min-width: 180px; }
.gv-amchart-dashboard-tooltip table { margin-top: 7px; }
.gv-amchart-dashboard-tooltip .label-maker { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 100%; }




.old-pages .side-menus { margin-top: 19px; }
.old-pages .side-menus li { position: relative; }
.old-pages .side-menus li .btn-edit { display: none; margin-left: 5px; }
.old-pages .side-menus li .edit-mode {position: absolute; z-index: 1; top: 0; right: 0; left: 0;  display: block; }
.old-pages .side-menus li .edit-mode input[type=text] {font-size: 21px; font-weight: 500;  box-sizing: border-box; width: 100%; height: 45px; padding-left: 14px; color: #000; border: 2px solid #000; background-color: #f6f6f6; }
.old-pages .side-menus li > button , .old-pages .side-menus li a {font-size: 1rem; font-weight: 300; line-height: 25px; position: relative;  display: block; margin-bottom: 10px; text-align: left; color: #afafaf; }
.old-pages .side-menus li > button:before , .old-pages .side-menus li a:before {position: absolute; top: 12px; right: 0px; left: 0px; display: none; height: 2px;  content: ''; background-color: #000; }
.old-pages .side-menus li > button span , .old-pages .side-menus li a span {position: relative; z-index: 1;  display: inline-block; padding-right: 11px; background-color: #fff; }
.old-pages .side-menus li > button span:first-letter , .old-pages .side-menus li a span:first-letter { text-transform: capitalize; }
.old-pages .side-menus li > button:hover , .old-pages .side-menus li a:hover { color: #000; }
.old-pages .side-menus li > button:hover:before , .old-pages .side-menus li a:hover:before { display: block; }
.old-pages .side-menus li > button.is-selected , .old-pages .side-menus li a.is-selected { font-weight: 500; color: #000; }
.old-pages .side-menus li > button.is-selected:before , .old-pages .side-menus li a.is-selected:before { display: block; }
.old-pages .side-menus.is-editable > button:hover .btn-edit , .old-pages .side-menus.is-editable a:hover .btn-edit { display: inline-block; }
.old-pages .side-menus.is-editable > button .btn-edit.is-selected , .old-pages .side-menus.is-editable a .btn-edit.is-selected { display: inline-block; }
.old-pages .accordion { margin-top: 30px; border-bottom: 2px solid rgba(151, 151, 151, .32); }
.old-pages .accordion .btn-folding {position: relative;  display: inline-block; width: 60px; width: 60px; height: 60px; height: 60px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -559px -74px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .accordion .btn-folding { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .accordion > dt {position: relative;  display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 62px; padding: 0 0 0 26px; border-top: 2px solid rgba(151, 151, 151, .32); background-color: #f6f6f6; -ms-flex-align: center; align-items: center; }
.old-pages .accordion > dt .btn-delete { display: none; width: 28px; height: 29px; margin: -2px 10px 0 -10px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -601px -498px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .accordion > dt .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .accordion > dt .title {font-size: 1.000rem; font-weight: 500; position: relative;  display: inline-block; box-sizing: border-box; width: 45%; padding: 20px 0; word-break: break-all; color: #000; -ms-flex: 1; flex: 1; }
.old-pages .accordion > dt .title .thumb { display: inline-block; overflow: hidden; width: 43px; height: 43px; margin-top: -4px; margin-right: 5px; vertical-align: middle; border-radius: 43px; }
.old-pages .accordion > dt .title .thumb img {width: 100%;  height: 100%; }
.old-pages .accordion > dt .title .btn-edit { display: none; margin: -5px 0 0 10px; padding: 0 0 0 20px; color: #000; }
.old-pages .accordion > dt .right { display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 0 0 0 58px; text-align: right; -ms-flex-align: center; align-items: center; }
.old-pages .accordion > dt .right .content {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 22px; font-weight: 500;  display: inline-block; vertical-align: middle; color: rgba(0, 0, 0, .37); }
.old-pages .accordion > dt .right .content em { color: #000; }
.old-pages .accordion > dt .right .content .priority {font-size: 16px; font-weight: 500;  margin-right: 20px; color: #000; }
.old-pages .accordion > dt .right .content .icheck { margin-left: 5px; }
.old-pages .accordion > dt:hover { background-color: #f6f6f6; }
.old-pages .accordion > dt:hover .btn-delete {width: 28px; height: 29px;  background-image: url(/assets/images/sprites.png); background-position: -68px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .accordion > dt:hover .btn-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .accordion > dt.is-opened { background-color: #f6f6f6; }
.old-pages .accordion > dt.is-opened .btn-folding {transition-duration: .3s;  transform: rotateX(180deg); }
.old-pages .accordion > dt.is-opened + dd {max-height: 1000px; transition: opacity .3s, max-height .3s;  opacity: 1; }
.old-pages .accordion > dt.edit-mode { overflow: visible; background-color: #f6f6f6; }
.old-pages .accordion > dt.edit-mode .title { box-sizing: border-box; padding: 0 58px 0 26px; }
.old-pages .accordion > dt.edit-mode .title input[type=search] {font-size: 22px; font-weight: 500; line-height: 60px;  box-sizing: border-box; width: 100%; max-width: 900px; height: 49px; margin: 5px 0 0; padding-left: 26px; cursor: text; color: #000; border: 0px; background-color: #fff; }
.old-pages .accordion > dt.edit-mode .right { padding: 0; }
.old-pages .accordion > dt.edit-mode .right .content { padding: 0 60px 0 0; }
.old-pages .accordion > dt.edit-mode .right .content .inline-block { margin-right: 20px; }
.old-pages .accordion > dt.edit-mode + dd {max-height: 1000px; transition: opacity .3s, max-height .3s;  opacity: 1; }
.old-pages .accordion > dt.edit-mode + dd .vendor-accounts { padding-top: 30px; }
.old-pages .accordion > dd {display: block;  clear: both; overflow: hidden; max-height: 0px; padding: 0 26px; opacity: 0; background-color: #f6f6f6; }
.old-pages .accordion .edit-submit {line-height: 65px; height: 65px;  margin: 0 -26px; padding: 0 56px; background-color: #000; }
.old-pages .accordion .edit-submit .btn-text { margin-right: 20px; text-decoration: none; }
.old-pages .accordion .edit-submit .btn-text:hover { color: #fff; }
.old-pages .accordion.is-editable > dt .btn-delete { display: inline-block; }
.old-pages .accordion.is-editable > dt:hover .btn-edit { display: inline-block; }
.old-pages .accordion.combined > dt .right { padding-right: 20px; }
.old-pages .accordion.combined > dt.is-opened { background-color: #fff; }
.old-pages .accordion.combined > dd { padding: 0; }
.old-pages .accordion.combined > dd .infrastructure { width: 100%; }
.old-pages .accordion.combined > dd .infrastructure tbody tr { border-top: 1px solid #cecece; }
.old-pages .accordion.combined > dd .infrastructure tbody th {font-size: .875rem; font-weight: 500; line-height: 55px;  padding-left: 25px; text-align: left; color: #000; }
.old-pages .accordion.combined > dd .infrastructure tbody td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 55px;  padding-right: 20px; color: #000; }
.old-pages .accordion.combined > dd .infrastructure .r { text-align: right; }
.old-pages .accordion .sub-items { margin: 0 -26px; }
.old-pages .accordion .sub-items > li { padding: 0 36px 0 56px; border-top: 1px solid #cecece; }
.old-pages .accordion .sub-items > li .sub-items-title { font-size: 18px; font-weight: 500; line-height: 65px; color: #000; }
.old-pages .accordion .sub-items > li .sub-items-title .icheck {font-size: 18px;  margin-left: 20px; }
.old-pages .accordion .sub-items > li .right-content {line-height: 65px;  float: right; padding-right: 20px; }
.old-pages .accordion .sub-items > li .right-content.via-message .icheck { margin-left: 20px; }
.old-pages .accordion .sub-items > li .right-content input[type=text] {font-size: 18px; font-weight: 500;  display: inline-block; box-sizing: border-box; height: 31px; text-align: center; vertical-align: middle; color: #000; border: 0px; background-color: #fff; }
.old-pages .accordion .sub-items > li .alarm-setting-detail { width: 100%; background-color: #e9e9e9; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr { border-top: 1px solid #9b9b9b; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr th {font-size: 15px; font-weight: 500; line-height: 40px;  padding-left: 50px; color: #000; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr td { font-size: 15px; font-weight: 500; line-height: 40px; color: #000; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr td input[type=text] {font-size: 15px; font-weight: 500; line-height: 40px; display: inline-block;  box-sizing: border-box; width: 100%; width: calc(100% - 30px); height: 40px; padding-left: 15px; color: #000; border: 0px; background-color: #fff; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr td.setting { padding-right: 30px; text-align: right; }
.old-pages .accordion .sub-items > li .alarm-setting-detail tbody tr td.setting .icheck { margin-left: 5px; }
.old-pages .accordion-bottom { padding: 0 26px 0 16px; border-bottom: 2px solid rgba(151, 151, 151, .32); }
.old-pages .accordion-bottom .btn-add {font-size: 22px; font-weight: 500; line-height: 60px;  display: inline-block; color: #cecece; }
.old-pages .accordion-bottom .btn-add:before {display: inline-block; width: 28px; height: 29px; margin: -2px 10px 0 0px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: 0px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .accordion-bottom .btn-add:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .accordion-bottom .btn-add:hover { color: #000; }
.old-pages .accordion-bottom .btn-add:hover:before {width: 28px; height: 29px;  background-image: url(/assets/images/sprites.png); background-position: -34px -552px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .accordion-bottom .btn-add:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .btn-text {font-size: .875rem; font-weight: 500;  display: inline-block; vertical-align: middle; text-decoration: underline; color: #959595; }
.old-pages .btn-text:before {display: inline-block; margin-right: 5px;  content: ''; vertical-align: middle; }
.old-pages .btn-text:hover { color: #000; }
.old-pages .btn-text.cancel:before {width: 14px; height: 13px;  margin: -4px 5px 0 0; background-image: url(/assets/images/sprites.png); background-position: -187px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .btn-text.cancel:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .btn-text.cancel:hover:before {width: 14px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -167px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .btn-text.cancel:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .btn-text.save-update:before {width: 14px; height: 12px;  margin: -4px 5px 0 0; background-image: url(/assets/images/sprites.png); background-position: -264px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .btn-text.save-update:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .btn-text.save-update:hover:before {width: 14px; height: 12px;  background-image: url(/assets/images/sprites.png); background-position: -284px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .btn-text.save-update:hover:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .btn-edit {position: relative;  display: inline-block; width: 20px; width: 20px; height: 20px; height: 20px; vertical-align: middle; text-indent: -9999px; color: #000; background-image: url(/assets/images/sprites.png); background-position: -667px -472px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .old-pages .btn-edit { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.old-pages .icheck {font-size: .750rem; font-weight: 500; line-height: 18px; position: relative;  display: inline-block; min-width: 18px; min-height: 18px; padding: 0 0 0 23px; cursor: pointer; vertical-align: middle; color: #000; }
.old-pages .icheck input[type=checkbox] {visibility: visible; opacity: 1;  -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
.old-pages .icheck input[type=radio] {visibility: visible; opacity: 1;  -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
.old-pages .icheck input[type=checkbox] , .old-pages .icheck input[type=radio] {position: static;  display: inline-block; margin: -3px 5px 0 0; vertical-align: middle; }
.old-pages .filter-util { position: relative; margin: 35px 40px; text-align: center; }
.old-pages .filter-util .top-content { padding: 0 0 50px 0; text-align: left; }
.old-pages .filter-util .top-content .inline-select { display: inline-block; margin-left: 10px; vertical-align: bottom; }
.old-pages .filter-util .left-content {line-height: 31px;  position: absolute; top: 0; left: 0; }
.old-pages .filter-util .right-content {line-height: 31px;  position: absolute; top: 0; right: 0; }
.old-pages .filter-util .page-tabs { display: inline-block; }
.old-pages .filter-util .page-tabs.line { display: block; }
.old-pages .page-tabs {position: relative; z-index: 1;  display: block; text-align: center; }
.old-pages .page-tabs:before {position: absolute; top: 14px; right: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #000; }
.old-pages .page-tabs > .inner {position: relative; z-index: 1;  display: inline-block; padding: 0 34px; background-color: #fff; }
.old-pages .page-tabs > .inner button , .old-pages .page-tabs > .inner a {font-size: 14px; font-weight: 700; line-height: 27px;  display: inline-block; padding: 0 45px; text-align: center; letter-spacing: .1em; color: #000; border: 2px solid #000; background-color: #fff; }
.old-pages .page-tabs > .inner button:hover , .old-pages .page-tabs > .inner button.is-selected , .old-pages .page-tabs > .inner a:hover , .old-pages .page-tabs > .inner a.is-selected { color: #fff; background-color: #000; }
.old-pages .page-tabs > .inner button + a , .old-pages .page-tabs > .inner a + a { margin-left: -6px; }
.old-pages .page-tabs > .inner button + button , .old-pages .page-tabs > .inner a + button { margin-left: -6px; }
.old-pages .page-tabs .page-sub-tabs { margin-top: 23px; }
.old-pages h1.title {font-size: 1.25rem; font-weight: 700; line-height: 29px; position: relative;  display: block; overflow: hidden; height: 29px; margin: 0 -25px; padding: 16px 25px 15px 25px; color: #000; border-bottom: 1px solid #eee; }
.old-pages h1.title .inline { display: inline-block; margin-left: 20px; vertical-align: middle; }
.old-pages h1.title .right-content { float: right; }
.old-pages.page-budgeting-alarm .contents-inner {position: relative;  display: -ms-flexbox; display: flex; overflow: hidden; }
.old-pages .contents-inner { position: relative; overflow: hidden; }
.old-pages .contents-inner .column-left {position: relative;  box-sizing: border-box; width: 300px; padding-top: 35px; padding-bottom: 30px; }
.old-pages .contents-inner .column-right {overflow: hidden; padding: 35px 0 0px 60px;  -ms-flex: 1 1 0px; flex: 1 1 0; }
.old-pages .title-sub {font-size: 1.875rem; font-weight: 700; line-height: 45px; position: relative;  display: block; height: 45px; margin: 0 -40px; padding: 25px 40px 20px 40px; color: #000; border-bottom: 1px solid #eee; }
.old-pages .title-sub .filter { display: inline-block; width: 200px; margin: -2px 0 0 25px; vertical-align: middle; }
.old-pages .box-item { margin-top: 40px; }
.old-pages .box-item .filter { display: inline-block; width: 200px; margin: -2px 0 0 25px; vertical-align: middle; }
.old-pages .box-item .btn-warning { position: absolute; top: 11px; right: 0px; }
.old-pages .box-item .content { margin-top: 20px; }
.old-pages .box-item .content .chart { height: 283px; background-color: rgba(0, 0, 0, .1); }