@charset 'UTF-8';
@import url(/assets/styles/etc/notosanskr.css);
@import url(/assets/styles/etc/montserrat.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);

body { background-color: #f3f4f5; }











@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; }



* { 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;  outline: 0; }

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 { 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: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; }


.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: 742px 719px; } }
.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: 742px 719px; } }
.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: 742px 719px; } }
.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.gcp:before {position: relative; width: 23px; height: 23px;  background: url('/assets/images/vendor_gcp.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.oci:before {position: relative; width: 23px; height: 23px;  background: url('/assets/images/vendor_oci.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.ncloud:before {position: relative; width: 23px; height: 23px;  background: url('/assets/images/vendor_ncloud.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.vendoralertnow:before {position: relative; width: 23px; height: 23px;  background: url('/assets/images/vendor_alertnow.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.openstack:before {position: relative; width: 25px; height: 25px;  background: url('/assets/images/vendor_openstack.svg') no-repeat; background-size: 23px auto; }
.global-menu .custom-select-container .txt.setting:before {position: relative; width: 25px; height: 25px;  background: url('/assets/images/vendor_setting.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: -460px -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: 742px 719px; } }
.global-menu .custom-select-container .txt.service-portal.new: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) { .global-menu .custom-select-container .txt.service-portal.new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.alertnow: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) { .global-menu .custom-select-container .txt.alertnow:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -226px -619px; }
@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: 742px 719px; } }
.global-menu .custom-select-container .txt.metering: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 .custom-select-container .txt.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.metering.new:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -122px -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: 742px 719px; } }
.global-menu .custom-select-container .txt.resale: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 .custom-select-container .txt.resale:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.monitoring: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) { .global-menu .custom-select-container .txt.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.its-project: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-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.its-alarm: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 .custom-select-container .txt.its-alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.its-approval: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.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.its-service-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -104px -652px; }
@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: 742px 719px; } }
.global-menu .custom-select-container .txt.its-dbqcs:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -652px -573px; }
@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: 742px 719px; } }
.global-menu .custom-select-container .txt.its-devops: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.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.global-menu .custom-select-container .txt.opsnow:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -678px -573px; }
@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: 742px 719px; } }
.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: 742px 719px; } }
.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: -734px -387px; }
@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: 742px 719px; } }
.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: -44px -678px; }
@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: 742px 719px; } }
.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: -734px -307px; }
@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: 742px 719px; } }
.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: -350px -354px; }
@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: 742px 719px; } }
.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: -460px -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: 742px 719px; } }
.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: -226px -619px; }
@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: 742px 719px; } }
.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: -200px -619px; }
@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: 742px 719px; } }
.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: -26px -652px; }
@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: 742px 719px; } }
.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: -52px -652px; }
@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: 742px 719px; } }
.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: -538px -619px; }
@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: 742px 719px; } }
.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: -122px -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: 742px 719px; } }
.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: -668px -619px; }
@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: 742px 719px; } }
.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: 0px -652px; }
@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: 742px 719px; } }
.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: -434px -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: 742px 719px; } }
.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: -356px -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: 742px 719px; } }
.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: -278px -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: 742px 719px; } }
.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: -252px -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: 742px 719px; } }
.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: -104px -652px; }
@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: 742px 719px; } }
.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: -590px -619px; }
@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: 742px 719px; } }
.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: -652px -573px; }
@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: 742px 719px; } }
.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: -626px -573px; }
@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: 742px 719px; } }
.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: -408px -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: 742px 719px; } }
.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: -708px -250px; }
@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: 742px 719px; } }
.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: -678px -573px; }
@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: 742px 719px; } }
.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: -304px -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: 742px 719px; } }
.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: -734px -122px; }
@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: 742px 719px; } }
.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: -130px -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: 742px 719px; } }
.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: -488px -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: 742px 719px; } }
.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: -376px -354px; }
@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: 742px 719px; } }
.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: -463px -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: 742px 719px; } }
.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: 742px 719px; } }
.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: -734px -419px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-common-help:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.button-common-help:hover:after {width: 8px; height: 4px;  background-image: url(../images/layout_sprites.png); background-position: -734px -409px; }
@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: 742px 719px; } }
.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: -538px -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: 742px 719px; } }
.button-common-help:hover { color: #1886ff; }
.button-common-help:hover:before {width: 15px; height: 15px;  background-image: url(../images/layout_sprites.png); background-position: -580px -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: 742px 719px; } }
.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: -383px -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: 742px 719px; } }
.button-common-notice:hover { color: #1886ff; }
.button-common-notice:hover:before {width: 14px; height: 14px;  background-image: url(../images/layout_sprites.png); background-position: -403px -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: 742px 719px; } }


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%; }
.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: 742px 719px; } }
.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: -734px -398px; }
@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: 742px 719px; } }
.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: 742px 719px; } }
.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: 742px 719px; } }
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; }
[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; }

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

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

.lr-grid { display: -ms-flexbox !important; display: flex !important; overflow: visible !important; }
.lr-grid.vertical-align { -ms-flex-align: center; align-items: center; }
.lr-grid > * { float: none !important; }
.lr-grid > *:first-child { margin-right: auto; }

.toast-popup-ui { position: fixed; z-index: 1000; top: 90px; left: 50%; display: -ms-flexbox; display: flex; box-sizing: border-box; min-width: 212px; 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: -270px -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: 742px 719px; } }


.layout-wrap { position: relative; box-sizing: border-box; min-width: 1600px; min-height: 100%; padding-top: 50px; padding-bottom: 34px; }


.layout-admin-footer { position: absolute; right: 0; bottom: 0; left: 0; box-sizing: border-box; height: 34px; padding: 0 20px; color: #fff; background-color: #000; }
.layout-admin-footer:after {display: table; clear: both;  content: ''; }
.layout-admin-footer .bgsp { display: block; float: left; width: 300px; height: 13px; margin-top: 23px; text-indent: -9999px; background-image: url(../images/layout_sprites.png); background-position: -137px -477px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-admin-footer .bgsp { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }


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

.layout-contents {position: relative;  display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; min-height: calc(100vh - 50px - 34px - 34px);padding: 0px 32px 100px 32px; -ms-flex-direction: column; -ms-flex-align: stretch; align-items: stretch;  }
.layout-contents.dashboard {padding: 0;  background-color: #333; }
.layout-contents .layout-contents-inner { display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-direction: column; }
.layout-contents .layout-contents-inner.vertical-middle { -ms-flex-pack: center; justify-content: center; }
.msie11 .layout-contents .layout-contents-inner.vertical-middle , .msie10 .layout-contents .layout-contents-inner.vertical-middle { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; }
.layout-contents.bg-white { background-color: #fff; }
.layout-contents.layout-with-management .layout-contents-inner {width: calc(100% - 250px);  margin-left: 250px; transition: padding .3s ease-in-out; }
.layout-contents.layout-with-management .btn-sidemenu {position: absolute; z-index: 800; top: 82px; left: 249px;  display: block; width: 19px; height: 42px; text-indent: -9999px; background-image: url(/assets/images/admin_sprites.png); background-position: 0px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents.layout-with-management .btn-sidemenu { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-contents.layout-with-management .layout-management-container {position: absolute; z-index: 799; top: 67px; bottom: 0; left: 0;  display: block; overflow: auto; box-sizing: border-box; width: 250px; border-right: 1px solid #ccc; background-color: #f3f4f5; }
.layout-contents.layout-with-management[data-sidemenu=shut] .layout-contents-inner {width: calc(100% - 15px);  margin-left: 15px; }
.layout-contents.layout-with-management[data-sidemenu=shut] .layout-management-container { width: 15px; }
.layout-contents.layout-with-management[data-sidemenu=shut] .layout-management-container * { display: none !important; }
.layout-contents.layout-with-management[data-sidemenu=shut] .btn-sidemenu { left: 14px; width: 19px; height: 42px; background-image: url(/assets/images/admin_sprites.png); background-position: -25px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-contents.layout-with-management[data-sidemenu=shut] .btn-sidemenu { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-contents.layout-with-management[data-sidemenu=shut] .summary-company-status[data-shut=shut] > li.instance-each .key { display: inline-block; margin-right: 10px; }
.page-admin-user .layout-contents.layout-with-management .btn-sidemenu { z-index: 1; }
.page-admin-user .layout-contents.layout-with-management[data-sidemenu=shut] .btn-sidemenu { z-index: 800; }


.list-magagement dt {font-size: .6875rem; font-weight: 500; line-height: 35px; position: relative;  display: block; box-sizing: border-box; height: 36px; padding: 0 0 0 15px; color: #999; border-top: 1px solid #ddd; background-color: #f3f4f5; }
.list-magagement dt .btn-add-group {position: absolute; right: 0;  display: block; width: 40px; height: 36px; text-indent: -9999px; }
.list-magagement dt .btn-add-group: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/admin_sprites.png); background-position: -260px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .list-magagement dt .btn-add-group:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.list-magagement dt:first-child { border-top: 0; }

.list-magagement dd { display: block; border-top: 1px solid #ddd; background-color: #fff; }
.list-magagement dd .list-group > li { border-bottom: 1px solid #ddd; }
.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 40px 0 15px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #333; background-color: #fff; }
.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: 0px; right: 15px;  display: block; color: #999; }
.list-magagement dd .list-group > li button.is-selected { font-weight: 700; right: -1px; color: #000; }

.layout-page-title {font-size: 1.25rem; font-weight: 700; line-height: 66px; position: relative;  display: block; height: 66px; margin: 0 -32px; padding: 0 32px 0 32px; color: #000; border-bottom: 1px solid #ddd; background-color: #f3f4f5; }
.layout-page-title h1 { display: inline-block; }
.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-page-title .layout-page-menus { display: inline-block; margin-left: 50px; }
.layout-page-title .layout-page-menus li {font-size: .875rem; font-weight: 500;  display: inline-block; margin-right: 23px; color: #999; }
.layout-page-title .layout-page-menus li.is-selected a , .layout-page-title .layout-page-menus li.is-selected button { color: black; }
.layout-page-title .layout-page-menus li.is-selected a.btn:before , .layout-page-title .layout-page-menus li.is-selected button.btn:before { opacity: 1; }
.layout-page-title .layout-page-menus li.is-selected a.recent:after , .layout-page-title .layout-page-menus li.is-selected button.recent:after { content: ''; }
.layout-page-title .layout-page-menus li.is-selected a.favorite:after , .layout-page-title .layout-page-menus li.is-selected button.favorite:after { content: ''; }
.layout-page-title .layout-page-menus a , .layout-page-title .layout-page-menus button { font-weight: 700; transition: color .1s ease-in-out; color: rgba(0, 0, 0, .3); }
.layout-page-title .layout-page-menus a:hover , .layout-page-title .layout-page-menus button:hover {text-decoration: underline;  color: black; }
.layout-page-title .layout-page-menus a:hover.btn:before , .layout-page-title .layout-page-menus button:hover.btn:before { opacity: 1; }
.layout-page-title .layout-page-menus a.btn , .layout-page-title .layout-page-menus button.btn { position: relative; }
.layout-page-title .layout-page-menus a.btn:before , .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-page-title .layout-page-menus a.btn:after , .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-page-title .layout-page-menus a.btn:after , .layout-page-title .layout-page-menus button.btn:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-page-title .layout-page-menus a.btn.recent:before , .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-page-title .layout-page-menus a.btn.recent:before , .layout-page-title .layout-page-menus button.btn.recent:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-page-title .layout-page-menus a.btn.favorite:before , .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-page-title .layout-page-menus a.btn.favorite:before , .layout-page-title .layout-page-menus button.btn.favorite:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-page-title .layout-page-menus a.btn.frequency:before , .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-page-title .layout-page-menus a.btn.frequency:before , .layout-page-title .layout-page-menus button.btn.frequency:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-page-title .layout-page-utils {line-height: 40px;  position: absolute; top: 50%; right: 30px; height: 40px; margin-top: -20px; }
.layout-page-title .layout-page-utils button { vertical-align: top; }

.layout-page-sub-title {font-size: 1.25rem; font-weight: 700; line-height: 1.5em; position: relative;  display: block; margin-top: 22px; color: #000; }
.layout-page-sub-title h2 { font-size: 1.25rem; font-weight: 700; line-height: 1.5em; color: #000; }
.layout-page-sub-title .current { font-weight: 700; }
.layout-page-sub-title .current:before {display: inline-block; width: 7px; height: 14px; margin: -4px 6px 0 6px;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -164px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-page-sub-title .current:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-page-sub-title.partner-group .text-zone {font-size: .875rem; font-weight: 400;  margin: 0 10px 0 0; }
.layout-page-sub-title.partner-group .text-zone ~ button { top: 3px; }
.layout-page-sub-title.partner-group input[type=text] { display: inline-block; box-sizing: border-box; max-width: 80px; height: 30px; margin: 0 0 0 5px; }
.layout-page-sub-title.partner-group .common-delete-btn { top: 5px; margin: 0 0 0 10px; }
.layout-page-sub-title ~ .summary-company-status { margin-top: 20px !important; }
.layout-page-sub-title + .tbl-data-list { margin-top: 30px; }
.layout-page-sub-title .layout-page-sub-utils {position: absolute; top: 0; right: 0;  display: block; }
.layout-page-sub-title .layout-page-sub-utils .count-management {font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 10px; color: #000; }
.layout-page-sub-title .layout-page-sub-utils .message {font-size: .6875rem; font-weight: 400; line-height: 40px;  display: inline-block; margin-right: 15px; vertical-align: middle; color: #999; }
.layout-page-sub-title .layout-page-sub-title-inner {position: relative;  display: inline-block; overflow: hidden; box-sizing: border-box; min-width: 220px; max-width: 70%; height: 40px; padding: 0px 60px 0px 0; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.layout-page-sub-title .layout-page-sub-title-inner h2 { line-height: 2em; }
.layout-page-sub-title .layout-page-sub-title-inner .btns {position: absolute; top: 50%; right: 0;  display: block; margin-top: -15px; }
.layout-page-sub-title .layout-page-sub-title-inner .btns .button-icon {position: static;  display: inline-block; margin: 0; }
.layout-page-sub-title .update-group-name {position: absolute; top: 0; right: 0; left: 0;  display: none; background-color: #fff; }
.layout-page-sub-title .update-group-name input[type=text] { display: inline-block; width: calc(100% - 58px); }
.layout-page-sub-title .update-group-name .button-icon { margin: 0; }
.layout-page-sub-title .list-recent > li {font-size: .6875rem; font-weight: 400; line-height: 1.54545em;  display: block; text-align: right; color: #999; }
.layout-page-sub-title .description {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: block; margin-top: 18px; color: #000; }
.layout-page-sub-title .description mark { font-weight: 700; color: #0078ff; background-color: transparent; }
.layout-page-sub-title .description a {text-decoration: underline;  color: #0078ff; }

.layout-page-submit { overflow: hidden; margin-top: 20px; }
.layout-page-submit.input_grid { margin-right: 20px; }
.layout-page-submit .button-normal {min-width: 150px;  margin-left: 6px; }


.layout-location { padding: 30px 0 35px 0; }
.layout-location a {font-size: 1.375rem; font-weight: 700;  display: inline-block; color: #000; }
.layout-location .current {font-size: 1.375rem; font-weight: 700;  display: inline-block; color: #000; }
.layout-location .current:before {display: inline-block; width: 7px; height: 14px; margin: -2px 15px 0 12px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -305px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-location .current:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-location .current .small {font-size: .75rem; font-weight: 400;  display: inline-block; margin-left: 5px; vertical-align: middle; color: #898989; }
.layout-location .current .small: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) { .layout-location .current .small:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.layout-location-hierarchy {position: absolute; top: 30px; right: 40px;  display: block; }
.layout-location-hierarchy .locations li {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: inline-block; color: #888; }
.layout-location-hierarchy .locations li + li:before {display: inline-block; margin: 0 5px 0 3px;  content: '>'; }
.layout-location-hierarchy .locations li a , .layout-location-hierarchy .locations li button { display: inline-block; text-decoration: underline; color: #888; }


.layout-tabs {position: relative;  overflow: hidden; width: 100%; margin-top: 13px; margin-bottom: 40px; }
.layout-tabs:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #bbb; }
.layout-tabs a {font-size: .8125rem; font-weight: 700; line-height: 37px; position: relative;  display: block; float: left; box-sizing: border-box; min-width: 300px; height: 40px; padding: 0 50px; text-align: center; color: #b5b5b5; border: 1px solid #e6e6e6; border-bottom: 0; }
.layout-tabs a.selected { z-index: 1; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 2px solid #f3f4f5; border-left: 1px solid #bbb; }
.layout-tabs[data-state=settings] a { letter-spacing: .2em; }


.layout-tabs.white {position: relative;  overflow: hidden; width: 100%; margin-top: 13px; margin-bottom: 40px; background: #fff; }
.layout-tabs.white:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #bbb; }
.layout-tabs.white a {font-size: .8125rem; font-weight: 700; line-height: 37px; position: relative;  display: block; float: left; box-sizing: border-box; min-width: 300px; height: 40px; padding: 0 50px; text-align: center; color: #b5b5b5; border: 1px solid #e6e6e6; border-bottom: 0; }
.layout-tabs.white a.selected { z-index: 1; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 2px solid #f3f4f5; border-left: 1px solid #bbb; }
.layout-tabs.white[data-state=settings] a { letter-spacing: .2em; }

.table-top { padding-top: 20px; padding-bottom: 10px; }
.table-top p {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; height: 30px; margin-left: 20px; color: #666; }
.table-top button { float: right; margin-right: 10px; }


.layout-section {position: relative;  margin-top: 30px; }
.layout-section .layout-section-title {font-size: 1.125rem; font-weight: 700;  margin-bottom: 27px; color: #000; }
.layout-section .layout-section-title[data-state=line] { border-bottom: 1px solid #e9e9e9; }
.layout-section .layout-section-title[data-state=hidden] { display: none; }
.layout-section .layout-section-title[data-vendor=aws]:before {display: inline-block; width: 15px; height: 15px; margin: -3px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -81px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title[data-vendor=aws]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title[data-vendor=azure]:before {display: inline-block; width: 15px; height: 15px; margin: -3px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -102px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title[data-vendor=azure]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title[data-vendor=alibaba]:before {display: inline-block; width: 17px; height: 17px; margin: -3px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -69px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title[data-vendor=alibaba]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title[data-vendor=gcp]:before {display: inline-block; width: 17px; height: 17px; margin: -3px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -115px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title[data-vendor=gcp]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title[data-vendor=idc]:before {display: inline-block; width: 15px; height: 14px; margin: -3px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -87px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title[data-vendor=idc]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title .company { font-size: 1rem; font-weight: 400; color: #666; }
.layout-section .layout-section-title .btn-toggle-all { font-size: inherit; font-weight: inherit; color: inherit; }
.layout-section .layout-section-title .btn-toggle-all:before {display: inline-block; width: 22px; height: 22px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -283px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title .btn-toggle-all:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-section .layout-section-title .btn-toggle-all[data-state=open]:before {width: 22px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -367px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title .btn-toggle-all[data-state=open]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.layout-section .layout-section-title .btn-list {font-size: 1rem; font-weight: 400; line-height: 40px; position: relative;  display: inline-block; height: 40px; vertical-align: baseline; text-decoration: underline; color: #000; }
.layout-section .layout-section-title .btn-list:after {display: inline-block; width: 7px; height: 14px; margin: -4px 0px 0 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -164px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title .btn-list:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title .desc {font-size: .75rem; font-weight: 400; line-height: 1.75em;  display: block; margin-top: 5px; color: #000; }
.layout-section .layout-section-title .desc.sub { color: #666; }
.layout-section .layout-section-title .desc.sub .default { display: block; }
.layout-section .layout-section-title .desc.sub .default:before {position: relative; top: 2px;  display: inline-block; width: 8px; height: 14px; margin-right: 5px; content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -372px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-section .layout-section-title .desc.sub .default:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-section .layout-section-title .layout-section-title-inner {position: relative;  display: inline-block; overflow: hidden; box-sizing: border-box; min-width: 220px; max-width: 70%; height: 40px; padding: 6px 60px 7px 0; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.layout-section .layout-section-title .layout-section-title-inner .btns {position: absolute; top: 50%; right: 0;  display: block; margin-top: -15px; }
.layout-section .layout-section-title .layout-section-title-inner .btns .button-icon {position: static;  display: inline-block; margin: 0; }
.layout-section .layout-section-title .update-group-name {position: absolute; top: 0; right: 0; left: 0;  display: none; background-color: #fff; }
.layout-section .layout-section-title .update-group-name input[type=text] { display: inline-block; width: calc(100% - 58px); }
.layout-section .layout-section-title .update-group-name .button-icon { margin: 0; }
.layout-section .layout-section-title ~ .tbl-pagination { padding-top: 0; }
.layout-section .layout-section-title ~ .layout-section-title { margin-top: 30px; }
.layout-section .layout-section-title ~ .tbl-data-top-utils { margin-top: -15px; }
.layout-section .layout-section-title ~ .summary-user-group { margin-top: -23px; }
.layout-section .layout-section-utils { text-align: right; }
.layout-section .layout-section-utils .button-normal { min-width: 130px; }
.layout-section .layout-section-utils .message {font-size: .6875rem; font-weight: 400; line-height: 1.54545em;  display: inline-block; text-align: right; color: #999; }
.layout-section .layout-section-utils .list-recent > li { font-size: .625rem; line-height: 1.6em; text-align: right; color: #999; }
.layout-section .layout-section-container {position: relative;  display: block; margin-top: 20px; padding-bottom: 50px; border-bottom: 1px solid #ddd; }
.layout-section .layout-section-container[data-state=company_group] { min-height: 585px; }
.layout-section .layout-section-container .layout-section-tabs { margin-top: 20px; }
.layout-section .layout-section-container .layout-section-sidemenu {position: absolute; top: 0; bottom: 0; left: 0;  display: block; overflow-y: auto; width: 250px; max-height: 100%; }
.layout-section .layout-section-container .layout-section-sidemenu .list-magagement { border-right: 1px solid #ddd; }
.layout-section .layout-section-container .layout-section-content { display: block; box-sizing: border-box; width: calc(100% - $layout_section_sidemenu_width); margin-left: 250px; padding-top: 25px; padding-left: 30px; border-top: 1px solid #ddd; }
.layout-section .layout-section-container .layout-section-content .layout-section-title { margin-bottom: 20px; }
.layout-section .layout-section-container .layout-section-content .layout-section-utils { top: 30px !important; }

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.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.set-default-width , a.general.set-default-width , .button-ui.general.set-default-width { min-width: 120px; }
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:hover , a.general.fill:hover , .button-ui.general.fill:hover { background-color: #3a3b41; }
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=blue]:hover , a.general.fill[data-fill=blue]:hover , .button-ui.general.fill[data-fill=blue]:hover { background-color: #006de4; }
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 !important; }
button.general[data-icon].before:after , a.general[data-icon].before:after , .button-ui.general[data-icon].before:after { content: none !important; }
button.general[data-icon].after:before , a.general[data-icon].after:before , .button-ui.general[data-icon].after:before { content: none !important; }
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: -334px -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: 742px 719px; } }
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: -734px 0px; }
@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: 742px 719px; } }
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: -662px -652px; }
@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: 742px 719px; } }
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: -142px -678px; }
@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: 742px 719px; } }
button.general[data-icon=filterIcon]:before , button.general[data-icon=filterIcon]:after , a.general[data-icon=filterIcon]:before , a.general[data-icon=filterIcon]:after , .button-ui.general[data-icon=filterIcon]:before , .button-ui.general[data-icon=filterIcon]:after {width: 14px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -388px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=filterIcon]:before , button.general[data-icon=filterIcon]:after , a.general[data-icon=filterIcon]:before , a.general[data-icon=filterIcon]:after , .button-ui.general[data-icon=filterIcon]:before , .button-ui.general[data-icon=filterIcon]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
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: 742px 719px; } }
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: 742px 719px; } }
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: 742px 719px; } }
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: -243px -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: 742px 719px; } }
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: -86px -678px; }
@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: 742px 719px; } }
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: -660px -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: 742px 719px; } }
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: -612px -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: 742px 719px; } }
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: -366px -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: 742px 719px; } }
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: -734px -199px; }
@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: 742px 719px; } }
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: -323px -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: 742px 719px; } }
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: 742px 719px; } }
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: 742px 719px; } }
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: -486px -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: 742px 719px; } }
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: -489px -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: 742px 719px; } }
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: -36px -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: 742px 719px; } }
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: 742px 719px; } }
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: -706px -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: 742px 719px; } }
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: -401px -354px; }
@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: 742px 719px; } }
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: -283px -652px; }
@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: 742px 719px; } }
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: -72px -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: 742px 719px; } }
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: -644px -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: 742px 719px; } }
button.general[data-icon=close][data-icon-color=gray]:before , button.general[data-icon=close][data-icon-color=gray]:after , a.general[data-icon=close][data-icon-color=gray]:before , a.general[data-icon=close][data-icon-color=gray]:after , .button-ui.general[data-icon=close][data-icon-color=gray]:before , .button-ui.general[data-icon=close][data-icon-color=gray]:after {width: 10px; height: 10px;  background-image: url(../images/layout_sprites.png); background-position: -676px -603px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { button.general[data-icon=close][data-icon-color=gray]:before , button.general[data-icon=close][data-icon-color=gray]:after , a.general[data-icon=close][data-icon-color=gray]:before , a.general[data-icon=close][data-icon-color=gray]:after , .button-ui.general[data-icon=close][data-icon-color=gray]:before , .button-ui.general[data-icon=close][data-icon-color=gray]:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
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: -532px -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: 742px 719px; } }
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: -263px -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: 742px 719px; } }
button.general[data-icon=updated]:before , button.general[data-icon=updated]:after , a.general[data-icon=updated]:before , a.general[data-icon=updated]:after , .button-ui.general[data-icon=updated]:before , .button-ui.general[data-icon=updated]:after {width: 18px; height: 18px;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTIgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29ucy8xLkFjdGlvbi9BZGQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNOSw0LjUgTDksNi43NSBMMTIsMy43NSBMOSwwLjc1IEw5LDMgQzUuNjg1LDMgMyw1LjY4NSAzLDkgQzMsMTAuMTc3NSAzLjM0NSwxMS4yNzI1IDMuOTMsMTIuMTk1IEw1LjAyNSwxMS4xIEM0LjY4NzUsMTAuNDc3NSA0LjUsOS43NTc1IDQuNSw5IEM0LjUsNi41MTc1IDYuNTE3NSw0LjUgOSw0LjUgWiBNMTQuMDcsNS44MDUgTDEyLjk3NSw2LjkgQzEzLjMwNSw3LjUzIDEzLjUsOC4yNDI1IDEzLjUsOSBDMTMuNSwxMS40ODI1IDExLjQ4MjUsMTMuNSA5LDEzLjUgTDksMTEuMjUgTDYsMTQuMjUgTDksMTcuMjUgTDksMTUgQzEyLjMxNSwxNSAxNSwxMi4zMTUgMTUsOSBDMTUsNy44MjI1IDE0LjY1NSw2LjcyNzUgMTQuMDcsNS44MDUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFNX0Rhc2hib2FyZF9uby1yZXNvdXJjZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4MS4wMDAwMDAsIC0yMjcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIyMC5idXR0b24vMS5oaWdoLWVtcGhhc2lzLypNMzJfd2l0aC1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAuMDAwMDAwLCAyMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iMC5tYXRlcmlhbF9mYXYvYWN0aW9uL2F1dG9yZW5ld18yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhY3Rpb24vYXV0b3JlbmV3XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjb2xvciNJY29uL3doaXRlIiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjb2xvciMjUGFsZXR0ZS9XaGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMzM4IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background: red; background-size: cover; }
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: -367px -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: 742px 719px; } }
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: -191px -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: 742px 719px; } }
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; }

.copied { position: fixed; top: 50%; left: 0; width: 100%; text-align: center; }
.copied p {font-size: .875rem; font-weight: 400; line-height: 35px;  display: inline-block; min-width: 122px; height: 35px; text-align: center; color: #fff; border-radius: 3px; background: #3b99ff; box-shadow: 0 2px 4px 0 black; }

.button-popup {font-size: 1rem; font-weight: 400; line-height: 50px;  display: inline-block; box-sizing: border-box; min-width: 180px; height: 50px; transition: color .3s ease-in-out; text-align: center; color: white; border-radius: 2px; 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=cancel] { background-color: #666; }
.button-popup[data-state=delete] { background-color: #ff2d47; }
.button-popup[data-state=delete].left { float: left; }
.button-popup[data-state=submit] { background-color: #006bff; }
.button-popup[data-state=submit][disabled] { background-color: rgba(0, 107, 255, .5); }
.button-popup + .button-popup { margin-left: 17px; }

.button-normal {font-size: .875rem; font-weight: 400; line-height: 40px;  display: inline-block; box-sizing: border-box; height: 40px; padding: 0 15px; text-align: center; color: #fff; background-color: #666; }
.button-normal[data-state=normal] { color: #fff; background-color: #000; }
.button-normal[data-state=submit] { color: #fff; background-color: #1886ff; }
.button-normal[disabled] { opacity: .3; color: rgba(255, 255, 255, .6); }
.button-normal[data-size=small] {font-size: .75rem; line-height: 30px;  height: 30px; }
.button-normal[data-size=small02] {font-size: .875rem; line-height: 32px;  height: 34px; }
.button-normal[disabled] { color: #fff; background-color: #ccc; }

.upanddown {position: relative; float: left;  box-sizing: border-box; width: 20px; height: 20px; border: 1px solid #e6e6e6; }
.upanddown:before {position: absolute; top: 50%; left: 50%; width: 11px; height: 7px; margin-top: -3.5px; margin-left: -5.5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -336px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upanddown:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.upanddown:hover:before {width: 11px; height: 7px;  background-image: url(/assets/images/admin_sprites.png); background-position: -353px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upanddown:hover:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.upanddown.down_btn { border-top: 0; }
.upanddown.down_btn:before {width: 11px; height: 7px; margin-top: -3.5px; margin-left: -5.5px;  background-image: url(/assets/images/admin_sprites.png); background-position: -319px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upanddown.down_btn:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.upanddown.down_btn:hover:before {width: 11px; height: 7px;  background-image: url(/assets/images/admin_sprites.png); background-position: -302px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .upanddown.down_btn:hover:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.button-icon {position: relative;  display: inline-block; width: 30px; height: 30px; margin: 0 3px; vertical-align: middle; text-indent: -9999px; border-radius: 1px; background-color: #333; }
.button-icon:before {position: absolute; top: 50%; left: 50%; display: block;  content: ''; }
.button-icon.text_in {font-size: .75rem; line-height: 30px;  width: auto; min-width: 78px; padding: 0 10px; text-indent: 15px; color: #fff; }
.button-icon.text_in:before { left: 15px; }
.button-icon.mt-icon { width: 20px; height: 20px; }
.button-icon.mt-icon[disabled] { opacity: .2; }
.button-icon.mt-icon[data-state=delete]:before {width: 10px; height: 12px;  margin-top: -6px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -347px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=delete]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=done]:before {width: 11px; height: 8px;  margin-top: -4px; margin-left: -5.5px; background-image: url(/assets/images/admin_sprites.png); background-position: -285px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=done]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=edit]:before {width: 10px; height: 11px;  margin-top: -5.5px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -242px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=edit]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=cancel]:before {width: 9px; height: 10px;  margin-top: -5px; margin-left: -4.5px; background-image: url(/assets/images/admin_sprites.png); background-position: -338px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=cancel]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=copy]:before {width: 10px; height: 10px;  margin-top: -5px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -290px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=copy]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=off] { background-color: transparent; }
.button-icon.mt-icon[data-state=off]:before {width: 20px; height: 20px;  margin-top: -10px; margin-left: -10px; background-image: url(/assets/images/admin_sprites.png); background-position: -156px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=off]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.mt-icon[data-state=on] { background-color: transparent; }
.button-icon.mt-icon[data-state=on]:before {width: 20px; height: 20px;  margin-top: -10px; margin-left: -10px; background-image: url(/assets/images/admin_sprites.png); background-position: -78px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.mt-icon[data-state=on]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon[disabled] { opacity: .2; }
.button-icon[data-state=update]:before {width: 15px; height: 15px;  margin-top: -7.5px; margin-left: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=update]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon[data-state=delete]:before {width: 12px; height: 12px;  margin-top: -6px; margin-left: -6px; background-image: url(/assets/images/sprites.png); background-position: -308px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=delete]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon[data-state=save]:before {width: 16px; height: 16px;  margin-top: -8px; margin-left: -8px; background-image: url(/assets/images/sprites.png); background-position: -696px -397px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=save]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon[data-state=save_ico]:before {width: 14px; height: 14px;  margin-top: -7px; margin-left: -7px; background-image: url(/assets/images/admin_sprites.png); background-position: -288px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=save_ico]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon[data-state=cancel]:before {width: 13px; height: 14px;  margin-top: -7px; margin-left: -6.5px; background-image: url(/assets/images/sprites.png); background-position: 0px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=cancel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon[data-state=excel] { background-color: #1a6d40; }
.button-icon[data-state=excel]:before {width: 16px; height: 16px;  margin-top: -8px; margin-left: -8px; background-image: url(/assets/images/sprites.png); background-position: -696px -133px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-icon[data-state=done] { background-color: #7ed321; }
.button-icon[data-state=done]:before {width: 16px; height: 12px;  margin-top: -6px; margin-left: -8px; background-image: url(/assets/images/admin_sprites.png); background-position: -139px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon[data-state=done]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-edit {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -135px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-edit { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-edit-02 {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: 0px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-edit-02 { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-delete {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -165px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-delete-02 {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -52px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-02 { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -195px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-done { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-cancel {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -303px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-cancel { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-delete-new { background: #333; }
.button-icon.icon-delete-new:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -260px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-delete-new:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-icon.icon-edit-new { background: #333; }
.button-icon.icon-edit-new:before {position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin-top: -7.5px; margin-left: -7.5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -123px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-icon.icon-edit-new:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.button-with-icon {font-size: .875rem; font-weight: 400; line-height: 38px; min-width: 130px;  height: 40px; padding: 0 20px; text-align: center; color: #fff; border-radius: 1px; background-color: #000; }
.button-with-icon:before {display: inline-block; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; }
.button-with-icon[data-state=confirm] { background-color: #1886ff; }
.button-with-icon[data-state=confirm]:before {width: 16px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -401px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-with-icon[data-state=cancel] { background-color: #6a6a6a; }
.button-with-icon[data-state=cancel]:before {width: 15px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -696px -639px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=cancel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-with-icon[data-state=excel] {font-size: .75rem; font-weight: 300; line-height: 32px; min-width: 110px;  height: 24px; background-color: #1a6d40; background-color: transparent; }
.button-with-icon[data-state=excel]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -133px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-with-icon[data-state=reset] { background-color: #6a6a6a; }
.button-with-icon[data-state=reset]:before {width: 11px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: 0px -725px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=reset]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-with-icon[data-state=add] {font-size: .75rem; line-height: 24px;  height: 24px; background-color: #6a6a6a; }
.button-with-icon[data-state=add]:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -306px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=add]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-with-icon[data-state=examination] { background-color: #000; }
.button-with-icon[data-state=examination]:before {width: 22px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -181px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-state=examination]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-with-icon[data-size=small] {font-size: .75rem; font-weight: 700; line-height: 28px; height: 30px;  padding: 0 10px; }
.button-with-icon[data-size=small][data-state=confirm]:before {width: 11px; height: 8px;  margin-top: -2px; background-image: url(/assets/images/sprites.png); background-position: -413px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-with-icon[data-size=small][data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-with-icon[disabled] { color: rgba(255, 255, 255, .3); background-color: #ccc; }
.button-with-icon[disabled]:before { opacity: .3; }

.button-txt {font-size: .75rem; font-weight: 400; line-height: 38px;  display: inline-block; min-width: 130px; height: 40px; padding: 0 10px; text-align: center; color: #fff; border-radius: 1px; background-color: #000; }
.button-txt[data-state=gray] { background-color: #848484; }
.button-txt[data-size=small] {line-height: 26px; min-width: 95px;  height: 28px; }
.button-txt[disabled] { color: #fff; background-color: #ccc; }

.button-inner-txt {font-size: .75rem; font-weight: 400; line-height: 28px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 15px; text-align: center; color: #fff; border-radius: 1px; background-color: #000; }
.button-inner-txt[disabled] { opacity: .3; }
.button-inner-txt[data-state=cancel] { background-color: #666; }
.button-inner-txt[data-state=submit] { color: #fff; background-color: #1886ff; }

.button-add-action {font-size: .75rem; font-weight: 500; line-height: inherit;  display: inline-block; color: #888; }
.button-add-action:before {display: inline-block; width: 22px; height: 22px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -255px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-add-action:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-add-action[disabled] { opacity: .2; }
.button-add-action[data-state=top] { display: block; margin: 0 auto; text-align: center; }
.button-add-action[data-state=top]:before { display: block; margin: 0 auto 10px auto; }
.button-add-action[data-state=plus] { line-height: 20px; }
.button-add-action[data-state=plus]:before {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -104px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-add-action[data-state=plus]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.button-add-action[data-state=download] { line-height: 18px; }
.button-add-action[data-state=download]:before {width: 18px; height: 18px;  background-image: url(/assets/images/admin_sprites.png); background-position: -212px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-add-action[data-state=download]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.button-toggle-all { font-size: .75rem; font-weight: 500; color: #898989; }
.button-toggle-all:before {display: inline-block; width: 11px; height: 7px; margin: -2px 5px 0 0;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -430px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-all:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.button-toggle-all[data-state=open]:before { transform: rotateX(180deg); }

.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/admin_sprites.png); background-position: -225px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-toggle-tbl.up:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.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; } }

.button-info , .button-info-en { display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 5px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .button-info , .button-info-en { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.button-info-fee , .button-info-fee-en {font-size: .75rem; font-weight: 500;  display: inline-block; vertical-align: middle; color: #898989; }
.button-info-fee:after , .button-info-fee-en:after {display: inline-block; width: 16px; height: 16px; margin: -3px 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) { .button-info-fee:after , .button-info-fee-en:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.state-invoice { font-size: .75rem; line-height: 1.66667em; color: #898989; }
.state-invoice[data-state=state01] { color: #417505; }
.state-invoice[data-state=state02] { color: #ff7a13; }

.state-pee {font-size: .75rem; font-weight: 500; line-height: 1.75em;  display: inline-block; color: #898989; }
.state-pee[data-state=confirmed] { color: #7ed321; }
.state-pee[data-state=undecided] { color: #ff7a13; }

.state-pay {font-size: .75rem; line-height: 1.75em;  display: inline-block; color: #ff7a13; }
.state-pay:before {display: inline-block; width: 22px; height: 22px; margin-top: -2px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -339px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .state-pay:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.state-pay[data-state=paid] { color: #7ed321; }
.state-pay[data-state=paid]:before {width: 22px; height: 22px;  background-image: url(/assets/images/sprites.png); background-position: -638px -171px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .state-pay[data-state=paid]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.btn-status {font-size: .875rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 15px; text-align: center; color: #fff; border-radius: 4px; }
.btn-status[data-state=activate] { background-color: #7ed321; }
.btn-status[data-state=trial] { background-color: #7ed321; }
.btn-status[data-state=not-use] { font-size: .75rem; line-height: 26px; color: #000; border: 2px solid #999; background-color: #fff; }




.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; }

button.button.extra.history_back {width: 32px; height: 32px; margin-right: 0; vertical-align: top; border: 1px solid #eaeaea !important;  background: url('../images/arrow_left_shape_clamp.svg#lightblue') center center no-repeat #fff; background-size: 16px 16px; }


.common-add-btn {position: relative;  display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #d8d8d8; }
.common-add-btn:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px;  content: ''; background: url('/assets/images/ico_plus_gray.svg') no-repeat; }

.common-delete-btn {position: relative;  display: inline-block; width: 24px; height: 24px; background-color: #ff2d47; }
.common-delete-btn:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px;  content: ''; background: url('/assets/images/ico_delete_white.svg') no-repeat; background-size: 14px 14px; }

.common-edit-btn {position: relative;  display: inline-block; width: 18px; height: 18px; background-color: #343434; }
.common-edit-btn:before {position: absolute; top: 50%; left: 50%; width: 10px; height: 11px; margin: -5px 0 0 -5px;  content: ''; background: url('/assets/images/ico_edit_white.svg') no-repeat; background-size: 10px 11px; }

.common-check-btn {position: relative;  display: inline-block; width: 18px; height: 18px; background-color: #7ed321; }
.common-check-btn:before {position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -5px 0 0 -5px;  content: ''; background: url('/assets/images/ico_check_white.svg') no-repeat; background-size: 11px 11px; }

.common-cancle-btn {position: relative;  display: inline-block; width: 18px; height: 18px; background-color: #343434; }
.common-cancle-btn:before {position: absolute; top: 50%; left: 50%; width: 11px; height: 10px; margin: -5px 0 0 -5px;  content: ''; background: url('/assets/images/ico_cancel_white.svg') no-repeat; background-size: 11px 10px; }

.diagonal {position: relative; height: 97px !important; vertical-align: bottom !important; color: #666;  background: #f6f6f6; background: linear-gradient(35deg, #f0f0f0 0%, #f0f0f0 49.8%, #ddd 50%, #f6f6f6 51%, #f0f0f0 100%); }
.diagonal .top { position: absolute; top: 10px; right: 10px; }
.diagonal .bottom { position: relative; bottom: 0px; left: 0px; display: block; text-align: left; }

.cfrc_wrap { padding: 24px; background: #f6f6f6; }
.cfrc_wrap .select-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.cfrc_wrap .select-wrapper label { font-size: .75rem; color: #898989; }
.cfrc_wrap .select-wrapper .btn-group.default .multiselect { line-height: 24px; height: 26px; box-shadow: none; }
.cfrc_wrap .select-wrapper .button-wrapper { position: relative; }
.cfrc_wrap .select-wrapper .button-wrapper:before {position: absolute; top: 50%; left: 14px; width: 1px; height: 26px;  content: ''; transform: translateY(-50%); background-color: #ccc; }
.cfrc_wrap .select-wrapper .button-wrapper .button-with-icon[data-size=small] {line-height: 24px;  height: 26px; }
.cfrc_wrap .forms-item { margin-top: 12px; }
.cfrc_wrap .forms-item time { display: none; }
.cfrc_wrap .forms-item[data-fee=aws_default] { text-align: right; }
.cfrc_wrap .forms-item[data-fee=aws_default] time {font-size: .75rem;  display: inline-block; color: #9b9b9b; }
.cfrc_wrap .forms-item[data-fee=aws_default] label , .cfrc_wrap .forms-item[data-fee=aws_default] input { display: none; }
.cfrc_wrap .forms-item:first-child { margin-top: 0; }
.cfrc_wrap .forms-item input[type=text] { width: 100%; }
.cfrc_wrap .method.form > *:not(.tbl-invalid-message) { padding: 30px 0 0; }
.cfrc_wrap .method.form > *:not(.tbl-invalid-message):first-child { padding: 20px 0 0; }
.cfrc_wrap .method.form > *:not(.tbl-invalid-message) p { padding: 12px 0 0; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) { padding: 20px 0 0; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p {font-size: .6875rem;  font-weight: 500; padding: 8px 0 0; color: #999; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p:first-child { padding: 0; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=checkbox] + label { font-size: .75rem; color: #222; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=radio] + label { font-size: .875rem; font-weight: 500; margin-right: 30px; color: #222; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=text] , .cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=number] {line-height: 30px;  display: inline-block; width: 90px; height: 32px; margin-left: 13px; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=text] + em , .cfrc_wrap .method > *:not(.tbl-invalid-message) p input[type=number] + em { font-size: .75rem; margin-left: 4px; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p span { font-size: .75rem; margin-right: 8px; color: #898989; }
.cfrc_wrap .method > *:not(.tbl-invalid-message) p strong { font-size: .875rem; font-weight: 500; color: #222; }
.cfrc_wrap .cfrc-description { display: -ms-flexbox; display: flex; padding: 10px 15px; background-color: #edeeef; }
.cfrc_wrap .cfrc-description .key {font-size: .75rem; font-weight: 500; line-height: 1.66667em;  display: block; width: 135px; min-width: 135px; padding: 2px 0 3px 0; color: #898989; }
.cfrc_wrap .cfrc-description .value {font-size: .75rem; line-height: 1.66667em; position: relative;  display: block; padding: 2px 0 3px 15px; word-break: break-all; color: #000; }
.cfrc_wrap .cfrc-description .value:before {position: absolute; top: 0; left: 0; display: block; width: 1px; height: 25px;  content: ''; background-color: #ddd; }
.cfrc_wrap .cfrc .cfrc-top {display: block;  overflow: hidden; padding-bottom: 10px; }
.cfrc_wrap .cfrc .cfrc-top .desc {font-size: .75rem; font-weight: 400; line-height: 30px;  float: left; color: #666; }
.cfrc_wrap .cfrc .cfrc-top .button-with-icon { float: right; min-width: auto; }
.cfrc_wrap .cfrc.cfrc-row thead th { min-width: 50px; }
.cfrc_wrap .cfrc.cfrc-row thead th.diagonal { width: 70px; }
.cfrc_wrap .cfrc table {box-sizing: border-box;  width: 100%; }
.cfrc_wrap .cfrc table th , .cfrc_wrap .cfrc table td {font-size: .6875rem; box-sizing: border-box; padding: 8px;  border: 1px solid #ddd; }
.cfrc_wrap .cfrc table thead th { line-height: 1.5; position: static; min-width: 60px; background-color: inherit; }
.cfrc_wrap .cfrc table thead th:not(.diagonal) { background: #f6f6f6; }
.cfrc_wrap .cfrc table thead th.diagonal {position: relative;  width: 135px; }
.cfrc_wrap .cfrc table th {font-weight: 400;  text-align: center; }
.cfrc_wrap .cfrc table tbody tr:nth-child(odd) th { background: #f6f6f6; }
.cfrc_wrap .cfrc table tbody tr:nth-child(odd) td { background: #fff; }
.cfrc_wrap .cfrc table tbody tr:nth-child(even) th { background: #f0f0f0; }
.cfrc_wrap .cfrc table tbody tr:nth-child(even) td { background: #f9f9f9; }
.cfrc_wrap .cfrc table tbody th {font-size: .625rem; width: 135px;  text-align: left; color: #666; background: #f6f6f6; }
.cfrc_wrap .cfrc table tbody th em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; margin-right: 3px; }
.cfrc_wrap .cfrc table tbody td { text-align: right; }
.cfrc_wrap .cfrc table.manage-section th , .cfrc_wrap .cfrc table.manage-section td { height: auto; }
.cfrc_wrap .cfrc table.manage-section thead th , .cfrc_wrap .cfrc table.manage-section thead td { padding: 7px 8px 6px 8px; }
.cfrc_wrap .cfrc table.manage-section thead .per-month { font-size: .6875rem; color: #999; }
.cfrc_wrap .cfrc table.manage-section tbody th { font-size: .75rem; font-weight: 500; color: #333; }
.cfrc_wrap .cfrc table.manage-section tbody td {font-size: .875rem; font-weight: 500;  padding: 10px 45px 11px 15px; color: #000; }
.cfrc_wrap .cfrc table.manage-section tbody td.section { text-align: center; }
.cfrc_wrap .cfrc table.manage-section tbody td .from , .cfrc_wrap .cfrc table.manage-section tbody td .to { display: inline-block; min-width: 140px; text-align: left; }
.cfrc_wrap .cfrc table.manage-section tbody td .from { margin-right: 10px; }
.cfrc_wrap .cfrc table.manage-section tbody td .from.only { margin-right: 213px; }
.cfrc_wrap .cfrc table.manage-section tbody td .to {min-width: 140px;  margin-left: 50px; }
.cfrc_wrap .cfrc table.manage-section tbody td input[type=text] { display: inline-block; width: auto; padding-right: 10px; text-align: right; }
.cfrc_wrap .cfrc table.manage-section tbody td.align.center {padding-right: 15px;  text-align: center; }
.cfrc_wrap .cfrc table.manage-section tbody td.align.left { text-align: left; }
.cfrc_wrap .cfrc table.manage-section tbody td.align.right { text-align: right; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th , .cfrc_wrap .cfrc table.manage-section.edit tbody td { padding: 4px 15px; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th.section , .cfrc_wrap .cfrc table.manage-section.edit tbody td.section { padding-right: 30px; padding-left: 30px; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .from , .cfrc_wrap .cfrc table.manage-section.edit tbody th .to , .cfrc_wrap .cfrc table.manage-section.edit tbody td .from , .cfrc_wrap .cfrc table.manage-section.edit tbody td .to { line-height: 40px; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .from , .cfrc_wrap .cfrc table.manage-section.edit tbody td .from { text-align: left; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .to , .cfrc_wrap .cfrc table.manage-section.edit tbody td .to { text-align: right; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .to input[type=text] , .cfrc_wrap .cfrc table.manage-section.edit tbody td .to input[type=text] { width: 120px; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .button-with-icon , .cfrc_wrap .cfrc table.manage-section.edit tbody td .button-with-icon {width: 110px; min-width: auto;  padding-right: 10px; padding-left: 10px; vertical-align: middle; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th .mt-icon[data-state=delete] , .cfrc_wrap .cfrc table.manage-section.edit tbody td .mt-icon[data-state=delete] {width: 24px;  height: 24px; vertical-align: bottom; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th.c , .cfrc_wrap .cfrc table.manage-section.edit tbody td.c { padding-right: 20px; padding-left: 20px; text-align: center; }
.cfrc_wrap .cfrc table.manage-section.edit tbody th.l , .cfrc_wrap .cfrc table.manage-section.edit tbody td.l { padding-right: 15px; padding-right: 15px; text-align: left; }

.tbl-pagination {font-size: .75rem; font-weight: 500;  position: relative; padding: 20px 0 7px 0; color: #999; }
.tbl-pagination.cfrc { padding-top: 30px; }
.tbl-pagination.cfrc + .tbl-data {border-right: 1px solid #f0f0f0;  border-left: 1px solid #f0f0f0; }
.tbl-pagination.cfrc + .tbl-data.coldstart {border-right: 0;  border-left: 0; }
.tbl-pagination.cfrc.button_wrap { padding: 30px 0 15px 0; }
.tbl-pagination.cfrc a { position: absolute; top: 15px; right: 0; }
.tbl-pagination .pagination {font-size: .750rem;  width: 100%; color: #7f7f7f; }
.tbl-pagination .bar { display: inline-block; padding: 0 5px; }
.tbl-pagination .page { margin-top: -3px; margin-right: 5px; margin-left: 10px; }
.tbl-pagination .total {font-weight: 400;  display: inline-block; }
.tbl-pagination .total:after {display: inline-block; margin: -4px 12px 0 13px;  content: '|'; vertical-align: middle; color: #d4d4d4; }
.tbl-pagination .total.single:after { content: none; }
.tbl-pagination .search {position: relative;  display: inline-block; width: 45%; margin-left: -7px; }
.tbl-pagination .search.search_gt {position: relative;  width: 250px; }
.tbl-pagination .search.search_gt:after {position: absolute; top: 3px; right: 28px; bottom: 3px; width: 1px;  content: ''; background: #e4e4e4; }
.tbl-pagination .search.search_gt input[type=text] {line-height: 30px; position: relative; height: 30px; padding: 0 7px;  border: 1px solid #e4e4e4; background: #fff; }
.tbl-pagination .search.search_gt input[type=text] + button {position: absolute; top: 50%; right: 7px; width: 14px; height: 14px; margin-top: -7px;  background: url('/assets/images/icon_search_01_s@2x.png') no-repeat; background-size: 14px 14px; }
.tbl-pagination .search.search_gt input[type=text]:focus { border-color: #007aff; background-image: none; }
.tbl-pagination .search.search_gt input[type=text]:focus + button { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.tbl-pagination .search input[type=text] {line-height: 24px;  display: inline-block; width: 100%; height: 24px; padding-left: 30px; vertical-align: middle; border: 0; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.tbl-pagination .search input[type=text]:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.tbl-pagination .btn-normal {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 80px; height: 30px; margin-left: 5px; text-align: center; color: #fff; background-color: #000; }
.tbl-pagination .count-management {font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 10px; color: #000; }
.tbl-pagination .layout-left-view { width: 58%; }
.tbl-pagination .layout-right-view .button-normal + .button-normal { margin-left: 7px; }

.tbl-data-none {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 1.42857em;  display: block; text-align: center; color: #000; }
.tbl-data-none .none-title { font-size: 1.25rem; line-height: 1em; }
.tbl-data-none .message { margin-top: 45px; }
.tbl-data-none .btns { margin-top: 35px; }

.layout-tabs ~ .tbl-top-utils { margin-top: -30px; }

.tbl-top-utils { margin-top: 0px; margin-bottom: 10px; text-align: right; }

.customer-name {font-weight: 500;  display: inline-block; overflow: hidden; max-width: 90%; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; }

a.customer-name:hover { text-decoration: underline; }

.tbl-data {font-size: .750rem; width: 100%;  table-layout: fixed; border-bottom: 1px solid #9d9d9d; }
.tbl-data .r { text-align: right; }
.tbl-data .r.no_border select { width: 100px; }
.tbl-data .c { text-align: center; }
.tbl-data .hidden { display: none; }
.tbl-data.cfrc_data [data-tooltip=apply][data-state=on]:after { background: #54efcc; }
.tbl-data.cfrc_data .cfrc_wrap {border-right: 1px solid #ddd;  border-left: 1px solid #ddd; }
.tbl-data.cfrc_data .cfrc_wrap .forms-item label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.tbl-data.cfrc_data .cfrc_wrap .cfrc table th:before , .tbl-data.cfrc_data .cfrc_wrap .cfrc table td:before { content: none; }
.tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th { background-color: inherit; }
.tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th:not(.diagonal) { width: 130px; }
.tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th.diagonal { padding-left: 10px; }
.tbl-data.cfrc_data tbody tr[data-state=shut] + tr { height: 1px; }
.tbl-data.cfrc_data tbody tr[data-state=shut] + tr td { display: none; }
.tbl-data.cfrc_data tbody tr td {white-space: inherit;  color: #555; }
.tbl-data.cfrc_data tbody tr td .text_over {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
.tbl-data.cfrc_data tbody tr td.coldstart {padding: 30px 0;  background: transparent; }
.tbl-data.cfrc_data tbody tr td.coldstart p {font-size: .75rem;  text-align: center; color: #999; }
.tbl-data.cfrc_data tbody tr td.coldstart p:before {display: block; width: 140px; height: 69px; margin: 0 auto 20px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -227px -129px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data.cfrc_data tbody tr td.coldstart p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data.cfrc_data tbody tr td.wide {height: auto;  padding: 0; }
.tbl-data.cfrc_data tbody tr .multiple_text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tbl-data.cfrc_data tbody tr .multiple_text em {font-weight: 500; position: relative; display: inline-block; overflow: hidden; max-width: calc(100% - 150px); margin: 0 10px 0 5px; white-space: nowrap;  text-overflow: ellipsis; }
.tbl-data.cfrc_data tbody tr .multiple_text a { font-size: .6875rem; font-weight: 400; text-decoration: underline; color: #999; }
.tbl-data.cfrc_data tbody tr .multiple_text a:hover { color: #4a90e2; }
.tbl-data.mp-table { position: relative; border-bottom: 1px solid #e6e6e6; }
.tbl-data.mp-table.fixed-head > thead {top: 0; left: 0; width: 100%;  table-layout: fixed; }
.tbl-data.mp-table.fixed-head + .wrap-list-change-info-view { position: relative; overflow-y: hidden; height: 917px; max-height: inherit; }
.tbl-data.mp-table.fixed-head + .wrap-list-change-info-view:hover { overflow-y: overlay; }
body.msie11 .tbl-data.mp-table.fixed-head + .wrap-list-change-info-view { overflow-y: auto; }
body.edge .tbl-data.mp-table.fixed-head + .wrap-list-change-info-view { overflow-y: auto; }
.tbl-data.mp-table.fixed-head + .wrap-list-change-info-view .mp-table > thead { display: none; }
.tbl-data.mp-table.fixed-head + .wrap-list-change-info-view .mp-table tbody tr:first-child td { border-top: 0; }
.tbl-data.mp-table [data-tooltip=apply][data-state=on]:after { background: #54efcc; }
.tbl-data.mp-table .cfrc_wrap {border-right: 1px solid #e6e6e6;  border-left: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .forms-item label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.tbl-data.mp-table .cfrc_wrap .cfrc { position: relative; }
.tbl-data.mp-table .cfrc_wrap .cfrc h3 { font-size: .875rem; line-height: 1.25rem; margin-bottom: .75rem; color: #000; }
.tbl-data.mp-table .cfrc_wrap .cfrc .btns { position: absolute; top: -7px; right: 0; }
.tbl-data.mp-table .cfrc_wrap .cfrc .btns button {line-height: 1.875rem; height: 1.875rem; transition: .3s ease-in-out;  background: #6b6b6b; }
.tbl-data.mp-table .cfrc_wrap .cfrc .btns button:hover { background: #555; }
.tbl-data.mp-table .cfrc_wrap .cfrc table th , .tbl-data.mp-table .cfrc_wrap .cfrc table td {border: 0;  background: transparent; }
.tbl-data.mp-table .cfrc_wrap .cfrc table th:before , .tbl-data.mp-table .cfrc_wrap .cfrc table td:before { content: none; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody tr { border-bottom: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td {font-size: .75rem; font-weight: 400;  padding: 1.0625rem .625rem; text-align: left; border-right: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td:last-child { border-right: 0; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td.multiline { white-space: nowrap; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td.text-center { text-align: center; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td p.none-message {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; margin: 30px 0; text-align: center; color: #b2b2b2; }
.tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td p.none-message:before {display: block; width: 35px; height: 29px; margin: 0 auto 8px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data.mp-table .cfrc_wrap .cfrc table.manage-section tbody td p.none-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data.mp-table .cfrc_wrap .cfrc table thead th {font-weight: 500;  position: relative; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: transparent; }
.tbl-data.mp-table .cfrc_wrap .cfrc table thead th:not(:first-child):before {position: absolute; top: 6px; bottom: 6px; left: 0; display: block; width: 1px;  content: ''; background-color: #ddd; }
.tbl-data.mp-table .cfrc_wrap .cfrc table thead th:not(.diagonal) { width: auto; }
.tbl-data.mp-table .cfrc_wrap .cfrc table thead th.diagonal { padding-left: 10px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail { position: relative; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail h3 { font-size: .875rem; line-height: 1.25rem; margin-bottom: .75rem; color: #000; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail .info-box {margin-top: .625rem; padding-top: 1.5625rem;  border-top: 1px solid #bbb; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail .info-box h4 { font-size: .75rem; font-weight: 700; line-height: 1.125rem; margin-bottom: 5px; color: #9b9b9b; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail .info-box .items { font-size: .875rem; font-weight: 500; line-height: 1.9375rem; margin-bottom: 30px; color: #1c2024; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail .info-box .items.line {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  padding: 12px 10px; color: rgba(0, 0, 0, .8); border: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail .info-box .items.line.small { width: 400px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table { width: 100%; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table th , .tbl-data.mp-table .cfrc_wrap .fee-info-detail table td {border: 0;  background: transparent; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table th:before , .tbl-data.mp-table .cfrc_wrap .fee-info-detail table td:before { content: none; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section + .info-box {margin-top: 20px; padding-top: 0;  border-top: 0; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.single-line tbody tr:last-child { border-bottom: 1px solid #bbb; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.single-line thead th {color: #000; border-top: 1px solid #bbb; border-bottom: 1px solid #e6e6e6;  background: rgba(230, 230, 230, 0); }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody tr { border-bottom: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td {font-size: .75rem; font-weight: 400; position: relative; padding: 0 .625rem; text-align: left; vertical-align: middle; border-right: 1px solid #e6e6e6;  background: #f00; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td:last-child { border-right: 0; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.multiline { white-space: nowrap; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.text-center { text-align: center; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span { position: absolute; top: 50%; transform: translateY(-50%); }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span.title { left: 10px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span.unit { right: 10px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td p.td-items { display: inline-block; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td p.td-items.right { float: right; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td p.td-items.left { float: left; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td input { float: right; width: calc(100% - 216px); margin-right: 20px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody tr { border-bottom: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td {font-size: .75rem; font-weight: 400;  position: relative; padding: 0 .625rem; text-align: left; vertical-align: middle; border-right: 1px solid #e6e6e6; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td p + p { color: #666; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td:last-child { border-right: 0; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td.multiline { white-space: nowrap; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td.text-center { text-align: center; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td span:first-child { margin-right: 5px; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td .td-items { display: inline-block; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td .td-items.right { float: right; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table.manage-section tbody td .td-items.left { float: left; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table thead th {font-weight: 500;  position: relative; height: 32px; text-align: center; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: rgba(230, 230, 230, .2); }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table thead th:not(:first-child):before {position: absolute; top: 6px; bottom: 6px; left: 0; display: block; width: 1px;  content: ''; background-color: #ddd; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table thead th:not(.diagonal) { width: auto; }
.tbl-data.mp-table .cfrc_wrap .fee-info-detail table thead th.diagonal { padding-left: 10px; }
.tbl-data.mp-table tbody tr:nth-last-child(2) { border-bottom: 1px solid #e6e6e6; }
.tbl-data.mp-table tbody tr[data-state=shut] + tr { height: 0px; }
.tbl-data.mp-table tbody tr[data-state=shut] + tr td { display: none; }
.tbl-data.mp-table tbody tr td {white-space: inherit;  color: #000; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.tbl-data.mp-table tbody tr td.center { text-align: center; }
.tbl-data.mp-table tbody tr td.center p { display: inline-block; }
.tbl-data.mp-table tbody tr td.text-right { text-align: right; }
.tbl-data.mp-table tbody tr td.text-right p { display: inline-block; }
.tbl-data.mp-table tbody tr td.text-center { text-align: center; }
.tbl-data.mp-table tbody tr td.multiline p { display: block; }
.tbl-data.mp-table tbody tr td.multiline p + p { color: #88939f; }
.tbl-data.mp-table tbody tr td.none p.none-message {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; margin: 30px 0; text-align: center; color: #b2b2b2; }
.tbl-data.mp-table tbody tr td.none p.none-message:before {display: block; width: 35px; height: 29px; margin: 0 auto 8px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data.mp-table tbody tr td.none p.none-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data.mp-table tbody tr td:last-child { border-right: 0; }
.tbl-data.mp-table tbody tr td .text_over {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
.tbl-data.mp-table tbody tr td.coldstart {padding: 30px 0;  background: transparent; }
.tbl-data.mp-table tbody tr td.coldstart p {font-size: .75rem;  text-align: center; color: #999; }
.tbl-data.mp-table tbody tr td.coldstart p:before {display: block; width: 140px; height: 69px; margin: 0 auto 20px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -227px -129px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data.mp-table tbody tr td.coldstart p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data.mp-table tbody tr td.wide {height: auto;  padding: 0; }
.tbl-data.mp-table tbody tr .multiple_text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tbl-data.mp-table tbody tr .multiple_text em {font-weight: 500; position: relative; display: inline-block; overflow: hidden; max-width: calc(100% - 150px); margin: 0 10px 0 5px; white-space: nowrap;  text-overflow: ellipsis; }
.tbl-data.mp-table tbody tr .multiple_text a { font-size: .6875rem; font-weight: 400; text-decoration: underline; color: #999; }
.tbl-data.mp-table tbody tr .multiple_text a:hover { color: #4a90e2; }
.tbl-data thead th {font-size: .75rem; font-weight: 500; line-height: 48px;  position: relative; height: 48px; padding-right: 10px; padding-left: 10px; text-align: left; color: #898989; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.tbl-data thead th:first-child { padding-left: 20px; }
.tbl-data thead th:first-child:before { content: none; }
.tbl-data thead th.pay { padding-right: 30px; text-align: right; }
.tbl-data thead th:before {position: absolute; top: 6px; bottom: 6px; left: 0; display: block; width: 1px;  content: ''; background-color: #ddd; }
.tbl-data tfoot td { height: 50px; border-top: 1px solid #d0d0d0; }
.tbl-data tbody tr.checked th , .tbl-data tbody tr.checked td { background-color: #eaf3fd; }
.tbl-data tbody tr.selected th , .tbl-data tbody tr.selected td { background-color: #dde1ea; }
.tbl-data tbody tr.ag-grid-area td { padding: 0; }
.tbl-data tbody th , .tbl-data tbody td {max-width: 100%; height: 50px;  padding-right: 10px; padding-left: 10px; text-align: left; white-space: nowrap; border-top: 1px solid #d0d0d0; border-right: 1px solid #f0f0f0; background-color: #fff; }
.tbl-data tbody th { font-weight: 400; color: #000; }
.tbl-data tbody th:first-child { padding-left: 20px; }
.tbl-data tbody td { font-weight: 400; color: #000; }
.tbl-data tbody td:first-child { padding-left: 20px; }
.tbl-data tbody td.excel { padding: 0; text-align: center; }
.tbl-data tbody td.toggle { padding: 0; text-align: center; border-left: 1px solid #e0e0e0; }
.tbl-data tbody td.pay { padding-right: 30px; text-align: right; }
.tbl-data tbody td.no_border { border-right: 0; }
.tbl-data tbody td input[type='checkbox'] + label { font-size: .75rem; }
.tbl-data tbody td .fixed-fee {font-weight: 500;  color: #1886ff; }
.tbl-data tbody .account { color: #000; }
.tbl-data tbody .account .small { font-weight: 400; color: #898989; }
.tbl-data tbody a {font-weight: 500;  display: inline-block; overflow: hidden; max-width: 90%; vertical-align: middle; white-space: nowrap; color: #000; }
.tbl-data tbody a:hover { text-decoration: underline; }
.tbl-data tbody a[href*=mailto] { position: relative; padding-right: 20px; text-overflow: ellipsis; }
.tbl-data tbody a[href*=mailto]:after {position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -403px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data tbody a[href*=mailto]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data tbody .customer {font-weight: 700;  display: inline-block; overflow: hidden; max-width: 90%; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.tbl-data tbody .customer .customer:hover { text-decoration: none; }
.tbl-data .btn-sort {font-size: .750rem; font-weight: 500; line-height: 31px; position: relative;  display: inline-block; text-align: left; vertical-align: middle; white-space: nowrap; color: #898989; }
.tbl-data .btn-sort:after {position: absolute; top: 50%; right: -20px; 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) { .tbl-data .btn-sort:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data .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) { .tbl-data .btn-sort[data-state=desc]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data .btn-sort[data-state=asce]: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) { .tbl-data .btn-sort[data-state=asce]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data .btn-info { display: inline-block; width: 16px; height: 16px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -696px -177px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data .btn-info { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data em.point { color: #0064ff; }
.tbl-data strong.point { font-weight: 700; }
.tbl-data .sub { color: #898989; }
.tbl-data .negative { color: #ff7a13; }
.tbl-data .applying { font-size: .8125rem; color: #417505; }
.tbl-data .ellipsis { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.tbl-data .btn-toggle {position: relative;  display: inline-block; width: 30px; height: 30px; text-indent: -9999px; }
.tbl-data .btn-toggle: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) { .tbl-data .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data .btn-toggle[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) { .tbl-data .btn-toggle[data-state=unfold]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.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-prev , .tbl-grid-navigation a.btn-next , .tbl-grid-navigation a.btn-last { text-indent: -9999px; }
.tbl-grid-navigation a.btn-first:hover , .tbl-grid-navigation a.btn-prev:hover , .tbl-grid-navigation a.btn-next:hover , .tbl-grid-navigation a.btn-last: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-forms {width: 100%;  margin-top: 15px; }
.tbl-forms.cfrc-popup { margin-top: 40px; }
.tbl-forms tbody tr.invalid td {height: auto;  padding: 7px 0 27px 10px; }
.tbl-forms tbody tr.invalid td.unit .unit_text { top: 20px; }
.tbl-forms tbody tr td.multi-box select , .tbl-forms tbody tr td.multi-box input { float: left; width: 50%; }
.tbl-forms tbody tr td:last-child input { width: calc(100% - 10px); }
.tbl-forms tbody tr td.unit { position: relative; }
.tbl-forms tbody tr td.unit.before input[type=text] { padding: 0 0 0 20px; }
.tbl-forms tbody tr td.unit.before .unit_text { right: auto; left: 20px; }
.tbl-forms tbody tr td.unit input[type=text] { padding: 0 20px 0 10px; }
.tbl-forms tbody tr td.unit .unit_text { position: absolute; top: 18px; right: 5px; }
.tbl-forms.cfrc-forms tbody tr td { box-sizing: border-box; }
.tbl-forms.cfrc-forms tbody tr td select { width: calc(100% - 20px); }
.tbl-forms .c { padding-right: 5px; padding-left: 5px; text-align: center; }
.tbl-forms thead th {font-size: .75rem; font-weight: 500; height: 40px;  padding-right: 0px; padding-left: 10px; text-align: left; color: #898989; border-bottom: 1px solid #dfdfdf; background-color: #f6f6f6; }
.tbl-forms tbody tr[data-state=shut] + tr { height: 1px; }
.tbl-forms tbody tr[data-state=shut] + tr td { display: none; }
.tbl-forms tbody td {font-size: .75rem; height: 50px;  padding-right: 0px; padding-left: 10px; text-align: left; color: #000; border-bottom: 1px solid #d0d0d0; }
.tbl-forms tbody td.wide {height: auto;  padding: 0; }
.tbl-forms tbody td .fixed-fee {font-weight: 500;  color: #1886ff; }
.tbl-forms tbody td.fold_border { border-left: 1px solid #efefef; }
.tbl-forms tbody td .times input[type=text] {display: inline-block;  width: 84px; }
.tbl-forms tbody td .times span { margin: 0 10px; }
.tbl-forms tbody tr.updated td { background-color: rgba(231, 240, 252, .7); }
.tbl-forms tbody tr.deleted td { color: #ccc; background-color: rgba(239, 239, 239, .7); }
.tbl-forms tbody .with-template { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tbl-forms tbody .with-template .btn-preview { margin-left: 10px; }
.tbl-forms tbody .btn-preview {font-size: .75rem; font-weight: 400; line-height: 2.16667em;  display: inline-block; padding: 0 10px; white-space: nowrap; color: #666; border: 0px solid #ddd; background-color: #eee; }
.tbl-forms tbody .btn-preview:hover { background-color: #eaeaea; }
.tbl-forms tbody .btn-preview:focus { background-color: #ddd; }
.tbl-forms tbody .btn-preview[disabled] { opacity: 1; color: #ccc; border: 0px solid #ebebeb; background-color: #f6f6f6; }
.tbl-forms.page thead th { height: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; }

.tbl-exchange-rate {width: 100%; margin-top: 20px;  table-layout: fixed; }
.tbl-exchange-rate thead th {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; height: 37px;  padding-right: 20px; padding-left: 20px; text-align: left; color: #575757; border-top: 1px solid #9d9d9d; background-color: #e8e8e8; }
.tbl-exchange-rate thead th + th { border-left: 1px solid #c6c6c6; }
.tbl-exchange-rate thead th.today { color: #fff; background-color: #0064ff; }
.tbl-exchange-rate thead th.today:after {font-size: .75rem; display: inline-block; float: right;  content: 'Today'; color: #fff; }
.tbl-exchange-rate tbody td { padding-bottom: 50px; vertical-align: top; border-bottom: 1px solid #9d9d9d; background-color: #fff; }
.tbl-exchange-rate tbody td + td { border-left: 1px solid #c6c6c6; }
.tbl-exchange-rate tbody td .invalid-message { display: block; margin: 20px auto 0 auto; text-align: center; }
.tbl-exchange-rate .button-add-action { margin-top: 50px; }
.tbl-exchange-rate .exchange-rate-item { position: relative; overflow: hidden; padding: 20px 20px 40px 20px; }
.tbl-exchange-rate .exchange-rate-item .title {font-size: .75rem;  overflow: hidden; color: #525252; }
.tbl-exchange-rate .exchange-rate-item .title:default { color: #000; }
.tbl-exchange-rate .exchange-rate-item .title span { display: inline-block; margin-top: 2px; }
.tbl-exchange-rate .exchange-rate-item .title time { color: #9b9b9b; }
.tbl-exchange-rate .exchange-rate-item .point {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2rem; line-height: 1em;  display: block; float: right; color: #000; }
.tbl-exchange-rate .exchange-rate-item .btn-info {position: absolute; z-index: 1; top: 0; right: 0;  display: block; width: 10px; height: 10px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -739px -389px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-exchange-rate .exchange-rate-item .btn-info { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-exchange-rate .exchange-rate-item .btn-update {font-size: .6875rem; font-weight: 700; line-height: 25px;  display: block; clear: both; width: 85px; height: 25px; margin: 20px auto 0 auto; text-align: center; color: #fff; border-radius: 1px; background-color: #848484; }

.activity-status { white-space: nowrap; }
.activity-status:before {display: inline-block; width: 11px; height: 11px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; border-radius: 11px; background-color: #7fcb2b; }
.activity-status[data-state=deactivated]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .activity-status[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.activity-status.azure:before {width: 16px; height: 15px; border-radius: 0; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -362px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .activity-status.azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.tbl-data-top-utils:after {display: block; clear: both;  content: ''; }

.tbl-data-top-utils .layout-right-view { position: relative; z-index: 1; }

.tbl-data-top-utils .layout-page-sub-title { margin-top: 0; }

.tbl-data-top-utils .invalid-message { margin-top: 7px; }

.tbl-data-top-utils .message { font-size: .75rem; color: #999; }
.tbl-data-top-utils .message a {text-decoration: underline;  color: #666; background-color: transparent; }

.tbl-data-top-utils .bar {font-size: .875rem;  display: inline-block; margin: -3px 15px 0 15px; vertical-align: middle; color: #ddd; }

.tbl-data-top-utils .domain { clear: both; overflow: hidden; margin-top: 25px; margin-bottom: -13px; padding: 10px 20px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #eee; }
.tbl-data-top-utils .domain label {font-size: .75rem; font-weight: 500; line-height: 40px;  display: block; float: left; padding-right: 20px; color: #000; }
.tbl-data-top-utils .domain input[type=text] { float: left; margin-right: 50px; }
.tbl-data-top-utils .domain .button-normal { float: right; min-width: 100px; }

.tbl-data-top-utils .count-management {font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 20px; color: #000; }

.tbl-data-top-utils ~ .tbl-forms-h { margin-top: 5px; }

.tbl-data-list {font-size: .75rem; width: 100%; margin-top: 12px;  table-layout: auto; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.tbl-data-list.trial-customer td span.status { position: relative; padding-left: 17px; }
.tbl-data-list.trial-customer td span.status.standby:before {width: 14px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -618px -468px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list.trial-customer td span.status.standby:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list.trial-customer td span.status.approval:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -585px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list.trial-customer td span.status.approval:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list.trial-customer td span.status.deny:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -505px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list.trial-customer td span.status.deny:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list.trial-customer td span.status.completed:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -525px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list.trial-customer td span.status.completed:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list.trial-customer td span.status.ongoing:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -425px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list.trial-customer td span.status.ongoing:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list.trial-customer td span.status:before { position: absolute; top: 1px; left: 0; display: inline-block; content: ''; }
.tbl-data-list.tbl-layout-fixed { table-layout: fixed; }
.tbl-data-list.add-function { border-bottom: 1px solid #e6e6e6; }
.tbl-data-list .input-with-text input[type=text] {display: inline-block;  width: calc(100% - 70px); }
.tbl-data-list .input-with-text p { display: inline-block; margin: 0 0 0 18px; color: #666; }
.tbl-data-list + .function_add {line-height: 49px; box-sizing: border-box; height: 50px;  text-align: center; border-bottom: 1px solid #d0d0d0; }
.tbl-data-list + .function_add button {font-size: .75rem; font-weight: 700;  color: #1886ff; }
.tbl-data-list + .function_add button:before {position: relative; bottom: 2px; display: inline-block; width: 22px; height: 22px; margin-right: 7px; content: ''; vertical-align: middle;  background-image: url(/assets/images/admin_sprites.png); background-position: -131px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list + .function_add button:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list .application_btn_common {overflow: hidden;  max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.tbl-data-list .application_btn_common:after { content: none; }
.tbl-data-list .c { text-align: center; }
.tbl-data-list .r { text-align: right; }
.tbl-data-list > thead > tr > th , .tbl-data-list > thead > tr > td {font-weight: 400; line-height: 14px; position: relative;  box-sizing: border-box; min-height: 30px; padding: 6px 15px; text-align: center; vertical-align: middle; color: #999; border-bottom: 1px solid #bbb; }
.tbl-data-list > thead > tr > th.idx , .tbl-data-list > thead > tr > td.idx { width: 60px; }
.tbl-data-list > thead > tr > th.date , .tbl-data-list > thead > tr > td.date { width: 100px; }
.tbl-data-list > thead > tr > th.status , .tbl-data-list > thead > tr > td.status { width: 80px; }
.tbl-data-list > thead > tr > th + th:before , .tbl-data-list > thead > tr > th + td:before , .tbl-data-list > thead > tr > td + th:before , .tbl-data-list > thead > tr > td + td:before {position: absolute; top: 5px; bottom: 5px; left: 0px; display: block; width: 1px; height: auto;  content: ''; background-color: #ddd; }
.tbl-data-list > thead.bg-white tr { background-color: #fff; }
.tbl-data-list > thead .btn-sort {font-size: .75rem;  color: #999; }
.tbl-data-list > thead .btn-sort:after {display: inline-block; width: 17px; height: 10px; margin: -2px 0 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -282px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > thead .btn-sort:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > thead .btn-sort[data-state=asc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -259px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > thead .btn-sort[data-state=asc]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > thead .btn-sort[data-state=desc]:after {width: 17px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -236px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > thead .btn-sort[data-state=desc]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.tbl-data-list > tbody > tr { background-color: #fff; }
.tbl-data-list > tbody > tr > th , .tbl-data-list > tbody > tr > td {font-weight: 400; line-height: 40px; position: relative;  box-sizing: border-box; height: 60px; padding: 10px 15px; transition: background-color .3s ease-in-out; text-align: left; vertical-align: middle; border-top: 1px solid #e6e6e6; border-right: 1px solid #f0f0f0; }
.tbl-data-list > tbody > tr > th:last-child , .tbl-data-list > tbody > tr > td:last-child { border-right-width: 0; }
.tbl-data-list > tbody > tr > th:last-child:not([rowspan]) , .tbl-data-list > tbody > tr > td:last-child:not([rowspan]) { border-right-width: 0px; }
.tbl-data-list > tbody > tr > th:last-child:not([rowspan]).c , .tbl-data-list > tbody > tr > td:last-child:not([rowspan]).c { border-right-width: 0; }
.tbl-data-list > tbody > tr > th.idx , .tbl-data-list > tbody > tr > td.idx { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; padding-right: 0; padding-left: 0; text-align: center; }
.tbl-data-list > tbody > tr > th.collapse , .tbl-data-list > tbody > tr > td.collapse { border-left: 0; }
.tbl-data-list > tbody > tr > th.none-border-top , .tbl-data-list > tbody > tr > td.none-border-top { border-top: 0; }
.tbl-data-list > tbody > tr > th.vmiddle , .tbl-data-list > tbody > tr > td.vmiddle { vertical-align: middle; }
.tbl-data-list > tbody > tr > th .font-up , .tbl-data-list > tbody > tr > td .font-up { font-size: .875rem; font-weight: 500; }
.tbl-data-list > tbody > tr > th p.default:before , .tbl-data-list > tbody > tr > td p.default:before {position: relative; top: 2px;  display: inline-block; width: 8px; height: 14px; margin-right: 5px; content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -372px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody > tr > th p.default:before , .tbl-data-list > tbody > tr > td p.default:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody > tr > th .ellipsis , .tbl-data-list > tbody > tr > td .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tbl-data-list > tbody > tr > th.cloud-status , .tbl-data-list > tbody > tr > td.cloud-status { position: relative; text-align: center; }
.tbl-data-list > tbody > tr > th.cloud-status .healthy , .tbl-data-list > tbody > tr > td.cloud-status .healthy { color: #6cb41d; }
.tbl-data-list > tbody > tr > th.cloud-status .caution , .tbl-data-list > 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; }
.tbl-data-list > tbody > tr > th.region p , .tbl-data-list > tbody > tr > td.region p { position: relative; top: -4px; }
.tbl-data-list > tbody > tr > th.region p:before , .tbl-data-list > 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; }
.tbl-data-list > tbody > tr > th.region p.china:before , .tbl-data-list > tbody > tr > td.region p.china:before { background: url('/assets/images/cloud-account-china.svg') no-repeat; }
.tbl-data-list > tbody > tr > th a , .tbl-data-list > tbody > tr > td a {text-decoration: underline;  color: #666; }
.tbl-data-list > tbody > tr > th.none , .tbl-data-list > tbody > tr > td.none {font-weight: 500;  height: 78px; text-align: center; color: #b2b2b2; }
.tbl-data-list > tbody > tr > th.deactivated , .tbl-data-list > tbody > tr > td.deactivated { opacity: .5; }
.tbl-data-list > tbody > tr > th { white-space: nowrap; }
.tbl-data-list > tbody > tr:first-child th , .tbl-data-list > tbody > tr:first-child td { border-top: 0px; }
.tbl-data-list > tbody > tr.deactivated > th , .tbl-data-list > tbody > tr.deactivated > td { background-color: rgba(230, 230, 230, .17); }
.tbl-data-list > tbody > tr.edit.region-setting th , .tbl-data-list > tbody > tr.edit.region-setting td { padding-bottom: 0; border-right: 0; border-left: 0; }
.tbl-data-list > tbody > tr.edit.region-setting + .region-info-wrap td {height: auto; padding: 0 0 10px 15px;  border: 0; background: rgba(238, 238, 238, .4); }
.tbl-data-list > tbody > tr.edit.region-setting + .region-info-wrap td .region-info {font-size: 12px; line-height: 1.5em;  color: #999; }
.tbl-data-list > tbody > tr.edit.region-setting + .region-info-wrap td .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; }
.tbl-data-list > tbody > tr.edit > th , .tbl-data-list > tbody > tr.edit > td { vertical-align: top; background-color: rgba(238, 238, 238, .4); }
.tbl-data-list > tbody > tr.edit > th.collapse , .tbl-data-list > tbody > tr.edit > td.collapse { padding: 0; }
.tbl-data-list > tbody.hover tr:hover > th , .tbl-data-list > tbody.hover tr:hover > td { background-color: #ebf4fe; }
.tbl-data-list > tbody.hover tr:hover > th.none , .tbl-data-list > tbody.hover tr:hover > td.none { background-color: transparent; }
.tbl-data-list > tbody.list-padding td.multiline {overflow: hidden;  min-width: 60px; max-width: 250px; white-space: nowrap; text-overflow: ellipsis; }
.tbl-data-list > tbody.list-padding td.multiline span { line-height: 16px; }
.tbl-data-list > tbody.list-padding th , .tbl-data-list > tbody.list-padding td { height: 50px; vertical-align: middle; }
.tbl-data-list > tbody.list-padding .not_ip p {font-weight: 500; line-height: 18px; display: inline-block; padding: 1px 5px; text-align: center;  color: rgba(255, 45, 71, .6); border: 2px solid rgba(255, 45, 71, .6); }
.tbl-data-list > tbody.form th , .tbl-data-list > tbody.form td {line-height: 2.08333em; height: 70px;  padding: 10px; }
.tbl-data-list > tbody.form th .forms , .tbl-data-list > tbody.form td .forms { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.tbl-data-list > tbody.form th .forms input , .tbl-data-list > tbody.form th .forms select , .tbl-data-list > tbody.form td .forms input , .tbl-data-list > tbody.form td .forms select { width: 100%; }
.tbl-data-list > tbody.form th .forms input + select , .tbl-data-list > tbody.form th .forms select + select , .tbl-data-list > tbody.form td .forms input + select , .tbl-data-list > tbody.form td .forms select + select { margin-left: 10px; }
.tbl-data-list > tbody.form th .forms input + select[data-state='period'] , .tbl-data-list > tbody.form th .forms select + select[data-state='period'] , .tbl-data-list > tbody.form td .forms input + select[data-state='period'] , .tbl-data-list > tbody.form td .forms select + select[data-state='period'] { width: 80px; }
.tbl-data-list > tbody.form th .forms input[type='number'] + span , .tbl-data-list > tbody.form th .forms select[type='number'] + span , .tbl-data-list > tbody.form td .forms input[type='number'] + span , .tbl-data-list > tbody.form td .forms select[type='number'] + span { display: -ms-flexbox; display: flex; width: 100px; margin-left: 5px; -ms-flex-align: center; align-items: center; }
.tbl-data-list > tbody.form th.expand , .tbl-data-list > tbody.form td.expand { height: 95px; }
.tbl-data-list > tbody.form th.multi-elem , .tbl-data-list > tbody.form td.multi-elem { height: 95px; }
.tbl-data-list > tbody.form th {font-size: .8125rem;  padding-left: 25px; }
.tbl-data-list > tbody.form th.sub { font-size: .75rem; color: #666; }
.tbl-data-list > tbody.form .c { padding-right: 0; padding-left: 0; }
.tbl-data-list > tbody.form .vt { vertical-align: top; }
.tbl-data-list > tbody.form .update {line-height: 25px; display: block; margin: 10px 0 5px 0;  opacity: .5; }
.tbl-data-list > tbody.form time { display: inline-block; width: 100%; text-align: center; white-space: normal; }
.tbl-data-list > tbody.form .btn-history {font-size: .75rem;  display: block; float: right; margin: -5px 12px 15px 0; text-decoration: underline; color: #3d83e1; }
.tbl-data-list > tbody .exception .used-with-txt {font-size: 1.125rem; font-weight: 700;  display: inline-block; color: #6cb41d; }
.tbl-data-list > tbody .exception .used-with-txt:before {display: inline-block; width: 14px; height: 14px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; text-indent: -9999px; border-radius: 14px; background-color: #7fcb2b; }
.tbl-data-list > tbody .exception .used-with-txt[data-state=not-used] { color: #666; }
.tbl-data-list > tbody .exception .used-with-txt[data-state=not-used]:before {width: 14px; height: 14px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -248px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .exception .used-with-txt[data-state=not-used]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .exception .btn-used { width: 110px; }
.tbl-data-list > tbody .exception .btn-not-used { width: 110px; }
.tbl-data-list > tbody time { white-space: nowrap; }
.tbl-data-list > tbody .txt {line-height: 1.5em;  display: inline-block; overflow: hidden; max-width: 100%; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.tbl-data-list > tbody .placeholder { color: #ccc; }
.tbl-data-list > tbody .bar {font-size: 1.125rem; line-height: 22px;  display: inline-block; margin: -8px 11px 0 11px; vertical-align: middle; color: #f0f0f0; }
.tbl-data-list > tbody .icon-apply {font-size: .6875rem; line-height: 17px;  display: inline-block; height: 17px; margin-left: 10px; padding: 0 10px; text-align: center; color: #fff; border-radius: 3px; background-color: #1886ff; }
.tbl-data-list > tbody .company-name , .tbl-data-list > tbody .group-name {font-size: .875rem; font-weight: 400; font-weight: 700; line-height: 18px;  display: inline-block; overflow: hidden; width: auto; max-width: 100%; vertical-align: middle; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; color: #000; }
.tbl-data-list > tbody .company-name:hover , .tbl-data-list > tbody .group-name:hover { text-decoration: underline; }
.tbl-data-list > tbody .company-name.none-link , .tbl-data-list > tbody .group-name.none-link { font-size: .75rem; font-weight: 500; }
.tbl-data-list > tbody .company-name.none-link:hover , .tbl-data-list > tbody .group-name.none-link:hover { text-decoration: none; }
.tbl-data-list > tbody .company-name.none-link:active , .tbl-data-list > tbody .company-name.none-link:visited , .tbl-data-list > tbody .group-name.none-link:active , .tbl-data-list > tbody .group-name.none-link:visited { color: #000; }
.tbl-data-list > tbody .company-name.domain-name , .tbl-data-list > tbody .group-name.domain-name { font-size: .75rem; font-weight: 500; }
.tbl-data-list > tbody .company-name:after , .tbl-data-list > tbody .group-name:after { content: none; }
.tbl-data-list > tbody .company-name { max-width: 120px; }
.tbl-data-list > tbody .group-name { font-size: .875rem; font-weight: 700; color: #000; }
.tbl-data-list > tbody .company { display: inline-block; white-space: nowrap; }
.tbl-data-list > tbody .company:before {display: inline-block; width: 16px; height: 23px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -22px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .company:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .company.deactivated[data-size=small]:before {width: 12px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .company.deactivated[data-size=small]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .company[data-size=small]:before {width: 12px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -23px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .company[data-size=small]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .users { display: inline-block; white-space: nowrap; }
.tbl-data-list > tbody .users.deactivated:before {width: 13px; height: 13px;  background-image: url(/assets/images/admin_sprites.png); background-position: -189px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .users.deactivated:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .users:before {display: inline-block; width: 13px; height: 13px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -113px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .users:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .service-status { display: block; text-align: center; }
.tbl-data-list > tbody .service-status[data-state=trial] { color: #3b99ff; }
.tbl-data-list > tbody .service-status[data-state=paid] { color: #6cb41d; }
.tbl-data-list > tbody .service-status[data-state=free] { color: #999; }
.tbl-data-list > tbody .status-count {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 20px;  display: inline-block; width: 40px; height: 20px; text-align: center; color: rgba(0, 0, 0, .5); border-radius: 20px; }
.tbl-data-list > tbody .status-count[data-state=activated] { background-color: #7fcb2b; }
.tbl-data-list > tbody .status-count[data-state=deactivated] { background-color: #d8d8d8; }
.tbl-data-list > tbody .status-count[data-state=invited] { background-color: #1886ff; }
.tbl-data-list > tbody .sending-status { color: #999; }
.tbl-data-list > tbody .sending-status[data-state=success] { color: #6cb41d; }
.tbl-data-list > tbody .sending-status[data-state=fail] { color: #ff2d47; }
.tbl-data-list > tbody .vendor-ea { white-space: nowrap; }
.tbl-data-list > tbody .vendor-ea:before {display: inline-block; margin: -2px 3px 0 0;  content: ''; vertical-align: middle; }
.tbl-data-list > tbody .vendor-ea.aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -81px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor-ea.aws:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor-ea.azure:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -102px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor-ea.azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor-ea.idc:before {width: 15px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -87px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor-ea.idc:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor-ea.alibaba:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -69px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor-ea.alibaba:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor-ea.gcp:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -115px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor-ea.gcp:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 400; position: relative;  display: inline-block; color: #000; }
.tbl-data-list > tbody .vendor.subordination { padding-left: 56px; }
.tbl-data-list > tbody .vendor.subordination:after {position: absolute; top: 50%; left: 28px; width: 12px; height: 12px; margin-top: -6px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: 0px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.subordination:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .vendor:before {display: inline-block; margin: -2px 9px 0 0;  content: ''; vertical-align: middle; }
.tbl-data-list > tbody .vendor.aws:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -184px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.aws:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -92px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor.idc:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -286px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.idc:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor.alibaba:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -361px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.alibaba:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor.gcp:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -311px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor.gcp:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor[data-size=small] {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400;  min-width: 55px; }
.tbl-data-list > tbody .vendor[data-size=small]:before { float: left; margin: 0; }
.tbl-data-list > tbody .vendor[data-size=small].aws:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -81px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor[data-size=small].aws:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor[data-size=small].azure:before {width: 15px; height: 15px;  margin-left: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -102px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor[data-size=small].azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .vendor[data-size=small].idc:before {width: 15px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -87px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .vendor[data-size=small].idc:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .linked:before {display: inline-block; width: 11px; height: 11px; margin: -2px 3px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -225px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .linked:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .used { display: inline-block; width: 11px; height: 11px; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.tbl-data-list > tbody .used[data-state=not-used] {width: 10px; height: 11px;  border-radius: 0px; background-color: transparent; background-image: url(/assets/images/admin_sprites.png); background-position: -258px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .used[data-state=not-used] { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .used-with-txt {font-size: .9375rem; font-weight: 700;  display: inline-block; min-width: 90px; color: #6cb41d; }
.tbl-data-list > tbody .used-with-txt:before {display: inline-block; width: 11px; height: 11px; margin-right: 9px;  content: ''; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.tbl-data-list > tbody .used-with-txt[data-state=not-used] { color: #666; }
.tbl-data-list > tbody .used-with-txt[data-state=not-used]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .used-with-txt[data-state=not-used]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .permission {font-size: .75rem;  display: inline-block; margin-left: 14px; color: #000; }
.tbl-data-list > tbody .permission:before {display: inline-block; width: 8px; height: 20px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -134px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .permission:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .permission[disabled] { color: #999; }
.tbl-data-list > tbody .permission[disabled]:before {width: 8px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .permission[disabled]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .delivery-time:before {display: inline-block; width: 15px; height: 15px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; }
.tbl-data-list > tbody .delivery-time[data-state]:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -60px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .delivery-time[data-state]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .delivery-time[data-state]:after {display: inline-block; margin-left: 5px;  content: attr(data-state); color: #4990e2; }
.tbl-data-list > tbody .vtop { padding-top: 19px; vertical-align: top; }
.tbl-data-list > tbody .vtop .message { margin-top: -7px; }
.tbl-data-list > tbody .message { font-size: .75rem; line-height: 1.41667em; color: #666; }
.tbl-data-list > tbody .message a {text-decoration: underline;  color: #666; background-color: transparent; }
.tbl-data-list > tbody .none-message {font-size: .75rem; font-weight: 500; line-height: 1.5em;  display: block; margin: 30px 0; text-align: center; color: #b2b2b2; }
.tbl-data-list > tbody .none-message:before {display: block; width: 35px; height: 29px; margin: 0 auto 8px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .none-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .management-btns { text-align: center; }
.tbl-data-list > tbody .management-btns .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); }
.tbl-data-list > tbody .management-btns .invited.inactivated {line-height: 20px; position: relative;  display: inline-block; box-sizing: border-box; padding-left: 14px; text-align: center; color: #fff; border: rgba(255, 173, 31, .85); background-color: rgba(255, 173, 31, .85); }
.tbl-data-list > tbody .management-btns .invited.inactivated:before {position: absolute; top: 50%; left: 4px; display: block; width: 10px; height: 10px; margin-top: -5px;  content: ''; border-radius: 2px; background-color: #fff; }
.tbl-data-list > tbody .management-btns .invited.inactivated:after {position: absolute; z-index: 1; top: 50%; left: 6px; display: block; width: 6px; height: 8px; margin-top: -4px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -625px -140px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .management-btns .invited.inactivated:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list > tbody .management-btns .invited.locked { color: rgba(255, 45, 71, .6); border: 2px solid rgba(255, 45, 71, .6); }
.tbl-data-list > tbody .management-btns .icon-delete-02 { margin: 0; vertical-align: middle; }
.tbl-data-list > tbody .management-btns .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; }
.tbl-data-list > tbody .management-btns .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; }
.tbl-data-list > tbody .management-btns .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) { .tbl-data-list > tbody .management-btns .btn-activated:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-data-list > tbody .management-btns .btn-activated[data-state=deactivated] { background-color: #999; }
.tbl-data-list > tbody .management-btns .btn-activated[data-state=deactivated]:after { content: none; }
.tbl-data-list > tbody .management-btns .btn-tbl {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; box-sizing: border-box; min-width: 85px; height: 20px; margin-left: 3px; padding: 0 6px; text-align: center; vertical-align: middle; color: #fff; background-color: #333; }
.tbl-data-list > tbody .management-btns .btn-tbl[disabled] { opacity: .2; }
.tbl-data-list > tbody .management-btns .inner .invited { margin-bottom: 6px; }
.tbl-data-list > tbody .management-btns .inner .invited.locked { margin: 0; }
.tbl-data-list > tbody .management-btns .inner .btn-tbl { margin: 0; }
.tbl-data-list > tbody .invalid-message { margin-top: 4px; color: #e74e61; }
.tbl-data-list > tbody .invalid-message:before { content: none; }
.tbl-data-list > tbody .service {font-size: 1rem; line-height: 1.5rem;  display: block; color: #1c2024; }
.tbl-data-list > tbody .service:before {display: inline-block; margin: 0px 15px 0 0;  content: ''; vertical-align: middle; }
.tbl-data-list > tbody .service.azure:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -92px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .service.azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .service.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -226px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .service.asset-management:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.metering: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) { .tbl-data-list > tbody .service.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.governance:before {width: 20px; height: 17px;  background-image: url(../images/layout_sprites.png); background-position: -707px -440px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .service.governance:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.alert-now:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -678px -573px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .service.alert-now:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.monitoring: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) { .tbl-data-list > tbody .service.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.alarm: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) { .tbl-data-list > tbody .service.alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.its-project: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) { .tbl-data-list > tbody .service.its-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.its-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -104px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .service.its-request:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.its-approval: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) { .tbl-data-list > tbody .service.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.its-devops: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) { .tbl-data-list > tbody .service.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service.whaTap: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) { .tbl-data-list > tbody .service.whaTap:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.tbl-data-list > tbody .service + .service { margin-top: 10px; }
.tbl-data-list > tbody .options-user-scale {position: relative;  display: block; margin-top: 9px; }
.tbl-data-list > tbody .options-user-scale .select-user-scale { display: -ms-flexbox; display: flex; }
.tbl-data-list > tbody .options-user-scale .select-user-scale select { -ms-flex: 1; flex: 1; }
.tbl-data-list > tbody .options-user-scale .select-user-scale select + select {margin-left: 5px;  -ms-flex: .5; flex: .5; }
.tbl-data-list > tbody .options-user-scale .select-user-scale .invalid-message { width: 100%; }
.tbl-data-list > tbody .options-user-scale .result .value {font-size: .75rem;  display: inline-block; margin-right: 20px; color: #000; }
.tbl-data-list > tbody .options-user-scale .result .value:before {display: inline-block; width: 12px; height: 12px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -242px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .options-user-scale .result .value:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .options-user-scale .result .value.alertnow:before {width: 14px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -144px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .options-user-scale .result .value.alertnow:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .options-user-scale .result .plan {font-size: .75rem; line-height: 1.75em;  display: block; color: #000; margin-tpo: 3px; }
.tbl-data-list > tbody .options-user-scale .result .plan:before {display: inline-block; width: 13px; height: 14px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -328px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .options-user-scale .result .plan:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .options-user-scale .result .plan[disabled] { opacity: .2; }
.tbl-data-list > tbody .options-user-scale .result .button-inner-txt {line-height: 25px;  height: 25px; }
.tbl-data-list > tbody .options-user-scale[data-state=view] { padding: 0; }
.tbl-data-list > tbody .options-user-scale[data-state=view] .result .plan { margin-top: 7px; }
.tbl-data-list > tbody .domain-column {line-height: 40px;  display: -ms-flexbox; display: flex; }
.tbl-data-list > tbody .domain-column input[type=text] {width: 100%;  margin-right: 8px; }
.tbl-data-list > tbody .btn-preview {font-size: .6875rem;  display: inline-block; text-decoration: underline; color: #666; }
.tbl-data-list > tbody .btn-preview:before {display: inline-block; width: 15px; height: 10px; margin: -2px 3px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -348px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .btn-preview:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .button-inner-txt {min-width: 95px;  margin: 0 3px; }
.tbl-data-list > tbody .application-done {font-weight: 500;  display: inline-block; box-sizing: border-box; min-width: 112px; margin: 0 3px; padding: 0 15px; color: #6cb41d; background-color: #fff; }
.tbl-data-list > tbody .application-done:before {display: inline-block; width: 14px; height: 11px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -205px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-data-list > tbody .application-done:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-data-list > tbody .btn-inner {font-size: .75rem; line-height: 1.5em;  display: inline-block; margin: 0 3px; text-decoration: underline; color: #4a4a4a; }
.tbl-data-list > tbody .btn-not-used , .tbl-data-list > tbody .btn-used {font-size: .8125rem; font-weight: 700; line-height: 18px;  display: inline-block; box-sizing: border-box; width: 90px; height: 22px; text-align: center; color: #000; border: 2px solid #999; border-radius: 4px; background-color: #fff; }
.tbl-data-list > tbody .btn-not-used[disabled] , .tbl-data-list > tbody .btn-used[disabled] { opacity: .5; }
.tbl-data-list.main th , .tbl-data-list.main td { padding-right: 7px; padding-left: 7px; }

.tbl-invalid-message {font-size: .75rem !important; font-weight: 500; line-height: 1.5em;  display: inline-block; margin-top: 10px; padding: 5px 10px; color: #ff2d47 !important; border-radius: 3px; background-color: #ffeaea; }

.tbl-forms-h { width: 100%; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.tbl-forms-h .r { text-align: right; }
.tbl-forms-h.cfrc .invalid-message { margin-top: 4px; }
.tbl-forms-h.cfrc .invalid-message:before { content: none; }
.tbl-forms-h.cfrc thead th { width: auto; min-width: 130px; }
.tbl-forms-h.cfrc tbody.billing_color tr:nth-child(odd) th , .tbl-forms-h.cfrc tbody.billing_color tr:nth-child(odd) td { background: #fff; }
.tbl-forms-h.cfrc tbody.billing_color tr:nth-child(even) th , .tbl-forms-h.cfrc tbody.billing_color tr:nth-child(even) td { background: #f9f9f9; }
.tbl-forms-h.cfrc tbody.billing_func th , .tbl-forms-h.cfrc tbody.billing_func td {height: 40px;  padding: 5px 7px; }
.tbl-forms-h.cfrc tbody.billing_func td .unit { font-size: .75rem; margin-right: 5px; }
.tbl-forms-h.cfrc tbody.billing_func td input[type='text'] {line-height: 30px; display: inline-block; max-width: 80%;  height: 32px; }
.tbl-forms-h.cfrc tbody th , .tbl-forms-h.cfrc tbody td {box-sizing: border-box; height: 60px; padding-top: 10px; padding-bottom: 10px;  background: transparent; }
.tbl-forms-h.cfrc tbody th .fixed-fee , .tbl-forms-h.cfrc tbody td .fixed-fee { color: #2793fc; }
.tbl-forms-h.cfrc tbody th .billing_method , .tbl-forms-h.cfrc tbody td .billing_method { display: -ms-flexbox; display: flex; padding: 10px 0; }
.tbl-forms-h.cfrc tbody th .billing_method li , .tbl-forms-h.cfrc tbody td .billing_method li {display: -ms-flexbox; display: flex; box-sizing: border-box; width: 220px; min-height: 40px;  margin-right: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 2px; background: #fff; -ms-flex-align: center; align-items: center; }
.tbl-forms-h.cfrc tbody th .billing_method li.on , .tbl-forms-h.cfrc tbody td .billing_method li.on {border-color: #1886ff;  background: #eff6ff; }
.tbl-forms-h.cfrc tbody th .billing_method li .left , .tbl-forms-h.cfrc tbody td .billing_method li .left { margin-right: auto; }
.tbl-forms-h.cfrc tbody th .billing_method li .input_box , .tbl-forms-h.cfrc tbody td .billing_method li .input_box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tbl-forms-h.cfrc tbody th .billing_method li .input_box span , .tbl-forms-h.cfrc tbody td .billing_method li .input_box span { font-size: .75rem; margin: 0 5px 0 0px; }
.tbl-forms-h.cfrc tbody th .billing_method li .input_box input[type=text] , .tbl-forms-h.cfrc tbody td .billing_method li .input_box input[type=text] { display: inline-block; max-width: 75px; }
.tbl-forms-h.cfrc tbody th.diagonal {position: relative; color: #666;  background: #f6f6f6; background: linear-gradient(35deg, #f0f0f0 0%, #f0f0f0 49.8%, #ddd 50%, #f6f6f6 51%, #f0f0f0 100%); }
.tbl-forms-h.cfrc tbody th.diagonal .top { position: absolute; top: 10px; right: 10px; }
.tbl-forms-h.cfrc tbody th.top {padding-top: 20px;  vertical-align: top; }
.tbl-forms-h.cfrc tbody td.max_input input[type='text'] { max-width: 100%; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap { padding: 10px 0; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .caution_wrap {padding: 12px 0 5px;  color: #999; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .caution_wrap p { line-height: 1.5em; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item.flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item.flex > p { margin-right: auto; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item:after {display: table; clear: both;  content: ''; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item table .billing_color td p {font-size: .75rem;  float: none; color: #000; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item table .billing_color td input[type='text'] { background-color: #fff; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item p {font-size: .875rem; font-weight: 500;  color: #666; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list { margin-top: 10px; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li:first-child {font-size: .75rem;  color: #9b9b9b; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li input[type=checkbox] + label { font-size: .75rem; line-height: 32px; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li .unit { margin-right: 20px; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li input[type=text] { display: inline-block; width: 80px; height: 32px; margin: 0 4px 0 4px; background: #fff; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li input[type=text][disabled] { background: #eee; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap .forms-item .price_list li .button-with-icon { float: right; }
.tbl-forms-h.cfrc tbody td .cfrc_wrap table { border-top: 1px solid #ddd; }
.tbl-forms-h.cfrc tbody td input[type=text] { max-width: 450px; }
.tbl-forms-h.cfrc tbody td.textarea-box { padding: 10px 0; padding-right: 10px; }
.tbl-forms-h.cfrc tbody td.textarea-box .invalid { margin-bottom: -20px; }
.tbl-forms-h.cfrc tbody td.textarea-box .invalid .invalid-message { position: static; }
.tbl-forms-h.cfrc tbody td.textarea-box .invalid textarea[invalid] { border-color: #ff2d2d; }
.tbl-forms-h.cfrc tbody td.textarea-box textarea { height: 70px; border-color: #e6e6e6; }
.tbl-forms-h.cfrc tbody td .payer_head {font-size: .75rem; font-weight: 500; line-height: 30px; padding: 0 15px;  color: #898989; }
.tbl-forms-h.cfrc tbody td .select-wrap {line-height: 48px; height: 50px; padding: 0 15px;  border-top: 1px solid #ccc; background: #fff; }
.tbl-forms-h.cfrc tbody td .select-wrap select { min-width: 280px; }
.tbl-forms-h.cfrc tbody td .cfrc_template_wrap {margin: 0 0 20px; padding: 25px;  border: 1px solid #ddd; }
.tbl-forms-h.cfrc tbody td .cfrc_template_wrap .cfrc_wrap { padding: 0; }
.tbl-forms-h.cfrc tbody td .cfrc_template_wrap .cfrc_wrap input[type=text] { max-width: 100%; background: #fff; }
.tbl-forms-h.cfrc tbody td .cfrc_template_wrap .cfrc_wrap .billing_func input[type=text] { max-width: 80%; }
.tbl-forms-h.csp-form td { font-size: 14px; }
.tbl-forms-h.csp-form td em { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.tbl-forms-h.csp-form td em.azure:before {display: inline-block; width: 16px; height: 15px; margin: 0px 7px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -362px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-forms-h.csp-form td em.azure:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-forms-h tbody th {font-size: .75rem; font-weight: 500; width: 245px; height: 60px;  padding-right: 20px; padding-left: 20px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #e6e6e6; background-color: #fff; }
.tbl-forms-h tbody td {font-size: .75rem; font-weight: 400;  padding-right: 20px; padding-left: 0px; text-align: left; vertical-align: middle; color: #000; border-top: 1px solid #e6e6e6; background-color: #fff; }
.tbl-forms-h tbody td p { position: relative; padding-left: 20px; }
.tbl-forms-h tbody td p:before { position: absolute; top: 50%; left: 0; content: ''; transform: translateY(-50%); }
.tbl-forms-h tbody td.ok p:before {width: 14px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -168px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-forms-h tbody td.ok p:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-forms-h tbody td.ongoing p:before {width: 14px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -718px -425px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-forms-h tbody td.ongoing p:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.tbl-forms-h tbody td.completed p:before {width: 14px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -168px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-forms-h tbody td.completed p:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-forms-h tbody td.deny p:before {width: 14px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -228px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tbl-forms-h tbody td.deny p:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.tbl-forms-h tbody td.none {font-weight: 500; line-height: 1.5em;  padding: 30px 0; text-align: center; color: #b2b2b2; }
.tbl-forms-h tbody td.none .btn-status { margin-top: 10px; }
.tbl-forms-h tbody td .expalain_text {font-size: .75rem;  display: inline-block; margin: 0 0 0 5px; color: #666; }
.tbl-forms-h tbody td .expalain_text.area { display: block; margin: 0; padding: 6px 0 0; text-align: right; }
.tbl-forms-h tbody td.select-box select { width: 240px; }
.tbl-forms-h tbody td.text { padding-top: 10px; padding-bottom: 10px; }
.tbl-forms-h tbody td.text p { line-height: 1.3125rem; }
.tbl-forms-h tbody td.textarea-box { padding: 10px 0; }
.tbl-forms-h tbody td.textarea-box textarea { height: 70px; border-color: #e6e6e6; }
.tbl-forms-h tbody tr:first-child th , .tbl-forms-h tbody tr:first-child td { border-top: 0px; }
.tbl-forms-h tbody tr.billing th , .tbl-forms-h tbody tr.billing td { padding-top: 25px; padding-bottom: 30px; vertical-align: top; }
.tbl-forms-h tbody tr.billing th label ~ label , .tbl-forms-h tbody tr.billing td label ~ label { margin-left: 30px; }
.tbl-forms-h tbody .service-status { color: #000; }
.tbl-forms-h tbody .service-status[data-state=trial] { color: #1886ff; }
.tbl-forms-h tbody .service-status[data-state=paid] { color: #6cb41d; }
.tbl-forms-h tbody .service-status[data-state=free] { color: #999; }
.tbl-forms-h tbody .daterange {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem;  margin-left: 20px; color: #000; }
.tbl-forms-h tbody .daterange:before { content: none; }
.tbl-forms-h ~ .editor { margin-top: 30px; }

.forms-add-azure { padding: 0 0 25px 0; }
.forms-add-azure .basic { display: table; box-sizing: border-box; width: 100%; table-layout: fixed; }
.forms-add-azure .basic + .subscriptions { margin-top: 30px; }
.forms-add-azure .basic .basic-item {line-height: 40px;  display: table-cell; box-sizing: border-box; height: 60px; padding: 10px; text-align: left; vertical-align: top; }
.forms-add-azure .basic .basic-item.btns , .forms-add-azure .basic .basic-item.c { text-align: center; }
.forms-add-azure .basic .basic-item.btns * , .forms-add-azure .basic .basic-item.c * { display: inline-block; }
.forms-add-azure .basic .basic-item select { width: 100%; }
.forms-add-azure .basic .basic-item.idx { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; text-align: center; }
.forms-add-azure .basic .basic-item .txt {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; box-sizing: border-box; padding: 10px 0; word-break: break-all; color: #000; }
.forms-add-azure .add-on { padding: 0 135px 0 72px; }
.forms-add-azure .add-on input[type=text] , .forms-add-azure .add-on input[type=password] { margin-left: 0px; }
.forms-add-azure .add-on textarea { height: 80px; }
.forms-add-azure .add-on.region-add-on + .subscriptions { margin-top: 30px; }
.forms-add-azure .add-on .region-info {font-size: 12px; line-height: 1.5em;  color: #999; }
.forms-add-azure .add-on .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; }
.forms-add-azure .add-on .add-on-item { position: relative; margin-top: 20px; }
.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: 0px; background-color: #e6e6e6; }
.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) { .forms-add-azure .add-on .add-on-item .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms-add-azure .add-on .add-on-item .btn-toggle[data-state=shut]:after { transform: rotateX(0deg); }
.forms-add-azure .add-on .add-on-item .txt {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; box-sizing: border-box; padding: 10px 0; white-space: normal; word-break: break-all; color: #000; }
.forms-add-azure .add-on .add-on-item .txt[data-state=shut] .inner { display: block; overflow: hidden; height: 16px; white-space: normal; text-overflow: ellipsis; word-break: break-all; }
.forms-add-azure .add-on .label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.forms-add-azure .subscriptions { margin-top: 10px; padding: 0 135px 0 72px; }
.forms-add-azure .subscriptions .button-normal[data-size=small] {width: 200px;  margin-right: 10px; border-color: #444; background-color: #444; }
.forms-add-azure .subscriptions .tbl-subscriptions {width: 100%; margin-top: 34px;  table-layout: fixed; }
.forms-add-azure .subscriptions .tbl-subscriptions thead th , .forms-add-azure .subscriptions .tbl-subscriptions thead td {font-size: .75rem; font-weight: 500;  position: relative; height: 32px; padding: 0; text-align: center; color: #999; border-bottom: 1px solid #e6e6e6; }
.forms-add-azure .subscriptions .tbl-subscriptions thead th.check , .forms-add-azure .subscriptions .tbl-subscriptions thead td.check { padding: 0; text-align: center; }
.forms-add-azure .subscriptions .tbl-subscriptions thead th + th:before , .forms-add-azure .subscriptions .tbl-subscriptions thead th + td:before , .forms-add-azure .subscriptions .tbl-subscriptions thead td + th:before , .forms-add-azure .subscriptions .tbl-subscriptions thead td + td:before {position: absolute; top: 6px; bottom: 6px; display: block; width: 1px; height: 20px;  content: ''; background-color: #ddd; }
.forms-add-azure .subscriptions .tbl-subscriptions thead .csp-name-th { text-align: left; text-indent: 50px; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td {font-size: .75rem; font-weight: 400; line-height: 30px;  box-sizing: border-box; height: 40px; padding: 5px 15px 5px 15px; text-align: left; vertical-align: top; color: #333; border-bottom: 1px solid #e6e6e6; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td.csp-name input { max-width: 60%; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td input[type=text] {line-height: 30px; width: 100%;  height: 30px; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td select.small { width: 100%; vertical-align: middle; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select {display: inline;  width: 100%; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select .btn-group.default .multiselect {line-height: 28px;  height: 30px; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select .btn-group.default .multiselect:focus { border: 2px solid #1886ff; box-shadow: inset 0 0 0 0px #202020; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select .btn-group.default .multiselect[invalid] { border: 2px solid #ff2d2d; box-shadow: inset 0 0 0 0px #e4e4e4; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select .btn-group.default .multiselect[readonly]:focus { border: 1px solid #e6e6e6; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td span.multiselect-native-select .btn-group.default .multiselect[disabled] { color: #aaa; background-color: #eee; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td p {line-height: 40px;  overflow: hidden; height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td.check {line-height: 40px;  padding: 0; text-align: center; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td.none { padding: 20px 0 20px 0; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td.none .none-message { font-size: .75rem; font-weight: 500; line-height: 1.5em; text-align: center; color: #b2b2b2; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td.none .none-message:before {display: block; width: 35px; height: 29px; margin: 0 auto 8px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms-add-azure .subscriptions .tbl-subscriptions tbody td.none .none-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td + td { border-left: 1px solid #f0f0f0; }
.forms-add-azure .subscriptions .tbl-subscriptions tbody td .invalid-message { white-space: normal; }
.forms-add-azure .subscriptions .tbl-subscriptions + .invalid-message { margin-top: 5px; }

.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: 36px; width: 35px; height: 29px; height: 29px; margin: 0 auto 10px; content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .overlay-nodata span:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }


input[type=text] , input[type=password] , input[type=email] , input[type=number] , input[type=search] , textarea , select { transition: border .2s ease-in-out; }
input[type=text]:focus , input[type=password]:focus , input[type=email]:focus , input[type=number]:focus , input[type=search]:focus , textarea:focus , select:focus { border: 1px solid #202020; }

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

::-webkit-input-placeholder {text-overflow: ellipsis;  color: #ccc; }

::-moz-placeholder {text-overflow: ellipsis;  color: #ccc; }

:-ms-input-placeholder {text-overflow: ellipsis;  color: #ccc; }

:-moz-placeholder {text-overflow: ellipsis;  color: #ccc; }


select {font-size: .75rem; line-height: 38px;  display: inline-block; box-sizing: border-box; height: 40px; padding: 0 35px 0 10px; vertical-align: middle; color: #000; border: 1px solid #e6e6e6; background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 30px auto; }
select[invalid] { border: 2px solid #ff2d2d; }
select.page {font-size: .8125rem; line-height: 18px; height: 20px;  padding-right: 30px; }
select::-ms-expand { display: none; }
select.small {font-size: .75rem; font-weight: 500; line-height: 28px; position: relative;  display: inline-block; height: 30px; padding: 0 30px 0 8px; color: #000; background-color: #fff; }
select.block { display: block; width: 100%; }
select[disabled] { color: #aaa; border: 1px solid #e6e6e6; background-color: #eee; }

.select-checks {position: relative; z-index: 500;  display: inline-block; }
.select-checks .btn-filter {font-size: .750rem; line-height: 38px;  display: inline-block; box-sizing: border-box; height: 40px; padding: 0 35px 0 10px; vertical-align: middle; color: #000; border: 1px solid #c4c4c4; background: #fff url('/assets/images/selectbox_arrow_02@2x.png') right center no-repeat; background-size: 24px 38px; }
.select-checks .btn-filter:focus { border: 1px solid #202020; }
.select-checks .btn-filter[data-state=selected] ~ .panel-select-checks {top: calc(100% - 1px); visibility: visible;  opacity: 1; }
.select-checks .panel-select-checks {position: absolute; top: calc(90% - 1px); left: 0;  display: block; visibility: hidden; box-sizing: border-box; width: 600px; padding: 14px 26px 0 26px; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out; opacity: 0; border: 1px solid #000; background-color: #fff; }
.select-checks .panel-select-checks .all-checks { padding: 7px 0 8px 0; }
.select-checks .panel-select-checks .inner-container { display: block; overflow: scroll; overflow-x: hidden; box-sizing: border-box; width: 100%; max-height: 345px; margin-bottom: 21px; padding: 0; }
.select-checks .panel-select-checks .inner-container .list-checks { overflow: hidden; }
.select-checks .panel-select-checks .inner-container .list-checks > li { float: left; padding: 7px 0 8px 10px; white-space: nowrap; }
.select-checks .panel-select-checks .inner-container .list-checks > li:nth-child(3n+1) { padding-left: 0; }

.viewsable input[type=checkbox]:checked + label:after {width: 21px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -378px -330px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .viewsable input[type=checkbox]:checked + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }

.viewsable input[type=checkbox]:checked[disabled] + label:after {width: 21px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -383px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .viewsable input[type=checkbox]:checked[disabled] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }

.viewsable input[type=checkbox] + label {width: 100%;  padding-left: 0; }
.viewsable input[type=checkbox] + label:hover:before {width: 21px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -410px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .viewsable input[type=checkbox] + label:hover:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.viewsable input[type=checkbox] + label:before , .viewsable input[type=checkbox] + label:after { right: 20px; left: auto; }
.viewsable input[type=checkbox] + label:before {width: 21px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -383px -379px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .viewsable input[type=checkbox] + label:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.viewsable input[type=checkbox] + label:after {width: 21px; height: 13px;  background-image: url(../images/layout_sprites.png); background-position: -378px -330px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .viewsable input[type=checkbox] + label:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }


input[type=checkbox] { position: absolute; visibility: hidden; opacity: 0; }
input[type=checkbox].switch + label { width: 48px; height: 20px; padding: 0; border-radius: 13px; background: #a4a4a4; }
input[type=checkbox].switch + label:before , input[type=checkbox].switch + label:after { margin: 0; opacity: 1; background-image: none; }
input[type=checkbox].switch + label:before {top: 2px; left: 2px; width: 16px; height: 16px; margin: 0; transition: all .3s ease; border-radius: 100%;  background-color: #fff; }
input[type=checkbox].switch + label:after {font-size: .625rem; top: 0; left: 21px; width: auto; height: auto;  content: 'OFF'; transition: all .3s ease; color: #fff; }
input[type=checkbox].switch:checked + label { background: #057aff; }
input[type=checkbox].switch:checked + label:before , input[type=checkbox].switch:checked + label:after { margin: 0; opacity: 1; background-image: none; }
input[type=checkbox].switch:checked + label:before { left: calc(100% - 18px); }
input[type=checkbox].switch:checked + label:after {top: 0; left: 8px; width: auto; height: auto;  content: 'ON'; transition: all .3s ease; }
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: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.custom { padding: 0; }
input[type=checkbox] + label.custom:before , input[type=checkbox] + label.custom:after {position: static; display: inline-block; width: auto; height: auto; margin: 0;  content: none; background: none; }
input[type=checkbox] + label .required { color: #1886ff; }
input[type=checkbox] + label a {text-decoration: underline;  color: #1886ff; }
input[type=checkbox][disabled] + label { opacity: .5; }
input[type=checkbox]:checked + label:after {width: 15px; height: 15px; transition: opacity .3s ease-in-out;  opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -718px -252px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox]:checked + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
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 { margin-top: -11px; }
input[type=checkbox][data-size=large] + label .required { font-size: 1rem; font-weight: 500; }
input[type=checkbox][data-size=large]:checked + label:after {width: 22px; height: 22px;  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]:checked + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
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=checkbox].indeterminate + label { display: inline-block !important; width: 15px; height: 15px; margin-top: -2px; padding: 0 !important; vertical-align: middle; text-indent: -9999px; }
input[type=checkbox].indeterminate + label:before { top: 50% !important; }
input[type=checkbox].indeterminate + label:after {width: 17px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -592px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox].indeterminate + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
input[type=checkbox].indeterminate:checked + label:after {width: 17px; height: 15px; transition: opacity .3s ease-in-out;  opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -592px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=checkbox].indeterminate:checked + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


input[type=radio] { position: absolute; visibility: hidden; opacity: 0; }
input[type=radio] + label {font-size: .75rem; font-weight: 400; 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; margin-top: -7.5px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; }
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 {width: 15px; height: 15px;  opacity: 1; background-image: url(/assets/images/sprites.png); background-position: -718px -210px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { input[type=radio]:checked + label:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
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; }
input[type=radio].none + label { display: inline-block !important; width: 15px; height: 15px; margin-top: -2px; padding: 0 !important; vertical-align: middle; text-indent: -9999px; }
input[type=radio].none + label:before { top: 50% !important; }


input[type=text] , input[type=password] , input[type=search] , input[type=email] , input[type=number] , textarea {font-size: .75rem; line-height: 38px;  display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 0px 0 10px; vertical-align: middle; color: #000; border: 1px solid #e6e6e6; background-color: #fff; }
input[type=text]:focus , input[type=password]:focus , input[type=search]:focus , input[type=email]:focus , input[type=number]:focus , textarea:focus { border: 1px solid #1886ff; }
input[type=text][invalid] , input[type=password][invalid] , input[type=search][invalid] , input[type=email][invalid] , input[type=number][invalid] , textarea[invalid] { border: 2px solid #ff2d2d; }
input[type=text][readonly]:focus , input[type=password][readonly]:focus , input[type=search][readonly]:focus , input[type=email][readonly]:focus , input[type=number][readonly]:focus , textarea[readonly]:focus { border: 1px solid #e6e6e6; }
input[type=text][disabled] , input[type=password][disabled] , input[type=search][disabled] , input[type=email][disabled] , input[type=number][disabled] , textarea[disabled] { color: #aaa; background-color: #eee; }


textarea {font-size: .750rem;  display: block; box-sizing: border-box; width: 100%; height: 100px; padding: 10px; vertical-align: middle; color: #000; border: 1px solid #c4c4c4; background-color: #fff; }
textarea[invalid] { border: 2px solid #ff2d2d; }


.search-item { position: relative; width: 245px; }
.search-item .btn-search {position: absolute; top: 1px; right: 1px;  display: block; width: 38px; height: 38px; text-indent: -9999px; background-color: #f6f6f6; }
.search-item .btn-search:before {position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 18px; margin-top: -9px; margin-left: -9px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -272px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-item .btn-search:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }


.period-item { white-space: nowrap; }
.period-item input[placeholder=yyyy-mm] , .period-item input[placeholder=yyyymm] { display: inline-block; width: 87px; }
.period-item input[placeholder=yyyy-mm-dd] , .period-item input[placeholder=yyyymmdd] { display: inline-block; width: 120px; }

.action-item {line-height: 50px;  height: 50px; text-align: center; border-bottom: 1px solid #d0d0d0; }

.card-info {font-size: .75rem;  display: -ms-flexbox; display: flex; margin-top: 25px; color: #999; -ms-flex-pack: start; justify-content: flex-start; }
.card-info label {line-height: 40px;  display: inline-block; vertical-align: middle; }
.card-info * { margin-right: 10px; }

.bank-info { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.bank-info * { margin-right: 10px; }

.add-info {font-size: .75rem; line-height: 1.5em;  position: relative; margin-top: 10px; color: #1886ff; }


.file-item-container { width: 100%; }
.file-item-container .label {font-size: .75rem; line-height: 30px;  display: inline-block; width: 200px; vertical-align: middle; color: #666; }
.file-item-container + .file-item-container { margin-top: 20px; }

.file-item {position: relative;  display: inline-block; box-sizing: border-box; width: calc(100% - 210px); min-width: 300px; }
.file-item input[type=file] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.file-item label {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 95px; height: 30px; margin-left: 7px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff; background-color: #999; }
.file-item .upload-name {font-size: .75rem;  display: inline-block; width: calc(100% - 110px); height: 30px; padding: 0 0 0 15px; vertical-align: middle; color: #999; background-color: #e6e6e6; }
.file-item .upload-hidden:not(:valid) ~ .btn-clear { display: none; }


.forms-exchange .from-to-currency { display: inline-block; overflow: hidden; margin-left: 15px; vertical-align: middle; }
.forms-exchange .from-to-currency label {font-size: .75rem; font-weight: 500; line-height: 40px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 40px; text-align: center; color: #898989; border: 1px solid #cbcbcb; border-right: 0px; }
.forms-exchange .from-to-currency input[type=text] {font-size: .75rem; font-weight: 500; line-height: 40px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 40px; padding: 0; text-align: center; color: #000; border: 1px solid #cbcbcb; background-color: transparent; }
.forms-exchange .from-to-currency .from-to { display: block; float: left; width: 12px; height: 11px; margin: 15px 15px 0 15px; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -559px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms-exchange .from-to-currency .from-to { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.forms-exchange .select-date { margin-top: 20px; }
.forms-exchange .select-date .btn-navigation {font-size: .75rem;  display: inline-block; color: #898989; }
.forms-exchange .select-date .btn-navigation[data-state=prev]:after {display: inline-block; width: 9px; height: 14px; margin: -2px 10px 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -122px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms-exchange .select-date .btn-navigation[data-state=prev]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms-exchange .select-date .btn-navigation[data-state=next]:before {display: inline-block; width: 9px; height: 14px; margin: -2px 5px 0 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -82px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms-exchange .select-date .btn-navigation[data-state=next]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.forms-exchange .select-date input[type=text] { display: inline-block; width: 120px; padding: 0; text-align: center; }

.list-items { overflow: auto; overflow-x: hidden; height: 365px; margin-top: 40px; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.list-items > li {position: relative;  overflow: hidden; padding: 0 16px 0 20px; border-top: 1px solid #e6e6e6; }
.list-items > li .key {font-size: .9375rem; line-height: 60px;  display: block; float: left; color: #000; }
.list-items > li .key .cloud-account { display: inline-block; width: 150px; }
.list-items > li .key .alias { display: inline-block; width: 190px; margin-left: 30px; }
.list-items > li .value {font-size: .9375rem; line-height: 60px;  display: block; float: right; text-align: right; color: #417505; }

.component-search-filter { width: 100%; }
.component-search-filter:after {display: table; clear: both;  content: ''; }
.component-search-filter .layout-right-view .button-normal { min-width: 130px; }

.invalid-message { font-size: .75rem; font-weight: 500; color: #ff2d47; }
.invalid-message: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 -265px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .invalid-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.invalid-message { font-size: .75rem; font-weight: 500; color: #ff2d47; }
.invalid-message.icon-none:before { display: none; }
.invalid-message: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 -265px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .invalid-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.invalid td {position: relative;  padding: 0 0 20px; }

.invalid .invalid-message {font-size: .75rem; font-weight: 400;  position: absolute; z-index: 1; bottom: 10px; display: table; white-space: nowrap; }
.invalid .invalid-message:before { content: none; }

.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; }

.forms .forms-item { margin-top: 33px; }
.forms .forms-item.select-max-width .btn-group.default .multiselect-container.dropdown-menu { width: 100%; }
.forms .forms-item .btn-group .multiselect { max-width: auto; }
.forms .forms-item .btn-group .multiselect:focus { box-shadow: inset 0 0 0 1px #1886ff; }
.forms .forms-item.mfa .status-with-txt {font-size: .9375rem; font-weight: 700; line-height: 22px;  display: inline-block; vertical-align: middle; color: #ccc; }
.forms .forms-item.mfa .status-with-txt:before {display: inline-block; margin-right: 9px;  content: ''; }
.forms .forms-item.mfa .status-with-txt[data-state=activated] { color: #6cb41d; }
.forms .forms-item.mfa .status-with-txt[data-state=activated]:before {width: 11px;  height: 11px; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.forms .forms-item.mfa .status-with-txt[data-state=deactivated]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .status-with-txt[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .status-with-txt[data-state=invited] { color: #3b99ff; }
.forms .forms-item.mfa .status-with-txt[data-state=invited]:before {width: 13px; height: 9px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -266px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .status-with-txt[data-state=invited]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .status-with-txt[data-state=inactivated] { color: #ffad1f; }
.forms .forms-item.mfa .status-with-txt[data-state=inactivated]:before {width: 11px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -351px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .status-with-txt[data-state=inactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .status-with-txt[data-state=locked] { color: #ff576c; }
.forms .forms-item.mfa .status-with-txt[data-state=locked]:before {width: 9px; height: 11px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -363px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .status-with-txt[data-state=locked]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .admin-with-txt {font-size: .9375rem; font-weight: 500; line-height: 22px;  display: inline-block; vertical-align: middle; color: #f6a323; }
.forms .forms-item.mfa .admin-with-txt:before {display: inline-block; width: 8px; height: 20px; margin: -3px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -134px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .admin-with-txt:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .admin-with-txt[data-state=deactivated] { color: #999; }
.forms .forms-item.mfa .admin-with-txt[data-state=deactivated]:before {width: 8px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .admin-with-txt[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .bar {font-size: 1.125rem; line-height: 22px;  display: inline-block; margin: -3px 11px 0 11px; vertical-align: middle; color: #f0f0f0; }
.forms .forms-item.mfa .bar + button { margin: 0; }
.forms .forms-item.mfa .bar + button + span { font-size: .75rem; line-height: 1.5625rem; margin-left: 10px; color: #999; }
.forms .forms-item.mfa .btn-status {font-size: .75rem; font-weight: 700; line-height: 18px;  display: inline-block; box-sizing: border-box; min-width: 90px; height: 22px; margin: 0 0 0 1px; padding: 0 5px; text-align: center; vertical-align: middle; color: #000; border: 2px solid #999; border-radius: 4px; background-color: #fff; }
.forms .forms-item.mfa .btn-status[data-state=activate] { color: #fff; border-color: #7ed321; background-color: #7ed321; }
.forms .forms-item.mfa .btn-status[data-state=inactivated] {position: relative; padding: 0 5px 0 20px; text-align: left;  color: #fff; border-color: #ffad1f; background-color: #ffad1f; }
.forms .forms-item.mfa .btn-status[data-state=inactivated]:after {position: absolute; top: 50%; left: 4px; width: 12px; height: 11px; margin-top: -5.5px;  content: ''; transition: .3s ease-in-out; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -334px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-item.mfa .btn-status[data-state=inactivated]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-item.mfa .btn-status[data-state=admin] { color: #fff; border-color: #f6a323; background-color: #f6a323; }
.forms .forms-item.cfrc { margin-top: 12px; }
.forms .forms-item .label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.forms .forms-item .txt {font-size: 1rem; font-weight: 400; line-height: 39px;  display: block; color: #000; }
.forms .forms-item .txt[disabled] { color: #ccc; }
.forms .forms-item .txt time { font-size: .875rem; line-height: 1.71429em; margin: 0 0 0 5px; vertical-align: middle; color: #909090; }
.forms .forms-item .txt time.join-date { font-size: 1rem; font-weight: 400; line-height: 39px; color: #000; }
.forms .forms-item .txt .inactivated-caution { font-size: .75rem; font-weight: 400; line-height: 1.33333em; display: block; margin: 7px 0 0; color: #909090; }
.forms .forms-item .txt .inactivated-caution strong { font-weight: 600; }
.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 .line-break { margin-top: 15px; }
.forms .forms-item .multiselect-native-select { width: 100%; }
.forms .forms-item .invalid-message { margin-top: 4px; }

.forms .forms-columns { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.forms .forms-columns * { -ms-flex-positive: 1; flex-grow: 1; }
.forms .forms-columns.items-2 .forms-item { max-width: 292px; }
.forms .forms-columns.items-2 .forms-item.hidden { visibility: hidden; opacity: 0; }
.forms .forms-columns .forms-item + .forms-item { margin-left: 10px; }

.forms .forms-column-2:after {display: table; clear: both;  content: ''; }

.forms .forms-column-2 .forms-item { float: left; width: 48%; }
.forms .forms-column-2 .forms-item ~ .forms-item { float: right; }

.forms .forms-column-left:after {display: table; clear: both;  content: ''; }

.forms .forms-column-left .forms-item { float: left; }
.forms .forms-column-left .forms-item + .forms-item { margin-left: 20px; }

.forms .forms-status { padding-bottom: 30px; border-bottom: 1px solid #eee; }
.forms .forms-status .forms-column-left .forms-item + .forms-item { margin-left: 60px; }
.forms .forms-status .status-with-txt {font-size: .9375rem; font-weight: 700; line-height: 22px;  display: inline-block; vertical-align: middle; color: #ccc; }
.forms .forms-status .status-with-txt:before {display: inline-block; margin-right: 9px;  content: ''; }
.forms .forms-status .status-with-txt[data-state=activated] { color: #6cb41d; }
.forms .forms-status .status-with-txt[data-state=activated]:before {width: 11px;  height: 11px; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.forms .forms-status .status-with-txt[data-state=deactivated]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .status-with-txt[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .status-with-txt[data-state=invited] { color: #3b99ff; }
.forms .forms-status .status-with-txt[data-state=invited]:before {width: 13px; height: 9px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -266px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .status-with-txt[data-state=invited]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .status-with-txt[data-state=inactivated] { color: #ffad1f; }
.forms .forms-status .status-with-txt[data-state=inactivated]:before {width: 11px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -351px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .status-with-txt[data-state=inactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .status-with-txt[data-state=locked] { color: #ff576c; }
.forms .forms-status .status-with-txt[data-state=locked]:before {width: 9px; height: 11px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -363px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .status-with-txt[data-state=locked]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .admin-with-txt {font-size: .9375rem; font-weight: 500; line-height: 22px;  display: inline-block; vertical-align: middle; color: #f6a323; }
.forms .forms-status .admin-with-txt:before {display: inline-block; width: 8px; height: 20px; margin: -3px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -134px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .admin-with-txt:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .admin-with-txt[data-state=deactivated] { color: #999; }
.forms .forms-status .admin-with-txt[data-state=deactivated]:before {width: 8px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .admin-with-txt[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .bar {font-size: 1.125rem; line-height: 22px;  display: inline-block; margin: -3px 11px 0 11px; vertical-align: middle; color: #f0f0f0; }
.forms .forms-status .bar + button { margin: 0; }
.forms .forms-status .btn-status {font-size: .75rem; font-weight: 700; line-height: 18px;  display: inline-block; box-sizing: border-box; min-width: 90px; height: 22px; margin: 0 0 0 1px; padding: 0 5px; text-align: center; vertical-align: middle; color: #000; border: 2px solid #999; border-radius: 4px; background-color: #fff; }
.forms .forms-status .btn-status[data-state=activate] { color: #fff; border-color: #7ed321; background-color: #7ed321; }
.forms .forms-status .btn-status[data-state=inactivated] {position: relative; padding: 0 5px 0 20px; text-align: left;  color: #fff; border-color: #ffad1f; background-color: #ffad1f; }
.forms .forms-status .btn-status[data-state=inactivated]:after {position: absolute; top: 50%; left: 4px; width: 12px; height: 11px; margin-top: -5.5px;  content: ''; transition: .3s ease-in-out; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -334px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .forms .forms-status .btn-status[data-state=inactivated]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.forms .forms-status .btn-status[data-state=admin] { color: #fff; border-color: #f6a323; background-color: #f6a323; }

.forms .phone-number {position: relative;  display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.forms .phone-number .multiselect-native-select { width: 200px; }
.forms .phone-number input {width: 160px;  margin-left: 10px; }
.forms .phone-number.required .multiselect-container.dropdown-menu li:nth-child(2) { display: none !important; }

.forms .select-group {position: relative;  display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
.forms .select-group .multiselect-native-select { width: 200px; }
.forms .select-group input {width: 160px;  margin-left: 10px; }
.forms .select-group.required .multiselect-container.dropdown-menu li:nth-child(2) { display: none !important; }

.forms .editor { height: 290px; }


.daterange {position: relative;  display: inline-block; vertical-align: middle; }
.daterange:before {position: absolute; z-index: 1; top: 50%; left: 12px; display: block; width: 17px; height: 17px; margin-top: -8.5px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -161px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .daterange:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.daterange input[type=text] {font-size: .75rem; line-height: 24px; min-width: 180px; height: 24px;  padding-left: 35px; color: #000; }
.daterange input[type=text][disabled] { color: #aaa; background-color: #eee; }
.daterange.daterange_double input[type=text] { min-width: 220px; }
.daterange[data-state=large] { padding-left: 0; }
.daterange[data-state=large]:before { top: 19px; right: 10px; left: auto; }
.daterange[data-state=large] input[type=text] {line-height: 38px; height: 40px;  padding-left: 10px; }
.daterange[data-state=small] { padding-left: 32px; }
.daterange[data-state=small] input[type=text] { padding-left: 10px; }
.daterange[deactivated] { padding-left: 0; }
.daterange[deactivated]:before { content: none; }
.daterange .controls { display: block; margin-top: 5px; margin-left: 0; }
.daterange + .controls { margin-left: 7px; }
.daterange input[type=text].daterange + .controls { margin-left: 0px; }

.controls { display: inline-block; vertical-align: middle; }
.controls input[type=checkbox] + label { font-size: .75rem; font-weight: 400; line-height: 2.08333em; color: #666; }

.service-duration { display: block; clear: both; }
.service-duration input[type=text] {line-height: 28px;  display: inline-block; width: 120px; height: 30px !important; margin-top: 2px; margin-bottom: 3px; vertical-align: top; }
.service-duration .sep {font-size: .75rem; line-height: 30px;  display: inline-block; margin: 2px 7px 3px 7px; vertical-align: top; color: #000; }
.service-duration .daterange:before { top: 9px; margin: 0; }
.service-duration .daterange input[type=text] {line-height: 28px;  min-width: 120px; }
.service-duration .daterange .controls { margin-top: 2px; }
.service-duration[disabled] .daterange:before { opacity: .5; }


.schedule-delivery { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.schedule-delivery .daterange input[type=text] { height: 40px; }
.schedule-delivery select { margin-left: 10px; }
.schedule-delivery ~ .schedule-delivery-message {font-size: .75rem; line-height: 1.16667em;  display: block; margin-top: 30px; color: #000; }


.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%; }

.genenal .list-change-info-view-header thead tr:nth-child(1) th { border-bottom: 1px solid #e6e6e6; }
.genenal .list-change-info-view-header thead tr:nth-child(1) th:nth-child(1) , .genenal .list-change-info-view-header thead tr:nth-child(1) th:nth-child(2) { border-bottom: 1px solid #b8bec3; }

.genenal .list-change-info-view-header thead tr th {line-height: 1.875rem;  height: 1.875rem; border-right: 1px solid #e6e6e6; }
.genenal .list-change-info-view-header thead tr th:last-child { border-right: 0; }
.genenal .list-change-info-view-header thead tr th:before {position: absolute; top: 0; right: -1px; bottom: 0; width: 1px; height: auto;  content: ''; transform: translateY(0); background: #ddd; }

.list-change-info-view-header { width: 100%; height: 34px; margin-top: 20px; table-layout: fixed; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.list-change-info-view-header thead tr:not(:first-child) th:last-child { border-right: 0px solid #ddd; }
.list-change-info-view-header thead tr:not(:first-child) th:last-child:before { display: none; }
.list-change-info-view-header thead.multiline th {font-size: .75rem; font-weight: 400; line-height: 2.5rem;  position: relative; box-sizing: border-box; height: 2.5rem; text-align: center; vertical-align: middle; color: #666; border-right: 1px solid #ddd; }
.list-change-info-view-header thead.multiline th.bottom-line { border-bottom: 1px solid #ddd; }
.list-change-info-view-header thead.multiline th:last-child { border-right: 0px solid #ddd; }
.list-change-info-view-header thead.multiline th:last-child:before { display: none; }
.list-change-info-view-header thead th {font-size: .75rem; font-weight: 400; line-height: 2.5rem;  position: relative; height: 2.5rem; text-align: center; vertical-align: middle; color: #666; }
.list-change-info-view-header thead th:last-child:before { display: none; }
.list-change-info-view-header thead th:before {position: absolute; top: 50%; right: -1px; width: 1px; height: 60%;  content: ''; transform: translateY(-50%); background: #ddd; }

.wrap-list-change-info-view {overflow-x: hidden; overflow-y: overlay;  border-bottom: 1px solid #b8bec3; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (min-height: 940px) { .wrap-list-change-info-view { max-height: 614px; } }
@media (min-height: 790px) and (max-height: 939px) { .wrap-list-change-info-view { max-height: 494px; } }
@media (min-height: 650px) and (max-height: 789px) { .wrap-list-change-info-view { max-height: 307px; } }
@media (max-height: 649px) { .wrap-list-change-info-view { max-height: 154px; } }
.wrap-list-change-info-view.h-large { height: 700px; }
.wrap-list-change-info-view .list-change-info-view { width: 100%; table-layout: fixed; border-bottom: 1px solid #b8bec3; }
.wrap-list-change-info-view .list-change-info-view:last-child { border-bottom: 0; }
.wrap-list-change-info-view .list-change-info-view thead { display: none; }
.wrap-list-change-info-view .list-change-info-view thead tr th {font-size: .75rem;  height: 2.5rem; text-align: center; vertical-align: middle; color: #666; }
.wrap-list-change-info-view .list-change-info-view tbody { vertical-align: top; }
.wrap-list-change-info-view .list-change-info-view tr { position: relative; border-top: 1px solid #ddd; }
.wrap-list-change-info-view .list-change-info-view tr:last-child { border-bottom: 0px solid #b8bec3; }
.wrap-list-change-info-view .list-change-info-view tr:last-child th:last-child { border-right: 0; }
.wrap-list-change-info-view .list-change-info-view tr:nth-of-type(1) { border-top: 0; }
.wrap-list-change-info-view .list-change-info-view tr .deleted { text-decoration: line-through; color: #999; }
.wrap-list-change-info-view .list-change-info-view tr .changed-text { color: #006bff; }
.wrap-list-change-info-view .list-change-info-view tr td {font-size: .75rem; line-height: 1.125rem; overflow: hidden;  height: 1.875rem; padding: 0 5px; text-align: left; vertical-align: middle; word-break: break-all; border-right: 1px solid #ddd; }
.wrap-list-change-info-view .list-change-info-view tr td.break-line { word-break: keep-all; }
.wrap-list-change-info-view .list-change-info-view tr td.total { text-align: right; }
.wrap-list-change-info-view .list-change-info-view tr td.total.before-changed { background-color: #f6f7f8; }
.wrap-list-change-info-view .list-change-info-view tr td.total.after-changed { background-color: #f1f8ff; }
.wrap-list-change-info-view .list-change-info-view tr td.no-padding { padding: 0; }
.wrap-list-change-info-view .list-change-info-view tr td.more-padding { padding: 0 20px 0 7px; }
.wrap-list-change-info-view .list-change-info-view tr td.more-small-padding { padding: 0 8px 0 7px; }
.msie11 .wrap-list-change-info-view .list-change-info-view tr td.more-padding { padding: 0 20px 0 5px; }
.wrap-list-change-info-view .list-change-info-view tr td.text-center { text-align: center; }
.wrap-list-change-info-view .list-change-info-view tr td.text-left { text-align: left; }
.wrap-list-change-info-view .list-change-info-view tr td.text-right { text-align: right; }
.wrap-list-change-info-view .list-change-info-view tr td .date { position: relative; top: 3px; display: inline-block; float: left; }
.wrap-list-change-info-view .list-change-info-view tr td .items { display: -ms-flexbox; display: flex; flex-direction: column; padding: 5px 0; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.wrap-list-change-info-view .list-change-info-view tr td .items p {line-height: 20px; display: -ms-flexbox; display: flex; box-sizing: border-box;  min-height: 20px; padding: 0 10px; vertical-align: middle; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.wrap-list-change-info-view .list-change-info-view tr td .items span {line-height: 20px; width: calc( 50% - 9px);  margin-left: 0; }
.wrap-list-change-info-view .list-change-info-view tr td .items span em {line-height: 18px;  display: block; }
.wrap-list-change-info-view .list-change-info-view tr td .items span.before-text { text-align: left; }
.wrap-list-change-info-view .list-change-info-view tr td .items span.changed-text {text-align: left;  color: #006bff; }
.wrap-list-change-info-view .list-change-info-view tr td .items span.arrow-space {width: 18px;  padding: 0 3px; vertical-align: middle; }
.wrap-list-change-info-view .list-change-info-view tr td span { margin-left: 0px; }
.wrap-list-change-info-view .list-change-info-view tr td span.used-with-txt {font-size: .9375rem; font-weight: 700;  display: inline-block; color: #6cb41d; }
.wrap-list-change-info-view .list-change-info-view tr td span.used-with-txt:before {display: inline-block; width: 11px; height: 11px; margin-right: 9px;  content: ''; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.wrap-list-change-info-view .list-change-info-view tr td span.used-with-txt[data-state=not-used] { color: #666; }
.wrap-list-change-info-view .list-change-info-view tr td span.used-with-txt[data-state=not-used]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .wrap-list-change-info-view .list-change-info-view tr td span.used-with-txt[data-state=not-used]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.wrap-list-change-info-view .list-change-info-view tr td:last-child { border-right: 0; }
.wrap-list-change-info-view .list-change-info-view tr td input[type=checkbox] , .wrap-list-change-info-view .list-change-info-view tr td input[type=radio] { position: absolute; left: -9999px; }
.wrap-list-change-info-view .list-change-info-view tr td input[type=checkbox] + label , .wrap-list-change-info-view .list-change-info-view tr td input[type=radio] + label { display: block; margin-left: .625rem; padding-left: 0; }
.wrap-list-change-info-view .list-change-info-view tr td input[type=checkbox]:checked + label:after , .wrap-list-change-info-view .list-change-info-view tr td input[type=radio]:checked + label:after {transition: opacity .3s ease-out;  opacity: 1; }

.cp-search {display: table; clear: both;  content: ''; }

.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 50px 50px 50px; border: 2px solid #000; background-color: #fff; }
.layout-popup[data-state=warning] { border: 5px solid #ff0505; }
.layout-popup[data-size=xxlarge] { width: 1100px; }
.layout-popup[data-size=xlarge] { width: 1000px; }
.layout-popup[data-size=large] { width: 800px; }
.layout-popup[data-size=normal] { width: 600px; }
.layout-popup[data-size=small] { width: 400px; }
.layout-popup[data-size=auto] { width: auto; max-width: 1000px; }
.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: -360px -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: 742px 719px; } }
.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: -480px -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: 742px 719px; } }
.layout-popup .mfp-close:hover:after { opacity: 1; }
.layout-popup .mfp-close[disabled] { opacity: .3; }
.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.none { display: none; }
.layout-popup .layout-popup-title.none[data-fee=aws_default] { display: block; margin-bottom: 30px; }
.layout-popup .layout-popup-title.none[data-fee=aws_default] + .layout-popup-title { display: none; }
.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-title .sub:after {display: inline-block; width: 1px; height: 20px; margin: -2px 9px 0 15px;  content: ''; vertical-align: middle; background-color: #ddd; }
.layout-popup .layout-popup-sub-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1em;  margin-top: 30px; padding-bottom: 20px; color: #000; border-bottom: 1px solid #d0d0d0; }
.layout-popup .layout-popup-sub-title.cfrc-title { border-bottom: 0; }
.layout-popup .layout-popup-sub-title.cfrc-title span {font-size: .75rem; font-weight: 500;  display: block; margin: 8px 0 0; color: #737373; }
.layout-popup .layout-popup-sub-title p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.66667em;  margin-top: 10px; color: #737373; }
.layout-popup .layout-popup-footer { margin-top: 50px; text-align: right; }
.layout-popup .layout-popup-footer:after {display: block; clear: both;  content: ''; }
.layout-popup .layout-popup-footer.low-top { margin-top: 35px; }
.layout-popup .layout-popup-footer .btns-left { float: left; }
.layout-popup .layout-popup-footer .btns-right { float: right; }
.layout-popup .layout-popup-footer .btns .button-normal { min-width: 200px; }
.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 { min-width: 190px; }
.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 {line-height: 50px;  height: 50px; margin-left: 10px; }
.layout-popup .layout-popup-footer .btns.multiple.center .button-normal:first-child { margin: 0; }
.layout-popup .layout-popup-footer .btns.single { text-align: center; }
.layout-popup.popup-credit-edit .forms .forms-item { margin-top: 20px; }
.layout-popup.popup-credit-edit .forms .forms-item:nth-of-type(1) { margin-top: 45px; }
.layout-popup.popup-credit-edit .forms .forms-item + .forms-item { margin-top: 0px; }
.layout-popup.popup-credit-edit .forms .forms-item:after {position: relative; display: block; clear: both;  content: ''; }
.layout-popup.popup-credit-edit .forms .forms-item .items {font-size: .75rem;  position: relative; float: left; width: 100px; }
.layout-popup.popup-credit-edit .forms .forms-item .items[data-width=xlarge] { width: 305px; }
.layout-popup.popup-credit-edit .forms .forms-item .items[data-width=large] { width: 170px; }
.layout-popup.popup-credit-edit .forms .forms-item .items[data-width=middle] { width: 110px; }
.layout-popup.popup-credit-edit .forms .forms-item .items[data-width=small] { width: 85px; }
.layout-popup.popup-credit-edit .forms .forms-item .items .inner { position: relative; }
.layout-popup.popup-credit-edit .forms .forms-item .items.unit { position: relative; }
.layout-popup.popup-credit-edit .forms .forms-item .items.unit.before input[type=text] { padding: 0 0 0 20px; }
.layout-popup.popup-credit-edit .forms .forms-item .items.unit.before .unit_text { right: auto; left: 10px; }
.layout-popup.popup-credit-edit .forms .forms-item .items.unit input[type=text] { padding: 0 20px 0 10px; }
.layout-popup.popup-credit-edit .forms .forms-item .items.unit .unit_text { position: absolute; right: 5px; bottom: 12px; }
.layout-popup.popup-credit-edit .forms .forms-item .items select { width: 100%; }
.layout-popup.popup-credit-edit .forms .forms-item .items select:focus { border: 1px solid #1886ff; }
.layout-popup.popup-credit-edit .forms .forms-item .items p {font-size: .75rem; line-height: 40px;  height: 40px; color: #000; }
.layout-popup.popup-credit-edit .forms .forms-item .items p.invalid-message { font-size: .75rem; font-weight: 500; line-height: 1rem; display: inline-block; width: -webkit-min-content; width: min-content; width: 100%; height: auto; color: #ff2d47; }
.layout-popup.popup-credit-edit .forms .forms-item .items + .items { margin-left: 10px; }
.layout-popup.popup-credit-edit .forms .forms-item .items input:-moz-read-only { background-color: #eee; }
.layout-popup.popup-credit-edit .forms .forms-item .items input:read-only { background-color: #eee; }
.layout-popup.popup-credit-edit .forms .forms-item .items select { width: 100%; }
.layout-popup.popup-credit-edit .forms .forms-item .items select:disabled { color: #000; }
.layout-popup.popup-credit-edit .forms .forms-item label { margin-top: 10px; }
.layout-popup.popup-credit-edit .forms .forms-item .times { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.layout-popup.popup-credit-edit .forms .forms-item .times span { margin: 0 10px; }
.layout-popup.popup-credit-edit .forms .forms-item .times input { display: inline-block; width: 100px; }
.layout-popup.popup-credit-edit .layout-popup-contents { position: relative; margin-top: 10px; }
.layout-popup.popup-credit-edit .layout-popup-contents .layout-popup-count {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.layout-popup.popup-credit-edit .layout-popup-contents .layout-popup-count span { color: #000; }
.layout-popup.popup-credit-edit .layout-popup-contents .tbl-list-user { margin-top: 0; border-top: 2px solid #000; }
.layout-popup.popup-credit-edit .layout-popup-contents .tbl-list-user.fixed + .used_service { margin-top: 35px; }
.layout-popup.popup-credit-edit .layout-popup-contents .tbl-list-user thead > tr > th {padding-left: 20px;  text-align: left; border-top: 0px; }
.layout-popup.popup-credit-edit .layout-popup-contents .tbl-list-user thead > tr > th:before { display: none; }
.layout-popup.popup-credit-edit .layout-popup-contents .tbl-list-user thead > tr > th.c {padding-left: 0;  text-align: center; }
.layout-popup.popup-credit-edit .layout-popup-contents .used_service {max-height: 160px;  margin: 10px 0 0; }
.layout-popup.popup-credit-edit .layout-popup-contents .used_service .tbl-list-user { margin-top: 0; border-top: 0px solid #000; }
.layout-popup.popup-credit-edit .layout-popup-contents .used_service .tbl-list-user thead > tr > th {padding-left: 20px;  text-align: left; border-top: 0px; }
.layout-popup.popup-credit-edit .layout-popup-contents .used_service .tbl-list-user thead > tr > th:before { display: none; }
.layout-popup.popup-credit-edit .layout-popup-contents .used_service .tbl-list-user thead > tr > th.c {padding-left: 0;  text-align: center; }
.layout-popup.popup-credit-edit .layout-popup-contents .description {font-size: .75rem; font-weight: 400;  margin-top: 5px; color: #ff2d47; }

.layout-popup .layout-popup-contents .setting-billing-cost-formula { margin-top: 40px; }
.layout-popup .layout-popup-contents .example-billing-cost { padding: 0; border: 0; }
.layout-popup .layout-popup-contents .layout-popup-confirm {font-size: 1rem; line-height: 1.5625em; min-height: 100px;  margin-top: 37px; color: #000; }
.layout-popup .layout-popup-contents .layout-popup-message {font-size: 1rem; line-height: 1.5625em;  margin-top: 37px; color: #000; }
.layout-popup .layout-popup-contents .layout-popup-message.min-height-with { min-height: 140px; }
.layout-popup .layout-popup-contents .layout-popup-message[data-state=invalid] { color: #ff4309; }
.layout-popup .layout-popup-contents .layout-popup-message strong { font-weight: 700; }
.layout-popup .layout-popup-contents .layout-popup-message em { color: #d0011b; }
.layout-popup .layout-popup-contents .sub_title {font-size: 1rem; font-weight: 500;  padding: 30px 0 15px; }
.layout-popup .layout-popup-contents .textarea-zone { position: relative; }
.layout-popup .layout-popup-contents .textarea-zone textarea {overflow-y: auto;  height: 154px; margin: 40px 0 0; }
.layout-popup .layout-popup-contents .popup-file-view {overflow-y: auto; box-sizing: border-box;  max-width: 100%; max-height: 600px; margin: 30px 0; text-align: center; }
.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.popup-customer-bill .layout-popup-contents { overflow: auto; overflow-x: hidden; max-height: 554px; }
.layout-popup.popup-customer-bill .popup-section { padding: 0 0 35px; }
.layout-popup.popup-customer-bill .popup-section.off { display: none; }
.layout-popup.popup-customer-bill .popup-section:last-child { padding-bottom: 0px; }
.layout-popup.popup-customer-bill .popup-section .popup-section-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 700;  margin-bottom: 10px; color: #000; }
.layout-popup.popup-customer-bill .layout-popup-footer { margin-top: 30px; }
.layout-popup.popup-setting-language .setting-language-message {font-size: .875rem; line-height: 1.64286em;  margin-top: 30px; margin-bottom: 33px; color: #ff2d47; }
.layout-popup.popup-setting-language .setting-language-message:before {display: block; width: 16px; height: 16px; margin: 0 0 20px 0;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-setting-language .setting-language-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-popup.popup-setting-language label ~ label { margin-left: 40px; }
.layout-popup.popup-add-agreement .required-message {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  display: block; margin-bottom: 13px; color: #ff2d47; }
.layout-popup.popup-add-agreement .forms .forms-item .label {font-size: .875rem; font-weight: 500;  margin-bottom: 10px; color: #000; }
.layout-popup.popup-add-agreement .forms .forms-item.agreement-version .label {font-size: 1rem;  display: inline-block; margin: 0; vertical-align: middle; }
.layout-popup.popup-add-agreement .forms .forms-item.agreement-version input[type=text] , .layout-popup.popup-add-agreement .forms .forms-item.agreement-version input[type=number] { display: inline-block; vertical-align: middle; }
.layout-popup.popup-add-admin { width: 1200px; }
.layout-popup.popup-add-admin .layout-popup-contents { position: relative; overflow: hidden; margin-top: 40px; }
.layout-popup.popup-add-admin .controls {position: absolute; top: 50%; left: 50%;  display: block; width: 40px; margin-top: -46px; margin-left: -20px; }
.layout-popup.popup-add-admin .controls button {position: relative;  display: block; width: 40px; height: 40px; text-indent: -9999px; background-color: rgba(0, 0, 0, .5); }
.layout-popup.popup-add-admin .controls button:before {position: absolute; z-index: 1; top: 50%; left: 50%; display: block;  content: ''; }
.layout-popup.popup-add-admin .controls button.btn-apply:before {width: 18px; height: 17px;  margin-top: -8.5px; margin-left: -9px; background-image: url(/assets/images/admin_sprites.png); background-position: -323px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-add-admin .controls button.btn-apply:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-popup.popup-add-admin .controls button.btn-cancel { margin-top: 12px; }
.layout-popup.popup-add-admin .controls button.btn-cancel:before {width: 18px; height: 17px; margin-top: -8.5px; margin-left: -9px;  transform: rotateY(180deg); background-image: url(/assets/images/admin_sprites.png); background-position: -323px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-add-admin .controls button.btn-cancel:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-popup.popup-add-admin .container-user-box {position: relative;  display: block; float: left; box-sizing: border-box; width: 500px; padding: 0; }
.layout-popup.popup-add-admin .container-user-box ~ .container-user-box { float: right; }
.layout-popup.popup-add-admin .container-user-box .title-user-box { font-size: .9375rem; font-weight: 700; line-height: 1.46667em; color: #000; }
.layout-popup.popup-add-admin .container-user-box .desc-user-box {font-size: .875rem; line-height: 1.33333em; position: absolute; top: 0; right: 0;  display: block; color: #9b9b9b; }
.layout-popup.popup-add-admin .container-user-box .tbl-pagination { margin-bottom: 5px; }
.layout-popup .user-box { display: block; overflow: auto; box-sizing: border-box; height: 395px; margin-top: 10px; padding: 24px 17px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background-color: #f3f4f5; }
.layout-popup .user-box .status:before {display: inline-block; width: 11px; height: 11px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; border-radius: 11px; background-color: #7fcb2b; }
.layout-popup .user-box.csp-user-box { margin: 40px 0 0; }
.layout-popup .tbl-list-user {font-size: .75rem; width: 100%;  margin-top: 5px; }
.layout-popup .tbl-list-user.fixed { position: absolute; z-index: 500; background-color: #fff; }
.layout-popup .tbl-list-user .c { padding-right: 0; padding-left: 0; text-align: center; }
.layout-popup .tbl-list-user.csp-holdon-table > thead > tr > th:first-child {width: 34px;  padding: 0; text-align: center; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td {position: relative;  padding: 10px 0 10px 10px; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td:first-child {width: 34px;  padding: 10px 0 0; text-align: center; vertical-align: top; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p { line-height: 1.5em; position: relative; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-time {margin: 0 0 3px;  color: #999; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-reason {overflow: hidden;  height: 36px; padding-right: 50px; word-break: break-all; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-reason.auto { height: auto; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td a {position: absolute; right: 10px; bottom: 10px; padding-left: 10px; text-decoration: underline;  color: #999; background-color: #f3f4f5; }
.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td a.more-txt.active { display: none; }
.layout-popup .tbl-list-user > thead > tr > th , .layout-popup .tbl-list-user > thead > tr > td {font-weight: 400;  position: relative; height: 30px; text-align: center; vertical-align: middle; white-space: nowrap; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.layout-popup .tbl-list-user > thead > tr > th.check , .layout-popup .tbl-list-user > thead > tr > td.check { width: 40px; }
.layout-popup .tbl-list-user > thead > tr > th.idx , .layout-popup .tbl-list-user > thead > tr > td.idx { width: 50px; }
.layout-popup .tbl-list-user > thead > tr > th.date , .layout-popup .tbl-list-user > thead > tr > td.date { width: 100px; }
.layout-popup .tbl-list-user > thead > tr > th + th:before , .layout-popup .tbl-list-user > thead > tr > th + td:before , .layout-popup .tbl-list-user > thead > tr > td + th:before , .layout-popup .tbl-list-user > thead > tr > td + td:before {position: absolute; top: 5px; bottom: 5px; display: block; width: 1px; height: 20px;  content: ''; background-color: #ddd; }
.layout-popup .tbl-list-user > tbody > tr > th , .layout-popup .tbl-list-user > tbody > tr > td {font-weight: 400;  box-sizing: border-box; height: 40px; padding: 0 0 0 20px; vertical-align: middle; color: #000; border-bottom: 1px solid #e6e6e6; }
.layout-popup .tbl-list-user > tbody > tr.checked th , .layout-popup .tbl-list-user > tbody > tr.checked td { background-color: #fff; }
.layout-popup.popup-preview-notice { width: 1200px; }
.layout-popup.popup-preview-notice .view-notice { margin-top: 40px; margin-bottom: 40px; border: 1px solid #e6e6e6; }
.layout-popup.popup-view-email { width: 1200px; }
.layout-popup.popup-sender { width: 600px; }
.layout-popup.popup-sender .forms-columns { -ms-flex-align: stretch; align-items: stretch; }
.layout-popup.popup-sender .forms-columns .forms-item .button-normal { display: block; width: 100%; }
.layout-popup.popup-recipient { width: 1200px; }
.layout-popup.popup-recipient .layout-popup-contents { padding-top: 40px; }
.layout-popup.popup-recipient .layout-popup-contents:after {display: block; clear: both;  content: ''; }
.layout-popup.popup-recipient .layout-popup-contents .forms-columns { display: block; }
.layout-popup.popup-recipient .layout-popup-contents .forms-columns:after {display: block; clear: both;  content: ''; }
.layout-popup.popup-recipient .layout-popup-contents .forms-columns .forms-item { float: left; margin-top: 20px; }
.layout-popup.popup-recipient .panel { display: block; float: left; width: 542px; border: 1px solid #eee; }
.layout-popup.popup-recipient .panel > dt {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative;  display: block; padding: 21px 20px 13px 20px; color: #000; }
.layout-popup.popup-recipient .panel > dt .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.2em; position: absolute; top: 19px; right: 20px;  display: block; color: #000; }
.layout-popup.popup-recipient .panel > dt .cnt strong { color: #3b99ff; }
.layout-popup.popup-recipient .panel > dd { padding: 0 20px 20px 20px; background-color: #f3f4f5; }
.layout-popup.popup-recipient .panel > dd .daterange input[type=text] {width: 152px;  height: 30px; }
.layout-popup.popup-recipient .panel > dd .user-box { margin-top: 0; border-top: 1px solid #ddd; border-bottom: 0; }
.layout-popup.popup-recipient .panel + .panel { float: right; }
.layout-popup.popup-recipient .list-company { display: block; overflow: auto; box-sizing: border-box; height: 395px; border-top: 1px solid #ddd; }
.layout-popup.popup-recipient .list-company .company-all { display: block; padding: 20px 0 5px 15px; }
.layout-popup.popup-recipient .list-company .company-all label { font-size: .75rem; font-weight: 400; color: #000; }
.layout-popup.popup-recipient .list-company .select-company > li { display: block; margin-top: 10px; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item { box-sizing: border-box; height: 70px; padding: 10px 10px 0 40px; border: 1px solid #eee; background-color: #fff; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item:before , .layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item:after { top: 13px; left: 14px; margin: 0; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .name {font-size: .75rem; font-weight: 500; line-height: 18px;  display: block; overflow: hidden; width: 450px; height: 18px; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .date-join {font-size: .75rem; line-height: 1.66667em; position: absolute; right: 14px; bottom: 9px;  display: block; color: #666; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .date-join:before {display: inline-block; margin-right: 15px;  content: ''; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info { display: block; margin-top: 10px; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status { font-size: .75rem; line-height: 1.66667em; color: #666; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status:after {display: inline-block; width: 1px; height: 20px; margin: -2px 7px 0 9px;  content: ''; vertical-align: middle; background-color: #ddd; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status[data-state=deactivated] { color: #ccc; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status { font-size: .75rem; line-height: 1.66667em; color: #000; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial] { color: #3b99ff; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial]:before {display: inline-block; width: 11px; height: 11px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -208px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=paid] { color: #6cb41d; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=free] { color: #999; }
.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox]:checked ~ .company-item { border: 1px solid #1886ff; }
.layout-popup.popup-service-history .forms .forms-status { padding-bottom: 8px; border: 0; }
.layout-popup.popup-service-history .forms .forms-status .forms-item { min-height: 88px; }
.layout-popup.popup-service-history .forms .forms-status .txt {line-height: normal;  margin-top: 10px; }
.layout-popup.popup-service-history .used-with-txt {font-size: .9375rem; font-weight: 700;  display: inline-block; color: #6cb41d; }
.layout-popup.popup-service-history .used-with-txt:before {display: inline-block; width: 11px; height: 11px; margin-right: 9px;  content: ''; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.layout-popup.popup-service-history .used-with-txt[data-state=not-used] { color: #666; }
.layout-popup.popup-service-history .used-with-txt[data-state=not-used]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-service-history .used-with-txt[data-state=not-used]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.layout-popup.popup-service-history .service {font-size: .75rem; line-height: 1.66667em;  display: block; }
.layout-popup.popup-service-history .service:before {display: inline-block; margin: 0px 15px 0 0;  content: ''; vertical-align: middle; }
.layout-popup.popup-service-history .service.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -226px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-service-history .service.asset-management:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.governance:before {width: 20px; height: 17px;  background-image: url(../images/layout_sprites.png); background-position: -707px -440px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-service-history .service.governance:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.metering: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) { .layout-popup.popup-service-history .service.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.monitoring: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) { .layout-popup.popup-service-history .service.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.alarm: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) { .layout-popup.popup-service-history .service.alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.its-project: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) { .layout-popup.popup-service-history .service.its-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.its-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -104px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-popup.popup-service-history .service.its-request:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.its-approval: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) { .layout-popup.popup-service-history .service.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service.its-devops: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) { .layout-popup.popup-service-history .service.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.layout-popup.popup-service-history .service + .service { margin-top: 15px; }
.layout-popup.popup-add-user { width: 600px; }
.layout-popup.popup-add-user .layout-popup-message {font-size: .75rem; line-height: 1.75em;  margin-top: 37px; color: #000; }
.layout-popup.popup-add-user .invalid-message {line-height: 1.75em;  margin-top: 6px; }
.layout-popup.popup-add-user .invalid-message:before { content: none !important; }
.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/admin_sprites.png); background-position: -64px -318px; }
@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/admin_sprites@2x.png); background-size: 399px 363px; } }
.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/admin_sprites.png); background-position: -64px -318px; }
@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/admin_sprites@2x.png); background-size: 399px 363px; } }
.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 .container-user-box .desc-user-box {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: block; float: right; padding-top: 7px; padding-bottom: 8px; color: #999; }
.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: 100%; height: 24px; padding-left: 30px; border: 0; 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-group-user.user-groups .title-user-box { padding-top: 7px; padding-bottom: 8px; }
.layout-popup.popup-update-group-user.user-groups .list-user-box { margin-top: 5px; }
.layout-popup.popup-update-group-user.user-groups .multiselect-native-select { display: block; }
.layout-popup.popup-update-group-user.add-company { width: 760px; }
.layout-popup.popup-update-group-user.add-company .container-user-box { width: 295px; }
.layout-popup.popup-update-group-user.add-company .list-user-box { width: 295px; }
.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-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; }


.popup-calc-fee-way .description {font-size: .75rem;  font-weight: 500; line-height: 30px; margin-top: 10px; padding: 0 10px; color: #333; background-color: #f9f9f9; }
.popup-calc-fee-way .description + .setting-billing-cost-formula { margin-top: 20px; }


.popup-fee-settings select { transition: border .2s ease-in-out; }
.popup-fee-settings select:focus { border: 1px solid #1886ff; }

.popup-fee-settings .cfrc_wrap {padding: 0;  background: #fff; }
.popup-fee-settings .cfrc_wrap .forms-item label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.popup-fee-settings .cfrc_wrap .fee-info-detail { position: relative; }
.popup-fee-settings .cfrc_wrap .fee-info-detail h3 { font-size: .875rem; line-height: 1.25rem; margin-bottom: .75rem; color: #000; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box { margin-top: 2.8125rem; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box + .button-with-icon { float: right; margin-bottom: 10px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box h4 { font-size: .75rem; font-weight: 700; line-height: 1.125rem; margin-bottom: 5px; color: #9b9b9b; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items { font-size: .875rem; font-weight: 500; line-height: 1.9375rem; margin-bottom: 30px; color: #1c2024; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items:after {display: block; clear: both;  content: ''; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.date input[type=number] , .popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.date input[type=text] {font-size: .875rem; line-height: 2.375rem; display: inline-block; width: 80px;  height: 2.5rem; color: #000; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.date input:nth-of-type(2) , .popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.date input:nth-of-type(3) { margin-right: 10px; margin-left: 10px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.date input + input[type=checkbox] + label {font-size: 1rem; line-height: 40px;  display: inline-block; height: 40px; margin-left: 20px; color: #000; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items span.multiselect-native-select { width: 400px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items .col-items { display: inline-block; float: left; width: 300px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items .col-items + .col-items { margin-left: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items .col-items:nth-of-type(2) { width: calc(100% - 320px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items .col-items:nth-of-type(2) input { width: 125px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items > label { display: inline-block; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items > label ~ label { margin-left: 25px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items textarea + .invalid-message , .popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items input + .invalid-message {display: inline-block;  margin-top: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.textarea , .popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.input {font-size: .75rem;  font-weight: 400; line-height: 1.125rem; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.line {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  padding: 12px 10px; color: rgba(0, 0, 0, .8); border: 1px solid #e6e6e6; }
.popup-fee-settings .cfrc_wrap .fee-info-detail .info-box .items.line.small { width: 400px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table { width: 100%; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table th , .popup-fee-settings .cfrc_wrap .fee-info-detail table td {border: 0;  background: transparent; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table th:before , .popup-fee-settings .cfrc_wrap .fee-info-detail table td:before { content: none; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit + .edit { margin-top: 30px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody tr { border-bottom: 1px solid #e6e6e6; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td {font-size: .75rem; font-weight: 400;  position: relative; padding: .625rem; text-align: left; vertical-align: middle; border-right: 1px solid #e6e6e6; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td .input-group { border-bottom: 0; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.align.center { text-align: center; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.align.left { text-align: left; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.align.right { text-align: right; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td select + .invalid-message , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td textarea + .invalid-message , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td input + .invalid-message {display: inline-block;  margin-top: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td select.single { width: 100%; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td:not(.divide) textarea , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td:not(.divide) input { width: 100%; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide input , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide select { display: inline-block; float: left; width: calc(100% - 90px); margin-left: 0; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide input + select , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide input + input , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide select + select , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide select + input { width: 80px; margin-left: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive span.unit { right: 10px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive.items3 select { width: calc(100% - 100px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive.items3 select + select , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive.items3 select + input { width: calc( 35% - 20px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive.items3 select + p { display: inline-block; float: left; width: 100px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive.items3 select + p input { width: calc( 100% - 25px); margin-left: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive select + select , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.input-divide.responsive select + input { min-width: 70px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td:last-child { border-right: 0; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.multiline { white-space: nowrap; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.text-center { text-align: center; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.text-right { text-align: right; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span { position: absolute; top: 50%; left: 10px; display: inline-block; transform: translateY(-50%); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span.multiselect-native-select { z-index: 9999; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span.unit {right: 50px;  left: auto; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td span.unit + input { margin-right: 68px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td em.text-unit {line-height: 40px;  height: 40px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td select , .popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td em.text-unit {display: inline-block;  float: right; margin-left: 10px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.items-4.divide input { width: calc(100% - 190px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.items-2 input { width: calc(100% - 40px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.items-2 input.small { width: calc(100% - 25px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td.divide input { width: calc(100% - 250px); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section.edit tbody td input { float: right; width: 100%; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody tr { border-bottom: 1px solid #e6e6e6; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody td {font-size: .75rem; font-weight: 400;  position: relative; padding: .625rem; text-align: left; vertical-align: middle; border-right: 1px solid #e6e6e6; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody td:last-child { border-right: 0; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody td.multiline { white-space: nowrap; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody td.text-center { text-align: center; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table.manage-section tbody td span:first-child { margin-right: 5px; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table thead th {font-size: .75rem; font-weight: 500;  position: relative; height: 32px; text-align: center; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: rgba(230, 230, 230, .2); }
.popup-fee-settings .cfrc_wrap .fee-info-detail table thead th:not(:first-child):before {position: absolute; top: 6px; bottom: 6px; left: 0; display: block; width: 1px;  content: ''; background-color: #ddd; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table thead th:not(.diagonal) { width: auto; }
.popup-fee-settings .cfrc_wrap .fee-info-detail table thead th.diagonal { padding-left: 10px; }
.popup-fee-settings .cfrc_wrap .method > * { padding: 20px 0 0; }
.popup-fee-settings .cfrc_wrap .method > * p {font-size: .6875rem;  font-weight: 500; padding: 8px 0 0; color: #999; }
.popup-fee-settings .cfrc_wrap .method > * p:first-child { padding: 0; }
.popup-fee-settings .cfrc_wrap .method > * p span { font-size: .75rem; margin-right: 8px; color: #898989; }
.popup-fee-settings .cfrc_wrap .method > * p strong { font-size: .875rem; color: #222; }


.layout-notice-popup { display: -ms-flexbox; display: flex; flex-direction: column; min-width: 600px; min-height: 450px; margin: 0 auto; 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 .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 .utils .notice-category { font-weight: 700; }
.layout-notice-popup .layout-notice-popup-title .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 .utils[data-state=new] .notice-category { color: #1886ff; }
.layout-notice-popup .layout-notice-popup-title .utils[data-state=event] .notice-category { color: #6cb41d; }
.layout-notice-popup .layout-notice-popup-title .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; }
.animated .layout-notice-popup {transition: all .2s ease-out; transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }
.mfp-ready.animated .layout-notice-popup {transform: translateY(0) perspective(600px) rotateX(0);  opacity: 1; }
.mfp-removing.animated .layout-notice-popup {transform: translateY(-10px) perspective(600px) rotateX(10deg);  opacity: 0; }
.layout-notice-popup .mfp-close { display: none; }

.jconfirm .bill-info {position: relative;  box-sizing: border-box; width: 391px; margin: 40px auto 0 auto; padding: 35px 33px 50px 33px; border: 1px solid #cdcdcd; border-bottom: 0px; }
.jconfirm .bill-info:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 5px;  content: ''; background: url('/assets/images/bg_bill_bottom@2x.png') left top repeat-x; background-size: 15px 5px; }
.jconfirm .bill-info dt {font-size: .75rem; font-weight: 500;  display: block; padding: 7px 0 0 0; color: #898989; }
.jconfirm .bill-info dt:first-child { border-top: 1px solid #d0d0d0; }
.jconfirm .bill-info dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.0625rem;  display: block; padding: 5px 0 2px 0; text-align: right; color: #575757; border-bottom: 1px solid #d0d0d0; }
.jconfirm .bill-info dd .total { font-size: 2.25rem; color: #000; }

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

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

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



.genenal.layout-popup {position: relative;  display: block; box-sizing: border-box; width: 500px; margin: 0 auto; padding: 0px 0px 40px; border: 0px solid #000; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .5); }
.genenal.layout-popup[data-state=warning] { border: 5px solid #ff0505; }
.genenal.layout-popup[data-size=xxxlarge] { width: 1100px; }
.genenal.layout-popup[data-size=xxlarge] { width: 1000px; }
.genenal.layout-popup[data-size=xlarge] { width: 800px; }
.genenal.layout-popup[data-size=large] { width: 600px; }
.genenal.layout-popup[data-size=normal] { width: 500px; }
.genenal.layout-popup[data-size=small] { width: 400px; }
.genenal.layout-popup[data-size=auto] { width: auto; max-width: 1000px; }
.genenal.layout-popup[data-size='700'] { width: 700px; }
.genenal.layout-popup.resale { padding-bottom: 0; }
.genenal.layout-popup.resale .layout-tabs { margin: 0; }
.genenal.layout-popup.resale .layout-tabs:after { height: 1px; background-color: #d5d9db; }
.genenal.layout-popup.resale .layout-tabs a {font-size: .875rem; font-weight: 500; width: 160px; min-width: auto; padding: 0;  color: #222; background: #f5f6f7; }
.genenal.layout-popup.resale .layout-tabs a:first-child { border-right: 0; }
.genenal.layout-popup.resale .layout-tabs a:first-child.selected { border-right: 0; }
.genenal.layout-popup.resale .layout-tabs a.selected { color: #222; border-top: 1px solid #d5d9db; border-right: 1px solid #d5d9db; border-bottom: 1px solid #fff; border-left: 1px solid #d5d9db; background-color: #fff; }
.genenal.layout-popup.resale .layout-popup-contents { margin-top: 28px; }
.genenal.layout-popup.resale .layout-popup-footer { display: -ms-flexbox; display: flex; height: 53px; padding: 0 24px; border-top: 1px solid #e6e6e6; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }
.genenal.layout-popup.resale .layout-popup-footer .input_check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.genenal.layout-popup.resale .layout-popup-footer .input_check input[type=text] {line-height: 24px;  width: 160px; height: 24px; margin-right: 8px; }
.genenal.layout-popup.resale .layout-popup-footer .input_check input[type=checkbox] + label { font-size: .75rem; color: #444; }
.genenal.layout-popup.resale .layout-popup-footer .input_check:after {display: inline-block; width: 1px; height: 24px; margin: 0 16px;  content: ''; background-color: #e6e6e6; }
.genenal.layout-popup.resale .layout-popup-footer .general { min-width: 75px; margin-right: 8px; text-align: center; }
.genenal.layout-popup.resale .layout-popup-footer .general + .general { margin-right: 0; }
.genenal.layout-popup.resale input[type=search] {height: 40px; padding: 0 20px 0 36px;  border: 0; background: url('/assets/images/icon_search_new.png') no-repeat; background-position: 10px center; background-size: 16px 16px; }
.genenal.layout-popup.resale [data-selection] { display: none; }
.genenal.layout-popup.resale [data-selection].selected { display: block; }
.genenal.layout-popup.resale [data-selection=saved].selected { display: -ms-flexbox; display: flex; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap {border-top: 1px solid #666;  -ms-flex: 1; flex: 1; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:first-child .header {margin: 0;  border-left: 0; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:first-child .contents { margin: 0; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:first-child .contents li:before { content: none; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:last-child .header { margin: 0; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:last-child .contents { margin: 0; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap:last-child .contents li:after { content: none; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .header {font-size: .75rem; font-weight: 700; box-sizing: border-box; height: 30px; margin: 0 -1px;  padding: 5px 11px; text-align: center; border-bottom: 1px solid #666; border-left: 1px solid #e6e6e6; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .contents {overflow: hidden; overflow-y: auto;  max-height: 300px; margin: 0 -1px; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .contents li {font-size: .75rem; position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box; height: 30px;  padding: 5px 11px; color: #222; border-bottom: 1px solid #e6e6e6; -ms-flex-align: center; align-items: center; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .contents li:before {position: absolute; top: 0; bottom: 0; left: 0; width: 1px;  content: ''; background-color: #e6e6e6; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .contents li:after {position: absolute; top: 0; right: 0; bottom: 0; width: 1px;  content: ''; background-color: #e6e6e6; }
.genenal.layout-popup.resale [data-selection=saved] .saved-filter-wrap .contents li:hover { background-color: #f3f4f5; }
.genenal.layout-popup.resale .table-body.overHeight table thead tr { width: calc(100% - 15px); }
.genenal.layout-popup.resale .table-body thead tr { display: table; width: 100%; table-layout: fixed; }
.genenal.layout-popup.resale .table-body tbody { display: block; overflow-x: hidden; overflow-y: auto; max-height: 300px; }
.genenal.layout-popup.resale .table-body tbody tr { display: table; width: 100%; table-layout: fixed; }
.genenal.layout-popup.resale table { width: 100%; border-top: 1px solid #666; }
.genenal.layout-popup.resale table thead th {font-size: .75rem; font-weight: 700; box-sizing: border-box; height: 29px;  padding: 5px 11px; text-align: center; border-bottom: 1px solid #666; }
.genenal.layout-popup.resale table thead th:first-child {width: 230px;  border-right: 1px solid #e6e6e6; }
.genenal.layout-popup.resale table tbody td {font-size: .75rem; box-sizing: border-box; height: 29px;  padding: 5px 11px; color: #222; border-bottom: 1px solid #e6e6e6; }
.genenal.layout-popup.resale table tbody td.no-data {height: 224px;  text-align: center; }
.genenal.layout-popup.resale table tbody td.no-data p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.genenal.layout-popup.resale table tbody td.no-data p:before {display: block; width: 29px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjMwLmNvbnRlbnRzJmFtcDtzdGF0L3N0YXRfbm9EYXRhL3dhcm5pbmdfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGQjcxMCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjg5NjQxNCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsMSBDMjUuMzEzNzA4NSwxIDI4LDMuNjg2MjkxNSAyOCw3IEwyOCwyMCBDMjgsMjMuMzEzNzA4NSAyNS4zMTM3MDg1LDI2IDIyLDI2IEwyMCwyNiBMMjAsMjMuNSBMMjIsMjMuNSBDMjMuOTMyOTk2NiwyMy41IDI1LjUsMjEuOTMyOTk2NiAyNS41LDIwIEwyNS41LDcgQzI1LjUsNS4wNjcwMDMzOCAyMy45MzI5OTY2LDMuNSAyMiwzLjUgTDgsMy41IEM2LjA2NzAwMzM4LDMuNSA0LjUsNS4wNjcwMDMzOCA0LjUsNyBMNC41LDIwIEM0LjUsMjEuOTMyOTk2NiA2LjA2NzAwMzM4LDIzLjUgOCwyMy41IEwxMCwyMy41IEwxMCwyNiBMOCwyNiBDNC42ODYyOTE1LDI2IDIsMjMuMzEzNzA4NSAyLDIwIEwyLDcgQzIsMy42ODYyOTE1IDQuNjg2MjkxNSwxIDgsMSBMMjIsMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwyMi42MjY4OTQxIEMxNi4xMDQ1Njk1LDIyLjYyNjg5NDEgMTcsMjMuNTIyMzI0NiAxNywyNC42MjY4OTQxIEMxNywyNS43MzE0NjM2IDE2LjEwNDU2OTUsMjYuNjI2ODk0MSAxNSwyNi42MjY4OTQxIEMxMy44OTU0MzA1LDI2LjYyNjg5NDEgMTMsMjUuNzMxNDYzNiAxMywyNC42MjY4OTQxIEMxMywyMy41MjIzMjQ2IDEzLjg5NTQzMDUsMjIuNjI2ODk0MSAxNSwyMi42MjY4OTQxIFogTTE2LjQwMjM5MDQsOSBMMTYuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCw5IEwxNi40MDIzOTA0LDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.genenal.layout-popup.resale table tbody td.no-data div { text-align: center; }
.genenal.layout-popup.resale table tbody td.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.genenal.layout-popup.resale table tbody td.no-data div > p:before { display: none; }
.genenal.layout-popup.resale table tbody td.no-search {height: 224px;  text-align: center; }
.genenal.layout-popup.resale table tbody td.no-search p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.genenal.layout-popup.resale table tbody td.no-search p:before {display: block; width: 26px; height: 26px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3Jfd2l0aC10ZXh0LUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTIwLjAwMDAwMCkiIGZpbGw9IiNCMkIyQjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ljk0MjYyOSwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYuODk2NDE0LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS42NjA5NTYyLDAgQzE4LjAxMjIzMDgsMCAyMy4xNjA5NTYyLDUuMTQ4NzI1MzggMjMuMTYwOTU2MiwxMS41IEMyMy4xNjA5NTYyLDEzLjk1MDMxNDIgMjIuMzk0NjE2MSwxNi4yMjE2NDAyIDIxLjA4ODUzNTcsMTguMDg3Mzc4MiBMMjUuMTA1NDA1LDIyLjEwNjA1MSBDMjUuMjk5OTk4NywyMi4zMDA3MDQxIDI1LjMwNDk0NzYsMjIuNjExMzQ4OCAyNS4xMDkyNTgyLDIyLjgwNzA5OCBMMjIuOTY0MTk4MywyNC45NTI4MTM2IEMyMi43NzE3MzI3LDI1LjE0NTMzODEgMjIuNDUzOTU5LDI1LjEzOTYxMSAyMi4yNjMzNjU2LDI0Ljk0ODk1OTMgTDE4LjI0NTMwNDEsMjAuOTI5NzAwMSBDMTYuMzgwMTM3MywyMi4yMzQ0ODk0IDE0LjEwOTk0NCwyMyAxMS42NjA5NTYyLDIzIEM1LjMwOTY4MTU1LDIzIDAuMTYwOTU2MTc1LDE3Ljg1MTI3NDYgMC4xNjA5NTYxNzUsMTEuNSBDMC4xNjA5NTYxNzUsNS4xNDg3MjUzOCA1LjMwOTY4MTU1LDAgMTEuNjYwOTU2MiwwIFogTTExLjY2MDk1NjIsMyBDNi45NjY1MzU4LDMgMy4xNjA5NTYxOCw2LjgwNTU3OTYzIDMuMTYwOTU2MTgsMTEuNSBDMy4xNjA5NTYxOCwxNi4xOTQ0MjA0IDYuOTY2NTM1OCwyMCAxMS42NjA5NTYyLDIwIEMxNi4zNTUzNzY1LDIwIDIwLjE2MDk1NjIsMTYuMTk0NDIwNCAyMC4xNjA5NTYyLDExLjUgQzIwLjE2MDk1NjIsNi44MDU1Nzk2MyAxNi4zNTUzNzY1LDMgMTEuNjYwOTU2MiwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.genenal.layout-popup.resale table tbody td.no-search div { text-align: center; }
.genenal.layout-popup.resale table tbody td.no-search div > p { display: block; width: auto; margin-bottom: 8px; }
.genenal.layout-popup.resale table tbody td.no-search div > p:before { display: none; }
.genenal.layout-popup.resale table tbody td.error {height: 224px;  text-align: center; }
.genenal.layout-popup.resale table tbody td.error p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.genenal.layout-popup.resale table tbody td.error p:before {display: block; width: 36px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzYgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3JfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtMTAuMDAwMDAwKSIgZmlsbD0iI0ZGNkQ3RiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDEwLjc1MDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy43NTc3MDg1LDI0LjIyMzA1NzYgQzE4Ljk2NTUwNTUsMjQuMjIzMDU3NiAxOS45NDQ2MTg0LDI1LjIwNTAyNzkgMTkuOTQ0NjE4NCwyNi40MTYzNDk1IEMxOS45NDQ2MTg0LDI3LjYyNzY3MTIgMTguOTY1NTA1NSwyOC42MDk2NDE1IDE3Ljc1NzcwODUsMjguNjA5NjQxNSBDMTYuNTQ5OTExNSwyOC42MDk2NDE1IDE1LjU3MDc5ODYsMjcuNjI3NjcxMiAxNS41NzA3OTg2LDI2LjQxNjM0OTUgQzE1LjU3MDc5ODYsMjUuMjA1MDI3OSAxNi41NDk5MTE1LDI0LjIyMzA1NzYgMTcuNzU3NzA4NSwyNC4yMjMwNTc2IFogTTE5LjA2OTg1NDQsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwyMS41OTExMDczIEwxNi40NDU1NjI1LDIxLjU5MTEwNzMgTDE2LjQ0NTU2MjUsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwxMC41OTYxNjM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTQyNCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjIuNTMxNzc1MzUgMjUuNTYzMDk5OCAzLjU3OTQwNjg4IDI3LjQzOTU1ODggMTguODA1MzQgMy4xMTI2NzgwNSAxNi43MTAwNzcgMy4xMTI2NzgwNSAzMS45MzYwMTAxIDI3LjQzOTU1ODggMzIuOTgzNjQxNiAyNS41NjMwOTk4IDIyLjM0MDY4OTYgMjUuNTYzMDk5OCAyMi4zNDA2ODk2IDI4LjAzNTUzNzkgMzIuOTgzNjQxNiAyOC4wMzU1Mzc5IDM1LjE1NjcwNzYgMjguMDM1NTM3OSAzNC4wMzEyNzMxIDI2LjE1OTA3OSAxOC44MDUzNCAxLjgzMjE5ODI1IDE3Ljc1NzcwODUgMC4wODU0NjE2NTEyIDE2LjcxMDA3NyAxLjgzMjE5ODI1IDEuNDg0MTQzODMgMjYuMTU5MDc5IDAuMzU4NzA5MzU5IDI4LjAzNTUzNzkgMi41MzE3NzUzNSAyOC4wMzU1Mzc5IDEyLjYxMTAzIDI4LjAzNTUzNzkgMTIuNjExMDMgMjUuNTYzMDk5OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.genenal.layout-popup.resale table tbody td.error div { text-align: center; }
.genenal.layout-popup.resale table tbody td.error div > p { display: block; width: auto; margin-bottom: 8px; }
.genenal.layout-popup.resale table tbody td.error div > p:before { display: none; }
.genenal.layout-popup.resale table tbody td:first-child {width: 230px;  border-right: 1px solid #e6e6e6; }
.genenal.layout-popup.resale table tbody td .button-wrap { position: relative; }
.genenal.layout-popup.resale table tbody td .button-wrap > *:first-child { padding-right: 34px; }
.genenal.layout-popup.resale table tbody td .button-wrap button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.genenal.layout-popup .mfp-close {position: absolute; top: 25px; right: 30px;  display: block; width: 14px; height: 14px; text-indent: -9999px; background-image: url(/assets/images/sprites.png); background-position: -718px -545px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup .mfp-close { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.genenal.layout-popup .mfp-close:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 14px; height: 14px;  content: ''; transition: opacity .3s ease-in-out; opacity: 0; background-image: url(/assets/images/sprites.png); background-position: -718px -605px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup .mfp-close:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.genenal.layout-popup .mfp-close:hover:after { opacity: 1; }
.genenal.layout-popup .mfp-close[disabled] { opacity: .3; }
.genenal.layout-popup .layout-popup-title {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 3em; position: relative;  display: block; padding: 0 50px; text-align: center; color: #000; background-color: #f7f9fa; }
.genenal.layout-popup .layout-popup-title.none { display: none; }
.genenal.layout-popup .layout-popup-title.none[data-fee=aws_default] { display: block; margin-bottom: 30px; }
.genenal.layout-popup .layout-popup-title.none[data-fee=aws_default] + .layout-popup-title { display: none; }
.genenal.layout-popup .layout-popup-title:before {position: absolute; bottom: 0; left: 0; display: none; width: 60px; height: 3px;  content: ''; background-color: #000; }
.genenal.layout-popup .layout-popup-title .sub:after {display: inline-block; width: 1px; height: 20px; margin: -2px 9px 0 15px;  content: ''; vertical-align: middle; background-color: #ddd; }
.genenal.layout-popup .layout-popup-sub-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1em;  margin-top: 30px; padding-bottom: 20px; color: #000; border-bottom: 1px solid #d0d0d0; }
.genenal.layout-popup .layout-popup-sub-title.cfrc-title { border-bottom: 0; }
.genenal.layout-popup .layout-popup-sub-title.cfrc-title span {font-size: .75rem; font-weight: 500;  display: block; margin: 8px 0 0; color: #737373; }
.genenal.layout-popup .layout-popup-sub-title p {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.66667em;  margin-top: 10px; color: #737373; }
.genenal.layout-popup .layout-popup-contents { margin-top: 10px; padding: 0 40px; }
.genenal.layout-popup .layout-popup-contents .description { margin-top: 50px; text-align: center; }
.genenal.layout-popup .layout-popup-contents .none-header-table { width: 100%; margin-top: 30px; }
.genenal.layout-popup .layout-popup-contents .none-header-table tbody th , .genenal.layout-popup .layout-popup-contents .none-header-table tbody td {font-size: .75rem; font-weight: 400; line-height: 32px;  padding: 9px 0 8px; color: rgba(34, 34, 34, .5); color: #999; border-top: 1px solid #b8bec3; }
.genenal.layout-popup .layout-popup-contents .none-header-table tbody th { padding-left: 10px; }
.genenal.layout-popup .layout-popup-contents .none-header-table tbody tr:last-child th , .genenal.layout-popup .layout-popup-contents .none-header-table tbody tr:last-child td { border-bottom: 1px solid #b8bec3; }
.genenal.layout-popup .layout-popup-footer { margin-top: 40px; text-align: right; }
.genenal.layout-popup .layout-popup-footer:after {display: block; clear: both;  content: ''; }
.genenal.layout-popup .layout-popup-footer.low-top { margin-top: 35px; }
.genenal.layout-popup .layout-popup-footer .btns-left { float: left; }
.genenal.layout-popup .layout-popup-footer .btns-right { float: right; }
.genenal.layout-popup .layout-popup-footer .btns .button-popup {font-size: .875rem; font-weight: 500;  line-height: 40px; height: 40px; }
.genenal.layout-popup .layout-popup-footer .btns .button-normal { min-width: 200px; border-radius: 4px; }
.genenal.layout-popup .layout-popup-footer .btns.multiple { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.genenal.layout-popup .layout-popup-footer .btns.multiple .button-normal { min-width: 190px; }
.genenal.layout-popup .layout-popup-footer .btns.multiple.center { -ms-flex-pack: center; justify-content: center; }
.genenal.layout-popup .layout-popup-footer .btns.multiple.center .button-normal {line-height: 50px;  height: 50px; margin-left: 10px; }
.genenal.layout-popup .layout-popup-footer .btns.multiple.center .button-normal:first-child { margin: 0; }
.genenal.layout-popup .layout-popup-footer .btns.single { text-align: center; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item { margin-top: 20px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item + .forms-item { margin-top: 0px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items {font-size: .75rem;  position: relative; float: left; width: 100px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.unit { position: relative; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.unit.before input[type=text] { padding: 0 0 0 20px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.unit.before .unit_text { right: auto; left: 10px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.unit input[type=text] { padding: 0 20px 0 10px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.unit .unit_text { position: absolute; right: 5px; bottom: 12px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items p {font-size: .75rem; line-height: 40px;  height: 40px; color: #000; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items.select { width: 165px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items + .items { margin-left: 10px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items input:-moz-read-only { background-color: #eee; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items input:read-only { background-color: #eee; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items select { width: 100%; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .items select:disabled { color: #000; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item label { margin-top: 10px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .times { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .times span { margin: 0 10px; }
.genenal.layout-popup.popup-credit-edit .forms .forms-item .times input { display: inline-block; width: 100px; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents { margin-top: 10px; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .layout-popup-count {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .layout-popup-count span { color: #000; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .used_service {max-height: 160px;  margin: 10px 0 0; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .used_service li { position: relative; padding-right: 40px; }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .used_service li button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.genenal.layout-popup.popup-credit-edit .layout-popup-contents .description {font-size: .75rem; font-weight: 400;  margin-top: 5px; color: #ff2d47; }

.genenal.layout-popup .layout-popup-contents .setting-billing-cost-formula { margin-top: 40px; }
.genenal.layout-popup .layout-popup-contents .example-billing-cost { padding: 0; border: 0; }
.genenal.layout-popup .layout-popup-contents .layout-popup-confirm {font-size: 1rem; line-height: 1.5625em; min-height: 100px;  margin-top: 37px; color: #000; }
.genenal.layout-popup .layout-popup-contents .layout-popup-message {font-size: 1rem; line-height: 1.5625em;  margin-top: 37px; color: #000; }
.genenal.layout-popup .layout-popup-contents .layout-popup-message.min-height-with { min-height: 140px; }
.genenal.layout-popup .layout-popup-contents .layout-popup-message[data-state=invalid] { color: #ff4309; }
.genenal.layout-popup .layout-popup-contents .layout-popup-message strong { font-weight: 700; }
.genenal.layout-popup .layout-popup-contents .layout-popup-message em { color: #d0011b; }
.genenal.layout-popup .layout-popup-contents .sub_title {font-size: 1rem; font-weight: 500;  padding: 30px 0 15px; }
.genenal.layout-popup .layout-popup-contents .textarea-zone { position: relative; }
.genenal.layout-popup .layout-popup-contents .textarea-zone textarea {overflow-y: auto;  height: 154px; margin: 40px 0 0; }
.genenal.layout-popup .layout-popup-contents .popup-file-view {overflow-y: auto; box-sizing: border-box;  max-width: 100%; max-height: 600px; margin: 30px 0; text-align: center; }
.animated .genenal.layout-popup {transition: all .2s ease-out; transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }
.mfp-ready.animated .genenal.layout-popup {transform: translateY(0) perspective(600px) rotateX(0);  opacity: 1; }
.mfp-removing.animated .genenal.layout-popup {transform: translateY(-10px) perspective(600px) rotateX(10deg);  opacity: 0; }
.genenal.layout-popup.popup-customer-bill .layout-popup-contents { overflow: auto; overflow-x: hidden; max-height: 554px; }
.genenal.layout-popup.popup-customer-bill .popup-section { padding: 0 0 35px; }
.genenal.layout-popup.popup-customer-bill .popup-section.off { display: none; }
.genenal.layout-popup.popup-customer-bill .popup-section:last-child { padding-bottom: 0px; }
.genenal.layout-popup.popup-customer-bill .popup-section .popup-section-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 700;  margin-bottom: 10px; color: #000; }
.genenal.layout-popup.popup-customer-bill .layout-popup-footer { margin-top: 30px; }
.genenal.layout-popup.popup-setting-language .setting-language-message {font-size: .875rem; line-height: 1.64286em;  margin-top: 30px; margin-bottom: 33px; color: #ff2d47; }
.genenal.layout-popup.popup-setting-language .setting-language-message:before {display: block; width: 16px; height: 16px; margin: 0 0 20px 0;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-setting-language .setting-language-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-setting-language label ~ label { margin-left: 40px; }
.genenal.layout-popup.popup-add-agreement .required-message {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  display: block; margin-bottom: 13px; color: #ff2d47; }
.genenal.layout-popup.popup-add-agreement .forms .forms-item .label {font-size: .875rem; font-weight: 500;  margin-bottom: 10px; color: #000; }
.genenal.layout-popup.popup-add-agreement .forms .forms-item.agreement-version .label {font-size: 1rem;  display: inline-block; margin: 0; vertical-align: middle; }
.genenal.layout-popup.popup-add-agreement .forms .forms-item.agreement-version input[type=text] , .genenal.layout-popup.popup-add-agreement .forms .forms-item.agreement-version input[type=number] { display: inline-block; vertical-align: middle; }
.genenal.layout-popup.popup-add-admin { width: 1200px; }
.genenal.layout-popup.popup-add-admin .layout-popup-contents { position: relative; overflow: hidden; margin-top: 40px; }
.genenal.layout-popup.popup-add-admin .controls {position: absolute; top: 50%; left: 50%;  display: block; width: 40px; margin-top: -46px; margin-left: -20px; }
.genenal.layout-popup.popup-add-admin .controls button {position: relative;  display: block; width: 40px; height: 40px; text-indent: -9999px; background-color: rgba(0, 0, 0, .5); }
.genenal.layout-popup.popup-add-admin .controls button:before {position: absolute; z-index: 1; top: 50%; left: 50%; display: block;  content: ''; }
.genenal.layout-popup.popup-add-admin .controls button.btn-apply:before {width: 18px; height: 17px;  margin-top: -8.5px; margin-left: -9px; background-image: url(/assets/images/admin_sprites.png); background-position: -323px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-add-admin .controls button.btn-apply:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-add-admin .controls button.btn-cancel { margin-top: 12px; }
.genenal.layout-popup.popup-add-admin .controls button.btn-cancel:before {width: 18px; height: 17px; margin-top: -8.5px; margin-left: -9px;  transform: rotateY(180deg); background-image: url(/assets/images/admin_sprites.png); background-position: -323px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-add-admin .controls button.btn-cancel:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-add-admin .container-user-box {position: relative;  display: block; float: left; box-sizing: border-box; width: 500px; padding: 0; }
.genenal.layout-popup.popup-add-admin .container-user-box ~ .container-user-box { float: right; }
.genenal.layout-popup.popup-add-admin .container-user-box .title-user-box { font-size: .9375rem; font-weight: 700; line-height: 1.46667em; color: #000; }
.genenal.layout-popup.popup-add-admin .container-user-box .desc-user-box {font-size: .875rem; line-height: 1.33333em; position: absolute; top: 0; right: 0;  display: block; color: #9b9b9b; }
.genenal.layout-popup.popup-add-admin .container-user-box .tbl-pagination { margin-bottom: 5px; }
.genenal.layout-popup .user-box { display: block; overflow: auto; box-sizing: border-box; height: 395px; margin-top: 10px; padding: 24px 17px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background-color: #f3f4f5; }
.genenal.layout-popup .user-box .status:before {display: inline-block; width: 11px; height: 11px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; border-radius: 11px; background-color: #7fcb2b; }
.genenal.layout-popup .user-box.csp-user-box { margin: 40px 0 0; }
.genenal.layout-popup .tbl-list-user {font-size: .75rem; width: 100%;  margin-top: 5px; }
.genenal.layout-popup .tbl-list-user .c { padding-right: 0; padding-left: 0; text-align: center; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > thead > tr > th:first-child {width: 34px;  padding: 0; text-align: center; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td {position: relative;  padding: 10px 0 10px 10px; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td:first-child {width: 34px;  padding: 10px 0 0; text-align: center; vertical-align: top; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p { line-height: 1.5em; position: relative; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-time {margin: 0 0 3px;  color: #999; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-reason {overflow: hidden;  height: 36px; padding-right: 50px; word-break: break-all; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td p.write-reason.auto { height: auto; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td a {position: absolute; right: 10px; bottom: 10px; padding-left: 10px; text-decoration: underline;  color: #999; background-color: #f3f4f5; }
.genenal.layout-popup .tbl-list-user.csp-holdon-table > tbody > tr > td a.more-txt.active { display: none; }
.genenal.layout-popup .tbl-list-user > thead > tr > th , .genenal.layout-popup .tbl-list-user > thead > tr > td {font-weight: 400;  position: relative; height: 30px; text-align: center; vertical-align: middle; white-space: nowrap; color: #999; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.genenal.layout-popup .tbl-list-user > thead > tr > th.check , .genenal.layout-popup .tbl-list-user > thead > tr > td.check { width: 40px; }
.genenal.layout-popup .tbl-list-user > thead > tr > th.idx , .genenal.layout-popup .tbl-list-user > thead > tr > td.idx { width: 50px; }
.genenal.layout-popup .tbl-list-user > thead > tr > th.date , .genenal.layout-popup .tbl-list-user > thead > tr > td.date { width: 100px; }
.genenal.layout-popup .tbl-list-user > thead > tr > th + th:before , .genenal.layout-popup .tbl-list-user > thead > tr > th + td:before , .genenal.layout-popup .tbl-list-user > thead > tr > td + th:before , .genenal.layout-popup .tbl-list-user > thead > tr > td + td:before {position: absolute; top: 5px; bottom: 5px; display: block; width: 1px; height: 20px;  content: ''; background-color: #ddd; }
.genenal.layout-popup .tbl-list-user > tbody > tr > th , .genenal.layout-popup .tbl-list-user > tbody > tr > td {font-weight: 400;  box-sizing: border-box; height: 40px; padding: 0 0 0 20px; vertical-align: middle; color: #000; border-bottom: 1px solid #e6e6e6; }
.genenal.layout-popup .tbl-list-user > tbody > tr.checked th , .genenal.layout-popup .tbl-list-user > tbody > tr.checked td { background-color: #fff; }
.genenal.layout-popup.popup-preview-notice { width: 1200px; }
.genenal.layout-popup.popup-preview-notice .view-notice { margin-top: 40px; margin-bottom: 40px; border: 1px solid #e6e6e6; }
.genenal.layout-popup.popup-view-email { width: 1200px; }
.genenal.layout-popup.popup-sender { width: 600px; }
.genenal.layout-popup.popup-sender .forms-columns { -ms-flex-align: stretch; align-items: stretch; }
.genenal.layout-popup.popup-sender .forms-columns .forms-item .button-normal { display: block; width: 100%; }
.genenal.layout-popup.popup-recipient { width: 1200px; }
.genenal.layout-popup.popup-recipient .layout-popup-contents { padding-top: 40px; }
.genenal.layout-popup.popup-recipient .layout-popup-contents:after {display: block; clear: both;  content: ''; }
.genenal.layout-popup.popup-recipient .layout-popup-contents .forms-columns { display: block; }
.genenal.layout-popup.popup-recipient .layout-popup-contents .forms-columns:after {display: block; clear: both;  content: ''; }
.genenal.layout-popup.popup-recipient .layout-popup-contents .forms-columns .forms-item { float: left; margin-top: 20px; }
.genenal.layout-popup.popup-recipient .panel { display: block; float: left; width: 542px; border: 1px solid #eee; }
.genenal.layout-popup.popup-recipient .panel > dt {font-size: .875rem; font-weight: 500; line-height: 1.42857em; position: relative;  display: block; padding: 21px 20px 13px 20px; color: #000; }
.genenal.layout-popup.popup-recipient .panel > dt .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.2em; position: absolute; top: 19px; right: 20px;  display: block; color: #000; }
.genenal.layout-popup.popup-recipient .panel > dt .cnt strong { color: #3b99ff; }
.genenal.layout-popup.popup-recipient .panel > dd { padding: 0 20px 20px 20px; background-color: #f3f4f5; }
.genenal.layout-popup.popup-recipient .panel > dd .daterange input[type=text] {width: 152px;  height: 30px; }
.genenal.layout-popup.popup-recipient .panel > dd .user-box { margin-top: 0; border-top: 1px solid #ddd; border-bottom: 0; }
.genenal.layout-popup.popup-recipient .panel + .panel { float: right; }
.genenal.layout-popup.popup-recipient .list-company { display: block; overflow: auto; box-sizing: border-box; height: 395px; border-top: 1px solid #ddd; }
.genenal.layout-popup.popup-recipient .list-company .company-all { display: block; padding: 20px 0 5px 15px; }
.genenal.layout-popup.popup-recipient .list-company .company-all label { font-size: .75rem; font-weight: 400; color: #000; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li { display: block; margin-top: 10px; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item { box-sizing: border-box; height: 70px; padding: 10px 10px 0 40px; border: 1px solid #eee; background-color: #fff; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item:before , .genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item:after { top: 13px; left: 14px; margin: 0; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .name {font-size: .75rem; font-weight: 500; line-height: 18px;  display: block; overflow: hidden; width: 450px; height: 18px; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .date-join {font-size: .75rem; line-height: 1.66667em; position: absolute; right: 14px; bottom: 9px;  display: block; color: #666; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .date-join:before {display: inline-block; margin-right: 15px;  content: ''; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info { display: block; margin-top: 10px; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status { font-size: .75rem; line-height: 1.66667em; color: #666; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status:after {display: inline-block; width: 1px; height: 20px; margin: -2px 7px 0 9px;  content: ''; vertical-align: middle; background-color: #ddd; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .activity-status[data-state=deactivated] { color: #ccc; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status { font-size: .75rem; line-height: 1.66667em; color: #000; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial] { color: #3b99ff; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial]:before {display: inline-block; width: 11px; height: 11px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -208px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=trial]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=paid] { color: #6cb41d; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox] ~ .company-item .info .account-status[data-state=free] { color: #999; }
.genenal.layout-popup.popup-recipient .list-company .select-company > li input[type=checkbox]:checked ~ .company-item { border: 1px solid #1886ff; }
.genenal.layout-popup.popup-service-history .forms .forms-status { padding-bottom: 8px; border: 0; }
.genenal.layout-popup.popup-service-history .forms .forms-status .forms-item { min-height: 88px; }
.genenal.layout-popup.popup-service-history .forms .forms-status .txt {line-height: normal;  margin-top: 10px; }
.genenal.layout-popup.popup-service-history .used-with-txt {font-size: .9375rem; font-weight: 700;  display: inline-block; color: #6cb41d; }
.genenal.layout-popup.popup-service-history .used-with-txt:before {display: inline-block; width: 11px; height: 11px; margin-right: 9px;  content: ''; text-indent: -9999px; border-radius: 11px; background-color: #7fcb2b; }
.genenal.layout-popup.popup-service-history .used-with-txt[data-state=not-used] { color: #666; }
.genenal.layout-popup.popup-service-history .used-with-txt[data-state=not-used]:before {width: 10px; height: 10px; background-color: transparent;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-service-history .used-with-txt[data-state=not-used]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-service-history .service {font-size: .75rem; line-height: 1.66667em;  display: block; }
.genenal.layout-popup.popup-service-history .service:before {display: inline-block; margin: 0px 15px 0 0;  content: ''; vertical-align: middle; }
.genenal.layout-popup.popup-service-history .service.asset-management:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -226px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-service-history .service.asset-management:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.metering: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) { .genenal.layout-popup.popup-service-history .service.metering:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.monitoring: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) { .genenal.layout-popup.popup-service-history .service.monitoring:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.alarm: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) { .genenal.layout-popup.popup-service-history .service.alarm:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.its-project: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) { .genenal.layout-popup.popup-service-history .service.its-project:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.its-request:before {width: 20px; height: 20px;  background-image: url(../images/layout_sprites.png); background-position: -104px -652px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-service-history .service.its-request:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.its-approval: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) { .genenal.layout-popup.popup-service-history .service.its-approval:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service.its-devops: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) { .genenal.layout-popup.popup-service-history .service.its-devops:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.genenal.layout-popup.popup-service-history .service + .service { margin-top: 15px; }
.genenal.layout-popup.popup-add-user { width: 600px; }
.genenal.layout-popup.popup-add-user .layout-popup-message {font-size: .75rem; line-height: 1.75em;  margin-top: 37px; color: #000; }
.genenal.layout-popup.popup-add-user .invalid-message {line-height: 1.75em;  margin-top: 6px; }
.genenal.layout-popup.popup-add-user .invalid-message:before { content: none !important; }
.genenal.layout-popup.popup-update-group-user {width: 1100px;  padding: 40px 40px 30px 40px; }
.genenal.layout-popup.popup-update-group-user .layout-popup-contents { position: relative; overflow: hidden; margin-top: 20px; }
.genenal.layout-popup.popup-update-group-user .controls {position: absolute; top: 50%; left: 50%;  display: block; width: 60px; margin-top: -46px; margin-left: -30px; }
.genenal.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; }
.genenal.layout-popup.popup-update-group-user .controls button:before {display: block; margin: 0 auto;  content: ''; }
.genenal.layout-popup.popup-update-group-user .controls button.btn-add:before {width: 17px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -64px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-update-group-user .controls button.btn-add:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-update-group-user .controls button.btn-delete { margin-top: 10px; }
.genenal.layout-popup.popup-update-group-user .controls button.btn-delete:before {width: 17px; height: 14px;  transform: rotateY(180deg); background-image: url(/assets/images/admin_sprites.png); background-position: -64px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .genenal.layout-popup.popup-update-group-user .controls button.btn-delete:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.genenal.layout-popup.popup-update-group-user .controls button[disabled] { color: rgba(255, 255, 255, .6); background-color: rgba(0, 0, 0, .6); }
.genenal.layout-popup.popup-update-group-user .controls button[disabled]:before { opacity: .6; }
.genenal.layout-popup.popup-update-group-user .container-user-box { display: block; float: left; box-sizing: border-box; width: 465px; }
.genenal.layout-popup.popup-update-group-user .container-user-box ~ .container-user-box { float: right; }
.genenal.layout-popup.popup-update-group-user .container-user-box ~ .container-user-box .list-user-box { background-color: #f4f4f4; }
.genenal.layout-popup.popup-update-group-user .container-user-box .title-user-box { font-size: .875rem; font-weight: 700; line-height: 1.42857em; color: #000; }
.genenal.layout-popup.popup-update-group-user .container-user-box .title-user-box em { color: #1886ff; }
.genenal.layout-popup.popup-update-group-user .container-user-box .desc-user-box {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: block; float: right; padding-top: 7px; padding-bottom: 8px; color: #999; }
.genenal.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; }
.genenal.layout-popup.popup-update-group-user .list-user-box .search {position: relative;  display: block; margin-bottom: 6px; }
.genenal.layout-popup.popup-update-group-user .list-user-box .search input[type=text] , .genenal.layout-popup.popup-update-group-user .list-user-box .search input[type=search] {line-height: 24px;  display: inline-block; width: 100%; height: 24px; padding-left: 30px; border: 0; background: url('/assets/images/icon_search_01_s@2x.png') 10px center no-repeat; background-size: 14px 14px; box-shadow: none; }
.genenal.layout-popup.popup-update-group-user .list-user-box .search input[type=text]:focus , .genenal.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'); }
.genenal.layout-popup.popup-update-group-user .layout-popup-footer { margin-top: 30px; }
.genenal.layout-popup.popup-update-group-user .layout-popup-footer .button-normal {width: 190px;  margin: 0 10px; }
.genenal.layout-popup.popup-update-group-user.user-groups .title-user-box { padding-top: 7px; padding-bottom: 8px; }
.genenal.layout-popup.popup-update-group-user.user-groups .list-user-box { margin-top: 5px; }
.genenal.layout-popup.popup-update-group-user.user-groups .multiselect-native-select { display: block; }
.genenal.layout-popup.popup-update-group-user.add-company { width: 760px; }
.genenal.layout-popup.popup-update-group-user.add-company .container-user-box { width: 295px; }
.genenal.layout-popup.popup-update-group-user.add-company .list-user-box { width: 295px; }
.genenal.layout-popup.popup-update-user-status { width: 710px; }
.genenal.layout-popup.popup-update-user-status .layout-popup-contents { padding-top: 40px; }
.genenal.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; }
.genenal.layout-popup.popup-update-user-status .layout-popup-contents .user span { font-size: 1rem; font-weight: 400; line-height: 1.93333em; }
.genenal.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; }
.genenal.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; }
.genenal.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; }
.genenal.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(1) , .genenal.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(2) , .genenal.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li:nth-child(3) { border-top: 0px; }
.genenal.layout-popup.popup-update-user-status .layout-popup-contents .list-user-info > li.col-2 { width: calc(100% / 3 * 2); }
.genenal.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) { .genenal.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; } }
.genenal.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) { .genenal.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; } }
.genenal.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) { .genenal.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; } }
.genenal.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; }
.genenal.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; }
.genenal.layout-popup.popup-downloading { padding: 46px 100px 40px 100px; }
.genenal.layout-popup.popup-downloading .layout-popup-title { display: none; }
.genenal.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); }
.genenal.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%; }
.genenal.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; }
.genenal.layout-popup.popup-downloading .layout-popup-contents .description {font-size: 1rem; line-height: 1.5625em;  margin-top: 25px; text-align: center; }
.genenal.layout-popup.popup-downloading .layout-popup-footer { margin-top: 30px; }
.genenal.popup-calc-fee-way .description {font-size: .75rem;  font-weight: 500; line-height: 30px; margin-top: 10px; padding: 0 10px; color: #333; background-color: #f9f9f9; }
.genenal.popup-calc-fee-way .description + .setting-billing-cost-formula { margin-top: 20px; }
.genenal.layout-notice-popup { display: -ms-flexbox; display: flex; flex-direction: column; min-width: 600px; min-height: 450px; margin: 0 auto; 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; }
.genenal.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; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils {font-size: .75rem; font-weight: 400; line-height: 1.5em;  display: block; margin-top: 8px; color: #999; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils .notice-category { font-weight: 700; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils .notice-update:before {display: inline-block; width: 1px; height: 11px; margin: 0 5px;  content: ''; vertical-align: middle; background-color: #d2d2d2; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils[data-state=new] .notice-category { color: #1886ff; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils[data-state=event] .notice-category { color: #6cb41d; }
.genenal.layout-notice-popup .layout-notice-popup-title .utils[data-state=check] .notice-category { color: #f66c23; }
.genenal.layout-notice-popup .layout-notice-popup-contents { display: block; overflow: scroll; box-sizing: border-box; padding: 15px 36px; -ms-flex: 1; flex: 1; }
.genenal.layout-notice-popup .layout-notice-popup-footer { display: block; box-sizing: border-box; height: 50px; padding: 10px 15px; text-align: right; background-color: #f4f4f4; }
.genenal.layout-notice-popup .layout-notice-popup-footer label { display: inline-block; margin-right: 15px; vertical-align: middle; }
.genenal.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; }
.animated .genenal.layout-notice-popup {transition: all .2s ease-out; transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }
.mfp-ready.animated .genenal.layout-notice-popup {transform: translateY(0) perspective(600px) rotateX(0);  opacity: 1; }
.mfp-removing.animated .genenal.layout-notice-popup {transform: translateY(-10px) perspective(600px) rotateX(10deg);  opacity: 0; }
.genenal.layout-notice-popup .mfp-close { display: none; }
.genenal.jconfirm .bill-info {position: relative;  box-sizing: border-box; width: 391px; margin: 40px auto 0 auto; padding: 35px 33px 50px 33px; border: 1px solid #cdcdcd; border-bottom: 0px; }
.genenal.jconfirm .bill-info:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 5px;  content: ''; background: url('/assets/images/bg_bill_bottom@2x.png') left top repeat-x; background-size: 15px 5px; }
.genenal.jconfirm .bill-info dt {font-size: .75rem; font-weight: 500;  display: block; padding: 7px 0 0 0; color: #898989; }
.genenal.jconfirm .bill-info dt:first-child { border-top: 1px solid #d0d0d0; }
.genenal.jconfirm .bill-info dd {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.0625rem;  display: block; padding: 5px 0 2px 0; text-align: right; color: #575757; border-bottom: 1px solid #d0d0d0; }
.genenal.jconfirm .bill-info dd .total { font-size: 2.25rem; color: #000; }

[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/admin_sprites.png); background-position: -252px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { [data-tooltip=info]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

[data-tooltip=apply]:after {display: inline-block; width: 10px; height: 10px; margin-left: 6px;  content: ''; vertical-align: -1px; border-radius: 100%; background: #ddd; }

[data-tooltip=apply][data-state=on]:after { background: #28ca42; }

[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/admin_sprites.png); background-position: -252px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { [data-tooltip=info-bottom]:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-box { border-radius: 0; background-color: #000; }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content { font-size: .6875rem; line-height: 1.54545em; color: #fff; }
.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content .key { display: block; }
.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-content .value { display: block; margin-top: 5px; }

.tooltipster-sidetip.tooltipster-bsp-info .tooltipster-arrow-background { border-right-color: #000; }

.tooltipster-sidetip.tooltipster-bsp-info.tooltipster-top .tooltipster-arrow-background { border-top-color: #000; border-right-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp-info.tooltipster-bottom .tooltipster-arrow-background {border-right-color: transparent;  border-bottom-color: #000; }


.layout-tooltip { display: block; box-sizing: border-box; padding: 14px; border: 1px solid #999; background-color: #fff; box-shadow: 0 2px 4px 0 black; }
.layout-tooltip.tooltip-account-info { min-width: 260px; }
.layout-tooltip.tooltip-account-info.cfrc-apply { min-width: inherit; }
.layout-tooltip.tooltip-account-info.tooltip-account-info-en { min-width: 362px; }
.layout-tooltip.tooltip-account-info .layout-tooltip-title { font-size: .75rem; font-weight: 700; color: #000; }
.layout-tooltip.tooltip-account-info .layout-tooltip-text { font-size: .75rem; font-weight: 400; color: #000; }
.layout-tooltip.tooltip-account-info .account-info {font-size: .75rem; line-height: 1.66667em;  overflow: hidden; margin-top: 9px; }
.layout-tooltip.tooltip-account-info .account-info.cfrc dt { min-width: 60px; }
.layout-tooltip.tooltip-account-info .account-info dt {line-height: inherit;  display: block; float: left; clear: both; color: #9e9e9e; }
.layout-tooltip.tooltip-account-info .account-info dd {line-height: inherit;  display: block; float: left; margin-left: 7px; color: #000; }
.layout-tooltip.tooltip-state-fee { min-width: 260px; }
.layout-tooltip.tooltip-state-fee.tooltip-state-fee-en { min-width: 362px; }
.layout-tooltip.tooltip-state-fee .layout-tooltip-title { font-size: .75rem; font-weight: 700; color: #000; }
.layout-tooltip.tooltip-state-fee .state-fee-info {font-size: .75rem; line-height: 1.66667em;  overflow: hidden; margin-top: 9px; }
.layout-tooltip.tooltip-state-fee .state-fee-info dt {line-height: inherit;  display: block; float: left; clear: both; width: 77%; color: #999; }
.layout-tooltip.tooltip-state-fee .state-fee-info dd {line-height: inherit;  display: block; float: left; width: 23%; color: #000; }
.layout-tooltip.tooltip-tbl-header .layout-tooltip-description { font-size: .75rem; font-weight: 400; color: #000; }
.layout-tooltip.tooltip-exhcnage-rate { padding: 18px 18px 25px 18px; }
.layout-tooltip.tooltip-exhcnage-rate .layout-tooltip-title {font-size: .8125rem;  overflow: hidden; color: #898989; }
.layout-tooltip.tooltip-exhcnage-rate .layout-tooltip-title span { display: inline-block; margin-top: 2px; }
.layout-tooltip.tooltip-exhcnage-rate .layout-tooltip-title .point {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2rem; line-height: 1em;  display: block; float: right; color: #000; }
.layout-tooltip.tooltip-exhcnage-rate .exchange-rate-info { margin-top: 10px; }
.layout-tooltip.tooltip-exhcnage-rate .exchange-rate-info dt {font-size: .8125rem; font-weight: 500;  display: block; color: #9b9b9b; }
.layout-tooltip.tooltip-exhcnage-rate .exchange-rate-info dd {font-size: .75rem;  display: block; margin-top: 5px; color: #000; }

.tooltipster-sidetip.tooltipster-bsp-accountinfo .tooltipster-box {border: 0; border-radius: 0;  background-color: transparent; }

.tooltipster-sidetip.tooltipster-bsp-accountinfo .tooltipster-content { padding: 0; }


.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; }

.tooltip_templates { display: none; }

progress {width: 60%; height: 8px; margin-right: 8px; border: none; border-radius: 2px; background: #eaecef;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
progress::-webkit-progress-bar {border-radius: 2px;  background: #eaecef; }
progress.full::-webkit-progress-value {border-radius: 2px;  background: #6cb41e; }
progress.full::-moz-progress-bar {border-radius: 2px;  background: #6cb41e; }
progress.full::-ms-fill {border-radius: 2px;  background: #6cb41e; }
progress.middle::-webkit-progress-value {border-radius: 2px;  background: #f5a323; }
progress.middle::-moz-progress-bar {border-radius: 2px;  background: #f5a323; }
progress.middle::-ms-fill {border-radius: 2px;  background: #f5a323; }
progress.row::-webkit-progress-value {border-radius: 2px;  background: #ff2d47; }
progress.row::-moz-progress-bar {border-radius: 2px;  background: #ff2d47; }
progress.row::-ms-fill {border-radius: 2px;  background: #ff2d47; }

.ag-bsp-admin {font-family: inherit; font-size: .750rem; line-height: 1.4;  width: 100%; color: #000; background-color: transparent; }
.ag-bsp-admin.resale.header-auto-height:lang(en) .ag-header-cell-label .ag-header-cell-text {overflow: visible;  height: auto; white-space: normal; text-overflow: clip; word-break: keep-all; overflow-wrap: normal; }
.ag-bsp-admin.resale[data-border=x-none] .ag-header-cell-resize:last-child { background: none; }
.ag-bsp-admin.resale .scrolling-right { position: absolute; top: 0; right: -4px; bottom: 0; width: 4px; box-shadow: -4px 0 8px 0 rgba(116, 101, 101, .5); }
.ag-bsp-admin.resale .scrolling-left { position: absolute; top: 0; bottom: 0; left: -4px; width: 8px; transform: translateX(-10px); box-shadow: 4px 0 8px 0 rgba(116, 101, 101, .1); }
.ag-bsp-admin.resale .pin_total { background-color: #f0f7ff; }
.ag-bsp-admin.resale.other-wrap .ag-root { border-bottom: 0; }
.ag-bsp-admin.resale.other-wrap .ag-header-row .ag-header-cell:first-child .ag-header-cell-label { border-left: 0 !important; }
.ag-bsp-admin.resale.other-wrap .ag-row > *:first-child { border-left-width: 0; }
.ag-bsp-admin.resale.other-wrap .ag-center-cols-container .ag-row > *:first-child { border-left-width: 1px; }
.ag-bsp-admin.resale.new.line2 .ag-cell {line-height: 1;  display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.ag-bsp-admin.resale.new.multi-inner .ag-cell { padding: 0 10px; }
.ag-bsp-admin.resale.new .ag-cell { line-height: 29px; box-sizing: border-box; padding: 4px 10px; }
.ag-bsp-admin.resale.new .ag-cell .with-button-ellipsis { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; }
.ag-bsp-admin.resale.new .ag-cell .with-button-ellipsis .text {overflow: hidden;  width: calc(100% - 50px); white-space: nowrap; text-overflow: ellipsis; }
.ag-bsp-admin.resale.new .left-border-none .ag-body-viewport .ag-pinned-left-cols-container .ag-row .ag-cell { padding-top: 4px; }
.ag-bsp-admin.resale.new .ag-header-cell {border-right: 1px solid #e6e6e6;  background-color: #fff; }
.ag-bsp-admin.resale.new .ag-header-cell.pin_total { background-color: #f0f7ff; }
.ag-bsp-admin.resale[data-bg-color=white] {margin-top: 0px;  margin-bottom: 20px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white].none-border { border: 0; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-header { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-root { padding-top: 16px; border-top: 1px solid #ccc; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container .ag-header { border-bottom: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent { margin-top: 15px; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body { border: 1px solid #d6d6d6; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-header { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-body , .ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-body-viewport-wrapper {border-right: 0;  border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-header-cell-resize { display: block; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body-viewport-wrapper {border-right: 1px solid #d5d9db;  border-left: 1px solid #d5d9db; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-row .ag-cell.expiration { color: #999; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-row .ag-cell:nth-child(1) { border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-header { background-color: #f7f8f9; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-header-cell-resize { display: none; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] {margin-top: 0px;  margin-bottom: 20px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top].none-border { border: 0; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-root { padding-top: 16px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container .ag-header { border-bottom: 0; }
.ag-bsp-admin.resale.standard .ag-body { border-top: 1px solid #b8bec3; }
.ag-bsp-admin.resale.standard .ag-body .ag-row-selected .ag-cell.expiration { color: #999; background-color: #fff; }
.ag-bsp-admin.resale.standard .ag-body .ag-row { border-bottom: 1px solid #b8bec3; }
.ag-bsp-admin.resale.standard .ag-body .ag-cell {font-size: .75rem;  line-height: 30px; }
.ag-bsp-admin.resale.standard .ag-body .ag-cell.expiration { color: #999; }
.ag-bsp-admin.resale.row-hover .ag-row-hover { cursor: pointer; background-color: rgba(153, 153, 153, .1); }
.ag-bsp-admin.resale .ag-header { background-color: #f7f8f9; }
.ag-bsp-admin.resale .ag-header-cell-text {font-size: .75rem; font-weight: 500;  padding-left: 2px; color: #666; }
.ag-bsp-admin.resale .ag-header-cell-resize {cursor: col-resize; background-color: #e6e6e6;  background-image: none; }
.ag-bsp-admin.resale .ag-root { border-top: 1px solid #b8bec3; border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.resale .ag-body { border-top: 1px solid #b8bec3; background-color: transparent; }
.ag-bsp-admin.resale .ag-body .ag-row-selected { background-color: rgba(153, 153, 153, .1); }
.ag-bsp-admin.resale .ag-body.no-data { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.ag-bsp-admin.resale .ag-body.no-data p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.ag-bsp-admin.resale .ag-body.no-data p:before {display: block; width: 35px; height: 29px; margin: 0 auto 15px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -219px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-admin.resale .ag-body.no-data p:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.ag-bsp-admin.resale .ag-body.no-data div { text-align: center; }
.ag-bsp-admin.resale .ag-body.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.ag-bsp-admin.resale .ag-body.no-data div > p:before { display: none; }
.ag-bsp-admin.resale .ag-body .ag-row { border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-container {border-right: 1px solid #e6e6e6;  border-left: 0px solid #e6e6e6; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-viewport { border-left: 0; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-viewport:nth-child(1) .ag-pinned-left-cols-container:nth-child(1) .ag-row .ag-cell:nth-child(1) { border-left: 0; }
.ag-bsp-admin.resale .ag-body .ag-body-container { border-left: 0px solid #f00; }
.ag-bsp-admin.resale .ag-body .ag-cell {font-size: .75rem;  font-weight: 600; font-weight: 400; line-height: 40px; box-sizing: border-box; padding-left: 10px; color: #222; border-left: 1px solid #e6e6e6; }
.ag-bsp-admin.resale .ag-body .ag-cell.expiration { color: #999; }
.ag-bsp-admin.resale .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; }
.ag-bsp-admin.resale .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-none-icon {width: 8px; height: 13px; margin: 0 3px 0; padding: 0 2px 0 0;  background-image: url(/assets/images/sprites.png); background-position: -739px -267px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-admin.resale .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-ascending-icon {width: 8px; height: 12px; margin-top: 1px;  background-image: url(/assets/images/sprites.png); background-position: -739px -487px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-admin.resale .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-descending-icon {width: 8px; height: 12px; margin-top: 1px;  background-image: url(/assets/images/sprites.png); background-position: -739px -541px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-admin.resale .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin.resale .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-admin.top-summary .ag-row[row~='0'] { background: #f9f9f9; }
.ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group:nth-child(1) .ag-header-group-cell-label , .ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group:nth-child(2) .ag-header-group-cell-label { border-bottom: 0; }
.ag-bsp-admin.top-summary .ag-header-cell-resize {right: -1px; background-color: #c5c5c5;  background-image: none; }
.ag-bsp-admin.top-summary .ag-header-group-cell-label {box-sizing: border-box; margin-top: -1px;  text-align: center; border-bottom: 1px solid #c5c5c5; }
.ag-bsp-admin.top-summary .ag-header-group-cell-label .ag-header-cell-resize { right: -1px; }
.ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group .ag-header-cell-resize , .ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-with-group .ag-header-cell-resize { right: 0px; }
.ag-bsp-admin.top-summary .ag-pinned-left-header .ag-header-row .ag-header-cell:nth-child(1) .ag-header-cell-label , .ag-bsp-admin.top-summary .ag-pinned-left-header .ag-header-row .ag-header-cell:nth-child(2) .ag-header-cell-label { transform: translateY(-50%); }
.ag-bsp-admin.row-hover .ag-row-hover { cursor: pointer; background-color: #ebeced; }
.ag-bsp-admin img { vertical-align: middle; border: 0; }
.ag-bsp-admin .ag-hidden { display: none; }
.ag-bsp-admin .ag-root { border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; }
.ag-bsp-admin .ag-cell { font-weight: 400; line-height: 50px; padding-left: 10px; border-left: 1px solid #f0f0f0; }

.ag-bsp-admin .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-bsp-admin .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-bsp-admin .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-bsp-admin .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-bsp-admin .ag-column-moving .ag-cell { transition: left .2s; }
.ag-bsp-admin .ag-cell-focus { outline: 0px; }
.ag-bsp-admin .ag-cell-highlight { border: 1px solid #006400; }
.ag-bsp-admin .ag-cell-highlight-animation { transition: border 1s; }
.ag-bsp-admin .ag-cell-edit-input { display: inline-block; margin-top: -3px; }
.ag-bsp-admin .ag-value-change-delta { padding-right: 2px; }
.ag-bsp-admin .ag-value-change-delta-up { color: #006400; }
.ag-bsp-admin .ag-value-change-delta-down { color: #8b0000; }
.ag-bsp-admin .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-bsp-admin .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-bsp-admin .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-admin .ag-rich-select-value { padding: 2px; }
.ag-bsp-admin .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-rich-select-row { padding: 2px; }
.ag-bsp-admin .ag-rich-select-row-selected { background-color: #ebeced; }
.ag-bsp-admin .ag-large-text { border: 1px solid #808080; }
.ag-bsp-admin .ag-header-select-all {line-height: 0;  padding: 7px 0px 0px 10px; }
.ag-bsp-admin .ag-header {font-weight: 500;  color: #898989; border-bottom: 1px solid transparent; background-color: #f3f4f5; }
.ag-bsp-admin .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; }
.ag-bsp-admin .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-admin .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-admin .ag-header-icon.ag-sort-none-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin .ag-header-icon.ag-sort-none-icon svg { display: none; }
.ag-bsp-admin .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-admin .ag-header-icon.ag-sort-ascending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin .ag-header-icon.ag-sort-ascending-icon svg { display: none; }
.ag-bsp-admin .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-admin .ag-header-icon.ag-sort-descending-icon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin .ag-header-icon.ag-sort-descending-icon svg { display: none; }
.ag-bsp-admin .ag-no-scrolls .ag-header-container {border-bottom: 1px solid #808080;  background: linear-gradient(#fff, #d3d3d3); }
.ag-bsp-admin .ag-header-cell { text-align: left; border-right: 1px solid transparent; }
.ag-bsp-admin .ag-header-cell-resize { position: absolute; z-index: 1; right: -2px; width: 1px; background: url('/assets/images/ag_cell_resize@2x.png') center center no-repeat; background-size: 2px 20px; }
.ag-bsp-admin .ag-header-cell-moving { background-color: #bebebe; }
.ag-bsp-admin .ag-header-cell-moving .ag-header-cell-label { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 8px 2px 8px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-bsp-admin .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-bsp-admin .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-bsp-admin .ag-header-cell-text { padding-left: 2px; }
.ag-bsp-admin .ag-header-group-cell-label { padding-left: 10px; }
.ag-bsp-admin .ag-header-group-text { line-height: 31px; margin-right: 2px; }
.ag-bsp-admin .ag-header-cell-menu-button {line-height: 40px;  display: none; box-sizing: content-box; width: 20px; height: 22px; padding: 0px; border: 1px solid transparent; }
.ag-bsp-admin .ag-filter-icon {position: absolute; top: 50%; right: 0px; bottom: 2px; left: -2px;  display: block; box-sizing: border-box; height: 28px; margin-top: -14px; border: 2px solid #000; }
.ag-bsp-admin .ag-pinned-right-header .ag-header-cell-resize { position: static; }
.ag-bsp-admin .ag-body {border-top: 1px solid #d6d6d6;  background-color: #fff; }
.ag-bsp-admin .ag-body .ag-row { border-bottom: 1px solid #d0d0d0; }
.ag-bsp-admin .ag-body .ag-row-selected { background-color: #ebeced; }
.ag-bsp-admin .ag-floating-top .ag-row , .ag-bsp-admin .ag-floating-bottom .ag-row { background-color: #fff; }
.ag-bsp-admin .ag-floating-bottom .ag-row { border-top: 2px solid #000; }
.ag-bsp-admin .ag-floating-bottom .ag-row .ag-cell { line-height: 50px; }
.ag-bsp-admin .ag-floating-bottom { z-index: 1; height: 50px !important; border-bottom: 2px solid #000; }
.ag-bsp-admin .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-bsp-admin .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-admin .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-bsp-admin .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-admin .ag-overlay-no-rows-center:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin .ag-group-cell-entire-row , .ag-bsp-admin .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-admin .ag-group-expanded , .ag-bsp-admin .ag-group-contracted { padding-right: 4px; }
.ag-bsp-admin .ag-group-value , .ag-bsp-admin .ag-group-checkbox { padding-right: 2px; }
.ag-bsp-admin .ag-menu {font-size: 14px;  z-index: 1; padding: 10px; cursor: default; border: 2px solid #000; background-color: #fff; }
.ag-bsp-admin .ag-menu .ag-tab-header { display: none; background-color: #fff; }
.ag-bsp-admin .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-admin .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-admin .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-menu-option-active { background-color: #bde2e5; }
.ag-bsp-admin .ag-menu-option-icon , .ag-bsp-admin .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-shortcut { padding: 2px 2px 2px 20px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-disabled { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-menu-column-select-wrapper { margin: 2px; }
.ag-bsp-admin .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-bsp-admin .ag-filter-header-container .ag-filter-filter {font-size: 16px; font-weight: 500;  box-sizing: border-box; width: 100%; height: 27px; padding-left: 20px; color: #000; border: 0px; background-color: #e7e7e7; }
.ag-bsp-admin .ag-filter-header-container > label { display: block; }
.ag-bsp-admin .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-filter-value { margin-left: 4px; }
.ag-bsp-admin .ag-selection-checkbox { padding-right: 8px; }
.ag-bsp-admin .ag-paging-panel { padding: 4px; }
.ag-bsp-admin .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-bsp-admin .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-bsp-admin .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-bsp-admin .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-admin .ag-status-bar-aggregations { float: right; }
.ag-bsp-admin .ag-status-bar-item { padding-left: 10px; }
.ag-bsp-admin .ag-column-drop-cell {color: #000; border: 1px solid #808080;  background: linear-gradient(#fff, #d3d3d3); }
.ag-bsp-admin .ag-column-drop-cell-ghost { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-admin .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-admin .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-bsp-admin .ag-column-drop-icon { padding-right: 4px; }
.ag-bsp-admin .ag-column-drop { background-color: #f6f6f6; }
.ag-bsp-admin .ag-column-drop-horizontal { padding: 4px 4px 4px 4px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-horizontal .ag-column-drop-cell { padding: 2px; }
.ag-bsp-admin .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-bsp-admin .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-bsp-admin .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-admin .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-bsp-admin .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-admin .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-admin .ag-select-agg-func-item:hover { background-color: #bde2e5; }
.ag-bsp-admin.hidden-overflow-x .ag-body-viewport { overflow-x: hidden; }
.ag-bsp-admin .ag-grid-area-container {position: relative; z-index: 1;  box-sizing: border-box; width: 100%; height: 100%; padding: 40px; background-color: #f3f4f5; }
.ag-bsp-admin .ag-grid-area-container .ag-root { border-top: 2px solid #dfdfdf; border-bottom: 1px solid #d0d0d0; }
.ag-bsp-admin .ag-grid-area-container .ag-header { font-weight: 400; color: #666; border-bottom: 1px solid #dfdfdf; background-color: transparent; }
.ag-bsp-admin .ag-grid-area-container .ag-body { background-color: transparent; }
.ag-bsp-admin .ag-grid-area-container .ag-cell { font-weight: 400; line-height: 40px; border-left: 1px solid #d8d8d8; }
.ag-bsp-admin .ag-grid-area-container .ag-row .ag-cell:first-child { border-left: 0px; }
.ag-bsp-admin a[href*=mailto] {font-weight: 400; position: relative;  display: inline-block; padding-right: 20px; vertical-align: middle; color: #000; }
.ag-bsp-admin a[href*=mailto]:hover { text-decoration: underline; }
.ag-bsp-admin a[href*=mailto]:after {position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -403px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ag-bsp-admin a[href*=mailto]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.ag-bsp-admin.invert .ag-body { background-color: #f3f4f5; }
.ag-bsp-admin.invert .ag-body .ag-row-selected { background-color: #eaf3fd; }
.ag-bsp-admin.invert .ag-cell { line-height: 40px; }

.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; }

.history-icon-align { display: inline-block; margin-top: 7px; margin-left: 0; }

.header-tooltip-icon .ag-header-cell-text:after {position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin-left: 2px;  content: ''; background-image: url(/assets/images/plugin/v-tooltip/icon_info_01.png); background-repeat: no-repeat; background-position: center; }


.ag-popup { position: absolute; display: block; transform: translateX(-50%); }
.ag-popup .ag-tooltip {font-size: .75rem; font-weight: 400; line-height: 18px;  position: relative; display: block; padding: 10px 10px 10px; text-align: left; color: white; background: black; background-color: black; }
.ag-popup .ag-tooltip:before {position: absolute; z-index: 99999; top: -5px; left: calc(50% - 5px); display: inline-block; margin: 5px; margin-top: 0; margin-bottom: 0;  content: ''; border-width: 0 5px 5px 5px; border-style: solid; border-color: black; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; }

.ag-edit { margin-left: 0; }

.ag-cell.ag-cell-not-inline-editing.ag-cell-with-height.ag-cell-value.expiration { color: #999; }


.ag-bsp-admin {font-family: inherit; font-size: .750rem; line-height: 1.4;  width: 100%; color: #000; background-color: transparent; }
.ag-bsp-admin.resale .ag-cell .multiline { position: relative; top: 0; left: -10px; width: calc( 100% + 20px); }
.ag-bsp-admin.resale .ag-cell .multiline.right-padding { width: calc(100% + 10px); }
.ag-bsp-admin.resale .ag-cell .multiline.right-padding p { padding-right: 10px; padding-left: 0px; }
.ag-bsp-admin.resale .ag-cell .multiline.left-padding p { padding-right: 0px; padding-left: 10px; }
.ag-bsp-admin.resale .ag-cell .multiline.none-padding p { padding-right: 0px; padding-left: 0px; }
.ag-bsp-admin.resale .ag-cell .multiline p {line-height: 28px; overflow: hidden;  height: 29px; padding: 0 10px; text-overflow: ellipsis; border-bottom: 1px solid #ccc; }
.ag-bsp-admin.resale[data-bg-color=white] {margin-top: 0px;  margin-bottom: 20px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white].none-border { border: 0; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-header { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-root { padding-top: 16px; border-top: 1px solid #ccc; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container .ag-header { border-bottom: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent { margin-top: 15px; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body { border: 1px solid #d6d6d6; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-header { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-body , .ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-body-viewport-wrapper {border-right: 0;  border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body .ag-grid-area-container .ag-header-cell-resize { display: block; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-body-viewport-wrapper {border-right: 1px solid #d5d9db;  border-left: 1px solid #d5d9db; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-row.expiration { color: #999; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-row .ag-cell:nth-child(1) { border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-header { background-color: #f7f8f9; }
.ag-bsp-admin.resale[data-bg-color=white].header-bg-transparent .ag-header-cell-resize { display: none; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] {margin-top: 0px;  margin-bottom: 0px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top][data-border=x-none] .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell .ag-header-cell-label:first-child { border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top].none-border { border: 0; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-root { padding-top: 0px; background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-pinned-left-header .ag-header-row .ag-header-cell .ag-header-cell-resize { background-color: transparent; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell .ag-header-cell-resize { background-color: transparent; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell .ag-header-cell-label { border-left: 1px solid #e6e6e6; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container { background-color: #fff; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container .ag-header { border-bottom: 0; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container .ag-header .ag-header-row .ag-header-cell .ag-header-cell-resize { display: block; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container .ag-header .ag-header-row .ag-header-cell:first-child .ag-header-cell-resize { display: none; }
.ag-bsp-admin.resale[data-bg-color=white-exception-top] .ag-grid-area-container .ag-header .ag-header-cell-resize { left: 0; }
.ag-bsp-admin.resale.left-border-none .ag-body-viewport .ag-pinned-left-cols-container .ag-row .ag-cell {padding: 0;  border-left: 0; }
.ag-bsp-admin.resale.standard .ag-body-horizontal-scroll { display: none; }
.ag-bsp-admin.resale.standard .ag-body { border-top: 1px solid #b8bec3; }
.ag-bsp-admin.resale.standard .ag-body .ag-row-selected .ag-cell.expiration { color: #999; background-color: #fff; }
.ag-bsp-admin.resale.standard .ag-body .ag-row { border-bottom: 1px solid #b8bec3; }
.ag-bsp-admin.resale.standard .ag-body .ag-cell {font-size: .75rem;  line-height: 30px; }
.ag-bsp-admin.resale.standard .ag-body .ag-cell.expiration { color: #999; }
.ag-bsp-admin.resale.row-hover .ag-row-hover { cursor: pointer; background-color: rgba(153, 153, 153, .1); }
.ag-bsp-admin.resale .ag-header { position: relative; border-bottom: 1px solid #b8bec3; background-color: #f7f8f9; }
.ag-bsp-admin.resale .ag-header-cell-text {font-size: .75rem; font-weight: 500;  padding-left: 2px; color: #666; }
.ag-bsp-admin.resale .ag-header-cell-resize {right: 0; width: 1px;  background: #e6e6e6; background-image: none; }
.ag-bsp-admin.resale .ag-root { border-top: 1px solid #b8bec3; border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.resale .ag-body { border-top: 1px solid #b8bec3; background-color: transparent; }
.ag-bsp-admin.resale .ag-body .ag-row-selected { background-color: rgba(153, 153, 153, .1); }
.ag-bsp-admin.resale .ag-body.no-data { display: -ms-flexbox; display: flex; min-height: 224px; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.ag-bsp-admin.resale .ag-body.no-data p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.ag-bsp-admin.resale .ag-body.no-data p:before {display: block; width: 29px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjMwLmNvbnRlbnRzJmFtcDtzdGF0L3N0YXRfbm9EYXRhL3dhcm5pbmdfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGQjcxMCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjg5NjQxNCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsMSBDMjUuMzEzNzA4NSwxIDI4LDMuNjg2MjkxNSAyOCw3IEwyOCwyMCBDMjgsMjMuMzEzNzA4NSAyNS4zMTM3MDg1LDI2IDIyLDI2IEwyMCwyNiBMMjAsMjMuNSBMMjIsMjMuNSBDMjMuOTMyOTk2NiwyMy41IDI1LjUsMjEuOTMyOTk2NiAyNS41LDIwIEwyNS41LDcgQzI1LjUsNS4wNjcwMDMzOCAyMy45MzI5OTY2LDMuNSAyMiwzLjUgTDgsMy41IEM2LjA2NzAwMzM4LDMuNSA0LjUsNS4wNjcwMDMzOCA0LjUsNyBMNC41LDIwIEM0LjUsMjEuOTMyOTk2NiA2LjA2NzAwMzM4LDIzLjUgOCwyMy41IEwxMCwyMy41IEwxMCwyNiBMOCwyNiBDNC42ODYyOTE1LDI2IDIsMjMuMzEzNzA4NSAyLDIwIEwyLDcgQzIsMy42ODYyOTE1IDQuNjg2MjkxNSwxIDgsMSBMMjIsMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwyMi42MjY4OTQxIEMxNi4xMDQ1Njk1LDIyLjYyNjg5NDEgMTcsMjMuNTIyMzI0NiAxNywyNC42MjY4OTQxIEMxNywyNS43MzE0NjM2IDE2LjEwNDU2OTUsMjYuNjI2ODk0MSAxNSwyNi42MjY4OTQxIEMxMy44OTU0MzA1LDI2LjYyNjg5NDEgMTMsMjUuNzMxNDYzNiAxMywyNC42MjY4OTQxIEMxMywyMy41MjIzMjQ2IDEzLjg5NTQzMDUsMjIuNjI2ODk0MSAxNSwyMi42MjY4OTQxIFogTTE2LjQwMjM5MDQsOSBMMTYuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCw5IEwxNi40MDIzOTA0LDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.ag-bsp-admin.resale .ag-body.no-data div { text-align: center; }
.ag-bsp-admin.resale .ag-body.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.ag-bsp-admin.resale .ag-body.no-data div > p:before { display: none; }
.ag-bsp-admin.resale .ag-body.no-search { display: -ms-flexbox; display: flex; min-height: 224px; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.ag-bsp-admin.resale .ag-body.no-search p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.ag-bsp-admin.resale .ag-body.no-search p:before {display: block; width: 26px; height: 26px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3Jfd2l0aC10ZXh0LUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTIwLjAwMDAwMCkiIGZpbGw9IiNCMkIyQjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ljk0MjYyOSwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYuODk2NDE0LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS42NjA5NTYyLDAgQzE4LjAxMjIzMDgsMCAyMy4xNjA5NTYyLDUuMTQ4NzI1MzggMjMuMTYwOTU2MiwxMS41IEMyMy4xNjA5NTYyLDEzLjk1MDMxNDIgMjIuMzk0NjE2MSwxNi4yMjE2NDAyIDIxLjA4ODUzNTcsMTguMDg3Mzc4MiBMMjUuMTA1NDA1LDIyLjEwNjA1MSBDMjUuMjk5OTk4NywyMi4zMDA3MDQxIDI1LjMwNDk0NzYsMjIuNjExMzQ4OCAyNS4xMDkyNTgyLDIyLjgwNzA5OCBMMjIuOTY0MTk4MywyNC45NTI4MTM2IEMyMi43NzE3MzI3LDI1LjE0NTMzODEgMjIuNDUzOTU5LDI1LjEzOTYxMSAyMi4yNjMzNjU2LDI0Ljk0ODk1OTMgTDE4LjI0NTMwNDEsMjAuOTI5NzAwMSBDMTYuMzgwMTM3MywyMi4yMzQ0ODk0IDE0LjEwOTk0NCwyMyAxMS42NjA5NTYyLDIzIEM1LjMwOTY4MTU1LDIzIDAuMTYwOTU2MTc1LDE3Ljg1MTI3NDYgMC4xNjA5NTYxNzUsMTEuNSBDMC4xNjA5NTYxNzUsNS4xNDg3MjUzOCA1LjMwOTY4MTU1LDAgMTEuNjYwOTU2MiwwIFogTTExLjY2MDk1NjIsMyBDNi45NjY1MzU4LDMgMy4xNjA5NTYxOCw2LjgwNTU3OTYzIDMuMTYwOTU2MTgsMTEuNSBDMy4xNjA5NTYxOCwxNi4xOTQ0MjA0IDYuOTY2NTM1OCwyMCAxMS42NjA5NTYyLDIwIEMxNi4zNTUzNzY1LDIwIDIwLjE2MDk1NjIsMTYuMTk0NDIwNCAyMC4xNjA5NTYyLDExLjUgQzIwLjE2MDk1NjIsNi44MDU1Nzk2MyAxNi4zNTUzNzY1LDMgMTEuNjYwOTU2MiwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.ag-bsp-admin.resale .ag-body.no-search div { text-align: center; }
.ag-bsp-admin.resale .ag-body.no-search div > p { display: block; width: auto; margin-bottom: 8px; }
.ag-bsp-admin.resale .ag-body.no-search div > p:before { display: none; }
.ag-bsp-admin.resale .ag-body.error { display: -ms-flexbox; display: flex; min-height: 224px; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.ag-bsp-admin.resale .ag-body.error p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.ag-bsp-admin.resale .ag-body.error p:before {display: block; width: 36px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzYgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3JfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtMTAuMDAwMDAwKSIgZmlsbD0iI0ZGNkQ3RiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDEwLjc1MDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy43NTc3MDg1LDI0LjIyMzA1NzYgQzE4Ljk2NTUwNTUsMjQuMjIzMDU3NiAxOS45NDQ2MTg0LDI1LjIwNTAyNzkgMTkuOTQ0NjE4NCwyNi40MTYzNDk1IEMxOS45NDQ2MTg0LDI3LjYyNzY3MTIgMTguOTY1NTA1NSwyOC42MDk2NDE1IDE3Ljc1NzcwODUsMjguNjA5NjQxNSBDMTYuNTQ5OTExNSwyOC42MDk2NDE1IDE1LjU3MDc5ODYsMjcuNjI3NjcxMiAxNS41NzA3OTg2LDI2LjQxNjM0OTUgQzE1LjU3MDc5ODYsMjUuMjA1MDI3OSAxNi41NDk5MTE1LDI0LjIyMzA1NzYgMTcuNzU3NzA4NSwyNC4yMjMwNTc2IFogTTE5LjA2OTg1NDQsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwyMS41OTExMDczIEwxNi40NDU1NjI1LDIxLjU5MTEwNzMgTDE2LjQ0NTU2MjUsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwxMC41OTYxNjM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTQyNCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjIuNTMxNzc1MzUgMjUuNTYzMDk5OCAzLjU3OTQwNjg4IDI3LjQzOTU1ODggMTguODA1MzQgMy4xMTI2NzgwNSAxNi43MTAwNzcgMy4xMTI2NzgwNSAzMS45MzYwMTAxIDI3LjQzOTU1ODggMzIuOTgzNjQxNiAyNS41NjMwOTk4IDIyLjM0MDY4OTYgMjUuNTYzMDk5OCAyMi4zNDA2ODk2IDI4LjAzNTUzNzkgMzIuOTgzNjQxNiAyOC4wMzU1Mzc5IDM1LjE1NjcwNzYgMjguMDM1NTM3OSAzNC4wMzEyNzMxIDI2LjE1OTA3OSAxOC44MDUzNCAxLjgzMjE5ODI1IDE3Ljc1NzcwODUgMC4wODU0NjE2NTEyIDE2LjcxMDA3NyAxLjgzMjE5ODI1IDEuNDg0MTQzODMgMjYuMTU5MDc5IDAuMzU4NzA5MzU5IDI4LjAzNTUzNzkgMi41MzE3NzUzNSAyOC4wMzU1Mzc5IDEyLjYxMTAzIDI4LjAzNTUzNzkgMTIuNjExMDMgMjUuNTYzMDk5OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.ag-bsp-admin.resale .ag-body.error div { text-align: center; }
.ag-bsp-admin.resale .ag-body.error div > p { display: block; width: auto; margin-bottom: 8px; }
.ag-bsp-admin.resale .ag-body.error div > p:before { display: none; }
.ag-bsp-admin.resale .ag-body .ag-row { border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-container {border-right: 1px solid #e6e6e6;  border-left: 0px solid #e6e6e6; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-viewport { border-left: 0; }
.ag-bsp-admin.resale .ag-body .ag-pinned-left-cols-viewport:nth-child(1) .ag-pinned-left-cols-container:nth-child(1) .ag-row .ag-cell:nth-child(1) { border-left: 0; }
.ag-bsp-admin.resale .ag-body .ag-body-container { border-left: 0px solid #f00; }
.ag-bsp-admin.resale .ag-body .ag-cell {font-size: .75rem;  font-weight: 600; font-weight: 400; line-height: 40px; box-sizing: border-box; padding-left: 10px; color: #222; border-left: 1px solid #e6e6e6; }
.ag-bsp-admin.resale .ag-body .ag-cell.expiration { color: #999; }
.ag-bsp-admin.resale .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; }
.ag-bsp-admin.resale .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-admin.top-summary .ag-row[row~='0'] { background: #f9f9f9; }
.ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group:nth-child(1) .ag-header-group-cell-label , .ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group:nth-child(2) .ag-header-group-cell-label { border-bottom: 0; }
.ag-bsp-admin.top-summary .ag-header-cell-resize {right: -1px; background-color: #c5c5c5;  background-image: none; }
.ag-bsp-admin.top-summary .ag-header-group-cell-label {box-sizing: border-box; margin-top: -1px;  text-align: center; border-bottom: 1px solid #c5c5c5; }
.ag-bsp-admin.top-summary .ag-header-group-cell-label .ag-header-cell-resize { right: -1px; }
.ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-no-group .ag-header-cell-resize , .ag-bsp-admin.top-summary .ag-header-group-cell.ag-header-group-cell-with-group .ag-header-cell-resize { right: 0px; }
.ag-bsp-admin.top-summary .ag-pinned-left-header .ag-header-row .ag-header-cell:nth-child(1) .ag-header-cell-label , .ag-bsp-admin.top-summary .ag-pinned-left-header .ag-header-row .ag-header-cell:nth-child(2) .ag-header-cell-label { transform: translateY(-50%); }
.ag-bsp-admin.row-hover .ag-row-hover { cursor: pointer; background-color: #ebeced; }
.ag-bsp-admin img { vertical-align: middle; border: 0; }
.ag-bsp-admin .ag-hidden { display: none; }
.ag-bsp-admin .ag-root { border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; }
.ag-bsp-admin .ag-cell { font-weight: 400; line-height: 40px; padding-left: 10px; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
.ag-bsp-admin .ag-cell-not-inline-editing { padding-right: 0; }
.ag-bsp-admin .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(120, 120, 120, .4); }
.ag-bsp-admin .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(80, 80, 80, .4); }
.ag-bsp-admin .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(40, 40, 40, .4); }
.ag-bsp-admin .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(0, 0, 0, .4); }
.ag-bsp-admin .ag-column-moving .ag-cell { transition: left .2s; }
.ag-bsp-admin .ag-cell-focus { outline: 0px; }
.ag-bsp-admin .ag-cell-highlight { border: 1px solid #006400; }
.ag-bsp-admin .ag-cell-highlight-animation { transition: border 1s; }
.ag-bsp-admin .ag-cell-edit-input { display: inline-block; margin-top: -3px; }
.ag-bsp-admin .ag-value-change-delta { padding-right: 2px; }
.ag-bsp-admin .ag-value-change-delta-up { color: #006400; }
.ag-bsp-admin .ag-value-change-delta-down { color: #8b0000; }
.ag-bsp-admin .ag-value-change-value {padding-right: 1px; padding-left: 1px; transition: background-color 1s; border-radius: 1px;  background-color: transparent; }
.ag-bsp-admin .ag-value-change-value-highlight {transition: background-color .1s;  background-color: #cec; }
.ag-bsp-admin .ag-rich-select { font-size: 14px; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-admin .ag-rich-select-value { padding: 2px; }
.ag-bsp-admin .ag-rich-select-list { border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-rich-select-row { padding: 2px; }
.ag-bsp-admin .ag-rich-select-row-selected { background-color: #ebeced; }
.ag-bsp-admin .ag-large-text { border: 1px solid #808080; }
.ag-bsp-admin .ag-header-select-all {line-height: 0;  padding: 7px 0px 0px 10px; }
.ag-bsp-admin .ag-header {font-weight: 500;  color: #898989; border-bottom: 1px solid transparent; background-color: #f3f4f5; }
.ag-bsp-admin .ag-header-icon { display: inline-block; margin: -2px 0 0 3px; vertical-align: middle; }
.ag-bsp-admin .ag-header-icon.ag-hidden { display: none; }
.ag-bsp-admin .ag-no-scrolls .ag-header-container {border-bottom: 1px solid #808080;  background: linear-gradient(#fff, #d3d3d3); }
.ag-bsp-admin .ag-header-cell { text-align: left; border-right: 1px solid transparent; }
.ag-bsp-admin .ag-header-cell-resize { position: absolute; z-index: 1; right: -2px; width: 1px; background: url('/assets/images/ag_cell_resize@2x.png') center center no-repeat; background-size: 2px 20px; }
.ag-bsp-admin .ag-header-cell-moving { background-color: #bebebe; }
.ag-bsp-admin .ag-header-cell-moving .ag-header-cell-label { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-header-cell-label { display: -ms-flexbox; display: flex; padding: 8px 2px 8px 2px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.ag-bsp-admin .ag-header-cell-label .ag-header-icon { -ms-flex-order: 1; order: 1; }
.ag-bsp-admin .ag-header-cell-label .ag-header-cell-text { -ms-flex-order: 0; order: 0; }
.ag-bsp-admin .ag-header-cell-text { padding-left: 2px; }
.ag-bsp-admin .ag-header-group-cell-label { padding-left: 10px; }
.ag-bsp-admin .ag-header-group-text { line-height: 31px; margin-right: 2px; }
.ag-bsp-admin .ag-header-cell-menu-button {line-height: 40px;  display: none; box-sizing: content-box; width: 20px; height: 22px; padding: 0px; border: 1px solid transparent; }
.ag-bsp-admin .ag-filter-icon {position: absolute; top: 50%; right: 0px; bottom: 2px; left: -2px;  display: block; box-sizing: border-box; height: 28px; margin-top: -14px; border: 2px solid #000; }
.ag-bsp-admin .ag-pinned-right-header .ag-header-cell-resize { position: static; }
.ag-bsp-admin .ag-body {border-top: 1px solid #d6d6d6;  background-color: #fff; }
.ag-bsp-admin .ag-body .ag-row { border-bottom: 1px solid #d0d0d0; }
.ag-bsp-admin .ag-body .ag-row-selected { background-color: #ebeced; }
.ag-bsp-admin .ag-floating-top .ag-row , .ag-bsp-admin .ag-floating-bottom .ag-row { background-color: #fff; }
.ag-bsp-admin .ag-floating-bottom .ag-row { border-top: 2px solid #000; }
.ag-bsp-admin .ag-floating-bottom .ag-row .ag-cell { line-height: 50px; }
.ag-bsp-admin .ag-floating-bottom { z-index: 1; height: 50px !important; border-bottom: 2px solid #000; }
.ag-bsp-admin .ag-overlay-loading-wrapper { text-align: center; background-color: rgba(255, 255, 255, .5); }
.ag-bsp-admin .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-admin .ag-overlay-no-rows-center {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; text-align: center; color: #b2b2b2; }
.ag-bsp-admin .ag-group-cell-entire-row , .ag-bsp-admin .ag-footer-cell-entire-row {padding: 2px;  background-color: #f6f6f6; }
.ag-bsp-admin .ag-group-expanded , .ag-bsp-admin .ag-group-contracted { padding-right: 4px; }
.ag-bsp-admin .ag-group-value , .ag-bsp-admin .ag-group-checkbox { padding-right: 2px; }
.ag-bsp-admin .ag-menu {font-size: 14px;  z-index: 1; padding: 10px; cursor: default; border: 2px solid #000; background-color: #fff; }
.ag-bsp-admin .ag-menu .ag-tab-header { display: none; background-color: #fff; }
.ag-bsp-admin .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-admin .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-admin .ag-menu-separator { border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-menu-option-active { background-color: #bde2e5; }
.ag-bsp-admin .ag-menu-option-icon , .ag-bsp-admin .ag-menu-option-text { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-shortcut { padding: 2px 2px 2px 20px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-popup-pointer { padding: 2px 4px 2px 4px; vertical-align: middle; }
.ag-bsp-admin .ag-menu-option-disabled { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-menu-column-select-wrapper { margin: 2px; }
.ag-bsp-admin .ag-filter-checkbox { position: relative; top: 2px; left: 2px; }
.ag-bsp-admin .ag-filter-header-container .ag-filter-filter {font-size: 16px; font-weight: 500;  box-sizing: border-box; width: 100%; height: 27px; padding-left: 20px; color: #000; border: 0px; background-color: #e7e7e7; }
.ag-bsp-admin .ag-filter-header-container > label { display: block; }
.ag-bsp-admin .ag-filter-apply-panel {padding: 2px;  border-top: 1px solid #d3d3d3; }
.ag-bsp-admin .ag-filter-value { margin-left: 4px; }
.ag-bsp-admin .ag-selection-checkbox { padding-right: 8px; }
.ag-bsp-admin .ag-paging-panel { padding: 4px; }
.ag-bsp-admin .ag-paging-button {margin-right: 4px;  margin-left: 4px; }
.ag-bsp-admin .ag-paging-row-summary-panel { display: inline-block; width: 300px; }
.ag-bsp-admin .ag-tool-panel {color: #222; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080;  background-color: #f6f6f6; }
.ag-bsp-admin .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-admin .ag-status-bar-aggregations { float: right; }
.ag-bsp-admin .ag-status-bar-item { padding-left: 10px; }
.ag-bsp-admin .ag-column-drop-cell {color: #000; border: 1px solid #808080;  background: linear-gradient(#fff, #d3d3d3); }
.ag-bsp-admin .ag-column-drop-cell-ghost { opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); }
.ag-bsp-admin .ag-column-drop-cell-text {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-admin .ag-column-drop-cell-button {padding-right: 2px; padding-left: 2px;  border: 1px solid transparent; border-radius: 3px; }
.ag-bsp-admin .ag-column-drop-cell-button:hover { border: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-empty-message {padding-right: 2px;  padding-left: 2px; color: #808080; }
.ag-bsp-admin .ag-column-drop-icon { padding-right: 4px; }
.ag-bsp-admin .ag-column-drop { background-color: #f6f6f6; }
.ag-bsp-admin .ag-column-drop-horizontal { padding: 4px 4px 4px 4px; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-horizontal .ag-column-drop-cell { padding: 2px; }
.ag-bsp-admin .ag-column-drop-vertical { padding: 4px 4px 10px 4px; border-bottom: 1px solid #808080; }
.ag-bsp-admin .ag-column-drop-vertical .ag-column-drop-cell { margin-top: 2px; }
.ag-bsp-admin .ag-column-drop-vertical .ag-column-drop-empty-message {padding: 5px;  text-align: center; }
.ag-bsp-admin .ag-pivot-mode {padding: 4px;  border-bottom: 1px solid #808080; background-color: #f6f6f6; }
.ag-bsp-admin .ag-tool-panel .ag-column-select-panel { border-bottom: 1px solid #808080; }
.ag-bsp-admin .ag-select-agg-func-popup {font-size: 14px; position: absolute;  cursor: default; border: 1px solid #808080; background-color: #fff; }
.ag-bsp-admin .ag-select-agg-func-item {padding-right: 2px;  padding-left: 2px; }
.ag-bsp-admin .ag-select-agg-func-item:hover { background-color: #bde2e5; }
.ag-bsp-admin.hidden-overflow-x .ag-body-viewport { overflow-x: hidden; }
.ag-bsp-admin .ag-grid-area-container {position: relative; z-index: 1;  box-sizing: border-box; width: 100%; height: 100%; padding: 40px; background-color: #f3f4f5; }
.ag-bsp-admin .ag-grid-area-container .ag-root { border-top: 2px solid #dfdfdf; border-bottom: 1px solid #d0d0d0; }
.ag-bsp-admin .ag-grid-area-container .ag-header { font-weight: 400; color: #666; border-bottom: 1px solid #dfdfdf; background-color: transparent; }
.ag-bsp-admin .ag-grid-area-container .ag-body { background-color: transparent; }
.ag-bsp-admin .ag-grid-area-container .ag-cell { font-weight: 400; line-height: 40px; border-left: 1px solid #d8d8d8; }
.ag-bsp-admin .ag-grid-area-container .ag-row .ag-cell:first-child { border-left: 0px; }
.ag-bsp-admin a[href*=mailto] {font-weight: 400; position: relative;  display: inline-block; padding-right: 20px; vertical-align: middle; color: #000; }
.ag-bsp-admin a[href*=mailto]:hover { text-decoration: underline; }
.ag-bsp-admin.invert .ag-body { background-color: #f3f4f5; }
.ag-bsp-admin.invert .ag-body .ag-row-selected { background-color: #eaf3fd; }
.ag-bsp-admin.invert .ag-cell { line-height: 40px; }

.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-bsp-admin.header-white .ag-header { background-color: #fff; }
.ag-bsp-admin.inner-ag-table .history-icon-align { margin-top: 4px; }
.ag-bsp-admin.inner-ag-table .ag-cell { line-height: 28px; border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.inner-ag-table .ag-cell .multiline p { border-bottom: 1px solid #d8d8d8; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-root { padding-top: 0; border-top: 1px solid #b8bec3; border-bottom: 1px solid #b8bec3; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-header { position: relative; border-bottom: 1px solid #b8bec3; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-header-cell { overflow: visible; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-cell { line-height: 25px; border-bottom: 1px solid #ccc; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-pinned-left-header .ag-header-row .ag-header-cell:first-child .ag-header-cell-resize { display: none; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-header-cell-resize { left: 0; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-pinned-left-cols-container .ag-row .ag-cell:first-child { border-left: 0; }
.ag-bsp-admin.resale[data-bg-color=white] .ag-body-viewport , .ag-bsp-admin.resale[data-bg-color=white] .ag-floating-top { margin-top: 0; }



.ag-theme-balham .ag-root {border-right: 0;  border-left: 0; }

.ag-theme-balham .ag-header { position: relative; border-bottom: 1px solid #b8bec3; }

.ag-theme-balham .ag-pinned-left-floating-top , .ag-theme-balham .ag-floating-top-viewport { border-bottom: 1px solid #ccc; background-color: #f0f7ff; }

.ag-theme-balham .ag-header-cell-resize {right: 0; width: 1px;  background: #e6e6e6; background-image: none; }

.ag-theme-balham .ag-cell { border-right: 1px solid #ccc; }

.ag-theme-balham .ag-ltr .ag-cell { border-right: 1px solid #ccc; background-color: #fff; }
.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned { background-color: #eaecef; }

.ag-theme-balham .ag-ltr .ag-floating-top { border-bottom: 0px solid #ccc; }
.ag-theme-balham .ag-ltr .ag-floating-top .ag-row:last-child:not(.ag-row-first) { border-width: 1px 0 0; border-color: #ccc; }
.ag-theme-balham .ag-ltr .ag-floating-top .ag-row .ag-cell { border-right: 1px solid #ccc; background-color: #f0f7ff; }

.ag-theme-balham .ag-theme-balham .ag-ltr .ag-row.ag-cell-last-left-pinned , .ag-theme-balham .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned { border-right: 1px solid #ccc; }

.ag-theme-balham .ag-row:not(.ag-row-first) { border-width: 1px 0 0; border-color: #ccc; }

.ag-theme-balham .ag-row:last-child:not(.ag-row-first) { border-width: 1px 0 1px; border-color: #ccc; }

.ag-theme-balham .ag-cell.ag-cell-not-inline-editing.ag-cell-with-height.show-cell.ag-cell-value {z-index: 10 !important; height: 56px !important;  border-bottom: 1px solid #ccc !important; }

.ag-theme-balham .ag-pinned-left-cols-container .ag-row.ag-row-first:nth-of-type(1) .ag-cell.ag-cell-not-inline-editing.ag-cell-with-height.show-cell.ag-cell-value { height: 57px !important; }

.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; }

.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: 600px; max-height: 800px; margin: 0 auto; padding: 25px 20px 50px 20px; 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: 24px; right: 24px; 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-icon-c { display: inline-block; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c .jconfirm-icon-c .icon-delete { display: inline-block; width: 16px; height: 16px; margin: -4px 5px 0 0; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -265px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c .jconfirm-icon-c .icon-delete { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-title-c .jconfirm-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.94444em;  display: inline-block; color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content-pane {min-height: 50px;  margin-top: 0px; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content { font-size: .875rem; line-height: 1.64286em; color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-content strong { font-weight: 700; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons { margin-top: 45px; margin-bottom: -30px; padding-top: 10px; text-align: right; border-top: 2px solid #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button {font-size: .75rem; font-weight: 700; line-height: 46px;  display: inline-block; box-sizing: border-box; width: 200px; height: 50px; text-align: center; color: #000; border: 2px solid #4a4a4a; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-submit { color: #fff; background-color: #000; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button.btn-delete { color: #fff; background-color: #ff2d47; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box .jconfirm-buttons button + button { margin-left: 10px; }
.jconfirm.jconfirm-theme-bsp .jconfirm-box.jconfirm-animation-default {transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }

.jconfirm.jconfirm-theme-bsp-admin .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-admin .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; }

.jconfirm.jconfirm-theme-bsp-admin .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-admin .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-admin .jconfirm-box .jconfirm-closeIcon { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.jconfirm.jconfirm-theme-bsp-admin .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-admin .jconfirm-box .jconfirm-closeIcon:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-closeIcon:hover:after { opacity: 1; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-closeIcon[disabled] { opacity: .3; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-title-c {position: relative;  display: block; padding-bottom: 18px; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-title-c .jconfirm-title { font-size: 1.25rem; font-weight: 700; line-height: 1.5em; color: #000; }
.jconfirm.jconfirm-theme-bsp-admin .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-admin .jconfirm-box .jconfirm-content-pane {min-height: 100px;  margin-top: 37px; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-content { font-size: 1rem; line-height: 1.5625em; color: #000; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-content .invalid-message { font-size: 1rem; padding: 0 0 0 22px; text-indent: -22px; }
.jconfirm.jconfirm-theme-bsp-admin .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-admin .jconfirm-box .jconfirm-buttons button {font-size: 1rem; 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; background-color: #000; -ms-flex: 1; flex: 1; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button:hover { color: rgba(255, 255, 255, .6); }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button[disabled] { color: rgba(255, 255, 255, .3); border: 2px solid #747474; background-color: #747474; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button.btn-submit { border: 2px solid #1886ff; background-color: #1886ff; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button.btn-submit[disabled] { border: 2px solid #8fc6fe; background-color: #8fc6fe; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button.btn-delete { border: 2px solid #ff2d47; background-color: #ff2d47; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box .jconfirm-buttons button + button { margin-left: 20px; }
.jconfirm.jconfirm-theme-bsp-admin .jconfirm-box.jconfirm-animation-default {transform: translateY(-20px) perspective(600px) rotateX(10deg);  opacity: 0; }


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; }

.multiselect-native-select {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: inline-block; vertical-align: top; }
.multiselect-native-select select[data-size=full] ~ .btn-group .multiselect-container.dropdown-menu { min-width: 100%; }
.multiselect-native-select select[invalid] + .btn-group .multiselect { box-shadow: inset 0 0 0 2px #ff2d47; }
.multiselect-native-select .btn-group {position: relative; top: 0; right: 0; bottom: 0; left: 0;  display: block; }
.multiselect-native-select .btn-group.open .multiselect { border: 1px solid #1886ff; }
.multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 38px;  display: block; box-sizing: border-box; width: 100%; width: 100%; max-width: 120px; max-width: 100%; height: 100%; height: 40px; padding-right: 35px; padding-left: 7px; text-align: left; color: #000; border: 1px solid #e6e6e6; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff; }
.multiselect-native-select .btn-group .multiselect .multiselect-selected-text { overflow: hidden; 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 1px #202020; }
.multiselect-native-select .btn-group .multiselect.disabled { opacity: 1; border: 1px solid #e6e6e6; background-color: #eee; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 1000; top: 100%; right: 0; left: 0;  display: none; float: left; box-sizing: border-box; min-width: 200px; margin-top: 1px; 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.disabled { opacity: .3; }
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.disabled > a > label { cursor: not-allowed; }
.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 .multiselect-container.dropdown-menu > li.multiselect-group ~ .multiselect-group { margin-top: 10px; }
.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; }

.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-container.dropdown-menu > li { padding: 0; }
.multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; }
.multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.multiselect-container.dropdown-menu > li .radio {font-size: .75rem; font-weight: 400; position: relative; left: 0px;  display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%; height: 32px; margin: 0; padding: 5px 8px; cursor: pointer; text-overflow: ellipsis; color: #000; -ms-flex-align: center; align-items: center; }
.multiselect-container.dropdown-menu > li .radio:hover { background-color: #e6e6e6; }


.btn-group.default { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.default .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; }
.btn-group.default .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 150px; }
.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; border: 0px; background: url('/assets/images/icon_search_01_s@2x.png') left center no-repeat; background-size: 14px 14px; box-shadow: none; }
.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 {display: -ms-flexbox; display: flex;  padding: 0 8px; text-decoration: none; -ms-flex-align: center; align-items: center; }
.btn-group.default .multiselect-container.dropdown-menu > li > a > label {font-size: .75rem; font-weight: 400;  padding: 7.5px 0; color: #000; -ms-flex: 1; flex: 1; }
.btn-group.default .multiselect-container.dropdown-menu > li.active > a {text-decoration: none;  background-color: #e6e6e6; }
.btn-group.default .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.btn-group.country-code { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.country-code .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; }
.btn-group.country-code .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.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; border: 0px; 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; text-decoration: none; }
.btn-group.country-code .multiselect-container.dropdown-menu > li > a > label {font-size: .75rem; font-weight: 400; 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.active > a {text-decoration: none;  background-color: #e6e6e6; }
.btn-group.country-code .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.filter-list-company .multiselect-native-select {position: relative;  display: inline-block; }
.filter-list-company .multiselect-native-select .btn-group {position: relative;  display: block; }
.filter-list-company .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 24px; padding-right: 35px; padding-left: 7px; text-align: left; color: #000; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff url('/assets/images/selectbox_arrow_03@2x.png') right center no-repeat; background-size: 24px 24px; }
.filter-list-company .multiselect-native-select .btn-group .multiselect[selected] { color: #fff; background-color: #3b99ff; background-image: url('/assets/images/selectbox_arrow_03_selected@2x.png'); }
.filter-list-company .multiselect-native-select .btn-group .multiselect:focus { box-shadow: none; }
.filter-list-company .multiselect-native-select .btn-group .multiselect:after { content: none; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 500; top: 100%; right: auto; left: 0;  display: none; width: auto; min-width: 180px; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.filter-list-company .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; }
.filter-list-company .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'); }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.filter-list-company .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; }
.filter-list-company .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) { .filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.filter-list-company .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) { .filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.filter-list-company .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; }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.filter-list-company .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/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.filter-list-company .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.filter-list-company .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_02_open@2x.png'); }
.filter-list-company .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_02_selected_open@2x.png'); }
.filter-list-company .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }


.btn-group.user-groups { display: inline-block; width: 100%; max-width: 100%; vertical-align: middle; }
.btn-group.user-groups .multiselect {font-size: .875rem; font-weight: 700; line-height: 32px;  display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; height: 34px; 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.user-groups .multiselect em { color: #1886ff; }
.btn-group.user-groups .multiselect-container.dropdown-menu { position: absolute; right: auto; width: auto; min-width: 100%; }
.btn-group.user-groups .multiselect-container.dropdown-menu .input-group { margin: 0; padding: 0 10px; }
.btn-group.user-groups .multiselect-container.dropdown-menu .input-group .multiselect-search {line-height: 28px; width: 100%; height: 30px;  margin: 0; 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; }
.btn-group.user-groups .multiselect-container.dropdown-menu .input-group .multiselect-search:focus { background-image: url('/assets/images/icon_search_01_s_focus@2x.png'); }
.btn-group.user-groups .multiselect-container.dropdown-menu .input-group .input-group-btn {position: absolute; top: 50%; right: 0;  display: block; }
.btn-group.user-groups .multiselect-container.dropdown-menu > li > a { padding: 0 8px; }
.btn-group.user-groups .multiselect-container.dropdown-menu > li > a > label {font-size: .75rem; font-weight: 400; line-height: 30px;  display: block; height: 30px; padding: 0; white-space: nowrap; color: #000; }
.btn-group.user-groups .multiselect-container.dropdown-menu > li.active > a { background-color: #e6e6e6; }
.btn-group.user-groups .multiselect-container.dropdown-menu > li.placeholder { display: none; }


.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; }

.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; }


.page-login {min-width: auto;  padding: 0; background-color: #f2f2f2; }
.page-login .layout-wrap { padding: 0; }
.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 { vertical-align: middle; }
.page-login.page-admin .utils .btns .btn { color: #000; border: 2px solid #000; }
.page-login.page-admin .logout-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.page-admin .logout-container .say-hi {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400; position: absolute; top: 31.481444444444444%; bottom: 46%; left: 50%;  display: block; width: 540px; height: 237px; margin-left: -270px; text-align: center; color: #000; }
.page-login.page-admin .logout-container .say-hi h1 {font-size: 4.375rem; font-weight: 700; line-height: 1.143em;  margin-top: -15px; }
.page-login.page-admin .logout-container .say-hi p {font-size: 1.563rem; line-height: 1.200em;  margin-top: 38px; letter-spacing: -.01em; }
.page-login .forms-item.cellphone .phone-number input[type=number] { width: 100% !important; }
.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; }
.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: border .2s ease-in-out; border: 1px solid #e4e4e4; 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 { border: 3px solid #007aff; }
.page-login .login-container .login-forms .input.invalid input[type=text] , .page-login .login-container .login-forms .input.invalid input[type=password] {transition: border .2s ease-in-out;  border: 3px solid #ff4e21; }
.page-login .login-container .login-forms .input.invalid input[type=text]:focus , .page-login .login-container .login-forms .input.invalid input[type=password]:focus { border: 3px solid #007aff; }
.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 input[type=checkbox] {display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -696px -23px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login .login-container .login-forms input[type=checkbox] { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-login .login-container .login-forms input[type=checkbox] + label { font-size: .875rem; font-weight: 400; line-height: 16px; vertical-align: middle; color: #4a4a4a; }
.page-login .login-container .login-forms input[type=checkbox]:checked {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -463px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-login .login-container .login-forms input[type=checkbox]:checked { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.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-admin.service-portal .layout-wrap { min-width: 1600px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap { min-width: 1200px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .layout-contents .layout-contents-inner { display: block; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap {max-height: 164px;  padding: 0 20px; background: #000; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text {font-size: .75rem;  padding: 10px 0 0; text-align: right; color: #999; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling {font-size: .75rem; font-weight: 700; position: relative;  display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 9px; color: rgba(255, 255, 255, .55); }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling:before {position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -6px;  content: ''; background: #979797; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span {position: relative; bottom: 2px;  margin-left: 3px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=checkbox].switch + label { top: 4px; margin-left: 5px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio].on + label { border-radius: 4px 0 0 4px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio].off + label { margin-left: -4px; border-radius: 0 4px 4px 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio]:checked + label {color: white;  background: #268cff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio] + label {font-size: .625rem; line-height: 18px; width: 30px; height: 18px; padding: 0; transition: all .3s linear; text-align: center;  vertical-align: middle; color: rgba(255, 255, 255, .3); background: #333; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio] + label:after , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .updated-text .rolling span input[type=radio] + label:before { content: none; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary { display: -ms-flexbox; display: flex; margin-top: 12px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li {position: relative;  display: block; overflow: hidden; box-sizing: border-box; min-width: 230px; margin-left: 10px; padding: 20px; cursor: pointer; color: #fff; background-color: rgba(51, 51, 51, .4); }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li:after {position: absolute; top: 0; left: 0; display: none; box-sizing: border-box; width: 100%; height: 100%;  content: ''; opacity: .4; border: 2px solid #979797; border-bottom: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li.selected { background-color: #333; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li.selected .key { opacity: 1; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li.selected .value { opacity: 1; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li:first-child { min-width: 200px; margin: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li:hover:not(.selected):after { display: block; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li:hover:not(.selected) .key { opacity: 1; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li:hover:not(.selected) .value { opacity: 1; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li * { transition: all .3s ease-in-out; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key {font-size: .875rem; font-weight: 400; line-height: 1.42857em; position: relative;  display: block; min-width: 98px; height: 20px; opacity: .4; color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key:before {position: relative; bottom: -2px; display: inline-block; margin-right: 4px;  content: ''; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=customer]:before {width: 15px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: 0px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=customer]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=fee]:before {width: 16px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -183px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=fee]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=instance]:before {width: 16px; height: 16px;  background-image: url(/assets/images/admin_sprites.png); background-position: -296px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=instance]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=income]:before {width: 17px; height: 18px;  background-image: url(/assets/images/admin_sprites.png); background-position: -284px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=income]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=save]:before {width: 13px; height: 13px;  background-image: url(/assets/images/admin_sprites.png); background-position: -151px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .key[data-icon=save]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.125rem; font-weight: 400; line-height: 1;  display: block; overflow: hidden; margin: 25px 0 0; text-align: right; white-space: nowrap; text-overflow: ellipsis; opacity: .4; color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-summary-wrap .dashboard-summary > li .value.save { color: #0ef498; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure-wrapping {overflow: hidden; overflow-y: auto;  height: calc(100vh - 50px - 34px - 34px - 164px); }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure { display: -ms-flexbox; display: flex; flex-direction: column; padding: 0 45px 45px; -ms-flex-direction: column; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure > div { display: -ms-flexbox; display: flex; padding: 50px 0 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure > div[data-offset='cn'] { padding-bottom: 380px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure > div:first-child { padding: 45px 0 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure.fee > div { padding: 80px 0 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure.fee > div[data-offset='cn'] { padding-bottom: 400px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure.fee > div:first-child { padding: 45px 0 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure.instance > div[data-offset='cn'] { padding-bottom: 410px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure nav { padding-right: 20px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure nav ul li { margin: 0 0 5px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure nav ul li button {font-size: 1rem; line-height: 1; transition: all .5s linear; opacity: .3;  color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure nav ul li button.selected {transition: all .5s linear;  opacity: 1; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure h2 { font-size: 1rem; font-weight: 500; padding: 0 0 10px; color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status { width: 100%; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee { border-top: 1px solid #555; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee th { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td { height: 90px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td:last-child , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td:last-child { color: #a6a6a6; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td span.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td span.numbers {font-size: 1.625rem; font-weight: 400;  padding: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td span.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td span.numbers + p { font-size: .75rem; padding-top: 6px; color: #999; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td span.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td span.numbers + p span {font-weight: 400;  margin-left: 7px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee td p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee td p { text-align: right; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee tbody th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee tbody td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee tbody th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee tbody td {font-weight: 500; height: auto; padding-top: 18px; padding-bottom: 18px;  vertical-align: top; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.fee tbody th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.fee tbody th { padding-top: 23px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance { border-top: 1px solid #555; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance th { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr td {height: 90px; padding: 10px 0;  vertical-align: top; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr th p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr th p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr th p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr th p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr td p.numbers { font-size: 1.75rem; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr th p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr td p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr th p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr td p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr th p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr td p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr th p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr td p.numbers + p { padding-top: 6px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr th p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr td p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr th p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr td p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr th p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr td p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr th p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr td p.numbers + p span { margin-left: 7px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr th:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance thead tr td:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr th:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status.instance tbody tr td:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr th:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance thead tr td:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr th:last-child p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status.instance tbody tr td:last-child p.numbers { color: #fffa6d; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status thead th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status thead th {font-size: .875rem;  height: auto; padding: 10px 0; text-align: right; color: #999; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status thead th .numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status thead th .numbers { padding-right: 60px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status thead th .right-status , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status thead th .right-status { padding-right: 34px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td {box-sizing: border-box; height: 110px; color: #a7a7a7;  border-bottom: 1px solid #555; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th.no_data , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td.no_data , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th.no_data , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td.no_data { padding: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th { font-size: 1rem; font-weight: 400; padding: 0 0 0 20px; text-align: left; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor] , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor]:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor]:before {position: relative; bottom: -2px; display: inline-block; margin-right: 8px;  content: ''; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-server] , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-server] { display: inline-block; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-server]:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-server]:before {position: relative; bottom: -2px; display: inline-block; width: 20px; height: 16px; margin-right: 8px;  content: ''; border-radius: 7px; background: #36ceb7; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-server='serverless']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-server='serverless']:before { background: #4f6fe6; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='aws']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-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) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='aws']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='aws']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='azure']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-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) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='azure']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='azure']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='alicloud']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='alicloud']:before {width: 27px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -257px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='alicloud']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='alicloud']:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='gcp']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='gcp']: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) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status th [data-vendor='gcp']:before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status th [data-vendor='gcp']:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; text-align: right; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span { font-size: .75rem; text-align: right; color: #a7a7a7; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.numbers { font-size: 2.25rem; color: #bcbcbc; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.upsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.upsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.upsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.upsize {font-size: 1rem;  color: #0ef498; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.upsize:not(.none):before {display: inline-block; width: 16px; height: 16px;  margin-right: 5px; content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -318px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.upsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.upsize:not(.none):before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.downsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.downsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.downsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.downsize {font-size: 1rem;  color: #f47373; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.downsize:not(.none):before {display: inline-block; width: 16px; height: 16px;  margin-right: 5px; content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -274px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.downsize:not(.none):before , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.downsize:not(.none):before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.minus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.minus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.minus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.minus { color: #f77; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td p.plus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .number-status td span.plus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td p.plus , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .all-status td span.plus { color: #0ef498; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area { width: 535px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee { width: 542px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee table tbody tr th.white-color , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee table thead tr th.white-color { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee table tbody tr td p.white-color , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee table thead tr td p.white-color { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status tbody td {height: auto;  vertical-align: top; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status tbody td:last-child p.numbers { color: #a6a6a6; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status span.numbers { font-size: 2.375rem; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status span.numbers + p {font-size: .75rem;  padding: 5px 0 18px; color: #a6a6a6; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.fee .all-status span.numbers + p span { margin-left: 7px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance table tbody tr th.white-color , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance table thead tr th.white-color { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance table tbody tr td p.white-color , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance table thead tr td p.white-color { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status thead th:last-child { color: #fffa6d; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status tbody td {height: auto;  vertical-align: top; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status tbody td:last-child p.numbers { color: #fffa6d; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status span.numbers { font-size: 2.375rem; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status p.numbers + p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status span.numbers + p {font-size: .75rem;  padding: 5px 0 18px; color: #a6a6a6; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status p.numbers + p span , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area.instance .all-status span.numbers + p span { margin-left: 7px; }

.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status th { height: auto; border: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td {padding: 0;  border: 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td p , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td span { color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td p.numbers , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td span.numbers { font-size: 3.25rem; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td p.upsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td span.upsize { color: #0ef498; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td p.downsize , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .all-status td span.downsize { color: #f47373; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .info_wrap { padding: 10px 0 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .info_wrap p {font-size: .8125rem;  display: inline-block; color: #b3b3b3; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .info_wrap p:first-child { margin-right: 20px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .info_wrap p:before {position: relative; bottom: -2px; display: inline-block; width: 16px; height: 16px; margin-right: 6px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -340px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .figure-text-area .info_wrap p:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area {position: relative; width: calc(100% - 650px); margin-left: 50px;  -ms-flex: 1 0 auto; flex: 1 0 auto; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area.fee { width: calc(100% - 657px); }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap {position: relative; padding: 15px 10px;  background: #282828; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling {font-size: 1rem; font-weight: 500; line-height: 26px; padding-left: 15px;  color: #fff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p {font-size: .75rem; font-weight: 700; position: relative;  display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 9px; vertical-align: middle; color: rgba(255, 255, 255, .55); }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p span { position: relative; bottom: 2px; margin: 0 0 0 7px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p:before {position: absolute; top: 0; left: 0; width: 1px; height: 14px;  content: ''; background: #979797; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=checkbox] + label {font-size: .625rem; font-weight: 700; line-height: 17px; position: relative; bottom: 1px;  min-width: 28px; height: 17px; margin-left: 4px; transition: background-color .3s linear; text-align: center; border-radius: 8.5px; background: #616161; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=checkbox] + label:before { content: 'OFF'; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=checkbox]:checked + label { background: #268cff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=checkbox]:checked + label:before { content: 'ON'; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio].on + label { border-radius: 4px 0 0 4px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio].off + label { margin-left: -4px; border-radius: 0 4px 4px 0; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio]:checked + label {color: white;  background: #268cff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio] + label {font-size: .625rem; line-height: 18px; width: 30px; height: 18px; padding: 0; transition: all .3s linear; text-align: center;  vertical-align: middle; color: rgba(255, 255, 255, .3); background: #333; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio] + label:after , .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p input[type=radio] + label:before { content: none; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p button {font-size: .625rem; font-weight: 700; position: relative; bottom: 1px;  min-width: 28px; height: 17px; margin-left: 4px; transition: background-color .3s linear; text-align: center; border-radius: 8.5px; background: #616161; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chart-labeling p button.on { background: #268cff; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chartBtn {position: absolute; z-index: 100; top: 15px; right: 20px; overflow: hidden; box-sizing: border-box;  width: 26px; height: 26px; border: 1px solid #616161; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chartBtn:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 14px; margin-top: -7px; margin-left: -6px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -186px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chartBtn:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .chartBtn em {display: block; overflow: hidden; white-space: nowrap;  text-indent: 100%; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter { position: absolute; top: 15px; right: 20px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter ul { display: -ms-flexbox; display: flex; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter ul li {box-sizing: border-box;  min-width: 95px; height: 26px; border: 1px solid #555; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter ul li.selected button {color: #fff;  background-color: #555; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter ul li button { font-size: .75rem; display: block; width: 100%; height: 100%; padding: 0 10px; text-align: center; color: #888; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .filter + .chartBtn { top: 55px; }
.page-admin.service-portal .layout-wrap.dashboard-layout-wrap .dashboard-figure .chart-area .chart-bg-wrap .zoom { position: absolute; z-index: 10000; top: 0; right: 25px; padding: 0 5px; cursor: pointer; transition: all .5s; border-radius: 3px; background: white; }
.page-admin.service-portal .tbl-data-list .btn-cloud .button-normal {font-size: .75rem; line-height: 28px;  min-width: 100px; height: 30px; background-color: #000; }
.page-admin.service-portal .tbl-data-list .btn-cloud .button-normal.guide {color: #999; border: 1px solid #999;  background: #fff; }
.page-admin.service-portal .tbl-data-list .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: -18px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .tbl-data-list .btn-cloud .button-normal.plus span:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table th , .page-admin.service-portal .tbl-data-list.console_table td {line-height: inherit;  height: auto; padding: 10px; }
.page-admin.service-portal .tbl-data-list.console_table th:nth-child(3) , .page-admin.service-portal .tbl-data-list.console_table td:nth-child(3) { max-width: 180px; word-break: break-all; }
.page-admin.service-portal .tbl-data-list.console_table th:nth-child(4) , .page-admin.service-portal .tbl-data-list.console_table td:nth-child(4) { min-width: 250px; word-break: break-all; }
.page-admin.service-portal .tbl-data-list.console_table thead th { border-bottom: 1px solid #ddd; }
.page-admin.service-portal .tbl-data-list.console_table tbody td { border-bottom: 1px solid #ddd; }
.page-admin.service-portal .tbl-data-list.console_table tbody td[rowspan] { vertical-align: top; }
.page-admin.service-portal .tbl-data-list.console_table .num { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.page-admin.service-portal .tbl-data-list.console_table 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) { .page-admin.service-portal .tbl-data-list.console_table p.role_name:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .btns {margin-top: 20px;  text-align: center; }
.page-admin.service-portal .tbl-data-list.console_table .btns .button-normal {font-size: .75rem; line-height: 32px; min-width: 130px; height: 36px;  margin-right: 6px; padding: 0 10px; text-decoration: none; color: #fff; background: #000; }
.page-admin.service-portal .tbl-data-list.console_table .btns .button-normal[data-state=submit] { background: #1886ff; }
.page-admin.service-portal .tbl-data-list.console_table .create_account { min-height: 329px; padding: 0; background: #f6f6f6; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_summary {padding: 80px 0 100px;  text-align: center; }
.page-admin.service-portal .tbl-data-list.console_table .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) { .page-admin.service-portal .tbl-data-list.console_table .create_account .account_summary .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_summary .text { font-size: .75rem; line-height: 1.5em; padding: 5px 0 30px; color: #666; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_summary .btn-cloud .button-normal { min-width: 120px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_summary .btn-cloud .button-normal.guide { margin-right: 8px; background: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create { max-width: 853px; padding: 30px; }
.page-admin.service-portal .tbl-data-list.console_table .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) { .page-admin.service-portal .tbl-data-list.console_table .create_account .account_create h2:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .invalid_wrap { display: inline-block; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect {font-size: .75rem; line-height: 28px; box-sizing: border-box;  width: 260px; max-width: 260px; height: 30px; padding: 0 0 0 10px; text-align: left; border: 1px solid #e6e6e6; background: #fff; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .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: -104px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .tbl-data-list.console_table .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: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.direct { background: #e9e9e9; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a { font-size: .75rem; text-decoration: none; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 23px; display: block; height: auto;  min-height: 23px; padding: 0; word-break: break-all; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text] {line-height: 28px;  display: inline-block; width: 260px; height: 30px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]:-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text]::-ms-input-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list input[type=text].middle { width: 600px; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list .direct_input { display: inline-block; display: -ms-flexbox; display: flex; margin-left: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list .direct_input span { font-weight: 700; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list .direct_input input[type=text] { width: 170px; margin: 0 4px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list .direct_input input[type=text].name { width: 251px; margin: 0 3px 0 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list .invalid-message { font-size: .6875rem; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea { border: 1px solid #e6e6e6; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea[invalid] { border: 2px solid #ff2d2d; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea:-webkit-input-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea::-webkit-input-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea:-moz-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea::-moz-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea:-ms-input-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list textarea::-ms-input-placeholder { font-size: .75rem; font-weight: 400; vertical-align: top; color: #ccc; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol { padding: 11px 0 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li { font-size: .75rem; padding: 16px 0 20px; counter-increment: section; border-bottom: 1px solid #e6e6e6; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .head {padding-left: 14px; text-indent: -14px;  color: #666; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .head strong { font-weight: 700; margin-right: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .head strong:before { content: counter(section) '.'; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .form_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .form_flex p { font-size: .75rem; max-width: 400px; margin-left: 5px; color: #666; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box { padding: 8px 0 0 14px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box select {font-size: .75rem; line-height: 30px;  height: 30px; margin-right: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box select + span { margin-right: 9px; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box.input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .bracket .invalid-message { padding: 0 0 0 11px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box.input_box_one { padding-top: 14px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .btn-cloud { margin: 8px 0 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .btn-cloud .explain { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .explain em { margin-left: 3px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role { max-width: 810px; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex:first-child { margin-top: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete { position: absolute; top: 8px; right: 10px; height: calc(100% - 8px); border-left: 1px solid #e2e2e2; }
.page-admin.service-portal .tbl-data-list.console_table .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: 0; margin-top: -10px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete .button-icon.icon-delete-new { position: relative; background: #343434; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete .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: -336px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box .role.plus .delete .button-icon.icon-delete-new:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .input_box textarea {display: inline-block; overflow-y: auto;  width: 600px; height: 50px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle_btn {font-weight: 700;  padding: 6px 0 0 15px; color: #1886ff; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle_btn:before { content: none; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li {line-height: 1.5em;  margin: 9px 0 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .num { margin-right: 6px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li:first-child { margin-top: 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li {line-height: 18px;  margin-top: 13px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li:first-child { margin-top: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list { padding-top: 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li {line-height: 18px;  margin-bottom: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li:first-child { margin-top: 5px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li {padding-left: 28px;  text-indent: -25px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li .circle { margin: 0 6px 0 0; text-indent: 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box a {text-decoration: underline;  color: #1886ff; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .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: -734px -38px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box a.download:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .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: -517px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box a.help:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box p { line-height: 1.5em; }
.page-admin.service-portal .tbl-data-list.console_table .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; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box .depth2 { padding: 8px 0 0 14px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box .depth2 .circle { margin-left: 0; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box .depth3 { padding-left: 50px; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box strong { font-weight: 700; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box strong.block { display: block; }
.page-admin.service-portal .tbl-data-list.console_table .create_account .account_create .create_account_list > ol > li .toggle-box strong.color { color: #1886ff; }
.page-admin.service-portal .tbl-data-list.console_table .time {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1rem; color: #1886ff; }
.page-admin.service-portal .tbl-data-list.console_table .account { font-size: .875rem; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .tbl-data-list.console_table .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) { .page-admin.service-portal .tbl-data-list.console_table .account .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .tbl-data-list.console_table .account .text em { display: block; }
.page-admin.service-portal .tbl-data-list.console_table .account .healthy { color: #6cb41d; }
.page-admin.service-portal .tbl-data-list.console_table .account .deactivated { color: #999; }
.page-admin.service-portal .tbl-data-list.console_table .account .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; }
.page-admin.service-portal .tbl-data-list.console_table .button-icon:first-child { margin-right: 6px; }
.page-admin.service-portal .sercurity-state { box-sizing: border-box; margin: 25px 0; }
.page-portal-account .page-admin.service-portal .sercurity-state {margin: 30px 0 0;  padding: 0; }
.page-portal-account .page-admin.service-portal .sercurity-state.first { margin: 15px 0 0; }
.page-admin.service-portal .sercurity-state * { box-sizing: border-box; }
.page-admin.service-portal .sercurity-state .state-wrap {position: relative; display: -ms-flexbox; display: flex; border: 1px solid #e6e6e6;  background-color: #fff; }
.page-admin.service-portal .sercurity-state .state-wrap.msp { background-color: #fbfbfb; }
.page-admin.service-portal .sercurity-state .state-wrap > p {font-size: 1rem;  font-weight: 700; position: absolute; top: 50%; left: 30px; margin: -13px 0 0; text-align: center; }
.page-portal-account .page-admin.service-portal .sercurity-state .state-wrap > p { font-size: .875rem; margin: -7px 0 0; }
.page-admin.service-portal .sercurity-state .state-wrap .button-normal { position: absolute; top: 50%; right: 30px; min-width: 106px; margin: -20px 0 0; background-color: #000; }
.page-admin.service-portal .sercurity-state .state-wrap > ul { display: -ms-flexbox; display: flex; width: 100%; min-height: 80px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-portal-account .page-admin.service-portal .sercurity-state .state-wrap > ul {line-height: 91px;  display: block; float: left; padding: 0 0 0 214px; }
.page-admin.service-portal .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; }
.page-portal-account .page-admin.service-portal .sercurity-state .state-wrap > ul > li { display: inline-block; vertical-align: middle; }
.page-portal-account .page-admin.service-portal .sercurity-state .state-wrap > ul > li:first-child { width: 284px; }
.page-admin.service-portal .sercurity-state .state-wrap > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
.page-admin.service-portal .sercurity-state .state-wrap > ul > li label {font-size: .875rem;  color: #888; }
.page-admin.service-portal .sercurity-state .state-wrap > ul > li:first-child { margin-left: 0; }
.page-admin.service-portal .sercurity-ip-setup { box-sizing: border-box; }
.page-admin.service-portal .sercurity-ip-setup * { box-sizing: border-box; }
.page-admin.service-portal .sercurity-ip-setup fieldset {position: relative; padding: 0 30px 25px; border-top: 1px solid #e6e6e6;  background-color: #f8f8f9; }
.page-admin.service-portal .sercurity-ip-setup .head { padding: 22px 0; }
.page-admin.service-portal .sercurity-ip-setup .head:after {display: table; clear: both;  content: ''; }
.page-admin.service-portal .sercurity-ip-setup .head p { float: left; color: #8f8f8f; }
.page-admin.service-portal .sercurity-ip-setup .head p:first-child {font-size: .875rem;  color: #000; }
.page-admin.service-portal .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; }
.layout-popup .setupInfo p.invalid-message { position: static; bottom: 0; }
.setupInfo em { font-size: .875rem; font-weight: 500; }
.setupInfo .ipinfo p { color: #8f8f8f; }
.setupInfo .ipinfo label { font-size: .75rem; font-weight: 400; color: #8f8f8f; }
.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; }
.layout-popup .setupInfo .address { padding: 0; }
.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 { float: right; color: #8f8f8f; }
.setupInfo .explain input[type=text] {font-weight: 400;  width: 406px; margin: 0 0 0 12px; padding: 0 10px; text-align: left; }
.setupInfo input[type=text] {font-size: .875rem; display: inline-block;  width: 45px; height: 40px; padding: 0; text-align: center; }
.page-admin.service-portal .sercurity-ip-setup fieldset .button-normal { position: relative; bottom: -1px; min-width: 106px; margin-left: 15px; border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-portal .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; }
.page-admin.service-portal .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; }
.page-admin.service-portal .sercurity-ip-setup fieldset > ul > li em {font-weight: 700; margin: 0 7px 0 0;  color: #000; }
.page-admin.service-portal .sercurity-ip-setup fieldset > ul > li label { color: #888; }
.page-admin.service-portal .sercurity-ip-setup fieldset > ul > li:first-child { margin-left: 0; }
.page-admin.service-portal .sercurity-ip-wrap { position: relative; }
.page-admin.service-portal .sercurity-ip-wrap .nolimit { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(244, 244, 244, .8); }
.page-admin.service-portal .sercurity-ip-wrap .nolimit p {font-size: 1rem; position: absolute; top: 50%; width: 100%;  text-align: center; }
.page-admin.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) { .page-admin.service-portal .sercurity-ip-wrap .nolimit p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .security-table { box-sizing: border-box; }
.page-admin.service-portal .security-table table { margin: 0; }
.page-admin.service-portal .security-table thead th {height: 34px;  padding: 0 10px; text-align: center; color: #999; }
.page-admin.service-portal .security-table tbody tr.edit td , .page-admin.service-portal .security-table tbody tr.edit th { background: #f6f6f6; }
.page-admin.service-portal .security-table tbody td , .page-admin.service-portal .security-table tbody th {font-size: .75rem; line-height: 40px; height: 40px;  padding: 15px 10px; vertical-align: middle; color: #000; border-top: 1px solid #ddd; }
.page-admin.service-portal .security-table tbody td .setupInfo .address { padding: 0; }
.page-admin.service-portal .security-table tbody td .setupInfo .explain { float: none; width: 100%; }
.page-admin.service-portal .security-table tbody td .setupInfo .explain input[type=text] {width: 100%;  max-width: 406px; margin: 0; padding: 0 10px; text-align: left; }
.page-admin.service-portal .security-table tbody td .setupInfo .band + p { padding: 0 0 0 14px; }
.page-admin.service-portal .security-table tbody td .invalid-message { font-size: .75rem; }
.page-admin.service-portal .security-table tbody td.center { text-align: center; }
.page-admin.service-portal .security-table tbody td .no-data { padding: 70px 0 60px; }
.page-admin.service-portal .security-table tbody th { position: relative; }
.page-admin.service-portal .security-table tbody th .update-group-name {position: absolute; top: 15px; right: 15px; bottom: 0; left: 10px;  display: none; background-color: #fff; }
.page-admin.service-portal .default-service-wrap { text-align: center; }
.page-admin.service-portal .default-service-wrap .default-service {font-size: .875rem; font-weight: 400; line-height: 1.42857em;  display: inline-block; margin: 80px auto 0; text-align: center; color: #000; }
.page-admin.service-portal .default-service-wrap .default-service:before {display: block; width: 175px; height: 108px; margin: 0 auto 40px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: 0px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .default-service-wrap .default-service:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .default-service-wrap .default-service .button-normal { display: block; min-width: 190px; margin: 40px auto 0 auto; }
.page-admin.service-portal .default-service-wrap .default-service .common-add-btn { top: 5px; }
.page-admin.service-portal .default-service-wrap .add-arrow p { position: relative; max-width: 800px; word-break: break-all; }
.page-admin.service-portal .default-service-wrap .add-arrow p:after {position: absolute; top: 50%; left: -218px; width: 200px; height: 87px; margin: -73px 0 0;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -181px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .default-service-wrap .add-arrow p:after { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .partner-add-tab {font-size: 11px; position: relative; color: #999; border: 1px solid #ddd; border-right-width: 0; border-left-width: 0;  background-color: #ededed; }
.page-admin.service-portal .partner-add-tab p { box-sizing: border-box; max-width: 210px; padding: 12px 0 12px 20px; vertical-align: middle; word-break: break-all; }
.page-admin.service-portal .partner-add-tab .common-add-btn { position: absolute; top: 50%; right: 8px; margin: -12px 0 0; }
.page-admin.service-portal .layout-section.trial-customer .layout-section-title { margin-bottom: 0; padding-bottom: 0; }
.page-admin.service-portal .layout-section ~ .layout-section { margin-top: 60px; }
.page-admin.service-portal .layout-section .layout-section-title { padding-bottom: 8px; }
.page-admin.service-portal .layout-section .new_layout_head { display: -ms-flexbox; display: flex; padding: 50px 0 25px; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list { margin-top: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area { background-color: rgba(238, 238, 238, .4); }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp { padding-bottom: 10px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic { display: table; width: 100%; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic div.basic-item p.text , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.c { padding: 22px 20px 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.c span { margin-left: 15px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.linked { padding: 10px 0px 0px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.linked span { margin-left: 0px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.mixed_text span , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.mixed_text strong , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.mixed_text p { line-height: 38px; vertical-align: middle; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.btns { padding: 18px 10px 0; text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.btns .button-icon[disabled] { opacity: 1; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.btns .button-icon[disabled].icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.btns .button-icon.icon-done { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item.btns .button-icon.icon-cancel { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .basic .basic-item .invalid-message { margin-left: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on { padding: 0 15px; text-align: left; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on input[type=password] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on input[type=text] { margin-left: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on textarea { height: 80px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on .add-on-item { position: relative; margin-top: 20px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on .add-on-item .btn-toggle:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on .add-on-item .btn-toggle[data-state=shut]:after { transform: rotateX(0deg); }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .add-on .label {font-size: .75rem; font-weight: 700; line-height: 1.5em;  display: block; margin-bottom: 5px; color: #9b9b9b; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey { margin-top: 15px; padding: 0 15px; text-align: left; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .no-data-caution:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey[data-state='no-data'] .no-data-caution { display: inline-block; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey { position: relative; padding-bottom: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added { position: absolute; top: 0; right: 0; width: 80px; height: 30px; padding: 25px 20px; text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey + .basic-item.btns.not-added .button-icon[disabled] { opacity: .3; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small][disabled] { border-color: #c2c2c2; background-color: #c2c2c2; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small] label {line-height: 1.625rem;  display: block; height: 1.625rem; cursor: pointer; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey .button-normal[data-size=small] label + input[type=file] {display: none;  overflow: hidden; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .btn-get-privatekey .invalid-message {position: absolute; top: 50%; left: 210px;  display: block; margin: 0; transform: translateY(-50%); }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey {width: 100%; margin-top: 15px;  table-layout: fixed; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey thead th.c { padding: 0; text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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 5px; text-align: left; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; color: #333; border-bottom: 1px solid #ddd; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td .invalid-message { white-space: normal; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td input[type=text] {line-height: 40px; width: 100%; height: 40px;  margin-top: -1px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td select.small-white { width: 100%; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td.c { text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td.c.check {line-height: 40px;  padding: 0; text-align: center; background: #f00; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td.none { padding: 20px 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td.none .none-message { font-size: .875rem; font-weight: 500; color: #c0c0c0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td.none .none-message:before { margin-bottom: 15px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey tbody td .invalid-message { margin-left: 0px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey .csp-name input { max-width: 50%; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey .csp-name .invalid-message { margin-left: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey ~ .invalid-message { margin-top: 14px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey ~ .guide-message {font-size: .75rem;  margin-top: 14px; margin-bottom: 10px; margin-left: 0; color: #999; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-privatekey ~ .guide-message:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-scroll { overflow: auto; overflow-x: hidden; max-height: 450px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-scroll .tbl-privatekey { margin-top: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.privatekey-area .forms-add-gcp .privatekey .tbl-scroll thead { display: none; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=text][invalid] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=password][invalid] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=search][invalid] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=email][invalid] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=number][invalid] {border: 1px solid transparent;  box-shadow: inset 0 0 0 2px #ff2d2d; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=text]:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=password]:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=email]:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=number]:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=search]:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td textarea:focus , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td select:focus {border: 1px solid transparent;  box-shadow: inset 0 0 0 2px #007aff; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=text] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=password] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=email] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=number] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td input[type=search] , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td textarea , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td select {font-size: .875rem;  font-weight: 400; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account { min-height: 329px; padding: 0; background: #f6f6f6; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_summary {padding: 80px 0 100px;  text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_summary .icon { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_summary .text { font-size: .75rem; line-height: 1.5em; padding: 5px 0 30px; color: #666; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_summary .btn-cloud .button-normal { min-width: 120px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_summary .btn-cloud .button-normal.guide { margin-right: 8px; background: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create { max-width: 853px; padding: 30px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btns {margin-top: 20px;  text-align: center; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btns .button-normal {font-size: .75rem; font-weight: 400; line-height: 36px; min-width: 130px; height: 36px;  margin-right: 6px; padding: 0 10px; transition: color .3s ease-in-out; text-decoration: none; color: #fff; background-color: #000; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btns .button-normal[data-state=submit] { background-color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btns .button-normal:hover { color: rgba(255, 255, 255, .6); }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btns .button-normal[disabled] { opacity: .3; color: rgba(255, 255, 255, .6); }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create h2 em { font-weight: 400; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create h2:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect { font-size: .875rem; font-size: .75rem; font-weight: 500; line-height: 28px; display: inline-block; box-sizing: border-box; width: 260px; max-width: 350px; height: 30px; padding: 0 28px 0 10px; text-align: left; vertical-align: middle; color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #e4e4e4; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled { opacity: .3; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li.disabled > a > label { cursor: not-allowed; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: -104px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: 742px 719px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a {font-size: .75rem; position: relative;  display: block; padding: 0px 10px; text-decoration: none; color: #666; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 23px; height: auto;  min-height: 23px; padding: 0; word-break: break-all; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .createcheck {padding: 30px 0 20px;  border-bottom: 1px solid #e6e6e6; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .createcheck label em { margin-left: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .createcheck label ~ label { margin-left: 30px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list input[type=text] {font-size: .75rem; line-height: 28px;  display: inline-block; width: 260px; height: 30px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list input[type=text]:-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list input[type=text]::-moz-placeholder { font-size: .75rem; font-weight: 400; line-height: 28px; color: #ccc; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list input[type=text].middle { width: 600px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list input[type=text].regular { width: 460px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list .invalid-message {font-size: .6875rem;  bottom: auto; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list .direct_input { display: inline-block; display: -ms-flexbox; display: flex; margin-left: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list .direct_input span { font-weight: 700; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list .direct_input input[type=text] { width: 170px; margin: 0 4px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list .direct_input input[type=text].name { width: 251px; margin: 0 3px 0 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol { padding: 0px 0 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol.on > li.auto { display: block; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol.on > li.none { display: none; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li.auto { display: none; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li.auto.on { display: block; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li.none { display: none; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li.none.on { display: block; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label:before , .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label:after { top: 15px; right: 0; left: auto; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li input[type=checkbox] + label.linked-text + .explain {width: 155px;  margin-left: 30px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .head {line-height: 1.5em; padding-left: 14px; text-indent: -14px;  color: #666; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .head strong { font-weight: 700; margin-right: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .head strong:before { content: counter(section) '.'; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box { padding: 8px 0 0 14px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box select {font-size: .75rem; line-height: 30px;  height: 30px; margin-right: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box select + span { margin-right: 9px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box.input_box_flex.invalid-state { -ms-flex-align: inherit; align-items: inherit; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .bracket .invalid-message { padding: 0 0 0 11px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box.input_box_one { padding-top: 14px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud { margin: 8px 0 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .btn-cloud .explain { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .explain em { margin-left: 3px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .role { max-width: 810px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .input_box .role .input_box_flex:first-child { margin-top: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle_btn {font-weight: 700;  padding: 6px 0 0 15px; color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle_btn:before { display: none; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state { padding-left: 0px; text-indent: 0px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .explain { width: 90px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .invalid-state .invalid .form_flex input + button { margin-left: 10px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li .num { margin-right: 6px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li:first-child { margin-top: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li {line-height: 18px;  margin-top: 13px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_list > li:first-child { margin-top: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list { padding-top: 0; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol.circle_down_list > li:first-child { margin-top: 5px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box > ol > li > ol > li {padding-left: 28px;  text-indent: -25px; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box a {text-decoration: underline;  color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: -734px -38px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: 742px 719px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: -517px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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: 742px 719px; } }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box p { line-height: 1.5em; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr 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; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box strong { font-weight: 700; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box strong.block { display: block; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.create_account .account_create .create_account_list > ol > li .toggle-box strong.color { color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.status { text-align: center; vertical-align: middle; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.status .healthy { color: #6cb41d; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.status .deactivated { color: #999; }
.page-admin.service-portal .layout-section .new_layout_head + .tbl-data-list > tbody tr td.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; }
.page-admin.service-portal .layout-section .new_layout_head.first { padding-top: 0; padding-bottom: 0; }
.page-admin.service-portal .layout-section .new_layout_head.aws { padding-top: 40px; }
.page-admin.service-portal .layout-section .new_layout_head.aws .layout-section-title {font-weight: 300; margin: 0; margin-right: auto;  padding: 0; color: #585858; }
.page-admin.service-portal .layout-section .new_layout_head.aws .layout-section-title span { font-size: 1.125rem; font-weight: 300; position: relative; bottom: 0px; padding: 0 0 0 7px; color: #585858; }
.page-admin.service-portal .layout-section .new_layout_head.aws .layout-section-title span em { font-weight: 700; color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head.aws .layout-section-title span:before { display: none; }
.page-admin.service-portal .layout-section .new_layout_head .layout-section-title {margin: 0; margin-right: auto;  padding: 0; }
.page-admin.service-portal .layout-section .new_layout_head .layout-section-title span { font-size: .875rem; font-weight: 400; position: relative; bottom: 2px; padding: 0 0 0 7px; }
.page-admin.service-portal .layout-section .new_layout_head .layout-section-title span em { font-weight: 700; color: #1886ff; }
.page-admin.service-portal .layout-section .new_layout_head .layout-section-title span:before {position: relative; top: 2px; display: inline-block; width: 1px; height: 16px; margin-right: 7px;  content: ''; background: #d8d8d8; }
.page-admin.service-portal .layout-section .layout-section-utils { position: absolute; top: 0px; right: 0; }
.page-admin.service-portal .am-chart {height: 500px;  margin-top: 20px; }
.page-admin.service-portal .invalid-message { font-size: .75rem; font-weight: 400; color: #ff2d47; }
.page-admin.service-portal .invalid-message:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .invalid-message:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .csp-tooltip { font-size: .75rem; }
.page-admin.service-portal .csp-tooltip:first-child { padding: 0 0 2px; }
.page-admin.service-portal .csp-tooltip strong { margin-right: 4px; color: #666; }
.page-admin.service-portal .application_btn_common { line-height: 2.5em; display: inline-block; vertical-align: middle; }
.page-admin.service-portal .application_btn_common:before { position: relative; top: 4px; display: inline-block; margin: 0 7px 0 0; }
.page-admin.service-portal .application_btn_common.list { color: #666 !important; }
.page-admin.service-portal .application_btn_common.list:before {width: 15px; height: 18px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -21px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.list:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.list.small { color: #fff !important; }
.page-admin.service-portal .application_btn_common.list.small:before {width: 12px; height: 15px; margin: 0 8px 0 5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -69px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.list.small:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.holdon { color: #d04437 !important; }
.page-admin.service-portal .application_btn_common.holdon:before {width: 18px; height: 18px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -188px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.holdon:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.holdon.small { color: #fff !important; }
.page-admin.service-portal .application_btn_common.holdon.small:before {width: 13px; height: 13px; margin: 0 8px 0 5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -94px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.holdon.small:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.processing { color: #1886ff !important; }
.page-admin.service-portal .application_btn_common.processing:before {width: 18px; height: 18px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -260px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.processing:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.ok { color: #12b571 !important; }
.page-admin.service-portal .application_btn_common.ok:before {width: 18px; height: 18px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -236px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.ok:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .application_btn_common.ok.small { color: #fff !important; }
.page-admin.service-portal .application_btn_common.ok.small:before {width: 13px; height: 13px; margin: 0 8px 0 5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -132px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .application_btn_common.ok.small:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .tbl-pagination { margin-bottom: -2px; padding: 0; }
.page-admin.service-portal .csp-application-status { padding: 30px 0; }
.page-admin.service-portal .csp-application-status .list-company-group > li {position: relative;  display: -ms-flexbox; display: flex; box-sizing: border-box; width: 250px; height: 121px; margin: 0 0 0 63px; border: 1px solid #cdcdcd; border-radius: 5px; background-color: #fff; box-shadow: 2px 2px 2px rgba(225, 225, 225, .5); -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .csp-application-status .list-company-group > li:first-child { margin: 0; }
.page-admin.service-portal .csp-application-status .list-company-group > li:first-child:before { content: none; }
.page-admin.service-portal .csp-application-status .list-company-group > li:nth-child(4n+1) { padding-left: 10px; }
.page-admin.service-portal .csp-application-status .list-company-group > li.or:before { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 400; left: -46px; width: 35px; height: 22px; margin-top: -14px; content: 'OR'; color: #a4a4a4; background: none; }
html:lang(zh) .page-admin.service-portal .csp-application-status .list-company-group > li.or:before {left: -50px; width: auto; margin-top: -14px;  content: '选择'; background: none; }
.page-admin.service-portal .csp-application-status .list-company-group > li:before {position: absolute; top: 50%; left: -39.5px; width: 17px; height: 42px; margin-top: -21px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -50px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .csp-application-status .list-company-group > li:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper { text-align: center; -ms-flex: 1; flex: 1; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p {font-size: 12px; line-height: 1.5em;  color: #666; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p { letter-spacing: -.5px; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p em {font-weight: 600; margin-right: 3px;  color: #888; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p.head-txt { font-size: 1rem; font-weight: 600; padding: 0 0 12px; color: #888; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p.head-txt { font-size: .875rem; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p.head-txt.head-txt-btn { padding: 0 0 7px; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p.head-txt:before {display: inline-block; width: 19px; height: 16px; margin-right: 5px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -347px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p.head-txt:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .contents-show-btn {text-decoration: underline;  color: #1886ff; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .button-inner-txt {line-height: 25px; position: relative; bottom: 2px;  height: 25px; margin: 0 0 0 5px; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .button-inner-txt { margin: 5px 10px 0 10px; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .button-inner-txt:after { margin: 0 0 0 5px; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .button-inner-txt:after {position: relative; top: 1px; display: inline-block; width: 6px; height: 10px; margin: 0 0 0 3px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -734px -291px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper p .button-inner-txt:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper .multilingual_btn_wrap { display: inline-block; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper a { border-radius: 5px; }
.page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper a.max-btn {line-height: 1; display: -ms-flexbox; display: flex; overflow: hidden;  width: 140px; height: 40px; margin: 12px 0 0; padding: 0 10px; word-break: break-all; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
html:lang(en) .page-admin.service-portal .csp-application-status .list-company-group > li .item-wrapper a.max-btn {font-size: .75rem; width: 180px; height: 30px;  word-wrap: break-word; word-break: keep-all; }
.page-admin.service-portal .csp-application-status .list-company-group > li.checked {border: 0; background-color: #f3f4f5;  box-shadow: 1px 1px 1px rgba(225, 225, 225, .5); }
.page-admin.service-portal .csp-application-status .list-company-group > li.checked.essential { background-color: #e7f2ff; }
.page-admin.service-portal .csp-application-status .list-company-group > li.checked.essential .item-wrapper p.head-txt { color: #1886ff; }
.page-admin.service-portal .csp-application-status .list-company-group > li.checked.essential .item-wrapper p.head-txt:before {display: inline-block; width: 19px; height: 16px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -307px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .csp-application-status .list-company-group > li.checked.essential .item-wrapper p.head-txt:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .trial-admin-info { padding: 15px 0; }
.page-admin.service-portal .trial-admin-info h4 {font-size: .875rem;  padding: 0 0 16px; }
.page-admin.service-portal .trial-admin-info.first { padding-top: 30px; }
.page-admin.service-portal .trial-admin-info td { padding-top: 10px; padding-bottom: 10px; }
.page-admin.service-portal .trial-admin-info td span + p.invalid-message , .page-admin.service-portal .trial-admin-info td select + p.invalid-message , .page-admin.service-portal .trial-admin-info td textarea + p.invalid-message , .page-admin.service-portal .trial-admin-info td input + p.invalid-message { margin-top: 10px; }
.page-admin.service-portal .trial-admin-info td .phone-number:before {display: block; clear: both;  content: ''; }
.page-admin.service-portal .trial-admin-info td .phone-number span.multiselect-native-select { float: left; width: 200px; margin-right: 10px; }
.page-admin.service-portal .trial-admin-info td .phone-number span.multiselect-native-select + input { width: 500px; }
.page-admin.service-portal .trial-admin-info td .phone-number + .invalid-message { margin-top: 5px; }
.page-admin.service-portal .trial-admin-info td textarea { width: 100%; max-width: 710px; margin: 20px 0; }
.page-admin.service-portal .trial-admin-info td input { width: 100%; max-width: 710px; }
.page-admin.service-portal .trial-admin-info td select { min-width: 200px; }
.page-admin.service-portal .trial-admin-info td span.name + span { margin-left: 10px; }
.page-admin.service-portal .cps-admin-info { padding: 15px 0; }
.page-admin.service-portal .cps-admin-info h4 {font-size: .875rem;  padding: 0 0 16px; }
.page-admin.service-portal .cps-admin-info.first { padding-top: 30px; }
.page-admin.service-portal .cps-admin-info .edit-files { position: relative; overflow: hidden; padding: 20px 0; }
.page-admin.service-portal .cps-admin-info .edit-files .guide-message { margin-left: 15px; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox {font-size: .75rem;  position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox input[type=text]::-webkit-input-placeholder { color: #999; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox input[type=text]:-moz-placeholder {opacity: 1;  color: #999; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox input[type=text]::-moz-placeholder {opacity: 1;  color: #999; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox input[type=text]:-ms-input-placeholder { color: #999; }
.page-admin.service-portal .cps-admin-info .edit-files .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; }
.page-admin.service-portal .cps-admin-info .edit-files .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; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox p { color: #666; }
.page-admin.service-portal .cps-admin-info .edit-files .fileBox p span { letter-spacing: -.01rem; }
.page-admin.service-portal .cps-admin-info .edit-files .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; }
.page-admin.service-portal .cps-admin-info .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); }
.page-admin.service-portal .cps-admin-info .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) { .page-admin.service-portal .cps-admin-info .edit-files .list-files .delete_btn { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .cps-admin-info .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-decoration: underline; text-overflow: ellipsis; color: #000; }
.page-admin.service-portal .cps-admin-info .edit-files .list-files > p .file.icon-img { position: relative; }
.page-admin.service-portal .cps-admin-info .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: -616px -619px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .cps-admin-info .edit-files .list-files > p .file.icon-img:after { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-portal .cps-admin-info .edit-files .list-files > p .file .file-icon { display: inline-block; margin: -3px 5px 0 -3px; vertical-align: middle; }
.page-admin.service-portal .cps-admin-info .edit-files .list-files .file-size {font-size: .75rem; line-height: 50px; position: absolute; top: 0; right: 20px;  display: block; color: #666; }
.page-admin.service-portal .cps-admin-info .edit-files .list-files .file-size .size { display: inline-block; }
.page-admin.service-portal .cps-admin-info .edit-files .list-files .file-size .size .current { color: #3b99ff; }
.page-admin.service-portal .cps-admin-info .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; }
.page-admin.service-portal .bg-white .layout-tabs a.selected { border-bottom: 2px solid #fff; }
.page-admin.service-portal .layout-tabs {position: relative;  display: block; overflow: hidden; width: 100%; margin-top: 30px; margin-bottom: 0px; }
.page-admin.service-portal .layout-tabs:after {position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 2px;  content: ''; background-color: #bbb; }
.page-admin.service-portal .layout-tabs a {font-size: .875rem; font-weight: 700; line-height: 37px; position: relative;  display: block; float: left; box-sizing: border-box; height: 40px; padding: 0 50px; text-align: center; letter-spacing: -.1em; color: #ccc; border: 1px solid #e6e6e6; border-bottom: 2px solid #bbb; }
.page-admin.service-portal .layout-tabs a.selected { z-index: 1; color: #000; border-top: 2px solid #000; border-right: 1px solid #bbb; border-bottom: 2px solid #f3f4f5; border-left: 1px solid #bbb; }
.page-admin.service-portal .layout-tabs a[invalid]:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-tabs a[invalid]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-tabs[data-state=stretch] { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.page-admin.service-portal .layout-tabs[data-state=stretch] a {float: none; min-width: auto; padding: 0;  -ms-flex: 1; flex: 1; }
.page-admin.service-portal .layout-sub-tabs {position: relative;  overflow: hidden; width: 100%; margin-top: 60px; margin-bottom: -30px; }
.page-admin.service-portal .layout-sub-tabs:after { content: none; }
.page-admin.service-portal .layout-sub-tabs a {font-size: .8125rem; font-weight: 700; line-height: 38px; position: relative;  display: block; float: left; box-sizing: border-box; min-width: 150px; height: 40px; text-align: center; color: #aaa; border: 1px solid #ccc; border-radius: 40px; background-color: #f0f0f0; }
.page-admin.service-portal .layout-sub-tabs a.selected { color: #fff; border: 1px solid #1886ff; background-color: #67adff; }
.page-admin.service-portal .layout-sub-tabs a[invalid]:before {display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-sub-tabs a[invalid]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-sub-tabs a + a { margin-left: 15px; }
.page-admin.service-portal .summary-company-status { display: -ms-flexbox; display: flex; margin-top: 30px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li { min-width: 170px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box {overflow: hidden;  min-width: 420px; max-width: 620px; height: 130px; padding: 0; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span.key {line-height: 1.5rem; height: 1.5rem; margin-right: 15px;  margin-left: 15px; padding: 10px 0 7px 0; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span:before { display: none; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area { display: -ms-flexbox; display: flex; height: 90px; border-top: solid 1px #e6e6e6; -ms-flex-pack: justify; justify-content: space-between; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items {box-sizing: border-box;  padding: 10px 10px 15px; border-right: solid 1px #e6e6e6; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items:last-child { border: 0; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key { font-weight: 300; line-height: 1.5rem; height: 1.5rem; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key:before {position: absolute; top: 2px; left: 0; display: block;  content: ''; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon] { padding-left: 16px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-waiting-user] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-waiting-user]:before {width: 14px; height: 17px;  margin-top: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -19px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-waiting-user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-progressing] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-progressing]:before {width: 14px; height: 14px;  margin-top: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -188px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-progressing]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-complete-progress] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-complete-progress]:before {width: 14px; height: 14px;  margin-top: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -128px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .key[data-icon=trial-complete-progress]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status.trial-managed-user > li.multi-box > span + .box-area div.items .value { margin: 10px 0 0; }
.page-admin.service-portal .summary-company-status > li { display: block; box-sizing: border-box; min-width: 130px; max-width: 180px; padding: 15px; border: 1px solid #e6e6e6; background-color: #fff; }
.page-admin.service-portal .summary-company-status > li * { transition: all .3s ease-in-out; }
.page-admin.service-portal .summary-company-status > li .csp-status { display: -ms-flexbox; display: flex; padding: 0 15px 15px 43px; }
.page-admin.service-portal .summary-company-status > li .csp-status p {position: relative;  display: -ms-flexbox; display: flex; padding: 0 0 0 40px; -ms-flex-align: center; align-items: center; }
.page-admin.service-portal .summary-company-status > li .csp-status p .txt { font-size: .8125rem; padding: 0 20px 0 0; color: #888; }
.page-admin.service-portal .summary-company-status > li .csp-status p .number { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.0625rem; font-weight: 400; line-height: 1em; white-space: nowrap; color: #000; }
.page-admin.service-portal .summary-company-status > li .csp-status p:before {position: absolute; top: 50%; left: 20px; width: 1px; height: 24px; margin: -12px 0 0;  content: ''; background-color: #e8e8e8; }
.page-admin.service-portal .summary-company-status > li .csp-status p:first-child { padding: 0; }
.page-admin.service-portal .summary-company-status > li .csp-status p:first-child:before { content: none; }
.page-admin.service-portal .summary-company-status > li.instance-each { max-width: 100% !important; }
.page-admin.service-portal .summary-company-status > li .key {font-size: .8125rem; font-weight: 400; line-height: 1.46154em; position: relative;  display: block; min-width: 98px; height: 34px; color: #666; }
.page-admin.service-portal .summary-company-status > li .key:before {position: absolute; top: 2px; left: 0; display: block;  content: ''; }
.page-admin.service-portal .summary-company-status > li .key[data-icon] { padding-left: 16px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=status01]:before {width: 16px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -305px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=status01]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=status02]:before {width: 11px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -46px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=status02]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=company]:before {width: 10px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -314px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=company]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=activated]:before {width: 11px;  height: 11px; border-radius: 11px; background-color: #7fcb2b; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=azure]:before {width: 16px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -362px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=azure]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=deactivated]:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=cloud] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=cloud]:before {width: 16px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -161px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=cloud]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=user] { padding-left: 18px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=user]:before {width: 13px; height: 13px;  background-image: url(/assets/images/admin_sprites.png); background-position: -113px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=user_deactivated] { padding-left: 18px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=user_deactivated]:before {width: 13px; height: 13px;  background-image: url(/assets/images/admin_sprites.png); background-position: -189px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=user_deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=service] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=service]:before {width: 15px; height: 15px;  margin-top: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -39px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=service]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-waiting-user] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-waiting-user]:before {width: 14px; height: 17px;  margin-top: -1px; background-image: url(/assets/images/admin_sprites.png); background-position: -19px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=trial-waiting-user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-approved-user] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-approved-user]:before {width: 14px; height: 14px;  margin-top: 1px; background-image: url(/assets/images/admin_sprites.png); background-position: -168px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=trial-approved-user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-denied-user] { padding-left: 20px; }
.page-admin.service-portal .summary-company-status > li .key[data-icon=trial-denied-user]:before {width: 14px; height: 14px;  margin-top: 1px; background-image: url(/assets/images/admin_sprites.png); background-position: -228px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .key[data-icon=trial-denied-user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .key.csp {font-size: .8125rem;  padding: 0 0 0 23px; color: #666; }
.page-admin.service-portal .summary-company-status > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.0625rem; font-weight: 400; line-height: 1em;  display: block; float: right; margin: 27px 5px 0 0; white-space: nowrap; color: #000; }
.page-admin.service-portal .summary-company-status > li .value[data-icon=company]:before {display: inline-block; width: 16px; height: 23px; margin: -5px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -363px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .value[data-icon=company]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .value[data-icon=company_deactivated]:before {display: inline-block; width: 16px; height: 23px; margin: -5px 9px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: 0px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .value[data-icon=company_deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .value .status { font-size: 1.25rem; }
.page-admin.service-portal .summary-company-status > li .value .status:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.page-admin.service-portal .summary-company-status > li .value .status.trial:before {width: 11px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -208px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .value .status.trial:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .value .status.activated:before {width: 11px;  height: 11px; border-radius: 11px; background-color: #7fcb2b; }
.page-admin.service-portal .summary-company-status > li .value .status.deactivated:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .value .status.deactivated:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .each { display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 16px; }
.page-admin.service-portal .summary-company-status > li .instance {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  display: block; text-align: right; }
.page-admin.service-portal .summary-company-status > li .instance .accounts {font-size: 1.125rem; line-height: 1.33333em; position: relative;  display: block; padding-right: 2px; padding-left: 30px; color: #000; }
.page-admin.service-portal .summary-company-status > li .instance .accounts:before {position: absolute; top: 5px; left: 0; display: block;  content: ''; }
.page-admin.service-portal .summary-company-status > li .instance .accounts em { font-size: 1.375rem; }
.page-admin.service-portal .summary-company-status > li .instance .ea {font-size: 1rem; font-weight: 400; line-height: 1.25em;  display: block; margin-top: 3px; color: #888; }
.page-admin.service-portal .summary-company-status > li .instance.aws .accounts:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -184px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .instance.aws .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .instance.azure .accounts:before {width: 17px; height: 17px;  background-image: url(/assets/images/admin_sprites.png); background-position: -92px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .instance.azure .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .instance.idc .accounts:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -286px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .instance.idc .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .instance.alibaba .accounts:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -361px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .instance.alibaba .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .instance.gcp .accounts:before {width: 19px; height: 19px;  background-image: url(/assets/images/admin_sprites.png); background-position: -311px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status > li .instance.gcp .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status > li .instance + .instance { margin-left: 15px; }
.page-admin.service-portal .summary-company-status > li .service-status { display: block; overflow: hidden; margin-top: 30px; }
.page-admin.service-portal .summary-company-status > li .service-status > dt {font-size: .75rem; line-height: 25px;  display: block; float: left; clear: both; width: 45px; height: 25px; }
.page-admin.service-portal .summary-company-status > li .service-status > dt.paid { color: #6cb41d; }
.page-admin.service-portal .summary-company-status > li .service-status > dt.free { color: #999; }
.page-admin.service-portal .summary-company-status > li .service-status > dt.trial { color: #3b99ff; }
.page-admin.service-portal .summary-company-status > li .service-status > dd { display: block; float: left; width: calc(100% - 45px); }
.page-admin.service-portal .summary-company-status > li .list-service { overflow: hidden; }
.page-admin.service-portal .summary-company-status > li .list-service > li { display: block; float: left; margin: 0 4px 5px 0; }
.page-admin.service-portal .summary-company-status > li .list-service > li:nth-child(5) { clear: both; }
.page-admin.service-portal .summary-company-status > li .list-service > li .service {font-size: .6875rem; font-weight: 400; line-height: 23px;  display: block; height: 23px; padding: 0 10px; text-align: center; color: #fff; background-color: #999; }
.page-admin.service-portal .summary-company-status > li .list-service > li .service[data-tooltip]:after { content: none; }
.page-admin.service-portal .summary-company-status > li .service-integration { width: 228px; padding: 30px 0 0; }
.page-admin.service-portal .summary-company-status > li .service-integration .list-service { max-width: 165px; }
.page-admin.service-portal .summary-company-status > li .none-service {font-size: .75rem; line-height: 2.4em;  display: block; margin-top: 30px; color: #000; }
.page-admin.service-portal .summary-company-status > li .btn-toggle {position: absolute; top: 0; right: 0;  display: block; width: 24px; height: 24px; text-indent: -9999px; background-color: #f3f3f3; }
.page-admin.service-portal .summary-company-status > li .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4px; 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) { .page-admin.service-portal .summary-company-status > li .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .summary-company-status > li + li { margin-left: 15px; }
.page-admin.service-portal .summary-company-status > li.service { max-width: 100%; }
.page-admin.service-portal .summary-company-status[data-state=small] > li {min-width: 150px; max-width: 100%; min-height: 120px;  padding: 13px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li.used-service { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; }
.page-admin.service-portal .summary-company-status[data-state=small] > li.used-service .key {position: absolute; top: 13px; left: 13px;  display: block; }
.page-admin.service-portal .summary-company-status[data-state=small] > li.used-service .none-service { margin-bottom: 10px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .key {font-size: .75rem; line-height: 2em; min-width: auto; height: auto;  padding-left: 20px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .key:before { top: 6px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .key[data-icon=service]:before { top: 5px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .value {font-size: 1.5rem;  margin-top: 40px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .value .status { font-size: 1rem; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .each { margin-top: 22px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance { min-width: auto; text-align: left; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance .accounts {font-size: .875rem; line-height: 1.6em;  padding-right: 1px; padding-left: 0; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance .accounts:before { position: static; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance .accounts em { font-size: 1.25rem; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance .ea { font-size: .9375rem; font-weight: 400; text-align: right; }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance.aws .accounts:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -81px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status[data-state=small] > li .instance.aws .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance.azure .accounts:before {width: 15px; height: 15px;  background-image: url(/assets/images/admin_sprites.png); background-position: -102px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status[data-state=small] > li .instance.azure .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance.idc .accounts:before {width: 15px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -87px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-company-status[data-state=small] > li .instance.idc .accounts:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-company-status[data-state=small] > li .instance + .instance { margin-left: 23px; }
.page-admin.service-portal .summary-company-status[data-state=small] > li + li { margin-left: 0; border-left: 0; }
.page-admin.service-portal .summary-company-status[data-shut=shut] .btn-toggle:before { margin-top: -5px; transform: rotateX(180deg); }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li { overflow: hidden; min-height: 43px; padding: 9px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .key { float: left; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .value {font-size: 1rem; line-height: 1.5em; margin: 0 0 0 10px;  flaot: right; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .value .status .txt { display: none; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .key { display: none; margin-right: 10px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .each { margin-top: 0px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .accounts { display: inline-block; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .accounts:before { display: inline-block; margin: -2px 4px 0 0; vertical-align: middle; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .accounts .txt { display: none; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .accounts em { font-size: .875rem; line-height: 1.14286em; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .ea {font-size: .75rem; line-height: 1.33333em;  display: inline-block; color: #000; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance .ea:before {display: inline-block; margin: -4px 3px 0 0;  content: '|'; vertical-align: middle; color: #ccc; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.instance-each .instance + .instance { margin-left: 15px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service { display: block; padding-right: 35px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .key { position: relative; top: 0; left: 0; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status { display: block; float: right; margin: 0 0 0 10px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status > dt {font-size: .75rem; line-height: 16px;  display: inline-block; float: none; clear: none; width: auto; height: auto; margin-left: 5px; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status > dd { display: inline-block; float: none; width: auto; vertical-align: middle; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status > dd .list-service { display: inline-block; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status > dd .list-service:before {font-size: .75rem;  content: attr(data-count); color: #000; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-status > dd .list-service li { display: none; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-integration { display: inline-block; float: none; width: auto; padding: 0; vertical-align: middle; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-integration .list-service { display: inline-block; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-integration .list-service:before {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1rem; margin-left: 15px;  content: attr(data-count); color: #000; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li.used-service .service-integration .list-service li { display: none; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .none-service {line-height: 24px;  display: inline-block; margin: 0 !important; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .none-service:before {font-size: .75rem; margin-left: 10px;  content: attr(data-count); color: #000; }
.page-admin.service-portal .summary-company-status[data-shut=shut] > li .none-service .txt { display: none; }
.page-admin.service-portal .summary-caution { font-size: .75rem; padding: 15px 0 10px; color: #7f7f7f; }
.page-admin.service-portal .summary-user-group { display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; margin-bottom: 30px; background-color: #f5f5f5; }
.page-admin.service-portal .summary-user-group > li {position: relative; display: block; box-sizing: border-box; padding: 17px 24px 10px 25px;  -ms-flex: 1; flex: 1; }
.page-admin.service-portal .summary-user-group > li:last-child { -ms-flex: 1.8; flex: 1.8; }
.page-admin.service-portal .summary-user-group > li * { transition: all .3s ease-in-out; }
.page-admin.service-portal .summary-user-group > li .key {font-size: .75rem; font-weight: 400; line-height: 1.33333em;  display: block; color: #666; }
.page-admin.service-portal .summary-user-group > li .key:before {display: inline-block; margin: -2px 4px 0 0;  content: ''; vertical-align: middle; }
.page-admin.service-portal .summary-user-group > li .key[data-icon=groups]:before {width: 20px; height: 12px;  background-image: url(/assets/images/admin_sprites.png); background-position: -113px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-user-group > li .key[data-icon=groups]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-user-group > li .key[data-icon=company]:before {width: 10px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -314px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-user-group > li .key[data-icon=company]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-user-group > li .key[data-icon=user]:before {width: 12px; height: 12px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -242px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .summary-user-group > li .key[data-icon=user]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .summary-user-group > li .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1em;  display: block; float: right; margin-top: 22px; color: #000; }
.page-admin.service-portal .summary-user-group > li .status { margin-top: -10px; margin-right: 12px; }
.page-admin.service-portal .summary-user-group > li .status dt { display: block; float: left; clear: both; padding: 3px 0 2px 0; }
.page-admin.service-portal .summary-user-group > li .status dd { display: block; float: right; padding: 3px 0 2px 0; }
.page-admin.service-portal .summary-user-group > li .status .key { line-height: 20px; }
.page-admin.service-portal .summary-user-group > li .status .value {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 20px;  display: inline-block; width: 40px; height: 20px; margin: 0px; text-align: center; color: rgba(0, 0, 0, .5); border-radius: 20px; }
.page-admin.service-portal .summary-user-group > li .status .value[data-state=activated] { background-color: #7fcb2b; }
.page-admin.service-portal .summary-user-group > li .status .value[data-state=deactivated] { background-color: #d8d8d8; }
.page-admin.service-portal .summary-user-group > li .status .value[data-state=invited] { background-color: #1886ff; }
.page-admin.service-portal .summary-user-group > li + li:before {position: absolute; top: 17px; bottom: 16px; left: 0; display: block; width: 1px;  content: ''; background-color: #ddd; }
.page-admin.service-portal .summary-user-group > li .btn-toggle {position: absolute; top: 0; right: 0;  display: block; width: 24px; height: 24px; text-indent: -9999px; background-color: #e9e9e9; }
.page-admin.service-portal .summary-user-group > li .btn-toggle:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 9px; margin-top: -4px; 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) { .page-admin.service-portal .summary-user-group > li .btn-toggle:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-portal .summary-user-group[data-shut=shut] .btn-toggle:before { margin-top: -5px; transform: rotateX(180deg); }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li { padding-bottom: 12px; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .key {line-height: 1em;  float: left; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .value {font-size: 1rem; line-height: 1em;  margin: -1px 0 0 0; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status { margin-top: -5px; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status dt { display: inline-block; float: none; padding: 0; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status dd { display: inline-block; float: none; padding: 0 5px 0 0; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status .key {line-height: 16px;  display: inline-block; vertical-align: middle; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status .key[data-state=activated] { color: #6cb41d; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status .key[data-state=deactivated] { color: #999; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status .key[data-state=invited] { color: #3b99ff; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li .status .value {font-size: .75rem; line-height: 16px; width: auto;  height: auto; vertical-align: middle; color: #000; background-color: transparent; }
.page-admin.service-portal .summary-user-group[data-shut=shut] > li + li:before { top: 17px; bottom: 13px; }
.page-admin.service-portal .summary-user-group[data-state=msp] { margin-top: -15px; }
.page-admin.service-portal .summary-user-group[data-state=msp] > li { overflow: hidden; padding: 20px 30px 20px 25px; -ms-flex: 1; flex: 1; }
.page-admin.service-portal .summary-user-group[data-state=msp] > li .key { float: left; }
.page-admin.service-portal .summary-user-group[data-state=msp] > li .value {font-size: 1.25rem;  margin-top: 0; }
.page-admin.service-portal .layout-section-tabs { overflow: hidden; }
.page-admin.service-portal .layout-section-tabs.new { padding: 0 0 25px; }
.page-admin.service-portal .layout-section-tabs.new .btn { min-width: 180px; padding: 0 10px; }
.page-admin.service-portal .layout-section-tabs .btn {font-size: .875rem; font-weight: 700; line-height: 38px; position: relative;  display: block; float: left; box-sizing: border-box; min-width: 130px; height: 40px; text-align: center; color: #b6b6b6; border: 1px solid #c9c9c9; background-color: #f5f5f5; }
.page-admin.service-portal .layout-section-tabs .btn.is-selected { z-index: 3; color: #000; border: 2px solid #000; background-color: #fff; }
.page-admin.service-portal .layout-section-tabs .btn + .btn { margin-left: -1px; }
.page-admin.service-portal .layout-section-tabs + .desc {font-size: .75rem; font-weight: 400;  display: block; margin-top: 13px; margin-bottom: 26px; color: #000; }
.page-admin.service-portal .list-company-group {display: block;  overflow: hidden; width: 100%; margin-top: 20px; padding: 15px 0 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.page-admin.service-portal .list-company-group > li { display: block; float: left; box-sizing: border-box; width: 25%; padding: 5px 10px; }
.page-admin.service-portal .list-company-group > li:nth-child(4n+1) { padding-left: 0; }
.page-admin.service-portal .list-company-group .company-group-item {font-size: .875rem; line-height: 46px; position: relative; display: block;  overflow: hidden; box-sizing: border-box; height: 50px; padding: 0 10px 0 30px; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #e1e1e2; border-radius: 5px; background-color: #fbfbfb; }
.page-admin.service-portal .list-company-group .company-group-item:before {position: absolute; top: 50%; left: 10px; display: block;  content: ''; }
.page-admin.service-portal .list-company-group .company-group-item[data-state=activated] { color: #000; }
.page-admin.service-portal .list-company-group .company-group-item[data-state=activated]:before {width: 12px; height: 12px;  margin-top: -6px; border-radius: 12px; background-color: #7fcb2b; }
.page-admin.service-portal .list-company-group .company-group-item[data-state=deactivated] { padding-right: 30px; color: #909090; }
.page-admin.service-portal .list-company-group .company-group-item[data-state=deactivated]:before {width: 12px; height: 12px;  margin-top: -6px; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -296px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-company-group .company-group-item[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .list-company-group .company-group-item .btn-delete {position: absolute; top: 0; right: 0;  display: block; width: 34px; height: 50px; text-align: left; text-indent: -9999px; }
.page-admin.service-portal .list-company-group .company-group-item .btn-delete:before {position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 12px; margin-top: -7px; margin-left: -6px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -224px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-company-group .company-group-item .btn-delete:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .management-user-none {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; margin-top: 60px; text-align: center; color: #999; }
.page-admin.service-portal .management-user-none:before {display: block; width: 107px; height: 59px; margin: 0 auto 20px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: 0px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .management-user-none:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .management-user-none .button-normal { margin-top: 20px; }
.page-admin.service-portal .management-box-container {position: relative;  display: -ms-flexbox; display: flex; box-sizing: border-box; min-height: 540px; padding: 30px 0 0 0; -ms-flex: 1; flex: 1; aling-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }
.page-admin.service-portal .management-box-container .management-box-container-utils {position: absolute; top: 0px; right: 0;  display: block; }
.page-admin.service-portal .management-box-container .management-box-container-utils .message {font-size: .6875rem; font-weight: 400; line-height: 40px; position: relative;  display: inline-block; margin-right: 15px; text-align: right; vertical-align: middle; color: #999; }
.page-admin.service-portal .management-box-container .management-box-container-utils .message em {line-height: 40px; position: absolute; top: 0; right: 0;  display: block; white-space: nowrap; color: #1886ff; }
.page-admin.service-portal .management-box-container .management-box-container-utils .button-normal { display: inline-block; min-width: 150px; vertical-align: middle; }
.page-admin.service-portal .management-box {position: relative;  display: block; box-sizing: border-box; min-height: 510px; border: 1px solid #ddd; background-color: #f2f2f2; -ms-flex: 1 1 0px; flex: 1 1 0; }
.page-admin.service-portal .management-box ~ .management-box { margin-left: 30px; }
.page-admin.service-portal .management-box .management-box-header {position: relative;  box-sizing: border-box; height: 30px; padding: 0 10px; background-color: #fff; }
.page-admin.service-portal .management-box .management-box-header .header-title { font-size: .8125rem; font-weight: 400; line-height: 30px; color: #000; }
.page-admin.service-portal .management-box .management-box-header .header-desc {position: absolute; top: 0; right: 10px;  display: block; }
.page-admin.service-portal .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/admin_sprites.png); background-position: -333px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .management-box .management-box-header .header-desc .btn-setting { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .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; }
.page-admin.service-portal .management-box .management-box-header .header-desc .cnt mark { color: #1886ff; background-color: transparent; }
.page-admin.service-portal .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; }
.page-admin.service-portal .management-box .management-item {position: relative;  display: block; overflow: hidden; box-sizing: border-box; height: 50px; padding: 0 10px; background-color: #fff; }
.page-admin.service-portal .management-box .management-item .key , .page-admin.service-portal .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; }
.page-admin.service-portal .management-box .management-item .key:before , .page-admin.service-portal .management-box .management-item .key:after , .page-admin.service-portal .management-box .management-item label:before , .page-admin.service-portal .management-box .management-item label:after { top: 38%; }
.page-admin.service-portal .management-box .management-item .key .desc , .page-admin.service-portal .management-box .management-item label .desc {font-size: .8125rem; font-weight: 400;  display: block; padding-left: 2px; color: #999; }
.page-admin.service-portal .management-box .management-item .key.multiple , .page-admin.service-portal .management-box .management-item label.multiple { font-size: 1rem; font-weight: 700; color: #000; }
.page-admin.service-portal .management-box .management-item .key { float: left; width: 60%; }
.page-admin.service-portal .management-box .management-item .value {line-height: 60px; float: right;  box-sizing: border-box; width: 40%; text-align: right; vertical-align: middle; }
.page-admin.service-portal .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; }
.page-admin.service-portal .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; }
.page-admin.service-portal .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/admin_sprites.png); background-position: -246px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .management-box .management-item .btn-toggle-company:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .management-box .management-item .btn-toggle-company[data-state=shut]:before { transform: rotateX(0deg); }
.page-admin.service-portal .management-box .list-items { overflow: hidden; height: auto; margin: 0; border: 0px; }
.page-admin.service-portal .management-box .list-items > li { margin-top: 5px; padding: 0; border: 0; }
.page-admin.service-portal .management-box .list-items > li:first-child { margin-top: 0; }
.page-admin.service-portal .management-box .list-items.company .management-item {height: 40px;  padding: 0px; }
.page-admin.service-portal .management-box .list-items.company input[type=checkbox] + label , .page-admin.service-portal .management-box .list-items.company input[type=radio] + label {line-height: 40px; height: 40px;  padding: 0px 10px; }
.page-admin.service-portal .management-box .list-items.company input[type=checkbox] + label:before , .page-admin.service-portal .management-box .list-items.company input[type=checkbox] + label:after , .page-admin.service-portal .management-box .list-items.company input[type=radio] + label:before , .page-admin.service-portal .management-box .list-items.company input[type=radio] + label:after { content: none; }
.page-admin.service-portal .management-box .list-items.company input[type=checkbox]:checked + label , .page-admin.service-portal .management-box .list-items.company input[type=radio]:checked + label { box-shadow: inset 0 0 0 3px #3b99ff; }
.page-admin.service-portal .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; }
.page-admin.service-portal .management-box .list-company-groups > li { border-bottom: 1px solid #ddd; background-color: #f2f2f2; }
.page-admin.service-portal .management-box .list-company-groups > li > .management-item { padding-right: 40px; }
.page-admin.service-portal .management-box .list-company-groups > li .list-items { margin: 10px; }
.page-admin.service-portal .management-box .list-group { display: none; margin-top: 6px; margin-bottom: 9px; }
.page-admin.service-portal .management-box .list-group > li {font-size: .75rem; font-weight: 700; line-height: 1.66667em;  padding-left: 20px; color: #000; }
.page-admin.service-portal .management-box .list-group > li button {font-size: .75rem; font-weight: 700; line-height: 1.66667em; position: relative;  display: inline-block; color: #000; }
.page-admin.service-portal .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/admin_sprites.png); background-position: -308px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .management-box .list-group > li button:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .management-box .list-group > li button[data-state=shut]:before {width: 14px; height: 14px;  background-image: url(/assets/images/admin_sprites.png); background-position: -108px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .management-box .list-group > li button[data-state=shut]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .management-box .list-group > li button[data-state=shut] + .list-inner-items { display: none; }
.page-admin.service-portal .management-box .list-group > li .list-inner-items > li { font-size: .75rem; font-weight: 400; line-height: 1.66667em; color: #000; }
.page-admin.service-portal .management-box.user .management-box-header .header-title { text-decoration: none; }
.page-admin.service-portal .management-box.user .management-box-header .header-desc { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; }
.page-admin.service-portal .management-box.company-group .management-box-header { border-bottom: 1px solid #ddd; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item , .page-admin.service-portal .management-box > .management-box-contents > .list-items > li > .management-item { padding-right: 0px !important; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label , .page-admin.service-portal .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; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label:before , .page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label:after , .page-admin.service-portal .management-box > .management-box-contents > .list-items > li > .management-item > label:before , .page-admin.service-portal .management-box > .management-box-contents > .list-items > li > .management-item > label:after { top: 50%; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button , .page-admin.service-portal .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; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button:before , .page-admin.service-portal .management-box > .management-box-contents > .list-items > li > .management-item > label + button:before {right: 10px;  left: inherit; left: initial; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > label + button .desc , .page-admin.service-portal .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; }
.page-admin.service-portal .management-box > .management-box-contents > .list-company-groups > li > .management-item > button.btn-toggle-company , .page-admin.service-portal .management-box > .management-box-contents > .list-items > li > .management-item > button.btn-toggle-company { font-size: 1rem; font-weight: 700; color: #000; }
.page-admin.service-portal .list-permission { width: 100%; border-top: 1px solid #eee; }
.page-admin.service-portal .list-permission > dt {line-height: 70px;  position: relative; height: 70px; padding: 0 0 0 10px; border-bottom: 1px solid #eee; }
.page-admin.service-portal .list-permission > dt .btn-toggle {font-size: 1.25rem; font-weight: 700; line-height: 70px;  display: block; color: #000; }
.page-admin.service-portal .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/admin_sprites.png); background-position: -182px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-permission > dt .btn-toggle:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .list-permission > dt .btn-toggle.none:before { content: none; }
.page-admin.service-portal .list-permission > dt .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -234px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-permission > dt .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .list-permission > dt .checks {line-height: 70px; position: absolute; top: 0; right: 30px; bottom: 0;  display: block; height: 70px; }
.page-admin.service-portal .list-permission > dd table { width: 100%; }
.page-admin.service-portal .list-permission > dd table tbody th , .page-admin.service-portal .list-permission > dd table tbody td {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; }
.page-admin.service-portal .list-permission > dd table tbody th {font-weight: 700;  padding-left: 40px; }
.page-admin.service-portal .list-permission > dd table tbody .check { padding-right: 20px; text-align: right; }
.page-admin.service-portal .list-permission > dd table tbody label {font-size: .75rem; font-weight: 400;  display: inline-block; margin-right: 24px; color: #4a4a4a; }
.page-admin.service-portal .list-permission-type02 { width: 100%; }
.page-admin.service-portal .list-permission-type02 > dt {line-height: 45px;  position: relative; height: 45px; padding: 0 0 0 15px; border-top: 1px solid #dedede; background-color: #fafafa; }
.page-admin.service-portal .list-permission-type02 > dt .btn-toggle {font-size: 1.125rem; font-weight: 700; line-height: 45px;  display: block; color: #000; }
.page-admin.service-portal .list-permission-type02 > 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/admin_sprites.png); background-position: -182px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-permission-type02 > dt .btn-toggle:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .list-permission-type02 > dt .btn-toggle.none:before { content: none; }
.page-admin.service-portal .list-permission-type02 > dt .btn-toggle[data-state=shut]:before {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -234px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .list-permission-type02 > dt .btn-toggle[data-state=shut]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .list-permission-type02 > dt .checks {line-height: 45px; position: absolute; top: 0; right: 22px; bottom: 0;  display: block; height: 45px; }
.page-admin.service-portal .list-permission-type02 > dt ~ dt { margin-top: -1px; }
.page-admin.service-portal .list-permission-type02 > dd table { width: 100%; border-top: 1px solid #eee; }
.page-admin.service-portal .list-permission-type02 > dd table thead th {font-size: .75rem; font-weight: 400;  position: relative; height: 34px; padding-left: 20px; text-align: left; color: #999; border-bottom: 1px solid #f0f0f0; }
.page-admin.service-portal .list-permission-type02 > dd table thead th:first-child { padding-left: 45px; }
.page-admin.service-portal .list-permission-type02 > dd table thead th + th:before {position: absolute; top: 6px; bottom: 6px; left: 0; display: block; width: 1px; min-height: 20px;  content: ''; background-color: #ddd; }
.page-admin.service-portal .list-permission-type02 > dd table thead .c { padding: 0; text-align: center; }
.page-admin.service-portal .list-permission-type02 > dd table tbody th {font-size: .75rem; font-weight: 400; line-height: 2em;  padding: 3px 0 3px 20px; text-align: left; color: #000; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f2f2f2; }
.page-admin.service-portal .list-permission-type02 > dd table tbody th.first { padding-left: 45px; border-left: 0px; }
.page-admin.service-portal .list-permission-type02 > dd table tbody td {line-height: 2em;  padding: 3px 0; text-align: center; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f2f2f2; }
.page-admin.service-portal .list-permission-type02 > dd table tbody td .none + label { margin-top: 4px; margin-bottom: 5px; }
.page-admin.service-portal .filter-list-company {position: relative;  display: block; margin-top: 15px; }
.page-admin.service-portal .filter-list-company .tbl-pagination {font-weight: 400;  margin-bottom: 10px; padding: 16px 0 12px 10px; color: #7f7f7f; border-bottom: 1px solid #ddd; }
.page-admin.service-portal .filter-list-company .tbl-pagination .bar {height: 20px;  padding: 0 12px; }
.page-admin.service-portal .filter-list-company .tbl-pagination select.page {width: 50px;  padding-right: 15px; padding-left: 10px; border: 1px solid #c4c4c4; background: #fff url('/assets/images/selectbox_arrow_04@2x.png') right center no-repeat; background-size: 11px 18px; }
.page-admin.service-portal .filter-list-company .options { display: inline-block; margin-left: 10px; }
.page-admin.service-portal .filter-list-company .options label { font-size: .75rem; font-weight: 500; line-height: 2em; vertical-align: middle; color: #666; }
.page-admin.service-portal .filter-list-company .options .daterange { margin-left: 5px; vertical-align: middle; }
.page-admin.service-portal .filter-list-company .options .daterange:before {width: 14px; height: 14px;  margin-top: -7px; background-image: url(/assets/images/admin_sprites.png); background-position: -208px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .filter-list-company .options .daterange:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .filter-list-company .btn-apply {font-size: .75rem; font-weight: 700; line-height: 24px;  display: inline-block; width: 80px; height: 24px; margin-left: 15px; text-align: center; vertical-align: middle; color: #fff; background-color: #000; }
.page-admin.service-portal .select-language { margin-top: 20px; }
.page-admin.service-portal .select-language input[type=checkbox] + label {font-size: 1.125rem;  display: inline-block; padding: 0; color: #999; }
.page-admin.service-portal .select-language input[type=checkbox] + label:before { content: none; }
.page-admin.service-portal .select-language input[type=checkbox] + label:after {position: static; display: inline-block; width: 1px; height: 20px; margin: -2px 20px 0 20px;  content: ''; vertical-align: middle; opacity: 1; background: #ddd none; }
.page-admin.service-portal .select-language input[type=checkbox][disabled] + label:after {position: static; display: inline-block; width: 1px; height: 20px; margin: -2px 20px 0 20px;  content: ''; vertical-align: middle; opacity: 1; background: #ddd none; }
.page-admin.service-portal .select-language input[type=checkbox]:checked + label { color: #1886ff; }
.page-admin.service-portal .select-language .btn-done {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 80px; height: 30px; margin-top: -3px; margin-left: -10px; text-align: center; vertical-align: middle; color: #fff; background-color: #000; }
.page-admin.service-portal .select-language .invalid-message { margin-top: 10px; }
.page-admin.service-portal .select-language .invalid-message:before { content: none; }
.page-admin.service-portal .select-language .invalid-message .icon-warning { display: inline-block; width: 16px; height: 16px; margin: -3px 2px 0 2px; vertical-align: middle; text-indent: -9999px; background-image: url(/assets/images/admin_sprites.png); background-position: -230px -289px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .select-language .invalid-message .icon-warning { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .before-management {position: relative;  display: block; }
.page-admin.service-portal .before-management:before {position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: block;  content: ''; opacity: .4; border: 1px solid #999; background-color: rgba(0, 0, 0, .1); }
.page-admin.service-portal .before-management .tbl-data-list {position: relative; z-index: 1;  opacity: .5; }
.page-admin.service-portal .before-management .before-message {position: absolute; z-index: 3; top: 50%; left: 50%;  display: block; transform: translate(-50%, -50%); text-align: center; }
.page-admin.service-portal .before-management .before-message p { font-size: .875rem; line-height: 1.42857em; color: #555; }
.page-admin.service-portal .before-management .before-message .button-normal {line-height: 50px; width: 200px; height: 50px;  margin-top: 25px; }
.page-admin.service-portal .layout-management-container.company-list .search-company {position: relative;  display: block; padding: 15px 20px; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter {position: relative;  display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; -ms-flex-align: stretch; align-items: stretch; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter .application_btn_common:before { margin: 0; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] {position: absolute; left: -9999px;  display: block; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label { display: block; box-sizing: border-box; max-width: 80px; padding: 3px 0px 4px 0px; border: 1px solid #ddd; background-color: #ededed; -ms-flex: 1; flex: 1; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label:before , .page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label:after { content: none; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label .desc {font-size: .6875rem; font-weight: 400; line-height: 1.90909em; position: relative;  display: block; text-align: center; letter-spacing: -.08px; color: #999; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label .desc.icon_align { line-height: 2.18182em; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label .desc.icon_align [data-tooltip=info]:after { margin-left: 0; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.5em;  display: block; text-align: center; color: #000; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label ~ label { border-left: 0px; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label[for=activated] .cnt:before {display: inline-block; width: 9px; height: 9px; margin: -2px 3px 0 0;  content: ''; vertical-align: middle; border-radius: 9px; background-color: #7fcb2b; }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label[for=deactivated] .cnt:before {display: inline-block; width: 9px; height: 9px; margin: -2px 3px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -353px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio] + label[for=deactivated] .cnt:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .search-company .filter input[type=radio]:checked + label { background-color: #fff; }
.page-admin.service-portal .layout-management-container.company-list .search-company .search {position: relative;  display: block; overflow: hidden; }
.page-admin.service-portal .layout-management-container.company-list .search-company .search input[type=text] , .page-admin.service-portal .layout-management-container.company-list .search-company .search input[type=search] {font-size: .75rem; line-height: 38px;  display: block; box-sizing: border-box; height: 40px; padding-right: 5px; padding-left: 30px; transition: border .2s ease-in-out, background-image .2s ease-in-out; background: #fff url('/assets/images/icon_search_01_xs@2x.png') 10px center no-repeat; background-size: 14px 14px; }
.page-admin.service-portal .layout-management-container.company-list .search-company .search input[type=text]:focus , .page-admin.service-portal .layout-management-container.company-list .search-company .search input[type=search]:focus { background-image: url('/assets/images/icon_search_01_xs_focus@2x.png'); }
.page-admin.service-portal .layout-management-container.company-list .search-company .search .btn-clear {position: absolute; z-index: 1; top: 50%; right: 5px;  display: none; width: 19px; height: 19px; margin-top: -9.5px; text-indent: -9999px; background-image: url(/assets/images/admin_sprites.png); background-position: -336px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .search-company .search .btn-clear { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .search-company .search .btn-search {position: absolute; top: 0px; right: 0px;  display: block; width: 40px; height: 30px; text-indent: -9999px; }
.page-admin.service-portal .layout-management-container.company-list .search-company .search .btn-search:before {position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -148px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .search-company .search .btn-search:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .list-company { border-bottom: 1px solid #ddd; }
.page-admin.service-portal .layout-management-container.company-list .list-company > li { border-top: 1px solid #ddd; }
.page-admin.service-portal .layout-management-container.company-list .company-item {position: relative;  display: block; padding: 12px 25px 13px 20px; }
.page-admin.service-portal .layout-management-container.company-list .company-item .name {font-size: 1rem; font-weight: 400; line-height: 20px; position: relative;  display: block; padding-right: 15px; padding-left: 15px; word-break: break-all; color: #999; }
.page-admin.service-portal .layout-management-container.company-list .company-item .name:before {position: absolute; top: 7px; left: 0px; display: block;  content: ''; }
.page-admin.service-portal .layout-management-container.company-list .company-item .name[data-state=activated]:before {width: 10px;  height: 10px; border-radius: 10px; background-color: #7fcb2b; }
.page-admin.service-portal .layout-management-container.company-list .company-item .name[data-state=deactivated]:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .company-item .name[data-state=deactivated]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .company-item .name.csp-name { padding: 0; }
.page-admin.service-portal .layout-management-container.company-list .company-item .name.csp-name:before { content: none; }
.page-admin.service-portal .layout-management-container.company-list .company-item .cnt {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; font-weight: 400; line-height: 45px; position: absolute; top: 0; right: 12px;  display: block; height: 45px; color: #999; }
.page-admin.service-portal .layout-management-container.company-list .company-item .status {font-size: .75rem;  display: block; color: #666; }
.page-admin.service-portal .layout-management-container.company-list .company-item .status span { display: inline-block; margin-top: 8px; margin-right: 27px; }
.page-admin.service-portal .layout-management-container.company-list .company-item .status span:before {display: inline-block; margin: -2px 5px 0 0;  content: ''; vertical-align: middle; }
.page-admin.service-portal .layout-management-container.company-list .company-item .status span.trial:before {width: 11px; height: 11px;  background-image: url(/assets/images/admin_sprites.png); background-position: -208px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .company-item .status span.trial:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .company-item .status span.activated:before {width: 11px;  height: 11px; border-radius: 11px; background-color: #7fcb2b; }
.page-admin.service-portal .layout-management-container.company-list .company-item .status span.deactivated:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .layout-management-container.company-list .company-item .status span.deactivated:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .layout-management-container.company-list .company-item.is-selected { background-color: rgba(103, 173, 255, .05); }
.page-admin.service-portal .layout-management-container.company-list .company-item.is-selected:after {position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 5px;  content: ''; background-color: #0078ff; }
.page-admin.service-portal .layout-management-container.company-list .company-item.is-selected .name { color: #1886ff; }
.page-admin.service-portal .list-notice { display: -ms-flexbox; display: flex; margin: 10px -17px -40px -17px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }
.page-admin.service-portal .list-notice > li { box-sizing: border-box; width: 33.3%; margin-bottom: 40px; padding: 0 17px; }
.page-admin.service-portal .notice-add {font-size: 1rem; font-weight: 700; line-height: 200px; position: relative;  display: block; box-sizing: border-box; height: 200px; text-align: center; color: #999; border: 2px dashed #ddd; background-color: #eee; }
.page-admin.service-portal .notice-add:before {display: inline-block; width: 37px; height: 25px; margin: -4px 13px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -260px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .notice-add:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .notice-item {position: relative;  display: block; padding: 20px 30px; transition: background-color .3s ease-in-out; border: 1px solid #e6e6e6; background-color: #fff; }
.page-admin.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; }
.page-admin.service-portal .notice-item .notice-category {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; }
.page-admin.service-portal .notice-item .notice-category:after {display: block; width: 20px; height: 3px; margin-top: 8px;  content: ''; }
.page-admin.service-portal .notice-item .notice-item-title {font-size: 1.25rem; line-height: 1.45em;  display: block; overflow: hidden; height: 58px; margin-top: 25px; color: #333; }
.page-admin.service-portal .notice-item .update {font-size: .75rem;  display: block; margin-top: 25px; color: #999; }
.page-admin.service-portal .notice-item .button-icon {position: absolute; z-index: 1; right: 20px; bottom: 20px;  display: block; margin: 0; }
.page-admin.service-portal .notice-item.is-selected , .page-admin.service-portal .notice-item:hover { background-color: #f4f4f4; }
.page-admin.service-portal .notice-item[data-state=new] .notice-category { color: #1886ff; }
.page-admin.service-portal .notice-item[data-state=new] .notice-category:after { background-color: #1886ff; }
.page-admin.service-portal .notice-item[data-state=event] .notice-category { color: #6cb41d; }
.page-admin.service-portal .notice-item[data-state=event] .notice-category:after { background-color: #6cb41d; }
.page-admin.service-portal .notice-item[data-state=check] .notice-category { color: #f66c23; }
.page-admin.service-portal .notice-item[data-state=check] .notice-category:after { background-color: #f66c23; }
.page-admin.service-portal .view-notice {min-height: 480px;  margin-top: 30px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background-color: #fff; }
.page-admin.service-portal .view-notice > dt {position: relative;  display: block; }
.page-admin.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; }
.page-admin.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; }
.page-admin.service-portal .view-notice > dt .utils {font-size: .75rem; line-height: 60px; position: absolute; top: 0; right: 30px; bottom: 0;  display: block; color: #999; }
.page-admin.service-portal .view-notice > dt .utils .update:before {display: inline-block; margin: -5px 10px 0 5px;  content: '|'; vertical-align: middle; color: #d2d2d2; }
.page-admin.service-portal .view-notice > dd {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 14px; line-height: 24px;  padding: 30px 40px 40px 40px; color: #000; border-top: 1px solid #e6e6e6; }
.page-admin.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; }
.page-admin.service-portal .view-notice > dd.contents { min-height: 240px; }
.page-admin.service-portal .view-notice > dd.attach-files {min-height: 30px;  padding: 5px 40px; }
.page-admin.service-portal .view-notice > dd.attach-files .list-files > li .file {font-size: .75rem; line-height: 30px;  display: inline-block; color: #000; }
.page-admin.service-portal .view-notice > dd.attach-files .list-files > li .file .file-icon { display: inline-block; margin: -3px 5px 0 -3px; vertical-align: middle; }
.page-admin.service-portal .view-notice > dd.attach-files .list-files > li .file .size { display: inline-block; margin-left: 10px; color: #888; }
.page-admin.service-portal .view-notice > dd.period {font-size: .75rem; line-height: 40px; height: 40px;  padding: 0 40px; vertical-align: middle; color: #000; }
.page-admin.service-portal .view-notice > dd.period .exposure-period {font-size: .75rem; line-height: 40px;  display: inline-block; color: #000; }
.page-admin.service-portal .view-notice > dd.period .exposure-period:before {display: inline-block; width: 14px; height: 14px; margin: -3px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -208px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .view-notice > dd.period .exposure-period:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .view-notice > dd.period .key { display: inline-block; margin-right: 10px; color: #999; }
.page-admin.service-portal .view-notice > dd.period .key ~ .key:before {display: inline-block; width: 1px; height: 15px; margin: 0 12px;  content: ''; vertical-align: middle; background-color: #d8d8d8; }
.page-admin.service-portal .view-notice[data-state=new] .notice-category { color: #1886ff; }
.page-admin.service-portal .view-notice[data-state=event] .notice-category { color: #6cb41d; }
.page-admin.service-portal .view-notice[data-state=check] .notice-category { color: #f66c23; }
.page-admin.service-portal .edit-notice { margin-top: 30px; border-bottom: 1px solid #bfbfbf; }
.page-admin.service-portal .edit-notice .edit-title { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.page-admin.service-portal .edit-notice .edit-title input[type=text] { margin-left: 10px; }
.page-admin.service-portal .edit-notice .editor {height: 360px;  margin-top: 15px; padding: 0; }
.page-admin.service-portal .edit-notice .guide-message {font-size: .75rem;  display: inline-block; vertical-align: middle; color: #666; }
.page-admin.service-portal .edit-notice .edit-files { position: relative; overflow: hidden; padding: 10px 20px; border-top: 1px solid #e6e6e6; background-color: #fff; }
.page-admin.service-portal .edit-notice .edit-files .guide-message { margin-left: 15px; }
.page-admin.service-portal .edit-notice .edit-files .file-size {font-size: .75rem; line-height: 50px; position: absolute; top: 0; right: 20px;  display: block; color: #666; }
.page-admin.service-portal .edit-notice .edit-files .file-size .size { display: inline-block; }
.page-admin.service-portal .edit-notice .edit-files .file-size .size:before {font-size: .625rem; display: inline-block; margin: -4px 7px 0 5px;  content: '|'; vertical-align: middle; color: #999; }
.page-admin.service-portal .edit-notice .edit-files .file-size .size .current { color: #3b99ff; }
.page-admin.service-portal .edit-notice .edit-files .list-files {overflow: auto;  box-sizing: border-box; max-height: 142px; margin-top: 10px; padding: 10px 15px; border: 1px solid #e6e6e6; }
.page-admin.service-portal .edit-notice .edit-files .list-files > li .file {font-size: .75rem; line-height: 30px; position: relative;  display: inline-block; padding-left: 20px; color: #000; }
.page-admin.service-portal .edit-notice .edit-files .list-files > li .file:before {position: absolute; top: 50%; left: 0; display: block; width: 12px; height: 10px; margin-top: -5px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -369px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .edit-notice .edit-files .list-files > li .file:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .edit-notice .edit-files .list-files > li .file .file-icon { display: inline-block; margin: -3px 5px 0 -3px; vertical-align: middle; }
.page-admin.service-portal .edit-notice .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; }
.page-admin.service-portal .edit-notice .edit-period { overflow: hidden; padding: 12px 20px; border-top: 1px solid #e6e6e6; background-color: #fff; }
.page-admin.service-portal .edit-notice .edit-period label { font-size: .75rem; font-weight: 400; line-height: 30px; color: #000; }
.page-admin.service-portal .edit-notice .edit-period .left-view { float: left; width: 165px; }
.page-admin.service-portal .edit-notice .edit-period .left-view label { font-weight: 500; }
.page-admin.service-portal .edit-notice .edit-period .right-view {font-size: .75rem; float: right;  clear: right; width: calc(100% - 165px); color: #666; }
.page-admin.service-portal .edit-notice .edit-period .right-view + .right-view { margin-top: 12px; padding-top: 9px; border-top: 1px solid #e6e6e6; }
.page-admin.service-portal .edit-notice .edit-period .right-view .inner-title { display: inline-block; width: 135px; }
.page-admin.service-portal .edit-notice .edit-period .right-view input[type=number] {line-height: 30px;  display: inline-block; width: 50px; height: 30px; margin: 0 4px; padding: 0; text-align: center; vertical-align: middle; }
.page-admin.service-portal .edit-notice .edit-period .right-view label.size { color: #666; }
.page-admin.service-portal .edit-notice .edit-period .right-view input[type=radio] + label { margin-right: 15px; }
.page-admin.service-portal .edit-notice .edit-period .daterange input.daterange {line-height: 30px; min-width: 200px; height: 30px;  margin-left: 0; padding-left: 35px; }
.page-admin.service-portal .edit-notice .edit-period .guide-message { margin-left: 15px; }
.page-admin.service-portal .layout-notice-popup .layout-notice-popup-footer { text-align: center; }
.page-admin.service-portal .layout-notice-popup .layout-notice-popup-footer .btn-close { background-color: #006bff; }
.page-admin.service-portal .load-template { margin-top: 10px; text-align: right; }
.page-admin.service-portal .view-email { margin-top: 30px; border: 1px solid #bfbfbf; }
.page-admin.service-portal .view-email > dt {font-size: 1rem; font-weight: 700; line-height: 1.5em;  padding: 20px 40px; color: #000; }
.page-admin.service-portal .view-email > dd {line-height: 46px; min-height: 50px;  padding: 0 40px; vertical-align: middle; border-top: 1px solid #eee; }
.page-admin.service-portal .view-email > dd.contents-email { padding-top: 40px; padding-bottom: 40px; }
.page-admin.service-portal .view-email > dd .label {font-size: .8125rem; font-weight: 500;  display: inline-block; width: 65px; color: #000; }
.page-admin.service-portal .view-email > dd .email { font-size: .75rem; color: #666; }
.page-admin.service-portal .view-email > dd .delivery-time { display: block; padding: 10px 0; }
.page-admin.service-portal .view-email > dd .delivery-time:before {display: inline-block; width: 15px; height: 15px; margin-right: 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -60px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-portal .view-email > dd .delivery-time:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-portal .view-email > dd .delivery-time label {font-size: .75rem; font-weight: 500;  display: inline-block; margin-right: 10px; color: #999; }
.page-admin.service-portal .view-email > dd .delivery-time input {line-height: 30px;  display: inline-block; width: 250px; height: 30px; }
.page-admin.service-portal .view-email > dd pre { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 12px; line-height: 24px; white-space: pre-wrap; color: #000; }


.bubble.tooltip {font-size: .75rem; font-weight: 400; position: absolute; right: 0; box-sizing: border-box; width: 238px; margin-top: 12px; padding: 25px 20px; color: #666; border: 2px solid #000;  background: #fff; box-shadow: 0 2px 6px rgba(154, 154, 154, .5); }
.bubble.tooltip button.close { position: absolute; top: 10px; right: 13px; display: block; overflow: hidden; width: 13px; height: 13px; text-indent: -999em; }
.bubble.tooltip button.close:before {display: block; width: 13px; height: 13px;  content: ''; background: url('/assets/images/line_cross.svg#closeBlack') 0 0 no-repeat transparent; background-size: contain; }
.bubble.tooltip:before {display: block; width: 100px; height: 40px; margin: 0 auto 11px auto;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -113px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .bubble.tooltip:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.bubble.tooltip:after { position: absolute; z-index: 1; top: -8px; right: 14px; display: block; width: 10px; height: 10px; content: ''; transform: rotate(-135deg) skew(10deg, 10deg); border: 2px solid #000; border-top-width: 0; border-left-width: 0; background-color: #fff; }
.bubble.tooltip.hidden { display: none; }

.page-admin .layout-wrap {overflow-x: hidden;  min-width: 1200px; }
.page-admin .layout-wrap .layout-contents { min-height: calc(100vh - 50px - 34px - 34px); }

.page-admin .layout-section-utils { position: absolute; top: -10px; right: 0; }

.default_template {font-size: .75rem; font-weight: 500;  padding: 20px 0 15px; }
.default_template h2 {font-size: .875rem; padding: 0 0 15px;  color: #898989; }
.default_template .default_template_contents { display: -ms-flexbox; display: flex; padding: 15px 20px; background: #fff; box-shadow: 0 1px 2px 0 rgba(153, 153, 153, .5); -ms-flex-align: center; align-items: center; }
.default_template .default_template_contents .left { margin-right: auto; }
.default_template .default_template_contents .left p {font-size: .875rem;  display: inline-block; }
.default_template .default_template_contents .left .detail {font-weight: 500; line-height: 24px; display: inline-block;  height: 24px; margin-left: 15px; padding: 0 10px; text-align: center; color: #666; border: 1px solid #ccc; }
.default_template .default_template_contents .left .detail:hover { background: #e5e5e5; }
.default_template .default_template_contents time { color: #9b9b9b; }

.button-inner-txt { background-color: #6a6a6a; }
.button-inner-txt[disabled] {opacity: 1; color: rgba(255, 255, 255, .3);  background: #ccc; }

.toggle_btn { position: relative; }
.toggle_btn[data-state=up]:before { content: '▲'; }
.toggle_btn:before {font-size: .625rem; display: inline-block; margin: 0 15px 0 0;  content: '▼'; }

.used_service {overflow-y: auto; max-height: 280px;  margin: 30px 0 0; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.used_service li {font-size: .9375rem; line-height: 40px; box-sizing: border-box; height: 40px; padding: 0 0 0 18px; color: #000;  border-bottom: 1px solid #e6e6e6; }
.used_service li:last-child { border: 0; }

.vendor_txt_icon { font-size: .875rem; color: #000; }
.vendor_txt_icon:before {display: inline-block; margin: -2px 7px 0 0;  content: ''; vertical-align: middle; }
.vendor_txt_icon.aws:before {position: relative; width: 17px; height: 12px;  background: url('/assets/images/vendor_aws.svg') no-repeat; background-size: 100% 100%; }
.vendor_txt_icon.azure:before {position: relative; width: 17px; height: 16px;  background: url('/assets/images/vendor_azure.svg') no-repeat; background-size: 100% 100%; }

.payer-bill-summary { margin-top: 25px; padding: 25px; border: 1px solid #ddd; background: #fff; }
.payer-bill-summary:after {display: table; clear: both;  content: ''; }
.payer-bill-summary .total-payment { padding: 0px; }
.payer-bill-summary .total-payment .total-payment-title {font-size: .875rem; font-weight: 400; line-height: 24px; height: 24px;  margin-bottom: 15px; color: #000; }
.payer-bill-summary .total-payment .fee {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 4rem; line-height: .9375em;  display: inline-block; margin-right: 3px; vertical-align: top; color: #000; }
.payer-bill-summary .total-payment .period-of-use {font-size: .75rem; font-weight: 500;  margin-top: 25px; color: #898989; }
.payer-bill-summary .total-payment .btns { margin-top: 15px; }
.payer-bill-summary .total-payment .alert {font-size: .6875rem; line-height: 1.81818em;  margin-top: 4px; color: #4a4a4a; }
.payer-bill-summary .lately-payment {width: 384px;  padding-top: 10px; }
.payer-bill-summary .lately-payment .lately-payment-title {font-size: .875rem; font-weight: 400;  margin-bottom: 25px; padding-left: 7px; color: #000; }
.payer-bill-summary .lately-payment .last-3-months { border-top: 1px solid #cecdcd; }
.payer-bill-summary .lately-payment .last-3-months > li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 45px;  padding: 0 9px 0 7px; color: #898989; border-bottom: 1px solid #cecdcd; }
.payer-bill-summary .lately-payment .last-3-months > li .month { color: #000; }
.payer-bill-summary .lately-payment .last-3-months > li .fee {line-height: inherit;  float: right; color: #000; }
.payer-bill-summary .lately-payment .last-3-months > li .none { font-size: .75rem; font-weight: 400; line-height: inherit; color: #898989; }
.payer-bill-summary .lately-payment .last-3-months > li .none:before {display: inline-block; width: 22px; height: 20px; margin-right: 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -563px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payer-bill-summary .lately-payment .last-3-months > li .none:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.payer-bill-summary .customer-all-info .customer-all-info-title { display: none; }
.payer-bill-summary .customer-all-info .fee-info { float: right; overflow: hidden; margin-left: 20px; border-top: 1px solid #cecdcd; }
.payer-bill-summary .customer-all-info .fee-info > li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 45px;  padding: 0 9px 0 7px; color: #898989; border-bottom: 1px solid #cecdcd; }
.payer-bill-summary .customer-all-info .fee-info > li:after {display: table; clear: both;  content: ''; }
.payer-bill-summary .customer-all-info .fee-info > li .item { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .8125rem; line-height: 45px; float: left; color: #000; }
.payer-bill-summary .customer-all-info .fee-info > li .fee {line-height: inherit;  float: right; margin-left: 40px; color: #000; }
.payer-bill-summary .customer-all-info .fee-info > li em.fee { color: #0064ff; }
.payer-bill-summary .customer-all-info .fee-info > li strong.fee { font-weight: 700; color: #0064ff; }

.layout-section-benefit { overflow: hidden; margin-top: 20px; }
.layout-section-benefit .account-info-view { display: block; float: left; box-sizing: border-box; width: 460px; height: 860px; padding: 30px 28px 0 28px; border: 1px solid #c6c6c6; }
.layout-section-benefit .account-info-view .account-info-view-title { font-size: 1.125rem; font-weight: 700; line-height: 1.11111em; color: #000; }
.layout-section-benefit .setting-view { display: block; float: right; box-sizing: border-box; width: calc(100% - 490px); height: 860px; padding: 30px 0 0 0; border: 1px solid #c6c6c6; background-color: #fff; }
.layout-section-benefit .layout-popup-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 700;  margin: 0 30px; padding-bottom: 17px; color: #000; border-bottom: 1px solid #d0d0d0; }
.layout-section-benefit .layout-popup-title .hidden { display: none; }
.layout-section-benefit .layout-popup-title p {font-size: .75rem; font-weight: 500; line-height: 1.66667em;  margin-top: 2px; color: #737373; }
.layout-section-benefit .layout-popup-title p em { color: #d0011b; }
.layout-section-benefit .layout-popup-contents { overflow: auto; height: 722px; padding: 0 30px; }
.layout-section-benefit .popup-section { padding: 40px 0 0 0; }
.layout-section-benefit .popup-section:first-child { padding-top: 50px; }
.layout-section-benefit .popup-section .popup-section-title {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.125rem; font-weight: 700;  margin-bottom: 30px; color: #000; }


.cfrc-section {margin-bottom: 30px;  padding-top: 0; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; }
.cfrc-section .popup-section-title { font-size: 1rem; font-weight: 500; color: #666; }
.cfrc-section .popup-section-title.section-top { font-size: .875rem; }
.cfrc-section .checked_bill {position: relative;  display: -ms-flexbox; display: flex; overflow: hidden; box-sizing: border-box; margin: 10px 0 0; border: 1px solid #ddd; border-radius: 3px; background: #f6f6f6; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }
.cfrc-section .checked_bill li {font-weight: 500; position: relative; display: -ms-flexbox; display: flex; box-sizing: border-box;  width: 33%; height: 45px; padding: 0 0 0 40px; -ms-flex-align: center; align-items: center; }
.cfrc-section .checked_bill li:nth-child(3n+4):before {position: absolute; top: 0%; left: 0; width: calc(300% + 11px); height: 1px; margin-top: -1px;  content: ''; background: #ddd; }
.cfrc-section .checked_bill li input[type=checkbox] + label { font-size: .75rem; font-weight: 400; color: #888; }
.cfrc-section .checked_bill li input[type=checkbox]:checked + label { color: #888; }
.cfrc-section .checked_bill li:after {position: absolute; top: 50%; right: 0; width: 1px; height: 24px; margin-top: -12px;  content: ''; background: #ccc; }
.cfrc-section .checked_bill li:nth-child(3n) { width: 34%; }
.cfrc-section .checked_bill li:nth-child(3n):after { content: none; }

.cfrc_apply { font-size: .75rem; margin: 8px 0 0; color: #666; }
.cfrc_apply.single em { margin: 0; }
.cfrc_apply em {line-height: 23px;  display: inline-block; box-sizing: border-box; min-width: 38px; height: 23px; margin: 0 0 0 5px; padding: 0 10px; text-align: center; color: #006c54; background: #c2fff1; }
.cfrc_apply span {margin: 0 0 0 5px;  color: #999; }
.cfrc_apply a {position: relative; display: inline-block;  width: 19px; height: 19px; margin-left: 5px; vertical-align: middle; }
.cfrc_apply a:before {position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-top: -6.5px; margin-left: -6.5px;  content: ''; background-image: url(/assets/images/admin_sprites.png); background-position: -170px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cfrc_apply a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.cfrc_apply a:hover { background-color: #d3d4da; }


.customer-bill-container { display: block; box-sizing: border-box; padding: 15px 20px 60px 20px; border: 1px solid #ddd; background-color: #fff; }
.customer-bill-container .cbc-header { display: -ms-flexbox; display: flex; margin: -15px -20px 10px -20px; padding: 15px 20px; border-bottom: 1px solid #eee; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.customer-bill-container .cbc-header .cbc-desc {font-size: .75rem; font-weight: 500; line-height: 1.66667em;  display: block; color: #737373; }
.customer-bill-container .cbc-header .cbc-desc strong { color: #d0021b; }
.customer-bill-container .cbc-header .btns { display: block; padding-left: 20px; white-space: nowrap; }
.customer-bill-container .cbc-header .btns .button-normal { min-width: 110px; }
.customer-bill-container .popup-section { padding: 0 0 40px; }
.customer-bill-container .popup-section .popup-section-title span { font-size: .75rem; font-weight: 400; margin-left: 10px; color: #666; }
.customer-bill-container .popup-section.off { display: none; }
.customer-bill-container .popup-section:last-child { padding-bottom: 0px; }
.customer-bill-container .popup-section.credit select { width: 100%; }
.customer-bill-container .popup-section.credit select:disabled { color: #000; }
.customer-bill-container .popup-section.credit td.multi-box select {float: left;  width: 40%; }
.customer-bill-container .popup-section.credit td.multi-box select ~ select , .customer-bill-container .popup-section.credit td.multi-box select ~ input { width: calc(60% - 3px); margin-left: 2px; }
.customer-bill-container .popup-section.credit td.multi-box .multiselect-native-select {float: left;  width: 40%; }
.customer-bill-container .popup-section.credit td.multi-box .multiselect-native-select ~ .multiselect-native-select , .customer-bill-container .popup-section.credit td.multi-box .multiselect-native-select ~ input {float: left;  width: calc(60% - 3px); margin-left: 2px; }
.customer-bill-container .popup-section .invalid-message { margin-top: 10px; }
.customer-bill-container .popup-section .times { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.customer-bill-container .popup-section input:-moz-read-only { background-color: #eee; }
.customer-bill-container .popup-section input:read-only { background-color: #eee; }

.setting-billing-cost-formula { display: block; box-sizing: border-box; padding: 15px 20px; border: 1px solid #ddd; background-color: #fff; }
.setting-billing-cost-formula .sbcf-header { display: -ms-flexbox; display: flex; margin: -15px -20px 10px -20px; padding: 15px 20px; border-bottom: 1px solid #eee; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.setting-billing-cost-formula .sbcf-header .sbcf-title {font-size: 1rem; font-weight: 700;  display: block; box-sizing: border-box; color: #000; }
.setting-billing-cost-formula .sbcf-header .sbcf-desc {font-size: .75rem; font-weight: 500;  display: block; box-sizing: border-box; color: #737373; }
.setting-billing-cost-formula .sbcf-header .sbcf-desc span { padding-left: 5px; }
.setting-billing-cost-formula .sbcf-header .btn-back {font-size: .75rem; font-weight: 700; line-height: 28px;  display: inline-block; margin-right: 10px; padding: 0 10px; vertical-align: middle; color: #6a6a6a; border: 1px solid #979797; }
.setting-billing-cost-formula .sbcf-header .btn-back:before {display: inline-block; width: 15px; height: 13px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -73px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .setting-billing-cost-formula .sbcf-header .btn-back:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.setting-billing-cost-formula .sbcf-header .btns { display: block; padding-left: 20px; white-space: nowrap; }
.setting-billing-cost-formula .sbcf-header .btns .button-normal { min-width: 110px; }
.setting-billing-cost-formula .sbcf-footer { display: -ms-flexbox; display: flex; padding: 20px 0 0 0; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.setting-billing-cost-formula .sbcf-footer .sbcf-desc {font-size: .75rem; font-weight: 400;  display: block; box-sizing: border-box; color: #9a9a9a; }
.setting-billing-cost-formula .sbcf-footer .btns { display: block; padding-left: 20px; white-space: nowrap; }
.setting-billing-cost-formula .sbcf-footer .btns .button-normal { min-width: 110px; }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation {display: -ms-flexbox; display: flex; height: 32px; padding: 0 10px;  border: 1px solid #bbb; background-color: transparent; -ms-flex-align: center; align-items: center; }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation + label {font-size: .75rem; font-weight: 700; line-height: 28px;  display: inline-block; padding: 0 10px; color: #6a6a6a; border: 1px solid #979797; }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation + label:before {position: static; display: inline-block; width: 11px; height: 16px; margin: -2px 10px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/admin_sprites.png); background-position: -387px -112px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .setting-billing-cost-formula .sbcf-footer .btns .btn-simulation + label:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation + label:after { content: none; }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation:checked + label { color: #999; border-color: #999; background-color: #dbdbdb; }
.setting-billing-cost-formula .sbcf-footer .btns .btn-simulation:checked + label:before {width: 11px; height: 16px;  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -90px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .setting-billing-cost-formula .sbcf-footer .btns .btn-simulation:checked + label:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.setting-billing-cost-formula .billing-cost-formula { margin-top: 15px; }
.setting-billing-cost-formula .billing-cost-formula .total {font-size: .875rem; font-weight: 500;  display: block; margin-bottom: 10px; color: #000; }
.setting-billing-cost-formula .billing-cost-formula .total .equals {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.5rem; font-weight: 400;  display: inline-block; margin: -2px 0 0 5px; vertical-align: middle; color: #000; }
.setting-billing-cost-formula .billing-cost-formula .formula { display: -ms-flexbox; display: flex; margin-right: -7px; margin-left: -8px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.setting-billing-cost-formula .billing-cost-formula .formula .formula-item {display: block; box-sizing: border-box; max-width: 500px; margin-right: 2px; margin-left: 3px; padding: 0 15px; background-color: #f9f9f9;  -ms-flex: 1; flex: 1; }
.setting-billing-cost-formula .billing-cost-formula .formula .formula-item .formula-title {font-size: .75rem; font-weight: 500; line-height: 1.71429em;  display: block; padding: 7px 0 5px 0; text-align: center; color: #000; border-bottom: 1px solid #e1e1e1; }
.setting-billing-cost-formula .billing-cost-formula .formula .formula-item .formula-contents { display: block; padding: 15px 0; text-align: center; }
.setting-billing-cost-formula .billing-cost-formula .formula .formula-item .formula-contents p.details {font-size: .75rem; font-weight: 500; line-height: 18px;  display: -ms-flexbox; display: flex; box-sizing: border-box; height: 50px; padding: 0 15px; text-align: center; color: #1886ff; border: 1px solid #1886ff; border-radius: 2px; background-color: #ecf5ff; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.msie11 .setting-billing-cost-formula .billing-cost-formula .formula .formula-item { max-width: inherit; }
.msie10 .setting-billing-cost-formula .billing-cost-formula .formula .formula-item { max-width: inherit; }
.setting-billing-cost-formula .billing-cost-formula .formula .operations {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400;  display: block; text-align: center; color: #000; }
.setting-billing-cost-formula .billing-cost-formula .formula .operations.equals { font-size: 1.75rem; }
.setting-billing-cost-formula .billing-cost-formula .formula .operations.plus { font-size: 2.125rem; }
.setting-billing-cost-formula .billing-cost-formula .formula .operations.multiply { font-size: 1.6875rem; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li + li { margin-top: 10px; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item + label {line-height: 1.66667em;  display: -ms-flexbox; display: flex; box-sizing: border-box; height: 50px; padding: 7px 15px 7px 35px; transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out; text-align: left; color: #333; border: 1px solid #ccc; border-radius: 2px; background-color: #f9f9f9; -ms-flex-align: center; align-items: center; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item + label:before , .setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item + label:after { left: 10px; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item:checked + label { color: #1886ff; border-color: #1886ff; background-color: #ecf5ff; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item[disabled] + label { color: rgba(0, 0, 0, .2); border-color: #ccc; background-color: #f9f9f9; }
.setting-billing-cost-formula .billing-cost-formula .formula .list-setting-cost > li .setting-item[disabled]:checked + label { color: #999; border-color: #dadada; background-color: #f0f0f0; }

.example-billing-cost { display: block; box-sizing: border-box; margin-top: 40px; padding: 20px; border: 1px solid #ddd; background-color: #fff; }
.example-billing-cost .example-title {font-size: .75rem; font-weight: 700;  display: block; color: #000; }
.example-billing-cost .formula { display: -ms-flexbox; display: flex; margin-top: 15px; padding: 15px 20px; border: 1px solid #ddd; background-color: #f9f9f9;-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;  }
.example-billing-cost .formula.start { border-bottom: 0px; -ms-flex-pack: start; justify-content: flex-start; }
.example-billing-cost .formula.start .operations {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400;  display: -ms-flexbox; display: flex; color: #000; -ms-flex-align: center; align-items: center; }
.example-billing-cost .formula.start .operations.equals { font-size: 1.75rem; margin-left: 65px; }
.example-billing-cost .formula.start .operations.plus { font-size: 2.125rem; }
.example-billing-cost .formula.end { margin-top: 0; }
.example-billing-cost .formula .formula-item { box-sizing: border-box; min-width: 14.2%;padding: 0;  }
.example-billing-cost .formula .formula-item .key {font-size: .75rem; font-weight: 500; line-height: 1.5em;  max-width: 100%; text-align: left; color: #888; }
.example-billing-cost .formula .formula-item .value {font-size: .875rem; font-weight: 500; line-height: 1.42857em;  display: block; max-width: 100%; margin-top: 3px; white-space: nowrap; color: #1886ff; }
.example-billing-cost .formula .formula-item .credit { margin-left: 24px; }
.example-billing-cost .formula .operations {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 2.5rem; font-weight: 400;  display: -ms-flexbox; display: flex; min-width: 14px; color: #000; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.example-billing-cost .formula .operations.equals { font-size: 1.75rem; }
.example-billing-cost .formula .operations.plus { font-size: 2.125rem; }
.example-billing-cost .formula .operations.multiply { font-size: 1.6875rem; }
@media only screen and (max-width: 1900px) { .example-billing-cost .formula .formula-item .key { max-width: 150px; }
	.example-billing-cost .formula .formula-item .value { max-width: 150px; } }
.example-billing-cost .example-result {display: -ms-flexbox; display: flex;  overflow: hidden; margin-top: 10px; border: 1px solid #ddd; background-color: #f9f9f9; }
.example-billing-cost .example-result .items { width: 180px; }
.example-billing-cost .example-result .items:not(:first-child) { border-left: 1px solid #ddd; }
.example-billing-cost .example-result .items .value input[type=text] , .example-billing-cost .example-result .items .value input[type=number] { width: 130px; }
.example-billing-cost .example-result .items .value input[type=text].percent , .example-billing-cost .example-result .items .value input[type=number].percent { width: 120px; }
.example-billing-cost .example-result.end {margin-top: 0;  border-top: 0px; }
.example-billing-cost .example-result .key , .example-billing-cost .example-result .value {line-height: 32px;  display: block; box-sizing: border-box; padding: 8px 20px; }
.example-billing-cost .example-result .key + .key , .example-billing-cost .example-result .value + .key { border-left: 1px solid #ddd; }
.example-billing-cost .example-result .key { font-size: .75rem; font-weight: 500; line-height: 34px; text-align: left; white-space: nowrap; color: #888; }
.example-billing-cost .example-result .value { font-size: .875rem; font-weight: 500; white-space: nowrap; color: #000; }
.example-billing-cost .example-result .value input[type=text] , .example-billing-cost .example-result .value input[type=number] {font-size: .75rem; line-height: 30px;  display: inline-block; width: 100px; height: 32px; padding-right: 10px; padding-left: 10px; }
.example-billing-cost .example-result .value input[type=text].percent , .example-billing-cost .example-result .value input[type=number].percent { width: 60px; }
.example-billing-cost .example-desc {font-size: .75rem; font-weight: 500; line-height: 1.66667em;  display: block; margin-top: 15px; color: #9a9a9a; }
.example-billing-cost .example-desc strong { color: #d0021b; }
.example-billing-cost .example-desc .btns { display: block; float: right; }


.layout-apply-all { display: -ms-flexbox; display: flex; }
.layout-apply-all .account-info-view {display: block; box-sizing: border-box; width: 30.8%; min-width: 350px; max-width: 500px; padding: 25px 20px; border: 1px solid #c6c6c6;  -ms-flex: 1; flex: 1; }
.layout-apply-all .account-info-view + .setting-view { width: calc(100% - 350px); }
@media only screen and (max-width: 2380px) { .layout-apply-all .account-info-view + .setting-view .example-billing-cost .formula-item .key { max-width: 150px; }
	.layout-apply-all .account-info-view + .setting-view .example-billing-cost .formula-item .value { max-width: 150px; } }
@media only screen and (max-width: 1580px) { .layout-apply-all .account-info-view + .setting-view .example-billing-cost .example-result .key , .layout-apply-all .account-info-view + .setting-view .example-billing-cost .example-result .value { padding: 8px 5px; } }
@media only screen and (max-width: 1440px) { .layout-apply-all .account-info-view + .setting-view .example-billing-cost .formula-item .key { max-width: 130px; }
	.layout-apply-all .account-info-view + .setting-view .example-billing-cost .formula-item .value { max-width: 130px; } }
@media only screen and (max-width: 1440px) { .layout-apply-all .account-info-view { max-width: 380px; } }
.layout-apply-all .account-info-view .account-info-view-title {font-size: 1.125rem; font-weight: 700; line-height: 1.11111em;  display: block; margin-bottom: 27px; color: #000; }
.layout-apply-all .setting-view {display: block; box-sizing: border-box; margin-left: 15px; -ms-flex: 1; flex: 1;  }



.page-admin.service-metering .layout-section {position: relative;  margin-top: 30px; }
.page-admin.service-metering .layout-section .layout-section-title + .tbl-pagination { position: absolute; top: -12px; right: 0; }
.page-admin.service-metering .layout-location-hierarchy {position: absolute; top: 25px; right: 40px;  display: block; }
.page-admin.service-metering .layout-location-hierarchy .locations li {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: inline-block; color: #888; }
.page-admin.service-metering .layout-location-hierarchy .locations li + li:before {display: inline-block; margin: 0 5px 0 3px;  content: '>'; }
.page-admin.service-metering .layout-location-hierarchy .locations li a , .page-admin.service-metering .layout-location-hierarchy .locations li button { display: inline-block; text-decoration: underline; color: #888; }
.page-admin.service-metering .layout-location { position: relative; margin-bottom: 34px; padding: 22px 0 22px 0; }
.page-admin.service-metering .layout-location button.button-with-icon + a { margin-left: 15px; }
.page-admin.service-metering .layout-location.cfrc { margin-bottom: 0px; }
.page-admin.service-metering .layout-location:after {position: absolute; bottom: 0; left: 50%; width: 120%; height: 1px;  content: ''; transform: translateX(-50%); border-bottom: 1px solid #ddd; }
.page-admin.service-metering .search-field {box-sizing: border-box;  margin-top: 10px; border: 1px solid #e2e2e2; background: #f8f8f8; }
.page-admin.service-metering .search-field ul li {min-height: 32px; padding: 10px;  }
.page-admin.service-metering .search-field ul li .btns {display: inline-block;  margin-left: 5px; }
.page-admin.service-metering .search-field ul li .btns .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: 1px solid #bbb; border-radius: 1px; background-color: transparent; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=reset] {color: #333;  background-color: transparent; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=reset]:after { display: none; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=reset]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=reset]:focus {color: #333;  background-color: #bbb; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=reset][disabled] { opacity: 1; color: #ccc; border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=submit] { color: #fff; border: 0px solid #1886ff; background-color: #6b6b6b; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=submit]:after { display: none; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #555; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=submit]:focus {color: #fff;  background-color: #444; }
.page-admin.service-metering .search-field ul li .btns .button-inner-txt[data-state=submit][disabled] { opacity: 1; color: rgba(255, 255, 255, .3); background-color: #ddd; }
.page-admin.service-metering .search-field ul li .btns .btn:nth-of-type(1) { background: #666; }
.page-admin.service-metering .search-field ul li li.multiselect-item.filter { border-bottom: 0; }
.page-admin.service-metering .search-field ul li:nth-of-type(1) { border-bottom: 1px solid #e2e2e2; }
.page-admin.service-metering .search-field ul li .multiselect-native-select {position: relative;  display: inline-block; }
.page-admin.service-metering .search-field ul li .multiselect-native-select.first .btn-group .multiselect-container.dropdown-menu { width: 140px; min-width: 100px; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group {position: relative;  display: block; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 22px;  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: #000; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff url('/assets/images/selectbox_arrow_03@2x.png') right center no-repeat; background-size: 24px 24px; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect[selected] { color: #0377ff; background-color: #fff; background-image: url('/assets/images/selectbox_arrow_03_selected@2x.png'); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect:after { content: none; }
.page-admin.service-metering .search-field ul li .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); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.page-admin.service-metering .search-field ul li .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; }
.page-admin.service-metering .search-field ul li .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'); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.page-admin.service-metering .search-field ul li .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; }
.page-admin.service-metering .search-field ul li .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) { .page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .search-field ul li .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) { .page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.page-admin.service-metering .search-field ul li .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; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.page-admin.service-metering .search-field ul li .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/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_02_open@2x.png'); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_02_selected_open@2x.png'); }
.page-admin.service-metering .search-field ul li .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.page-admin.service-metering .search-field ul li.fields .multiselect-native-select { width: 250px; }
.page-admin.service-metering .search-field ul li.fields .multiselect-native-select.first { width: 140px; }
.page-admin.service-metering .search-field ul li .search {position: relative;  display: inline-block; width: auto; margin-left: 0px; }
.page-admin.service-metering .search-field ul li .search.search_tt {position: relative;  width: 320px; }
.page-admin.service-metering .search-field ul li .search.search_tt .clear-btn { position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; transition: .3s ease-in-out; transform: translateY(-50%); opacity: 0; background: url('/assets/images/search_tt_clear_btn.png') no-repeat; }
.page-admin.service-metering .search-field ul li .search.search_tt .clear-btn.on {transition: .3s ease-in-out;  opacity: 1; }
.page-admin.service-metering .search-field ul li .search.search_tt:after { display: none; }
.page-admin.service-metering .search-field ul li .search.search_tt:hover input[type=text] { border: 1px solid #1886ff; }
.page-admin.service-metering .search-field ul li .search.search_tt:hover input[type=text] + button { background: url('/assets/images/icon_serch_tt_01_m_hover.png') no-repeat; background-position: center center; }
.page-admin.service-metering .search-field ul li .search.search_tt input[type=text] {line-height: 32px; position: relative; height: 32px; padding: 0 36px 0 36px;  border: 1px solid #e4e4e4; background: #fff; }
.page-admin.service-metering .search-field ul li .search.search_tt input[type=text] + button {position: absolute; top: 0; left: 0px; width: 36px; height: 32px; margin-top: 0px;  background: url('/assets/images/icon_serch_tt_01_s.png') no-repeat; background-position: center center; }
.page-admin.service-metering .search-field ul li .search.search_tt input[type=text]:focus { border-color: #007aff; background-image: none; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .search-field ul li .search.search_tt input[type=text]:focus + button { background-image: url('/assets/images/icon_serch_tt_01_m_focus.png'); }
.page-admin.service-metering .monthly_payment_summary { margin-top: 10px; margin-bottom: 6px; padding: 40px 25px; border: 1px solid #ddd; background: #fff; }
.page-admin.service-metering .monthly_payment_summary:after {display: table; clear: both;  content: ''; }
.page-admin.service-metering .monthly_payment_summary .total-payment { padding: 0px; }
.page-admin.service-metering .monthly_payment_summary .total-payment .total-payment-title {font-size: .75rem; font-weight: 400; line-height: 24px; height: 24px;  margin-bottom: 25px; color: #000; }
.page-admin.service-metering .monthly_payment_summary .total-payment .fee {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 3.25rem; line-height: 1em;  display: inline-block; margin-right: 3px; vertical-align: top; color: #000; }
.page-admin.service-metering .monthly_payment_summary .total-payment .period-of-use {font-size: .75rem; font-weight: 400; line-height: 1.75rem;  margin-top: 10px; color: #666; }
.page-admin.service-metering .monthly_payment_summary .total-payment .period-of-use time { font-weight: 500; }
.page-admin.service-metering .monthly_payment_summary .total-payment .btns { margin-top: 15px; }
.page-admin.service-metering .monthly_payment_summary .total-payment .alert {font-size: .6875rem; line-height: 1.81818em;  margin-top: 4px; color: #4a4a4a; }
.page-admin.service-metering .monthly_payment_summary .lately-payment {width: 384px;  padding-top: 10px; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .lately-payment-title {font-size: .875rem; font-weight: 400;  margin-bottom: 25px; padding-left: 7px; color: #000; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months { border-top: 1px solid #cecdcd; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 45px;  padding: 0 9px 0 7px; color: #898989; border-bottom: 1px solid #cecdcd; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li .month { color: #000; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li .fee {line-height: inherit;  float: right; color: #000; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li .none { font-size: .75rem; font-weight: 400; line-height: inherit; color: #898989; }
.page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li .none:before {display: inline-block; width: 22px; height: 20px; margin-right: 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -638px -563px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .monthly_payment_summary .lately-payment .last-3-months > li .none:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .customer-all-info-title { display: none; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info { float: right; overflow: hidden; margin-left: 20px; border-top: 1px solid #cecdcd; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; line-height: 45px;  padding: 0 9px 0 7px; color: #898989; border-bottom: 1px solid #cecdcd; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li:after {display: table; clear: both;  content: ''; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li.total .item { font-weight: bold; color: #4a4a4a; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li .item { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; line-height: 45px; float: left; color: #4a4a4a; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li .fee {font-size: .75rem; line-height: inherit;  float: right; margin-left: 40px; color: #000; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li em.fee { color: #0064ff; }
.page-admin.service-metering .monthly_payment_summary .customer-all-info .fee-info > li strong.fee { font-size: 1rem; font-weight: 700; color: #1886ff; }

.page-admin.service-metering .monthly-payment .recent-monthly-tab {overflow: hidden;  margin: 0; border-radius: 4px 4px 0 0; background: #f3f4f5; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab + .mp-table { margin-top: 0px; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab:after {display: table; clear: both;  content: ''; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab.mono .monthly-item { width: 100%; max-width: 600px; border-right: 0; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item { display: block; float: left; box-sizing: border-box; width: 50%; max-width: 600px; height: 118px; padding: 37px 30px 35px; color: #000; border-right: 1px solid #cdd4db; background: #e9e9e9; box-shadow: inset 0 0 0 0 #686c72; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item + .monthly-item { border-right: 0; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item .info {font-family: 'Noto Sans Korean'; position: relative;  display: block; float: left; padding: 0; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item .info:before { display: none; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item .info .monthly-title {font-size: 1.25rem; font-weight: 500; line-height: 1.45em;  display: block; margin-top: 3px; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item .info .term {font-size: .8125rem; font-weight: 400; line-height: 1.46154em;  display: block; margin-top: 0px; color: #88939f; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .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] .page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item .price { font-size: 2.0625rem; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item.is-selected { position: relative; cursor: default; border-bottom: 0px; background-color: #fff; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item.is-selected:before { display: none; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item.is-selected .price { color: #1886ff; }
.page-admin.service-metering .monthly-payment .recent-monthly-tab .monthly-item.is-selected .term { color: #88939f; }
.page-admin.service-metering .monthly-payment .component-search-filter { z-index: 500; }
.page-admin.service-metering .monthly-payment .search-field { position: relative; box-sizing: border-box; margin-top: 30px; margin-bottom: 15px; border: 0px solid #e2e2e2; background: none; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area { position: absolute; top: 0; right: 0; display: inline-block; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .total {font-size: .75rem; font-weight: 400; line-height: 24px; line-height: 1.5rem;  display: inline; float: left; height: 24px; color: #8c8c8c; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .total + button { margin-left: 15px; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .total em { color: #1886ff; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .total:after { display: none; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .total.single:after { content: none; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .line { position: relative; display: inline; height: 1px; margin-right: 12px; padding-right: 12px; }
.page-admin.service-metering .monthly-payment .search-field .download-btn-area .line:before {position: absolute; top: 50%; right: 0px; width: 1px; height: 24px;  content: ''; transform: translateY(-50%); background: #ccc; }
.page-admin.service-metering .monthly-payment .search-field ul > li { float: left; min-height: 30px;padding: 0px;  }
.page-admin.service-metering .monthly-payment .search-field ul > li:first-child { margin-right: 5px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns {display: inline-block;  margin-left: 5px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 30px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 0px; background-color: transparent; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt[data-state=submit] { color: #fff; border: 0px solid #1886ff; background-color: #000; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt[data-state=submit]:after { display: none; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #656565; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt[data-state=submit]:focus {color: #fff;  background-color: #656565; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .button-inner-txt[data-state=submit][disabled] {opacity: .2; color: #ebebeb;  background-color: #000; }
.page-admin.service-metering .monthly-payment .search-field ul > li .btns .btn:nth-of-type(1) { background: transparent; }
.page-admin.service-metering .monthly-payment .search-field ul > li li.multiselect-item.filter { border-bottom: 0; }
.page-admin.service-metering .monthly-payment .search-field ul > li:nth-of-type(1) { border-bottom: 0px solid #e2e2e2; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select {position: relative;  display: inline-block; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group {position: relative;  display: block; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect {font-size: .75rem; font-weight: 400; line-height: 22px;  display: inline-block; box-sizing: border-box; width: 100%; min-width: 100px; max-width: 100%; height: 30px; padding-right: 35px; padding-left: 7px; text-align: left; color: #000; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff url('/assets/images/selectbox_arrow_03@2x.png') right center no-repeat; background-size: 24px 24px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect[selected] { color: #0377ff; background-color: #fff; background-image: url('/assets/images/selectbox_arrow_03_selected@2x.png'); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect:after { content: none; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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'); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li { width: 100%; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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) { .page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly-payment .search-field ul > li .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) { .page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .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/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_02_open@2x.png'); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_02_selected_open@2x.png'); }
.page-admin.service-metering .monthly-payment .search-field ul > li .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.page-admin.service-metering .monthly-payment .search-field ul > li.fields .multiselect-native-select { width: 250px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search {position: relative;  display: inline-block; width: auto; margin-left: 0px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt {position: relative;  width: 320px; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt .clear-btn { position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; transition: .3s ease-in-out; transform: translateY(-50%); opacity: 0; background: url('/assets/images/search_tt_clear_btn.png') no-repeat; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt .clear-btn.on {transition: .3s ease-in-out;  opacity: 1; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt:after { display: none; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt:hover input[type=text] { border: 1px solid #1886ff; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt:hover input[type=text] + button { background: url('/assets/images/icon_serch_tt_01_m_hover.png') no-repeat; background-position: center center; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt input[type=text] {line-height: 30px; position: relative; height: 30px; padding: 0 36px 0 36px;  border: 1px solid #e4e4e4; background: #fff; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt input[type=text] + button {position: absolute; top: 0; left: 0px; width: 36px; height: 32px; margin-top: 0px;  background: url('/assets/images/icon_serch_tt_01_s.png') no-repeat; background-position: center center; }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt input[type=text]:focus { border-color: #007aff; background-image: none; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .monthly-payment .search-field ul > li .search.search_tt input[type=text]:focus + button { background-image: url('/assets/images/icon_serch_tt_01_m_focus.png'); }
.page-admin.service-metering .monthly-payment .layout-contents-inner { -ms-flex-positive: 0; flex-grow: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail { background: #fff; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .recent-monthly-tab + .mp-table > thead , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .recent-monthly-tab + .mp-table > thead { background: #fff; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > thead , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > thead { background: #f1f2f4; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td { background: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.wide .cfrc_wrap , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.wide .cfrc_wrap { background: #f1f2f4; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail { padding-top: 30px; padding-bottom: 30px; background: #f8f9fa; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title { max-width: 1200px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns { float: right; margin-bottom: 15px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 20px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 0px; background-color: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit] , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail] , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit] , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail] { color: #fff; border: 0px solid #1886ff; background-color: #6b6b6b; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:after , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:after , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:after , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:after { display: none; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:hover , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:hover , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:hover , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:hover {color: #fff;  background-color: #555; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:focus , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:focus , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit]:focus , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail]:focus {color: #fff;  background-color: #444; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit][disabled] , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail][disabled] , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=submit][disabled] , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td.detail .current-monthly-title .btns .button-inner-txt.gray[data-state=detail][disabled] { opacity: 1; color: rgba(255, 255, 255, .3); background-color: #ddd; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges {overflow: hidden; width: 100%; max-width: 1200px;  margin-top: 20px; border-collapse: separate; border: 1px solid #e6e6e6; border-radius: 0px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr:last-child > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr:last-child > td { border-bottom: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td { border-bottom: 1px solid #e6e6e6; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td p , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td p { display: block; padding: 0 10px; text-align: left; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(4) , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(5) , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(6) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(4) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(5) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges.atcm > tbody > tr > td:nth-child(6) { text-align: center; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges + table.tbl-currnet-monthly-charges , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges + table.tbl-currnet-monthly-charges {height: 192px;  margin-top: 20px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th {font-weight: 700;  text-align: center; color: #000; border-top: 0; border-bottom: 1px solid #e6e6e6; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td { position: relative; padding: 0px; vertical-align: middle; border-bottom: 0px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th {font-size: .8125rem; font-weight: 700; height: 30px;  padding: 0 10px; color: #000; border-right: 1px solid #e6e6e6; background-color: #f8f9fa; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th:last-child , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th:last-child { border-right: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th + th , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > th + th { border-left: 0px solid #e6e6e6; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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-top: 0; border-bottom: 0px solid #e6e6e6; background-color: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(4) , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(5) , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(6) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(4) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(5) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td:nth-child(6) { text-align: right; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p { position: relative; display: inline-block; padding-right: 10px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.total-price , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.total-price { color: #1886ff; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn { padding-right: 48px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label.detail-view:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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) { .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label.detail-view:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; } }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label:hover , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label:hover { border: 1px solid #1886ff; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label + button , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td p.has-btn label + button { display: none; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td + td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr > td + td { border-left: 0px solid #e6e6e6; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td { padding: 12px 30px 12px 25px; background: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td:last-child , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td:last-child { border-left: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage {float: right;  width: calc(100% - 200px); }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr { border-bottom: 1px solid #e3e3e3; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th {font-size: .8125rem; font-weight: 400; line-height: 1rem; height: 30px;  text-align: left; color: #88939f; border: 0; background: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th:nth-last-child(2) , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th:nth-last-child(2) { border-bottom: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th:last-child , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > th:last-child { border-bottom: 0; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td { font-size: .8125rem; font-weight: 500; line-height: 1rem; height: 30px; text-align: right; color: #000; border: 0; background: transparent; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td span.unit , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td .tbl-sms-usage > tbody > tr > td span.unit { color: #88939f; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td strong , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td strong { font-weight: 500; color: #e73c98; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td [data-tooltip=info]:after , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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) { .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage > td [data-tooltip=info]:after , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; } }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .no-data , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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: #f7f8f9; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart { display: block; width: 190px; height: 96px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-title , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend { display: block; margin-top: 10px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span + span , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend span + span { margin-left: 5px; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend .remain:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges > tbody > tr.usage .chart-container .amchart-legend .remain:before { background-color: #1886ff; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .type , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .type { font-size: .8125rem; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .section-price , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .per-person , .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .dc-info , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .section-price , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .per-person , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .dc-info , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .dc-info { text-align: right; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .dc , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .dc { color: #0acd7f; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sub-info , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .btn-inner , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #000; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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) { .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .voice-call , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .voice-call {font-size: .75rem; font-weight: 700;  display: inline-block; float: left; color: #000; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .voice-call:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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) { .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .voice-call:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .voice-call:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms-message , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms-message {font-size: .75rem; font-weight: 400;  display: inline-block; float: right; color: #999; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms-message strong , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .sms-message strong { font-weight: 700; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .coming-soon , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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: #f7f8f9; }
.page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .coming-soon:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > 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) { .page-admin.service-metering .monthly-payment .layout-contents-inner.settings-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .coming-soon:before , .page-admin.service-metering .monthly-payment .layout-contents-inner.list-detail .mp-table > tbody > tr > td .tbl-currnet-monthly-charges .coming-soon:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .monthly-payment .table-top { background: #f1f2f4; }
.page-admin.service-metering .monthly-payment .layout-tabs { margin-top: 0px; margin-bottom: 0px; background: #f3f4f5; }
.page-admin.service-metering .monthly-payment .layout-tabs a.selected { border-bottom-color: #f1f2f4; }
.page-admin.service-metering .tbl-pagination {font-size: .75rem; font-weight: 500;  position: relative; padding: 20px 0 7px 0; color: #999; }
.page-admin.service-metering .tbl-pagination .total {font-weight: 400; line-height: 32px;  display: inline; float: left; height: 32px; }
.page-admin.service-metering .tbl-pagination .total em { color: #1886ff; }
.page-admin.service-metering .tbl-pagination .total:after { display: none; }
.page-admin.service-metering .tbl-pagination .total.single:after { content: none; }
.page-admin.service-metering .tbl-pagination .line { position: relative; display: inline; height: 1px; margin-right: 12px; padding-right: 12px; }
.page-admin.service-metering .tbl-pagination .line:before {position: absolute; top: 50%; right: 0px; width: 1px; height: 22px;  content: ''; transform: translateY(-50%); background: #ccc; }
.page-admin.service-metering .tbl-pagination .search {position: relative;  display: inline-block; width: auto; margin-left: 0px; }
.page-admin.service-metering .tbl-pagination .search.search_tt {position: relative;  width: 320px; }
.page-admin.service-metering .tbl-pagination .search.search_tt .clear-btn { position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; transition: .3s ease-in-out; transform: translateY(-50%); opacity: 0; background: url('/assets/images/search_tt_clear_btn.png') no-repeat; }
.page-admin.service-metering .tbl-pagination .search.search_tt .clear-btn.on {transition: .3s ease-in-out;  opacity: 1; }
.page-admin.service-metering .tbl-pagination .search.search_tt:after { display: none; }
.page-admin.service-metering .tbl-pagination .search.search_tt:hover input[type=text] { border: 1px solid #1886ff; }
.page-admin.service-metering .tbl-pagination .search.search_tt:hover input[type=text] + button { background: url('/assets/images/icon_serch_tt_01_m_hover.png') no-repeat; background-position: center center; }
.page-admin.service-metering .tbl-pagination .search.search_tt input[type=text] {line-height: 32px; position: relative; height: 32px; padding: 0 36px 0 36px;  border: 1px solid #e4e4e4; background: #fff; }
.page-admin.service-metering .tbl-pagination .search.search_tt input[type=text] + button {position: absolute; top: 0; left: 0px; width: 36px; height: 32px; margin-top: 0px;  background: url('/assets/images/icon_serch_tt_01_s.png') no-repeat; background-position: center center; }
.page-admin.service-metering .tbl-pagination .search.search_tt input[type=text]:focus { border-color: #007aff; background-image: none; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .tbl-pagination .search.search_tt input[type=text]:focus + button { background-image: url('/assets/images/icon_serch_tt_01_m_focus.png'); }
.page-admin.service-metering .tbl-pagination .btn-normal {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 80px; height: 30px; margin-left: 5px; text-align: center; color: #fff; background-color: #000; }
.page-admin.service-metering .tbl-pagination .count-management {font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 10px; color: #000; }
.page-admin.service-metering .tbl-pagination .layout-left-view { width: 58%; }
.page-admin.service-metering .tbl-pagination .layout-left-view .guide-text { font-size: .75rem; margin-left: 10px; color: #333; }
.page-admin.service-metering .tbl-pagination .layout-right-view .button-normal + .button-normal { margin-left: 7px; }
.page-admin.service-metering .ag-root { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.page-admin.service-metering .state-pee {font-size: .6875rem; font-weight: 500; line-height: 1.75em;  display: inline-block; color: #898989; }
.page-admin.service-metering .state-pee[data-state=confirmed] { color: #7ed321; }
.page-admin.service-metering .state-pee[data-state=undecided] { color: #898989; }
.page-admin.service-metering .button-add-action {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 10px; color: #1886ff; border: 1px solid #bbb; }
.page-admin.service-metering .button-add-action:before {display: inline-block; width: 15px; height: 15px; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -718px -189px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-add-action:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-add-action:after { display: none; }
.page-admin.service-metering .button-add-action:hover {color: #1886ff;  background-color: #eaeaea; }
.page-admin.service-metering .button-add-action:focus {color: #1886ff;  background-color: #bbb; }
.page-admin.service-metering .button-add-action[disabled] { opacity: 1; color: rgba(24, 134, 255, .3); border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-metering .button-add-action[disabled]:before { opacity: .3; }
.page-admin.service-metering .button-add-action[data-state=top] { display: block; margin: 0 auto; text-align: center; }
.page-admin.service-metering .button-add-action[data-state=top]:before { display: block; margin: 0 auto 10px auto; }
.page-admin.service-metering .button-add-action[data-state=plus] { line-height: 20px; }
.page-admin.service-metering .button-add-action[data-state=plus]:before {width: 20px; height: 20px; margin: -2px 5px 0 0;  background-image: url(/assets/images/admin_sprites.png); background-position: -104px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-add-action[data-state=plus]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-add-action[data-state=download] { line-height: 18px; }
.page-admin.service-metering .button-add-action[data-state=download]:before {width: 18px; height: 18px; margin: -2px 5px 0 0;  background-image: url(/assets/images/admin_sprites.png); background-position: -212px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-add-action[data-state=download]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-with-icon {font-size: .75rem; font-weight: 400; line-height: 30px; min-width: 120px;  height: 32px; padding: 0 10px; text-align: center; color: #fff; border-radius: 1px; background-color: #1886ff; }
.page-admin.service-metering .button-with-icon.white-bg[data-state=add] {font-size: .75rem; line-height: 24px;  height: 24px; color: #3b3b3b; background-color: transparent; }
.page-admin.service-metering .button-with-icon.white-bg[data-state=add]:before {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -130px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon.white-bg[data-state=add]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-with-icon.white-bg[data-state=add]:hover {color: #3b3b3b;  background-color: transparent; }
.page-admin.service-metering .button-with-icon.white-bg[data-state=add]:focus {color: #3b3b3b;  background-color: transparent; }
.page-admin.service-metering .button-with-icon.white-bg[data-state=add][disabled] {color: rgba(59, 59, 59, .3);  background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=create] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; min-width: 93px; height: 30px; padding: 0 10px;  color: #fff; border: 0; background-color: #000; }
.page-admin.service-metering .button-with-icon[data-state=create]:before {width: 13px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -207px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=create]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=create]:after { display: none; }
.page-admin.service-metering .button-with-icon[data-state=create]:hover {color: #fff;  background-color: #656565; }
.page-admin.service-metering .button-with-icon[data-state=create]:focus {color: #fff;  background-color: #656565; }
.page-admin.service-metering .button-with-icon[data-state=create][disabled] {opacity: .2; color: #ebebeb;  background-color: #000; }
.page-admin.service-metering .button-with-icon[data-state=excel] {font-size: .75rem; font-weight: 400; line-height: 24px; box-sizing: border-box; min-width: 93px; height: 24px; padding: 0 10px;  color: #333; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=excel]:before {width: 17px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -413px -630px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=excel]:after { display: none; }
.page-admin.service-metering .button-with-icon[data-state=excel]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=excel]:focus {color: #333;  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=excel][disabled] {opacity: .3; color: #333;  background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=back] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; width: 88px; min-width: 93px; height: 30px; padding: 0 10px;  color: #1886ff; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=back]:before {width: 16px; height: 15px;  background-image: url(/assets/images/sprites.png); background-position: -615px -587px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=back]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=back]:after { display: none; }
.page-admin.service-metering .button-with-icon[data-state=back]:hover {color: #1886ff;  background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=back]:focus {color: #1886ff;  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=back][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=setting] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; min-width: 93px; height: 30px; padding: 0 10px;  color: #444; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=setting]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -441px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=setting]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=setting]:after { display: none; }
.page-admin.service-metering .button-with-icon[data-state=setting]:hover {color: #444;  background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=setting]:focus {color: #444;  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=setting][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=confirm] { background-color: #1886ff; }
.page-admin.service-metering .button-with-icon[data-state=confirm]:before {width: 16px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -401px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=cancel] { background-color: #6a6a6a; }
.page-admin.service-metering .button-with-icon[data-state=cancel]:before {width: 15px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -696px -639px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=cancel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=cancel]:hover {color: #fff;  background-color: #555; }
.page-admin.service-metering .button-with-icon[data-state=cancel]:focus {color: #fff;  background-color: #444; }
.page-admin.service-metering .button-with-icon[data-state=cancel][disabled] {color: rgba(255, 255, 255, .3);  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=reset] { background-color: #6b6b6b; }
.page-admin.service-metering .button-with-icon[data-state=reset]:before {width: 11px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: 0px -725px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=reset]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=reset]:hover {color: #fff;  background-color: #555; }
.page-admin.service-metering .button-with-icon[data-state=reset]:focus {color: #fff;  background-color: #444; }
.page-admin.service-metering .button-with-icon[data-state=reset][disabled] { opacity: 1; color: rgba(255, 255, 255, .3); background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=add] {font-size: .75rem; line-height: 24px;  height: 24px; color: #333; background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=add]:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -322px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=add]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-with-icon[data-state=add]:hover {color: #333;  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=add]:focus {color: #333;  background-color: #ccc; }
.page-admin.service-metering .button-with-icon[data-state=add][disabled] {color: rgba(51, 51, 51, .3);  background-color: #f6f6f6; }
.page-admin.service-metering .button-with-icon[data-state=examination] {color: #333; border: 1px solid #bbb;  background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=examination]:before {width: 21px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -209px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=examination]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-with-icon[data-state=examination]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=examination]:focus {color: #333;  background-color: #bbb; }
.page-admin.service-metering .button-with-icon[data-state=examination][disabled] { opacity: 1; color: #ccc; border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-metering .button-with-icon[data-state=examination][disabled]:before { opacity: .3; }
.page-admin.service-metering .button-with-icon[data-state=checklist] { position: relative; height: 26px; padding: 0 10px; color: #333; border: 0px; background-color: #eaeaea; }
.page-admin.service-metering .button-with-icon[data-state=checklist]:after {position: relative; top: .5px; display: inline-block; width: 6px; height: 11px; margin-left: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -625px -90px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-state=checklist]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon[data-state=checklist]:hover {color: #333;  background-color: #ddd; }
.page-admin.service-metering .button-with-icon[data-state=checklist]:focus {color: #333;  background-color: #ccc; }
.page-admin.service-metering .button-with-icon[data-state=checklist][disabled] {color: rgba(51, 51, 51, .3);  background-color: #f6f6f6; }
.page-admin.service-metering .button-with-icon[data-state=checklist][disabled]:after { opacity: .3; }
.page-admin.service-metering .button-with-icon[data-size=small] {font-size: .75rem; font-weight: 700; line-height: 28px; height: 30px;  padding: 0 10px; }
.page-admin.service-metering .button-with-icon[data-size=small][data-state=confirm]:before {width: 11px; height: 8px;  margin-top: -2px; background-image: url(/assets/images/sprites.png); background-position: -413px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-with-icon[data-size=small][data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-with-icon:hover {color: #fff;  background-color: #3082db; }
.page-admin.service-metering .button-with-icon:focus {color: #fff;  background-color: #2a6db6; }
.page-admin.service-metering .button-with-icon[disabled] {color: #fff;  background-color: #8fc5fd; }
.page-admin.service-metering .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: 1px solid #bbb; border-radius: 1px; background-color: transparent; }
.page-admin.service-metering .button-inner-txt[data-state=cancel] { background-color: #666; }
.page-admin.service-metering .button-inner-txt[data-state=submit] { color: #fff; border: 0px solid #1886ff; background-color: #1886ff; }
.page-admin.service-metering .button-inner-txt[data-state=submit]:after { display: none; }
.page-admin.service-metering .button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #3082db; }
.page-admin.service-metering .button-inner-txt[data-state=submit]:focus {color: #fff;  background-color: #2a6db6; }
.page-admin.service-metering .button-inner-txt[data-state=submit][disabled] {color: rgba(255, 255, 255, .3); border: 1px solid #8fc5fd;  background-color: #8fc5fd; }
.page-admin.service-metering .button-inner-txt:after { display: none; }
.page-admin.service-metering .button-inner-txt:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-metering .button-inner-txt:focus {color: #333;  background-color: #ddd; }
.page-admin.service-metering .button-inner-txt[disabled] {color: #ccc; border: 1px solid #ebebeb;  background-color: transparent; }
.page-admin.service-metering .history-back { margin-bottom: 1.25rem; }
.page-admin.service-metering .history-back button[data-state=setting] { float: right; }
.page-admin.service-metering .history-back .account-list-wrap { position: relative; display: inline-block; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-btn { position: relative; display: inline-block; box-sizing: border-box; width: 20px; height: 20px; margin-top: -3px; vertical-align: middle; border: 1px solid #d5d9db; border-radius: 2px; background-color: #f3f4f5; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-btn:before {position: absolute; top: 0; left: 50%; display: inline-block; width: 20px; height: 20px;  content: ''; transform: translateX(-50%); background: url('/assets/images/selectbox_arrow_02@2x.png') center center no-repeat; background-size: 24px auto; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-btn:hover { border: 1px solid #1886ff; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip { position: absolute; z-index: 500; top: 30px; left: 10px; visibility: hidden; width: 360px; height: 260px; padding: 0 20px; transform: translateX(-50%); border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .5); }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip:after {position: absolute; top: -9px; left: 50%; width: 0; height: 0;  content: ''; transform: translateX(-50%); border-right: 8px solid transparent; border-bottom: 10px solid #fff; border-left: 8px solid transparent; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip.on { visibility: visible; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip h2 { font-size: 1rem; font-weight: 700; line-height: 1rem; margin: 35px 0 10px; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip h2 em { color: #1886ff; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll {overflow-x: hidden; overflow-y: overlay;  height: 145px; -ms-overflow-style: -ms-autohiding-scrollbar; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll:hover { overflow: overlay; }
body.msie11 .page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll { overflow-y: auto; }
body.edge .page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll { overflow-y: auto; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll .tbl-data { margin-top: -1px; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll .tbl-data thead { display: none; }
body.msie11 .page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr { border-bottom: 1px solid #e6e6e6; }
body.edge .page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr { border-bottom: 1px solid #e6e6e6; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr th {font-size: 12px; font-weight: 400; line-height: 28px;  height: 28px; padding: 0; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td {font-size: 12px; font-weight: 400; line-height: 14px; overflow: hidden;  height: 28px; padding: 0 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td:last-child { color: #9b9b9b; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td:last-child.applying { color: green; }
.page-admin.service-metering .history-back .account-list-wrap .account-list-tooltip * { background-color: #fff; }
.page-admin.service-metering .history-back .button-with-icon + span { margin-left: 15px; }
.page-admin.service-metering .history-back > span {font-size: 1.125rem; font-weight: 700;  position: relative; color: #000; }
.page-admin.service-metering .history-back > span.current { font-size: 1rem; font-weight: 400; margin-left: 8px; padding: 10px; color: #666; }
.page-admin.service-metering .history-back > span.current em { color: #1886ff; }
.page-admin.service-metering .history-back > span.current:after {position: absolute; top: 15px; bottom: 12px; left: 0px;  content: ''; border-left: 1px solid #d8d8d8; }
.page-admin.service-metering .history-back > span.company { font-size: 1.125rem; font-weight: 700; margin-left: .8125rem; }
.page-admin.service-metering .btn-group.user-scale .multiselect {font-size: .75rem; line-height: 30px; box-sizing: border-box;  width: auto; max-width: 260px; height: 32px; padding: 0 0px 0 10px; text-align: left; border: 1px solid #e6e6e6; background: #fff; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group {line-height: 23px; position: relative; height: 23px;  padding: 0; background: #f6f6f6; }
.page-admin.service-metering .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: -104px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-metering .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; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li.direct { background: #e9e9e9; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li > a { font-size: .75rem; text-decoration: none; }
.page-admin.service-metering .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {line-height: 23px; display: block; height: auto;  min-height: 23px; padding: 0; word-break: break-all; }
.page-admin.service-metering .component-search-filter + .list-detail { margin-top: 10px; }
.page-admin.service-metering .component-search-filter .from-to-currency { display: inline-block; overflow: hidden; margin-left: 15px; vertical-align: middle; }
.page-admin.service-metering .component-search-filter .from-to-currency label {font-size: .75rem; font-weight: 500; line-height: 32px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 32px; text-align: center; color: #898989; border: 1px solid #cbcbcb; border-right: 0px; }
.page-admin.service-metering .component-search-filter .from-to-currency input[type=text] {font-size: .75rem; font-weight: 500; line-height: 32px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 32px; padding: 0; text-align: center; color: #000; border: 1px solid #cbcbcb; background-color: transparent; }
.page-admin.service-metering .component-search-filter .from-to-currency .from-to { display: block; float: left; width: 12px; height: 11px; margin: 12px 15px 0 15px; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -559px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .component-search-filter .from-to-currency .from-to { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .component-search-filter .select-date { margin-top: 20px; }
.page-admin.service-metering .component-search-filter .select-date .btn-navigation {font-size: .75rem;  display: inline-block; color: #898989; }
.page-admin.service-metering .component-search-filter .select-date .btn-navigation[data-state=prev]:after {display: inline-block; width: 9px; height: 14px; margin: -2px 10px 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -122px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .component-search-filter .select-date .btn-navigation[data-state=prev]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .component-search-filter .select-date .btn-navigation[data-state=next]:before {display: inline-block; width: 9px; height: 14px; margin: -2px 5px 0 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -82px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .component-search-filter .select-date .btn-navigation[data-state=next]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .component-search-filter .select-date input[type=text] { display: inline-block; width: 120px; padding: 0; text-align: center; }
.page-admin.service-metering .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect { width: auto; padding: 0 40px 0 10px; }
.page-admin.service-metering .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-metering .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-metering .component-search-filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { min-width: auto; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .2); }
.page-admin.service-metering .button-toggle-all { font-size: .75rem; font-weight: 500; height: 26px; margin-left: 10px; padding: 0 10px; color: #898989; background: #eaeaea; }
.page-admin.service-metering .button-toggle-all:before {display: inline-block; width: 11px; height: 7px; margin: -2px 5px 0 0;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -430px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-toggle-all:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-toggle-all[data-state=open]:before { transform: rotateX(180deg); }
.page-admin.service-metering .fixed-save-area { position: fixed; z-index: 500; bottom: 0px; left: 50%; width: 100%; height: 55px; transition: .1s ease-in-out; transform: translateX(-50%); background: rgba(48, 48, 48, .85); }
.page-admin.service-metering .fixed-save-area .guide-text {font-size: .75rem; line-height: 16px;  position: absolute; top: 10px; left: 46px; display: -ms-flexbox; display: flex; flex-direction: column; max-width: 900px; height: 32px; color: #fff; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.page-admin.service-metering .fixed-save-area .guide-text em { color: #ff9898; }
.page-admin.service-metering .fixed-save-area.end { bottom: 34px; transition: .1s ease-in-out; }
.page-admin.service-metering .fixed-save-area.end.default { bottom: -55px; }
.page-admin.service-metering .fixed-save-area .button-inner-txt { position: absolute; top: 12px; right: 44px; width: 90px; height: 32px; }
.page-admin.service-metering .button-icon {position: relative;  display: inline-block; width: 30px; height: 30px; margin: 0 3px; vertical-align: middle; text-indent: -9999px; border-radius: 1px; background-color: #333; }
.page-admin.service-metering .button-icon:before {position: absolute; top: 50%; left: 50%; display: block;  content: ''; }
.page-admin.service-metering .button-icon.text_in {font-size: .75rem; line-height: 30px;  width: auto; min-width: 78px; padding: 0 10px; text-indent: 15px; color: #fff; }
.page-admin.service-metering .button-icon.text_in:before { left: 15px; }
.page-admin.service-metering .button-icon.mt-icon { width: 20px; height: 20px; }
.page-admin.service-metering .button-icon.mt-icon[data-state=delete]:before {width: 10px; height: 12px;  margin-top: -6px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -347px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=delete]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=done]:before {width: 11px; height: 8px;  margin-top: -4px; margin-left: -5.5px; background-image: url(/assets/images/admin_sprites.png); background-position: -285px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=done]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=edit]:before {width: 10px; height: 11px;  margin-top: -5.5px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -242px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=edit]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=cancel]:before {width: 9px; height: 10px;  margin-top: -5px; margin-left: -4.5px; background-image: url(/assets/images/admin_sprites.png); background-position: -338px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=cancel]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=copy]:before {width: 10px; height: 10px;  margin-top: -5px; margin-left: -5px; background-image: url(/assets/images/admin_sprites.png); background-position: -290px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=copy]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=off] { background-color: transparent; }
.page-admin.service-metering .button-icon.mt-icon[data-state=off]:before {width: 20px; height: 20px;  margin-top: -10px; margin-left: -10px; background-image: url(/assets/images/admin_sprites.png); background-position: -156px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=off]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[data-state=on] { background-color: transparent; }
.page-admin.service-metering .button-icon.mt-icon[data-state=on]:before {width: 20px; height: 20px;  margin-top: -10px; margin-left: -10px; background-image: url(/assets/images/admin_sprites.png); background-position: -78px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[data-state=on]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.mt-icon[disabled] { opacity: .3; }
.page-admin.service-metering .button-icon.mt-icon[disabled]:before {width: 20px; height: 20px;  margin-top: -10px; margin-left: -10px; background-image: url(/assets/images/admin_sprites.png); background-position: -156px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.mt-icon[disabled]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon[disabled] { opacity: .2; }
.page-admin.service-metering .button-icon[data-state=update]:before {width: 15px; height: 15px;  margin-top: -7.5px; margin-left: -7.5px; background-image: url(/assets/images/sprites.png); background-position: -718px -147px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=update]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=delete]:before {width: 12px; height: 12px;  margin-top: -6px; margin-left: -6px; background-image: url(/assets/images/sprites.png); background-position: -308px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=delete]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=save]:before {width: 16px; height: 16px;  margin-top: -8px; margin-left: -8px; background-image: url(/assets/images/sprites.png); background-position: -696px -397px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=save]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=save_ico]:before {width: 14px; height: 14px;  margin-top: -7px; margin-left: -7px; background-image: url(/assets/images/admin_sprites.png); background-position: -288px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=save_ico]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon[data-state=cancel]:before {width: 13px; height: 14px;  margin-top: -7px; margin-left: -6.5px; background-image: url(/assets/images/sprites.png); background-position: 0px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=cancel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=excel] { background-color: #1a6d40; }
.page-admin.service-metering .button-icon[data-state=excel]:before {width: 16px; height: 16px;  margin-top: -8px; margin-left: -8px; background-image: url(/assets/images/sprites.png); background-position: -696px -133px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=done] { background-color: #7ed321; }
.page-admin.service-metering .button-icon[data-state=done]:before {width: 16px; height: 12px;  margin-top: -6px; margin-left: -8px; background-image: url(/assets/images/admin_sprites.png); background-position: -139px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=done]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon[data-state=note] {box-sizing: border-box; width: 26px; height: 26px; border: 1px solid #bbb;  background-color: transparent; }
.page-admin.service-metering .button-icon[data-state=note]:before {top: 50%; left: 50%; width: 14px; height: 14px; transform: translate(-50%, -50%);  background-image: url(/assets/images/sprites.png); background-position: -718px -465px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=note]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=note].note2:before {top: 50%; left: 50%; width: 14px; height: 14px; transform: translate(-50%, -50%);  background-image: url(/assets/images/sprites.png); background-position: -718px -625px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon[data-state=note].note2:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-metering .button-icon[data-state=note]:hover { background-color: #eaeaea; }
.page-admin.service-metering .button-icon[data-state=note]:focus { background-color: #ddd; }
.page-admin.service-metering .button-icon[data-state=note][disabled] { opacity: 1; color: #ccc; border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-metering .button-icon[data-state=note][disabled]:before { opacity: .3; }
.page-admin.service-metering .button-icon.icon-edit {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -135px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-edit { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-edit-02 {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: 0px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-edit-02 { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-delete {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -165px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-delete { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-delete-02 {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -52px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-delete-02 { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-done {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -195px -179px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-done { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-cancel {width: 24px; height: 24px;  background-image: url(/assets/images/admin_sprites.png); background-position: -303px -114px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-cancel { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-delete-new { background: #333; }
.page-admin.service-metering .button-icon.icon-delete-new:before {position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -387px -260px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-delete-new:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .button-icon.icon-edit-new { background: #333; }
.page-admin.service-metering .button-icon.icon-edit-new:before {position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin-top: -7.5px; margin-left: -7.5px; content: '';  background-image: url(/assets/images/admin_sprites.png); background-position: -123px -344px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-metering .button-icon.icon-edit-new:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-metering .user-set-btns { margin-top: 25px; }
.page-admin.service-metering .user-set-btns span {font-size: 14px; font-weight: 400; line-height: 30px; height: 30px; margin-right: 10px;  color: #666; }
.page-admin.service-metering .tbl-forms-h { width: 100%; border-top: 0px; border-bottom: 1px solid #ddd; }
.page-admin.service-metering .tbl-forms { table-layout: fixed; }
.page-admin.service-metering .tbl-forms tbody td {padding-right: 8px;  padding-left: 8px; }
.page-admin.service-metering .tbl-forms tbody td.multi-box select , .page-admin.service-metering .tbl-forms tbody td.multi-box input { float: left; width: 50%; }
.page-admin.service-metering .tbl-forms tbody td:last-child input { width: calc(100% - 10px); }
.page-admin.service-metering .tbl-forms tbody td.unit { position: relative; }
.page-admin.service-metering .tbl-forms tbody td.unit.before input[type=text] { padding: 0 0 0 20px; }
.page-admin.service-metering .tbl-forms tbody td.unit.before .unit_text { right: auto; left: 18px; }
.page-admin.service-metering .tbl-forms tbody td.unit input[type=text] { padding: 0 20px 0 10px; }
.page-admin.service-metering .tbl-forms tbody td.unit .unit_text { position: absolute; top: 18px; right: 18px; }
.page-admin.service-metering .tbl-forms tbody td .multiselect-native-select { width: 100%; }
.page-admin.service-metering .tbl-forms tbody td .multiselect-native-select .btn-group.default .multiselect { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-shadow: inset 0 0 0 0px #e4e4e4; }
.page-admin.service-metering .tbl-forms tbody td select { width: 100%; }

.service-alertnow .layout-location-hierarchy {top: 8px;  right: 20px; }
.service-alertnow .layout-location-hierarchy .locations { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-alertnow .layout-location-hierarchy .locations li {font-size: .75rem;  line-height: 1.5; color: #666; }
.service-alertnow .layout-location-hierarchy .locations li + li:before {display: inline-block; width: 6px; height: 9px; margin: 0 4px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -734px -323px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-alertnow .layout-location-hierarchy .locations li + li:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.service-alertnow .layout-location-hierarchy .locations li a , .service-alertnow .layout-location-hierarchy .locations li button { font-size: inherit; text-decoration: none; color: inherit; }

.service-alertnow .button-with-icon { padding: 0 10px; border-radius: 2px; }
.service-alertnow .button-with-icon[data-state=back] {font-size: .75rem; font-weight: 400; line-height: 30px; position: relative; box-sizing: border-box; width: 32px; min-width: 32px; height: 32px; margin-right: 12px;  border: 1px solid #b8bec3; background-color: #fff; }
.service-alertnow .button-with-icon[data-state=back]:before {position: absolute; top: 50%; left: 50%; width: 16px; height: 10px; margin: 0; transform: translate(-50%, -50%);  background-image: url(/assets/images/sprites.png); background-position: -469px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-alertnow .button-with-icon[data-state=back]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-alertnow .button-with-icon[data-state=back]:after { display: none; }
.service-alertnow .button-with-icon[data-state=back]:hover {color: #1886ff;  background-color: #eaeaea; }
.service-alertnow .button-with-icon[data-state=back]:focus {color: #1886ff;  background-color: #ddd; }
.service-alertnow .button-with-icon[data-state=back][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }

.service-alertnow button[data-icon]:before , .service-alertnow button[data-icon]:after {position: relative; top: 1px; display: inline-block;  content: ''; }

.service-alertnow button[data-icon].before:after { content: none; }

.service-alertnow button[data-icon].after:before { content: none; }

.service-alertnow button[data-icon]:before {display: inline-block; margin-right: 4px;  content: ''; }

.service-alertnow button[data-icon]:after {display: inline-block; margin-left: 4px;  content: ''; }

.service-alertnow button[data-icon=sortDefault]:before , .service-alertnow button[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) { .service-alertnow button[data-icon=sortDefault]:before , .service-alertnow button[data-icon=sortDefault]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-alertnow button[data-icon=sortUp]:before , .service-alertnow button[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) { .service-alertnow button[data-icon=sortUp]:before , .service-alertnow button[data-icon=sortUp]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-alertnow button[data-icon=sortDown]:before , .service-alertnow button[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) { .service-alertnow button[data-icon=sortDown]:before , .service-alertnow button[data-icon=sortDown]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }

.service-alertnow .layout-contents { padding: 0 20px; }
.service-alertnow .layout-contents .contents-wrapper { max-width: 1900px; padding-bottom: 80px; }
.service-alertnow .layout-contents .layout-location {font-size: 1.25rem;  display: -ms-flexbox; display: flex; height: 66px; margin: 0 -20px; padding: 0 32px 0 32px; border-bottom: 1px solid #e6e6e6; -ms-flex-align: center; align-items: center; }
.service-alertnow .layout-contents .layout-location a { font-size: 1.25rem; }
.service-alertnow .layout-contents .layout-location .sub-text {font-size: 1rem; font-weight: 500;  position: relative; margin-left: 8px; padding-left: 8px; color: #444; }
.service-alertnow .layout-contents .layout-location .sub-text:before {position: absolute; top: 50%; left: 0; width: 1px; height: 16px;  content: ''; transform: translateY(-50%); background: #d5d9db; }
.service-alertnow .layout-contents .component-search-filter { padding: 16px 0 8px; }
.service-alertnow .layout-contents .component-search-filter .reset-btn:before {position: relative; top: 1px; display: inline-block; width: 10px; height: 12px; margin-right: 5px;  content: ''; background-image: url(../images/layout_sprites.png); background-position: -288px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-alertnow .layout-contents .component-search-filter .reset-btn:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.service-alertnow .layout-contents .component-search-filter .wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.service-alertnow .layout-contents .component-search-filter .wrapper select {line-height: 30px; min-width: 80px;  height: 32px; padding-right: 25px; border-radius: 2px; }
.service-alertnow .layout-contents .component-search-filter .wrapper select + select { min-width: 64px; margin-left: 8px; }
.service-alertnow .layout-contents .component-search-filter .wrapper p {font-size: .75rem; font-weight: 500;  margin-left: 25px; color: #666; }
.service-alertnow .layout-contents .alertnow-summary {box-sizing: border-box; height: 276px; padding: 32px; border: 1px solid #d5d9db;  background-color: #fff; }
.service-alertnow .layout-contents .alertnow-summary .total span { font-size: .75rem; font-weight: 500; margin-right: 24px; }
.service-alertnow .layout-contents .alertnow-summary .total strong {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 3rem; color: #006bff; }
.service-alertnow .layout-contents .alertnow-summary .left p.use { font-size: .75rem; font-weight: 500; padding: 20px 0 15px; color: #666; }
.service-alertnow .layout-contents .alertnow-summary .left table { width: 352px; border-top: 1px solid #b8bec3; }
.service-alertnow .layout-contents .alertnow-summary .left table th , .service-alertnow .layout-contents .alertnow-summary .left table td {font-size: .875rem; font-weight: 400;  height: 39px; padding: 0 8px; text-align: left; color: #222; border-bottom: 1px solid #b8bec3; }
.service-alertnow .layout-contents .alertnow-summary .left table td { font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; text-align: right; }
.service-alertnow .layout-contents .alertnow-summary .left table + p { font-size: .75rem; padding: 8px 0 0; color: #999; }
.service-alertnow .layout-contents .alertnow-summary .right { width: 540px; }
.service-alertnow .layout-contents .alertnow-summary .right table { width: 100%; border-top: 1px solid #ccc; }
.service-alertnow .layout-contents .alertnow-summary .right table th , .service-alertnow .layout-contents .alertnow-summary .right table td {font-size: .75rem;  height: 29px; border: 1px solid #ccc; border-top: 0; border-right: 0; }
.service-alertnow .layout-contents .alertnow-summary .right table th:nth-of-type(1) , .service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(1) { border-left: 0; }
.service-alertnow .layout-contents .alertnow-summary .right table th { font-weight: 400; font-weight: 500; color: #666; }
.service-alertnow .layout-contents .alertnow-summary .right table td {font-weight: 400; padding: 0 10px; text-align: right;  color: #222; }
.service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(1) , .service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(5) { width: 80px; text-align: center; }
.service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(2) { width: 156px; text-align: left; }
.service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(3) , .service-alertnow .layout-contents .alertnow-summary .right table td:nth-of-type(4) { width: 112px; }
.service-alertnow .layout-contents .alertnow-summary .right table td .apply:before {display: inline-block; width: 10px; height: 10px;  content: ''; border-radius: 100%; background: #28ca42; }
.service-alertnow .layout-contents .alertnow-summary .right table td .apply span {display: inline-block; overflow: hidden; width: 0; height: 0;  white-space: nowrap; text-indent: 100%; }
.service-alertnow .layout-contents .alertnow-summary .right .total { padding: 0 0 5px; }
.service-alertnow .layout-contents .alertnow-summary .right .total span { margin-right: 16px; }
.service-alertnow .layout-contents .alertnow-summary .right .total strong { color: #222; }
.service-alertnow .layout-contents .select-company .layout-left-right {padding: 8px 0;  -ms-flex-align: end; align-items: flex-end; }
.service-alertnow .layout-contents .select-company .select-info { display: -ms-flexbox; display: flex; padding: 32px 0 0; -ms-flex-align: center; align-items: center; }
.service-alertnow .layout-contents .select-company .select-info .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { right: auto; }
.service-alertnow .layout-contents .select-company .select-info .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { height: 30px; }
.service-alertnow .layout-contents .select-company .select-info .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group input {height: 30px;  border: 0; }
.service-alertnow .layout-contents .select-company .select-info .multiselect {line-height: 32px; box-sizing: border-box;  min-width: 200px; height: 32px; border-radius: 2px; }
.service-alertnow .layout-contents .select-company .select-info .apply-button {font-size: .875rem; line-height: 32px;  min-width: 72px; height: 32px; margin-left: 8px; padding: 0 8px; color: #fff; border-radius: 2px; background: #52545c; }
.service-alertnow .layout-contents .select-company .total-area {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; display: -ms-flexbox; display: flex; color: #999; -ms-flex-align: end; align-items: flex-end; }
.service-alertnow .layout-contents .select-company .total-area em { font-size: 1.25rem; font-weight: 500; margin-left: 8px; }
.service-alertnow .layout-contents .select-company .total-area em.total {margin-right: 15px; transform: translateY(2px);  color: #222; }
.service-alertnow .layout-contents .select-company .total-area em.total.blue { color: #006bff; }
.service-alertnow .layout-contents .select-company .total-area em.total.right-margin-none { margin-right: 0; }
.service-alertnow .layout-contents .select-company .total-area em.total:after { display: none; }
.service-alertnow .layout-contents .select-company .total-area em.search {transform: translateY(2px);  color: #006bff; }
.service-alertnow .layout-contents .select-company button.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; border-radius: 2px; background-color: #fff; }
.service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel]:before {width: 12px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -38px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel]:after { display: none; }
.service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel]:hover {color: #333;  background-color: #eaeaea; }
.service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel]:focus {color: #333;  background-color: #ddd; }
.service-alertnow .layout-contents .select-company button.button-with-icon[data-state=excel][disabled] {opacity: .3; color: #333;  background-color: transparent; }

.service-alertnow .table-wrap.ie-layout.overHeight table thead tr , .service-alertnow .table-wrap.ie-layout.overHeight table tfoot tr { width: calc(100% - 17px) !important; }

.service-alertnow .table-wrap.scroll-table.overHeight table thead tr , .service-alertnow .table-wrap.scroll-table.overHeight table tfoot tr { width: calc(100% - 17px); }

.service-alertnow .table-wrap.scroll-table table { table-layout: auto; border: 0; }
.service-alertnow .table-wrap.scroll-table table td , .service-alertnow .table-wrap.scroll-table table th { border-top: 0; }
.service-alertnow .table-wrap.scroll-table table thead tr , .service-alertnow .table-wrap.scroll-table table tbody tr , .service-alertnow .table-wrap.scroll-table table tfoot tr { display: table; width: 100%; table-layout: fixed; }
.service-alertnow .table-wrap.scroll-table table thead th { font-size: .75rem; font-weight: 500; color: #666; border-top: 1px solid #b8bec3; border-bottom: 0; }
.service-alertnow .table-wrap.scroll-table table thead th button { font-size: inherit; font-weight: inherit; color: inherit; }
.service-alertnow .table-wrap.scroll-table table thead th:nth-of-type(1) { width: 46%; }
.service-alertnow .table-wrap.scroll-table table thead th:nth-of-type(2) { width: 16%; }
.service-alertnow .table-wrap.scroll-table table thead th:nth-of-type(3) { width: 23%; }
.service-alertnow .table-wrap.scroll-table table thead th:nth-of-type(4) { width: 15%; }
.service-alertnow .table-wrap.scroll-table table tbody { display: block; overflow: auto; max-height: 450px; }
.service-alertnow .table-wrap.scroll-table table tbody tr:hover td { background: #fff; }
.service-alertnow .table-wrap.scroll-table table tbody tr:first-child td { border-top: 1px solid #b8bec3; }
.service-alertnow .table-wrap.scroll-table table tbody tr:last-child td { border-bottom: 1px solid #b8bec3; }
.service-alertnow .table-wrap.scroll-table table tbody tr * { cursor: default !important; }
.service-alertnow .table-wrap.scroll-table table tbody tr td {height: 29px;  padding: 0 10px; }
.service-alertnow .table-wrap.scroll-table table tbody tr td .ellipsis { overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.service-alertnow .table-wrap.scroll-table table tbody tr td:nth-of-type(1) { width: 46%; }
.service-alertnow .table-wrap.scroll-table table tbody tr td:nth-of-type(2) { width: 16%; }
.service-alertnow .table-wrap.scroll-table table tbody tr td:nth-of-type(3) { width: 23%; }
.service-alertnow .table-wrap.scroll-table table tbody tr td:nth-of-type(4) { width: 15%; text-align: center; }

.service-alertnow .table-wrap.alertnow-list-table { padding: 0 0 40px; }
.service-alertnow .table-wrap.alertnow-list-table.overHeight table.msie11 thead tr , .service-alertnow .table-wrap.alertnow-list-table.overHeight table.msie11 tfoot tr { width: calc(100% - 17px); }
.service-alertnow .table-wrap.alertnow-list-table.overHeight table thead tr , .service-alertnow .table-wrap.alertnow-list-table.overHeight table tfoot tr { width: calc(100% - 17px); }
.service-alertnow .table-wrap.alertnow-list-table table { table-layout: auto; }
.service-alertnow .table-wrap.alertnow-list-table table thead tr , .service-alertnow .table-wrap.alertnow-list-table table tbody tr , .service-alertnow .table-wrap.alertnow-list-table table tfoot tr { display: table; width: 100%; table-layout: fixed; }
.service-alertnow .table-wrap.alertnow-list-table table tbody { display: block; overflow: auto; max-height: 600px; }

.service-alertnow .table-wrap table { width: 100%; border-top: 1px solid #b8bec3; }
.service-alertnow .table-wrap table th , .service-alertnow .table-wrap table td { border: 1px solid #b8bec3; border-top: 0; border-right: 0; }
.service-alertnow .table-wrap table th:nth-of-type(1) , .service-alertnow .table-wrap table td:nth-of-type(1) { width: 5%; border-left: 0; }
.service-alertnow .table-wrap table th:nth-of-type(2) , .service-alertnow .table-wrap table td:nth-of-type(2) { width: 24%; }
.service-alertnow .table-wrap table th:nth-of-type(3) , .service-alertnow .table-wrap table th:nth-of-type(4) , .service-alertnow .table-wrap table th:nth-of-type(5) , .service-alertnow .table-wrap table td:nth-of-type(3) , .service-alertnow .table-wrap table td:nth-of-type(4) , .service-alertnow .table-wrap table td:nth-of-type(5) { width: 10%; }
.service-alertnow .table-wrap table th:nth-of-type(6) , .service-alertnow .table-wrap table th:nth-of-type(7) , .service-alertnow .table-wrap table th:nth-of-type(8) , .service-alertnow .table-wrap table td:nth-of-type(6) , .service-alertnow .table-wrap table td:nth-of-type(7) , .service-alertnow .table-wrap table td:nth-of-type(8) { width: 13%; }
.service-alertnow .table-wrap table thead th {font-size: .75rem; font-weight: 500;  height: 29px; color: #666; }
.service-alertnow .table-wrap table thead th button { font-size: .75rem; font-weight: 500; color: #666; }
.service-alertnow .table-wrap table tbody tr:hover td { background: rgba(153, 153, 153, .1); }
.service-alertnow .table-wrap table tbody tr.no_data td { padding: 51px 0; color: #999; }
.service-alertnow .table-wrap table tbody td {font-size: .75rem; overflow: hidden;  height: 39px; padding: 0 8px; cursor: pointer; text-align: right; white-space: nowrap; text-overflow: ellipsis; color: #222; background: #fff; }
.service-alertnow .table-wrap table tbody td:nth-of-type(1) { text-align: center; }
.service-alertnow .table-wrap table tbody td:nth-of-type(2) , .service-alertnow .table-wrap table tbody td:nth-of-type(3) { text-align: left; }
.service-alertnow .table-wrap table tbody td.left { text-align: left; }

.service-alertnow .tabs { display: -ms-flexbox; display: flex; }
.service-alertnow .tabs .layout-left-right {width: 532px;  height: 115px; padding: 0 25px; cursor: pointer; border-left: 1px solid #d5d9db; background: #eaecef; -ms-flex-align: center; align-items: center; }
.service-alertnow .tabs .layout-left-right p { font-size: 1.25rem; font-weight: 500; color: #222; }
.service-alertnow .tabs .layout-left-right p + p {font-size: .75rem; padding: 5px 0 0;  color: #666; }
.service-alertnow .tabs .layout-left-right .right p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 2.25rem; color: #88939f; }
.service-alertnow .tabs > *:first-child { border-left: 0; }
.service-alertnow .tabs > *.is-selected { background: #fff; }
.service-alertnow .tabs > *.is-selected .right p { color: #006bff; }

.service-alertnow .fee-table-wrap table { width: 100%; border-top: 1px solid #b8bec3; }
.service-alertnow .fee-table-wrap table thead th { font-weight: 500; text-align: center; color: #666; }
.service-alertnow .fee-table-wrap table th , .service-alertnow .fee-table-wrap table td {font-size: .75rem; height: 29px; padding: 0 10px; text-align: right; color: #222;  border: 1px solid #b8bec3; border-top: 0; border-right: 0; border-right-color: #e6e6e6; border-left-color: #e6e6e6; background: #fff; }
.service-alertnow .fee-table-wrap table th.ie-border , .service-alertnow .fee-table-wrap table td.ie-border { border-right: 1px solid #e6e6e6; }
.service-alertnow .fee-table-wrap table th:nth-of-type(1) , .service-alertnow .fee-table-wrap table td:nth-of-type(1) {text-align: center;  border-left: 0; }
.service-alertnow .fee-table-wrap table th.left , .service-alertnow .fee-table-wrap table td.left { text-align: left; }
.service-alertnow .fee-table-wrap table tfoot th , .service-alertnow .fee-table-wrap table tfoot td {font-weight: 500; height: 39px;  background: #f0f7ff; }

.service-alertnow .fee-detail-table-wrap .layout-left-right { padding: 32px 0 0; }
.service-alertnow .fee-detail-table-wrap .layout-left-right h3 { font-size: 1rem; font-weight: 500; padding: 0 0 8px; color: #222; }
.service-alertnow .fee-detail-table-wrap .layout-left-right .left , .service-alertnow .fee-detail-table-wrap .layout-left-right .right { -ms-flex: 1; flex: 1; }
.service-alertnow .fee-detail-table-wrap .layout-left-right .left { margin-right: 32px; }

.service-alertnow .fee-detail-table-wrap .fee-table-wrap thead th { background: transparent; }

.service-alertnow .fee-detail-table-wrap .fee-table-wrap tfoot td { height: 29px; }

.service-alertnow .layout-left-right { display: -ms-flexbox; display: flex; }
.service-alertnow .layout-left-right > *:first-child { margin-right: auto; }

.page-admin.service-resale { background-color: #f7f8f9; }
.page-admin.service-resale .lr-grid { display: -ms-flexbox; display: flex; }
.page-admin.service-resale .lr-grid.equal > * { -ms-flex: 1; flex: 1; }
.page-admin.service-resale .lr-grid.equal > *:first-child { margin-right: 16px; }
.page-admin.service-resale .lr-grid.vertical-center { -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .lr-grid > *:first-child { margin-right: auto; }
.page-admin.service-resale .currency { font-size: .75rem; font-weight: 500; color: #999; }
.page-admin.service-resale .ondemand-info { font-size: .75rem; position: relative; display: -ms-inline-flexbox; display: inline-flex; padding: 0 0 0 20px; color: #999; }
.page-admin.service-resale .ondemand-info:before {position: absolute; top: 2px; left: 10px; width: 1px; height: 10px;  content: ''; background-color: #b8bec3; }
.page-admin.service-resale select[invalid] { border: 2px solid #ff2d47 !important; }
.page-admin.service-resale .layout-contents .layout-contents-inner { max-width: 1880px; }
.page-admin.service-resale .resale_status_purchase .amcharts-Container.amcharts-Label.amcharts-AxisLabel text tspan { fill: #999 !important; }
.page-admin.service-resale .amchart-resale-tooltip {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .6875rem; line-height: .9375rem;  min-width: 163px; color: #666; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization { min-width: 102px; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .map-tooltip-inner { padding-bottom: 5px; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table { width: 100%; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table th , .page-admin.service-resale .amchart-resale-tooltip.ri-utilization table td { font-size: .6875rem; font-weight: 400; padding: 0 8px; text-align: left; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table th:first-child , .page-admin.service-resale .amchart-resale-tooltip.ri-utilization table td:first-child { padding-left: 0; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table th { color: #666; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table thead th {height: 20px;  border-bottom: 1px solid #b8bec3; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table tbody th { height: 20px; white-space: nowrap; border-bottom: 1px solid #e6e6e6; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table tbody td {height: 20px;  color: #222; border-bottom: 1px solid #e6e6e6; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization table tbody .label-maker { display: inline-block; width: 6px; height: 6px; margin-right: 4px; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization ul.no-margin { margin-bottom: 0; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization ul li { font-weight: 500; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .up-arrow , .page-admin.service-resale .amchart-resale-tooltip.ri-utilization .down-arrow {position: relative; top: 2px;  margin-left: 5px; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .default-state {position: relative; top: -2px;  margin-left: 6px; }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .up-arrow { display: inline-block; width: 12px; height: 12px; background-image: url(../images/layout_sprites.png); background-position: -108px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .amchart-resale-tooltip.ri-utilization .up-arrow { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .down-arrow { display: inline-block; width: 12px; height: 12px; background-image: url(../images/layout_sprites.png); background-position: -90px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .amchart-resale-tooltip.ri-utilization .down-arrow { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .amchart-resale-tooltip.ri-utilization .default-state { display: inline-block; width: 10px; height: 2px; background-image: url(../images/layout_sprites.png); background-position: -666px -55px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .amchart-resale-tooltip.ri-utilization .default-state { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .amchart-resale-tooltip h2 {font-size: .6875rem;  font-weight: 400; line-height: .6875rem; margin-bottom: 8px; color: #666; }
.page-admin.service-resale .amchart-resale-tooltip .summary-text {font-size: .6875rem; line-height: 1.5; margin: 8px 0;  color: #666; }
.page-admin.service-resale .amchart-resale-tooltip .total {font-weight: 500; margin-bottom: 15px;  color: #222; }
.page-admin.service-resale .amchart-resale-tooltip ul {display: block;  overflow: hidden; width: 100%; margin-bottom: 8px; }
.page-admin.service-resale .amchart-resale-tooltip ul li { position: relative; float: left; width: calc(50% - 5px); text-align: right; }
.page-admin.service-resale .amchart-resale-tooltip ul li:first-child { padding-left: 10px; text-align: left; }
.page-admin.service-resale .amchart-resale-tooltip ul li:first-child span { position: absolute; top: 50%; left: 0; width: 6px; height: 6px; transform: translateY(-50%); background-color: #000; }
.page-admin.service-resale .progress-bar-wrap { font-size: .875rem; font-weight: 400; color: #222; }
.page-admin.service-resale .progress-bar-wrap .progress-bar { display: inline-block; width: 70px; height: 40px; margin-right: 3px; background-color: #eaecef; }
.page-admin.service-resale .progress-bar-wrap .progress-bar p { display: inline-block; height: 40px; transition: .3s ease-in-out; background-color: red; }
.page-admin.service-resale .progress-bar-wrap .progress-bar p.low { background-color: #ff2d47; }
.page-admin.service-resale .progress-bar-wrap .progress-bar p.middle { background-color: #f5a323; }
.page-admin.service-resale .progress-bar-wrap .progress-bar p.high { background-color: #6cb41e; }
.page-admin.service-resale input[data-size=small] {font-size: .875rem;  width: 65px; }

.page-admin.service-resale .daterange.dropdown-menu { position: relative; }
.page-admin.service-resale .daterange.dropdown-menu input[type=text] { padding-right: 32px; }
.page-admin.service-resale .daterange.dropdown-menu .arrow-btn { position: absolute; z-index: 500; top: 1px; right: 1px; bottom: 1px; display: inline-block; width: 32px; background-image: url('/assets/images/selectbox_arrow_04.png'); background-repeat: no-repeat; background-position: center; }
.page-admin.service-resale .daterange.dropdown-menu:after {display: none;  content: ''; }
.page-admin.service-resale .daterange.dropdown-menu.open:after { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.page-admin.service-resale .daterangepicker { width: 510px; }
.page-admin.service-resale .daterangepicker.button-none .range_inputs { display: none; }
.page-admin.service-resale .daterangepicker.single { width: 264px; }
.page-admin.service-resale .daterangepicker.single.ltr .calendar.left.single { float: none; }
.page-admin.service-resale .daterangepicker.single.ltr .calendar.left .calendar-table { padding-left: 10px; }
.page-admin.service-resale .daterangepicker.single.ltr .calendar.left .daterangepicker_input { padding-left: 0; }
.page-admin.service-resale .daterangepicker .calendar-time { position: relative; margin: 30px auto 5px; padding-left: 5px; }
.page-admin.service-resale .daterangepicker .calendar-time select {line-height: 30px;  height: 32px; }
.page-admin.service-resale .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: -223px -547px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .daterangepicker .calendar-time:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .daterangepicker select.ampmselect , .page-admin.service-resale .daterangepicker select.hourselect , .page-admin.service-resale .daterangepicker select.minuteselect , .page-admin.service-resale .daterangepicker select.secondselect { width: 65px; }
.page-admin.service-resale .daterangepicker .calendar .daterangepicker_input { position: relative; left: 28px; display: none; }
.page-admin.service-resale .daterangepicker .ranges {display: inline-block !important;  float: left; width: 100%; }
.page-admin.service-resale .daterangepicker .ranges:after {position: absolute; z-index: -1; bottom: 0; display: inline-block; width: 100%; height: 64px; margin-left: -8px;  content: ''; background: #fff; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs { -ms-flex-pack: center; justify-content: center; }
.page-admin.service-resale .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;  }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-success { color: #fff; border: 0; background-color: #1886ff; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-success:after { display: none; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-success:hover {color: #fff;  background-color: #0768d2; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-success:active {color: #fff;  background-color: #0057b5; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-success[disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-default { color: #fff; border: 0; background-color: #52545c; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-default:after { display: none; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-default:hover {color: #fff;  background-color: #38393a; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-default:active {color: #fff;  background-color: #111213; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button.btn-default[disabled] { opacity: .2; color: #fff; border: 0; background-color: #52545c; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button:after { display: none; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button:hover { background-color: #38393a; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button:active { background-color: #111213; }
.page-admin.service-resale .daterangepicker .ranges .range_inputs button[disabled] {opacity: .2;  background-color: #52545c; }
.page-admin.service-resale[data-bg-color=white] .ag-root { border-top: 1px solid #b8bec3; }
.page-admin.service-resale button.general.only:after {margin: 0;  content: none; }
.page-admin.service-resale button.general:after {display: inline-block; margin-left: 4px;  content: ''; }
.page-admin.service-resale button.general[data-icon=sortDefault]:before , .page-admin.service-resale button.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) { .page-admin.service-resale button.general[data-icon=sortDefault]:before , .page-admin.service-resale button.general[data-icon=sortDefault]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale button.general[data-icon=sortUp]:before , .page-admin.service-resale button.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) { .page-admin.service-resale button.general[data-icon=sortUp]:before , .page-admin.service-resale button.general[data-icon=sortUp]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale button.general[data-icon=sortDown]:before , .page-admin.service-resale button.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) { .page-admin.service-resale button.general[data-icon=sortDown]:before , .page-admin.service-resale button.general[data-icon=sortDown]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .invalid-message { font-size: .75rem; font-weight: 400; line-height: 1.125rem; padding: 0; word-break: keep-all; color: #ff2d47; }
.page-admin.service-resale .invalid-message:before { display: none; }
.page-admin.service-resale .wave-space , .page-admin.service-resale .arrow-space {margin: 0;  padding: 0 8px; color: #666; }
.page-admin.service-resale .line { position: relative; display: inline; height: 1px; margin-right: 8px; padding-right: 8px; }
.page-admin.service-resale .line.align { top: 2px; }
.page-admin.service-resale .line:before {position: absolute; top: 50%; right: 0; width: 1px; height: 16px;  content: ''; transform: translateY(-50%); background: #ccc; }
.page-admin.service-resale .layout-section {position: relative;  margin-top: 30px; }
.page-admin.service-resale .layout-section .layout-section-title + .tbl-pagination { position: absolute; top: -12px; right: 0; }
.page-admin.service-resale .layout-location-hierarchy {position: absolute; top: 8px; right: 40px;  display: block; }
.page-admin.service-resale .layout-location-hierarchy .locations li {font-size: .75rem; font-weight: 400; line-height: 1.66667em;  display: inline-block; color: #666; }
.page-admin.service-resale .layout-location-hierarchy .locations li + li:before {display: inline-block; margin: 0 5px 0 3px;  content: '>'; }
.page-admin.service-resale .layout-location-hierarchy .locations li a , .page-admin.service-resale .layout-location-hierarchy .locations li button { display: inline-block; text-decoration: underline; color: #666; }
.page-admin.service-resale .layout-location {font-size: 1.25rem; font-weight: 700; line-height: 30px;  position: relative; margin-bottom: 0; padding: 13px 0 13px 0; color: #222; }
.page-admin.service-resale .layout-location button.button-with-icon { position: relative; top: -1px; margin-right: 8px; border-color: #e8e8e8; background-color: #fff; }
.page-admin.service-resale .layout-location span {font-size: 1rem; font-weight: 400;  position: relative; margin-left: 8px; padding-left: 8px; color: #444; }
.page-admin.service-resale .layout-location span:before {position: absolute; top: 3px; bottom: 3px; left: 0; width: 1px;  content: ''; background: #d5d9db; }
.page-admin.service-resale .layout-location.cfrc { margin-bottom: 0px; }
.page-admin.service-resale .layout-location:after {position: absolute; bottom: 0; left: 50%; width: 120%; height: 1px;  content: ''; transform: translateX(-50%); border-bottom: 1px solid #ddd; }
.page-admin.service-resale .search-field {box-sizing: border-box;  margin-top: 16px; }
.page-admin.service-resale .search-field ul li {min-height: 32px; padding: 0px;  }
.page-admin.service-resale .search-field ul li .btns {display: inline-block;  margin-left: 5px; }
.page-admin.service-resale .search-field ul li .btns .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: 1px solid #bbb; border-radius: 1px; background-color: transparent; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=reset] {color: #333;  background-color: transparent; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=reset]:after { display: none; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=reset]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=reset]:active {color: #333;  background-color: #bbb; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=reset][disabled] { opacity: 1; color: #ccc; border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=submit] { color: #fff; border: 0px solid #1886ff; background-color: #6b6b6b; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=submit]:after { display: none; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #555; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=submit]:active {color: #fff;  background-color: #444; }
.page-admin.service-resale .search-field ul li .btns .button-inner-txt[data-state=submit][disabled] { opacity: 1; color: rgba(255, 255, 255, .3); background-color: #ddd; }
.page-admin.service-resale .search-field ul li .btns .btn:nth-of-type(1) { background: #666; }
.page-admin.service-resale .search-field ul li li.multiselect-item.filter { border-bottom: 0; }
.page-admin.service-resale .search-field ul li .daterange:before {width: 16px; height: 15px;  margin-top: -7.5px; background-image: url(/assets/images/admin_sprites.png); background-position: -42px -318px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .search-field ul li .daterange:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .search-field ul li .daterange.dropdown-menu:after {position: absolute; z-index: 500; top: 1px; right: 1px; bottom: 1px; display: inline-block; width: 32px;  content: ''; background-image: url('/assets/images/selectbox_arrow_04.png'); background-repeat: no-repeat; background-position: center; }
.page-admin.service-resale .search-field ul li .daterange.dropdown-menu input[type=text] { padding-right: 32px; }
.page-admin.service-resale .search-field ul li .daterange.dropdown-menu.open:after { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.page-admin.service-resale .search-field ul li .multiselect-native-select {position: relative;  display: inline-block; }
.page-admin.service-resale .search-field ul li .multiselect-native-select.first .btn-group .multiselect-container.dropdown-menu { width: 140px; min-width: 100px; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group {position: relative;  display: block; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect {font-size: .875rem; font-weight: 400; line-height: 22px;  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; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect[selected] { color: #0377ff; background-color: #fff; background-image: url('/assets/images/selectbox_arrow_04.png'); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 0px 0px rgba(24, 134, 255, .5); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect:after { content: none; }
.page-admin.service-resale .search-field ul li .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); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.page-admin.service-resale .search-field ul li .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; }
.page-admin.service-resale .search-field ul li .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'); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 0px; background-color: #fff; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #fff; }
.page-admin.service-resale .search-field ul li .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; }
.page-admin.service-resale .search-field ul li .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) { .page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .search-field ul li .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) { .page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.page-admin.service-resale .search-field ul li .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; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.page-admin.service-resale .search-field ul li .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/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_04_open.png'); }
.page-admin.service-resale .search-field ul li .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.page-admin.service-resale .search-field ul li.fields span , .page-admin.service-resale .search-field ul li.fields label { float: left; margin-left: 8px; }
.page-admin.service-resale .search-field ul li.fields span:nth-child(1) { margin-left: 0; }
.page-admin.service-resale .search-field ul li.fields.multiselect-native-select { width: 250px; }
.page-admin.service-resale .search-field ul li.fields.multiselect-native-select.first { width: 140px; }
.page-admin.service-resale .search-field ul li.fields .multiselect-native-select { width: 200px; }
.page-admin.service-resale .search-field ul li.fields .multiselect-native-select.large { width: 240px; }
.page-admin.service-resale .search-field ul li.fields .multiselect-native-select input[type=text] { line-height: 30px; height: 30px; padding: 0 0 0 8px; }
.page-admin.service-resale .search-field ul li .search {position: relative;  display: inline-block; width: auto; margin-left: 0px; }
.page-admin.service-resale .search-field ul li .search.search_tt {position: relative;  width: 240px; }
.page-admin.service-resale .search-field ul li .search.search_tt .clear-btn { position: absolute; top: 50%; right: 42px; width: 16px; height: 16px; transition: .3s ease-in-out; transform: translateY(-50%); opacity: 0; background: url('/assets/images/search_tt_clear_btn.png') no-repeat; }
.page-admin.service-resale .search-field ul li .search.search_tt .clear-btn.on {transition: .3s ease-in-out;  opacity: 1; }
.page-admin.service-resale .search-field ul li .search.search_tt:after { display: none; }
.page-admin.service-resale .search-field ul li .search.search_tt:hover input[type=text] { border: 1px solid #1886ff; }
.page-admin.service-resale .search-field ul li .search.search_tt:hover input[type=text] + button { background: url('/assets/images/icon_serch_tt_01_m_hover.png') no-repeat; background-position: center center; }
.page-admin.service-resale .search-field ul li .search.search_tt input[type=text] {font-size: .875rem; line-height: 32px; position: relative; height: 32px; padding: 0 60px 0 10px;  border: 1px solid #e4e4e4; background: #fff; }
.page-admin.service-resale .search-field ul li .search.search_tt input[type=text] + button { position: relative; position: absolute; top: 0; right: 0px; width: 28px; height: 32px; margin-top: 0px; background: url('/assets/images/icon_serch_tt_01_s.png') no-repeat; background-position: center center; }
.page-admin.service-resale .search-field ul li .search.search_tt input[type=text] + button:before {position: absolute; top: 3px; bottom: 3px; left: 0; width: 1px;  content: ''; background-color: #d5d9db; }
.page-admin.service-resale .search-field ul li .search.search_tt input[type=text]:focus { border-color: #007aff; background-image: none; box-shadow: 0px 0px 0px 0px rgba(24, 134, 255, .5); }
.page-admin.service-resale .search-field ul li .search.search_tt input[type=text]:focus + button { background-image: url('/assets/images/icon_serch_tt_01_m_focus.png'); }
.page-admin.service-resale .layout-contents { min-height: calc(100vh - 50px - 34px - 34px); padding: 0px 20px 130px 20px; }
.page-admin.service-resale .layout-contents.has-fixed-bar { padding: 0px 20px 150px 20px; }
.page-admin.service-resale .layout-contents .content-inner {max-width: 1200px; margin-top: 16px; border: 1px solid #d5d9db;  background-color: #fff; }
.page-admin.service-resale .layout-contents .content-inner .select-box input { display: inline-block; float: left; }
.page-admin.service-resale .layout-contents .content-inner .select-box input + em {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1rem; font-weight: 500; margin-left: 9px; color: #666; }
.page-admin.service-resale .layout-contents .content-inner .btns-area .button-normal[data-size=small] { padding: 0 10px; }
.page-admin.service-resale .layout-contents .content-inner .ag-bsp-admin.resale[data-bg-color=white].none-border .button-normal[data-size=small] { font-size: .6875rem; line-height: 1.125rem; height: 20px; }
.page-admin.service-resale .layout-contents .content-inner .ag-bsp-admin.resale[data-bg-color=white].none-border .ag-body.no-data { background-color: #ffff; }
.page-admin.service-resale .layout-contents .content-inner .ag-bsp-admin.resale[data-bg-color=white].none-border .ag-body.no-data p { font-size: .75rem; }
.page-admin.service-resale .layout-contents .content-inner:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .layout-contents .content-inner dl { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-flow: wrap; flex-flow: wrap; }
.page-admin.service-resale .layout-contents .content-inner dl dt , .page-admin.service-resale .layout-contents .content-inner dl dd {display: -ms-flexbox; display: flex; box-sizing: border-box; height: 50px; padding: 9px 0;  border-top: 1px solid #ddd; }
.page-admin.service-resale .layout-contents .content-inner dl dt.auto-layout , .page-admin.service-resale .layout-contents .content-inner dl dd.auto-layout { height: auto; }
.page-admin.service-resale .layout-contents .content-inner dl dt { font-size: .75rem; font-weight: 400; width: 305px; padding-left: 20px; color: #999; -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .layout-contents .content-inner dl dt.auto-layout { -ms-flex-align: baseline; align-items: baseline; }
.page-admin.service-resale .layout-contents .content-inner dl dt:first-child { border-top: 0; }
.page-admin.service-resale .layout-contents .content-inner dl dt:first-child + dd { border-top: 0; }
.page-admin.service-resale .layout-contents .content-inner dl dd { width: calc(100% - 305px); padding-right: 20px; }
.page-admin.service-resale .layout-contents .content-inner dl dd input[type=text] , .page-admin.service-resale .layout-contents .content-inner dl dd input[type=number] {line-height: 30px;  height: 32px; }
.page-admin.service-resale .layout-contents .content-inner dl dd select {line-height: 32px; width: 160px;  height: 32px; }
.page-admin.service-resale .layout-contents .content-inner dl dd p {display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; min-width: 138px;  padding-right: 40px; -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .layout-contents .content-inner dl dd p input[type=checkbox] + label { font-size: .875rem; font-weight: 500; color: #666; }
.page-admin.service-resale .layout-contents .content-inner dl dd p em { font-size: 1rem; font-weight: 500; margin-left: 9px; color: #666; }
.page-admin.service-resale .layout-contents .content-inner dl dd.auto-layout {flex-direction: column;  -ms-flex-direction: column; }
.page-admin.service-resale .layout-contents .content-inner > ul > li {float: right; width: calc( 100% - 305px);  padding: 9px 20px 9px 0; border-bottom: 1px solid #ddd; }
.page-admin.service-resale .layout-contents .content-inner > ul > li:nth-child(1) {float: left; width: 285px;  padding: 9px 0; }
.page-admin.service-resale .layout-contents .content-inner > ul > li h1 {font-size: .75rem; font-weight: 400; line-height: 2rem;  padding: 0 20px; color: #999; }
.page-admin.service-resale .layout-contents .content-inner > ul:nth-child(1) > li { line-height: 30px; height: 32px; }
.page-admin.service-resale .layout-contents .content-inner > ul:last-child > li { border-bottom: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout {max-width: 1880px;  margin-top: 16px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout.fixed .items:nth-child(1) { position: fixed; top: 65px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items h1 {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1rem; font-weight: 500; line-height: auto; margin-bottom: 8px; color: #222; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items h1 span { font-size: .75rem; font-weight: 400; margin-left: 8px; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items h1 span a { font-size: .75rem; font-weight: 400; text-decoration: underline; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) {float: left;  width: 280px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul {box-sizing: border-box;  width: 100%; padding: 24px; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul li p { font-size: .875rem; font-weight: 500; line-height: 1.25rem; color: #222; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul li p.title { font-size: .6875rem; font-weight: 400; line-height: 1.0625rem; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul li p.invalid { color: #ff2d47; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul li + li { margin-top: 16px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) ul + .dic-fee { border-top: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee {box-sizing: border-box; padding: 16px 24px;  border: 1px solid #d5d9db; background-color: #fff; background-color: #f1f8ff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem;  color: #006bff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee p.title {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; line-height: 1.125rem; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee p.invalid { color: #ff2d47; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee p + p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 500;  margin-top: 4px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee .paid-style { font-size: .75rem; color: #666; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(1) .dic-fee + .invalid-message { margin-top: 8px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) {float: right;  width: calc( 100% - 295px); }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .daterange.dropdown-menu { margin-left: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .daterange.dropdown-menu .data-picker-placeholder {font-size: .875rem; right: 1px;  left: 1px; padding: 0 10px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .daterange.dropdown-menu .data-picker-placeholder[disabled] {cursor: not-allowed;  color: #666; background-color: #f2f2f2; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .daterange.dropdown-menu input[type=text] {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; margin-right: 0; margin-left: 0;  padding: 0 10px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info {box-sizing: border-box;  margin-bottom: 8px; padding: 16px; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .description {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 1.125rem;  float: left; width: 100%; margin: 16px 0 0; padding-top: 10px; color: #6e91bf; border-top: 1px solid #e6e6e6; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-title {font-size: .75rem; font-weight: 500; line-height: 1.125rem; float: left;  width: 278px; color: #222; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-title p {font-weight: 400; line-height: 1.5;  color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-title p:first-child { margin-top: 4px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents {float: right;  width: calc( 100% - 278px); }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents .tbl-forms {width: 540px;  margin-top: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents .tbl-forms thead th , .page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents .tbl-forms tbody td {font-weight: 400; padding: 0; border: 0;  background-color: transparent; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents .tbl-forms thead th { font-size: .75rem; font-weight: 500; line-height: 1.125rem; height: 18px; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .current-info .info-contents .tbl-forms tbody td { font-size: .875rem; line-height: 1.125rem; height: 20px; padding-top: 4px; color: #222; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table + .set-box-wrap { margin-top: 8px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table tr.dc-fee th label { color: #006bff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table tr th label {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400;  margin-right: 8px; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table tr td .datarange.dropdown-menu { margin-left: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table tr td .datarange.dropdown-menu input[type=text] {font-size: .875rem; margin-right: 0;  padding: 0; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table input {font-size: .875rem;  width: auto; margin-right: 8px; border-radius: 2px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table input[data-size=small] { width: 65px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table input[data-size=medium] { width: 165px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table input[data-size=expand] { width: 100%; max-width: 540px; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) table span.desc {font-size: .75rem; font-weight: 400;  position: relative; top: 2px; margin: 0 4px; color: #999; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap { display: -ms-flexbox; display: flex; box-sizing: border-box; margin-bottom: 8px; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box { float: right; width: calc( 100% - 40px); }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box.index {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 700; line-height: 1.125rem;  position: relative; float: left; width: 40px; padding-top: 16px; text-align: center; color: #000; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box.index button { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box .tbl-forms-h { border: 0; border-left: 1px solid #d5d9db; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box .tbl-forms-h.cfrc tbody tr.dc-fee td {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-weight: 500; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) .set-box-wrap .set-box .tbl-forms-h.cfrc tbody tr.dc-fee td span { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-weight: 400; }
.page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) > table + table , .page-admin.service-resale .layout-contents .with-sidemenu-layout .items:nth-child(2) > table + .button-normal { margin-top: 8px; }
.page-admin.service-resale .toggle-table button.general { padding: 0; }
.page-admin.service-resale .toggle-table.ri-analysis input[type=checkbox] + label {top: 2px;  height: 20px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head { width: 100%; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items { padding: 0 10px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(1) {width: 30px;  min-width: 30px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(2) {width: 17.49%;  min-width: 108px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(3) {width: 14.96%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(4) {width: 14.56%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(5) {width: 8.36%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(6) {width: 10.42%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(7) {width: 7.15%;  min-width: 60px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:nth-child(8) {width: 13.65%;  min-width: 76px; }
.page-admin.service-resale .toggle-table.ri-analysis .table-head .items:last-child { width: 35px; min-width: 35px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item { width: 100%; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(1) {width: 30px;  min-width: 30px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(2) {width: 17.49%;  min-width: 108px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(3) {width: 14.96%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(4) {width: 14.56%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(5) {width: 8.36%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(6) {width: 10.42%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(7) {width: 7.15%;  min-width: 60px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:nth-child(8) {width: 13.65%;  min-width: 76px; }
.page-admin.service-resale .toggle-table.ri-analysis .wrap-table-row .table-row .wrap-item .items:last-child { width: 35px; min-width: 35px; }
.page-admin.service-resale .toggle-table.util {overflow-x: auto;  min-width: 860px; }
.page-admin.service-resale .toggle-table.util .table-head { width: 100%; }

.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(1) {width: 13.95%;  min-width: 91px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(2) {width: 13.49%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(3) {width: 11.96%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(4) {width: 7.36%;  min-width: 48px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(5) {width: 16.56%;  min-width: 108px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(6) {width: 10.42%;  min-width: 68px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(7) {width: 11.65%;  min-width: 76px; }
.page-admin.service-resale .toggle-table.util .table-head .items:nth-child(8) {width: 9.2%;  min-width: 60px; }
.page-admin.service-resale .toggle-table.util .table-head .items:last-child { width: 35px; min-width: 35px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item { width: 100%; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(1) {width: 13.95%;  min-width: 91px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(2) {width: 13.49%;  min-width: 88px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(3) {width: 11.96%;  min-width: 78px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(4) {width: 7.36%;  min-width: 48px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(5) {width: 16.56%;  min-width: 108px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(6) {width: 10.42%;  min-width: 68px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(7) {width: 11.65%;  min-width: 76px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:nth-child(8) {width: 9.2%;  min-width: 60px; }
.page-admin.service-resale .toggle-table.util .wrap-table-row .table-row .wrap-item .items:last-child { width: 35px; min-width: 35px; }
@media (max-width: 1200px) { .page-admin.service-resale .toggle-table.util .table-head , .page-admin.service-resale .toggle-table.util .wrap-table-row { width: 856px; } }
.page-admin.service-resale .toggle-table .table-head {display: -ms-flexbox; display: flex;  width: 100%; padding: 22px 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; }
.page-admin.service-resale .toggle-table .table-head .items {font-size: .75rem; font-weight: 500; line-height: 1.125rem; overflow: hidden; width: 22%; padding: 0;  text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.page-admin.service-resale .toggle-table .table-head .items:first-child { padding: 0 0 0 8px; }
.page-admin.service-resale .toggle-table .table-head .items button { font-size: .75rem; }
.page-admin.service-resale .toggle-table .table-head .items button.general:after { transform: translateY(1px); }
.page-admin.service-resale .toggle-table .table-head .items.text-align-center {padding: 0 10px;  text-align: center; }
.page-admin.service-resale .toggle-table .table-head .items.text-align-right { text-align: right; }
.page-admin.service-resale .toggle-table .table-head .items:nth-child(3) { width: 120px; }
.page-admin.service-resale .toggle-table .table-head .items:nth-child(4) { width: 180px; }
.page-admin.service-resale .toggle-table .table-head .items:nth-child(5) { width: 180px; }
.page-admin.service-resale .toggle-table .table-head .items:last-child { width: 35px; min-width: 35px; }
.page-admin.service-resale .toggle-table .layout-tabs { margin-top: 0; margin-bottom: 24px; }
.page-admin.service-resale .toggle-table .layout-tabs a , .page-admin.service-resale .toggle-table .layout-tabs button {font-size: .875rem; font-weight: 500; min-width: 219px; padding: 0; color: #222;  border: 1px solid #d5d9db; background-color: #f5f6f7; }
.page-admin.service-resale .toggle-table .layout-tabs a.selected , .page-admin.service-resale .toggle-table .layout-tabs button.selected { border-bottom: 1px solid #fff; background-color: #fff; }
.page-admin.service-resale .toggle-table .layout-tabs:after { height: 1px; background-color: #d5d9db; }
.page-admin.service-resale .toggle-table .wrap-table-row {overflow-y: auto; max-height: 850px;  margin-top: 6px; }
.page-admin.service-resale .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; }
.page-admin.service-resale .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; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-data p:before {display: block; width: 29px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjMwLmNvbnRlbnRzJmFtcDtzdGF0L3N0YXRfbm9EYXRhL3dhcm5pbmdfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGQjcxMCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjg5NjQxNCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsMSBDMjUuMzEzNzA4NSwxIDI4LDMuNjg2MjkxNSAyOCw3IEwyOCwyMCBDMjgsMjMuMzEzNzA4NSAyNS4zMTM3MDg1LDI2IDIyLDI2IEwyMCwyNiBMMjAsMjMuNSBMMjIsMjMuNSBDMjMuOTMyOTk2NiwyMy41IDI1LjUsMjEuOTMyOTk2NiAyNS41LDIwIEwyNS41LDcgQzI1LjUsNS4wNjcwMDMzOCAyMy45MzI5OTY2LDMuNSAyMiwzLjUgTDgsMy41IEM2LjA2NzAwMzM4LDMuNSA0LjUsNS4wNjcwMDMzOCA0LjUsNyBMNC41LDIwIEM0LjUsMjEuOTMyOTk2NiA2LjA2NzAwMzM4LDIzLjUgOCwyMy41IEwxMCwyMy41IEwxMCwyNiBMOCwyNiBDNC42ODYyOTE1LDI2IDIsMjMuMzEzNzA4NSAyLDIwIEwyLDcgQzIsMy42ODYyOTE1IDQuNjg2MjkxNSwxIDgsMSBMMjIsMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwyMi42MjY4OTQxIEMxNi4xMDQ1Njk1LDIyLjYyNjg5NDEgMTcsMjMuNTIyMzI0NiAxNywyNC42MjY4OTQxIEMxNywyNS43MzE0NjM2IDE2LjEwNDU2OTUsMjYuNjI2ODk0MSAxNSwyNi42MjY4OTQxIEMxMy44OTU0MzA1LDI2LjYyNjg5NDEgMTMsMjUuNzMxNDYzNiAxMywyNC42MjY4OTQxIEMxMywyMy41MjIzMjQ2IDEzLjg5NTQzMDUsMjIuNjI2ODk0MSAxNSwyMi42MjY4OTQxIFogTTE2LjQwMjM5MDQsOSBMMTYuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCw5IEwxNi40MDIzOTA0LDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-data div { text-align: center; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-data div > p:before { display: none; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search { 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; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search p:before {display: block; width: 26px; height: 26px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3Jfd2l0aC10ZXh0LUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTIwLjAwMDAwMCkiIGZpbGw9IiNCMkIyQjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ljk0MjYyOSwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYuODk2NDE0LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS42NjA5NTYyLDAgQzE4LjAxMjIzMDgsMCAyMy4xNjA5NTYyLDUuMTQ4NzI1MzggMjMuMTYwOTU2MiwxMS41IEMyMy4xNjA5NTYyLDEzLjk1MDMxNDIgMjIuMzk0NjE2MSwxNi4yMjE2NDAyIDIxLjA4ODUzNTcsMTguMDg3Mzc4MiBMMjUuMTA1NDA1LDIyLjEwNjA1MSBDMjUuMjk5OTk4NywyMi4zMDA3MDQxIDI1LjMwNDk0NzYsMjIuNjExMzQ4OCAyNS4xMDkyNTgyLDIyLjgwNzA5OCBMMjIuOTY0MTk4MywyNC45NTI4MTM2IEMyMi43NzE3MzI3LDI1LjE0NTMzODEgMjIuNDUzOTU5LDI1LjEzOTYxMSAyMi4yNjMzNjU2LDI0Ljk0ODk1OTMgTDE4LjI0NTMwNDEsMjAuOTI5NzAwMSBDMTYuMzgwMTM3MywyMi4yMzQ0ODk0IDE0LjEwOTk0NCwyMyAxMS42NjA5NTYyLDIzIEM1LjMwOTY4MTU1LDIzIDAuMTYwOTU2MTc1LDE3Ljg1MTI3NDYgMC4xNjA5NTYxNzUsMTEuNSBDMC4xNjA5NTYxNzUsNS4xNDg3MjUzOCA1LjMwOTY4MTU1LDAgMTEuNjYwOTU2MiwwIFogTTExLjY2MDk1NjIsMyBDNi45NjY1MzU4LDMgMy4xNjA5NTYxOCw2LjgwNTU3OTYzIDMuMTYwOTU2MTgsMTEuNSBDMy4xNjA5NTYxOCwxNi4xOTQ0MjA0IDYuOTY2NTM1OCwyMCAxMS42NjA5NTYyLDIwIEMxNi4zNTUzNzY1LDIwIDIwLjE2MDk1NjIsMTYuMTk0NDIwNCAyMC4xNjA5NTYyLDExLjUgQzIwLjE2MDk1NjIsNi44MDU1Nzk2MyAxNi4zNTUzNzY1LDMgMTEuNjYwOTU2MiwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search div { text-align: center; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.service-resale .toggle-table .wrap-table-row.no-search div > p:before { display: none; }
.page-admin.service-resale .toggle-table .wrap-table-row.error { 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; }
.page-admin.service-resale .toggle-table .wrap-table-row.error p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.page-admin.service-resale .toggle-table .wrap-table-row.error p:before {display: block; width: 36px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzYgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3JfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtMTAuMDAwMDAwKSIgZmlsbD0iI0ZGNkQ3RiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDEwLjc1MDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy43NTc3MDg1LDI0LjIyMzA1NzYgQzE4Ljk2NTUwNTUsMjQuMjIzMDU3NiAxOS45NDQ2MTg0LDI1LjIwNTAyNzkgMTkuOTQ0NjE4NCwyNi40MTYzNDk1IEMxOS45NDQ2MTg0LDI3LjYyNzY3MTIgMTguOTY1NTA1NSwyOC42MDk2NDE1IDE3Ljc1NzcwODUsMjguNjA5NjQxNSBDMTYuNTQ5OTExNSwyOC42MDk2NDE1IDE1LjU3MDc5ODYsMjcuNjI3NjcxMiAxNS41NzA3OTg2LDI2LjQxNjM0OTUgQzE1LjU3MDc5ODYsMjUuMjA1MDI3OSAxNi41NDk5MTE1LDI0LjIyMzA1NzYgMTcuNzU3NzA4NSwyNC4yMjMwNTc2IFogTTE5LjA2OTg1NDQsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwyMS41OTExMDczIEwxNi40NDU1NjI1LDIxLjU5MTEwNzMgTDE2LjQ0NTU2MjUsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwxMC41OTYxNjM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTQyNCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjIuNTMxNzc1MzUgMjUuNTYzMDk5OCAzLjU3OTQwNjg4IDI3LjQzOTU1ODggMTguODA1MzQgMy4xMTI2NzgwNSAxNi43MTAwNzcgMy4xMTI2NzgwNSAzMS45MzYwMTAxIDI3LjQzOTU1ODggMzIuOTgzNjQxNiAyNS41NjMwOTk4IDIyLjM0MDY4OTYgMjUuNTYzMDk5OCAyMi4zNDA2ODk2IDI4LjAzNTUzNzkgMzIuOTgzNjQxNiAyOC4wMzU1Mzc5IDM1LjE1NjcwNzYgMjguMDM1NTM3OSAzNC4wMzEyNzMxIDI2LjE1OTA3OSAxOC44MDUzNCAxLjgzMjE5ODI1IDE3Ljc1NzcwODUgMC4wODU0NjE2NTEyIDE2LjcxMDA3NyAxLjgzMjE5ODI1IDEuNDg0MTQzODMgMjYuMTU5MDc5IDAuMzU4NzA5MzU5IDI4LjAzNTUzNzkgMi41MzE3NzUzNSAyOC4wMzU1Mzc5IDEyLjYxMTAzIDI4LjAzNTUzNzkgMTIuNjExMDMgMjUuNTYzMDk5OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-admin.service-resale .toggle-table .wrap-table-row.error div { text-align: center; }
.page-admin.service-resale .toggle-table .wrap-table-row.error div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.service-resale .toggle-table .wrap-table-row.error div > p:before { display: none; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row {box-sizing: border-box; margin-top: 8px; border: 1px solid #d5d9db;  background-color: #fff; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row:hover { border: 1px solid #1886ff; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row:nth-child(1) { margin-top: 0; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table { display: none; padding: 16px 20px 24px; border-top: 1px solid #eaecef; background-color: #fff; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table label { font-size: .75rem; font-weight: 500; color: #444; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .detail-info { overflow: hidden; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .detail-info:not(:first-child) { margin-top: 1rem; }
.page-admin.service-resale .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; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .detail-info > li:last-child { width: auto; max-width: 298px; }
.page-admin.service-resale .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; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .line {display: inline-block; width: 1px;  height: 15px; transform: translateY(2px); }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .ag-table {width: 100%;  margin-top: 8px; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .ag-table .ag-root { border-bottom: 1px solid #ccc; }
.page-admin.service-resale .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; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .inner-table .ag-table .ag-body.no-data {border-top: 1px solid #b8bec3;  background-color: #fff; }
.page-admin.service-resale .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/admin_sprites.png); background-position: -225px -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .toggle-table .wrap-table-row .table-row.open .button-toggle-tbl:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row.open:hover { border: 1px solid #d5d9db; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row.open .inner-table { display: block; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item {display: -ms-flexbox; display: flex;  width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items {font-size: .875rem; font-weight: 400; line-height: 1.25rem;  position: relative; overflow: hidden; width: 22%; padding: 10px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #222; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items.text-align-center { text-align: center; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items.text-align-right {margin-right: 10px;  text-align: right; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(3) { width: 120px; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(4) { width: 180px; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items:nth-child(5) { width: 180px; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items:last-child {overflow: visible;  width: 35px; min-width: 35px; cursor: pointer; }
.page-admin.service-resale .toggle-table .wrap-table-row .table-row .wrap-item .items:last-child:before {position: absolute; top: 0; bottom: 0; left: 0; width: 1px;  content: ''; background-color: #eaecef; }
.page-admin.service-resale .tbl-data.cfrc_data > thead th {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 500; line-height: 1.125rem;  text-align: left; }
.page-admin.service-resale .tbl-data.cfrc_data > thead th:before { display: none; }
.page-admin.service-resale .tbl-data.cfrc_data > tbody tr th , .page-admin.service-resale .tbl-data.cfrc_data > tbody tr td { border-right: 0; }
.page-admin.service-resale .tbl-data.cfrc_data [data-tooltip=apply][data-state=on]:after { background: #54efcc; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap {border-right: 1px solid #ddd;  border-left: 1px solid #ddd; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .forms-item label {font-size: .75rem;  display: block; margin-bottom: 6px; color: #9b9b9b; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .cfrc table th:before , .page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .cfrc table td:before { content: none; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th { background-color: inherit; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th:not(.diagonal) { width: 130px; }
.page-admin.service-resale .tbl-data.cfrc_data .cfrc_wrap .cfrc table thead th.diagonal { padding-left: 10px; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr[data-state=shut] + tr { height: 1px; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr[data-state=shut] + tr td { display: none; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th {white-space: inherit;  color: #555; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td .text_over , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th .text_over {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td.coldstart , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th.coldstart {padding: 30px 0;  background: transparent; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td.coldstart p , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th.coldstart p {font-size: .75rem;  text-align: center; color: #999; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td.coldstart p:before , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th.coldstart p:before {display: block; width: 140px; height: 69px; margin: 0 auto 20px; content: '';  background-image: url(../images/layout_sprites.png); background-position: -227px -129px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .tbl-data.cfrc_data tbody tr td.coldstart p:before , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th.coldstart p:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr td.wide , .page-admin.service-resale .tbl-data.cfrc_data tbody tr th.wide {height: auto;  padding: 0; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr .multiple_text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr .multiple_text em {font-weight: 500; position: relative; display: inline-block; overflow: hidden; max-width: calc(100% - 150px); margin: 0 10px 0 5px; white-space: nowrap;  text-overflow: ellipsis; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr .multiple_text a { font-size: .6875rem; font-weight: 400; text-decoration: underline; color: #999; }
.page-admin.service-resale .tbl-data.cfrc_data tbody tr .multiple_text a:hover { color: #4a90e2; }
.page-admin.service-resale .tbl-pagination {font-size: .75rem; font-weight: 500;  position: relative; padding: 16px 0 8px 0; color: #999; }
.page-admin.service-resale .tbl-pagination.min { max-width: 1200px; }
.page-admin.service-resale .tbl-pagination + .content-inner { margin-top: 0px; border-top: 0; border-top: 1px solid #d5d9db; }
.page-admin.service-resale .tbl-pagination ~ .ag-bsp-admin.resale[data-bg-color=white] .ag-root { border-top: 0px solid #d5d9db; }
.page-admin.service-resale .tbl-pagination ~ .ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container { background-color: #fff; }
.page-admin.service-resale .tbl-pagination ~ .ag-bsp-admin.resale[data-bg-color=white] .ag-grid-area-container .ag-root { border-top: 1px solid #d5d9db; }
.page-admin.service-resale .tbl-pagination span { line-height: 25px; }
.page-admin.service-resale .tbl-pagination label {float: left;  height: 30px; }
.page-admin.service-resale .tbl-pagination label:before , .page-admin.service-resale .tbl-pagination label:after { margin-top: -2px; transform: translateY(-50%); }
.page-admin.service-resale .tbl-pagination .total-area {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .75rem; font-weight: 400; line-height: 24px;  position: absolute; bottom: 8px; left: 0; display: inlin-block; height: 24px; color: #999; }
.page-admin.service-resale .tbl-pagination .total-area.ri { position: relative; bottom: auto; left: auto; float: left; }
.page-admin.service-resale .tbl-pagination .total-area.ri em.total { transform: translateY(0px); }
.page-admin.service-resale .tbl-pagination .total-area.ri em.search {transform: translateY(0px);  color: #006bff; }
.page-admin.service-resale .tbl-pagination .total-area.in-table { margin-left: 16px; }
.page-admin.service-resale .tbl-pagination .total-area.in-table span { font-size: .75rem; vertical-align: middle; }
.page-admin.service-resale .tbl-pagination .total-area.in-table em { font-size: .875rem; vertical-align: middle; }
.page-admin.service-resale .tbl-pagination .total-area.in-table em.total , .page-admin.service-resale .tbl-pagination .total-area.in-table em.search { transform: translateY(0); }
.page-admin.service-resale .tbl-pagination .total-area ~ .line {float: left;  height: 16px; margin-right: 8px; padding-right: 8px; }
.page-admin.service-resale .tbl-pagination .total-area ~ .line:before { height: 16px; }
.page-admin.service-resale .tbl-pagination .total-area ~ .line.align { top: 4px; }
.page-admin.service-resale .tbl-pagination .total-area em { font-size: 1.25rem; font-weight: 500; margin-left: 8px; }
.page-admin.service-resale .tbl-pagination .total-area em.total {margin-right: 16px; transform: translateY(2px);  color: #222; }
.page-admin.service-resale .tbl-pagination .total-area em.total.blue { color: #006bff; }
.page-admin.service-resale .tbl-pagination .total-area em.total.right-margin-none { margin-right: 0; }
.page-admin.service-resale .tbl-pagination .total-area em.total:after { display: none; }
.page-admin.service-resale .tbl-pagination .total-area em.search {transform: translateY(2px);  color: #006bff; }
.page-admin.service-resale .tbl-pagination .total-area:after { display: none; }
.page-admin.service-resale .tbl-pagination .total-area.single:after { content: none; }
.page-admin.service-resale .tbl-pagination .line { position: relative; display: inline; height: 1px; margin-right: 12px; padding-right: 12px; }
.page-admin.service-resale .tbl-pagination .line.in-line {top: -1px;  padding-right: 8px; }
.page-admin.service-resale .tbl-pagination .line.in-line:before { height: 16px; }
.page-admin.service-resale .tbl-pagination .line:before {position: absolute; top: 50%; right: 0px; width: 1px; height: 22px;  content: ''; transform: translateY(-50%); background: #ccc; }
.page-admin.service-resale .tbl-pagination .search {position: relative;  display: inline-block; width: auto; margin-left: 0px; }
.page-admin.service-resale .tbl-pagination .search.search_tt {position: relative;  width: 320px; }
.page-admin.service-resale .tbl-pagination .search.search_tt .clear-btn { position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; transition: .3s ease-in-out; transform: translateY(-50%); opacity: 0; background: url('/assets/images/search_tt_clear_btn.png') no-repeat; }
.page-admin.service-resale .tbl-pagination .search.search_tt .clear-btn.on {transition: .3s ease-in-out;  opacity: 1; }
.page-admin.service-resale .tbl-pagination .search.search_tt:after { display: none; }
.page-admin.service-resale .tbl-pagination .search.search_tt:hover input[type=text] { border: 1px solid #1886ff; }
.page-admin.service-resale .tbl-pagination .search.search_tt:hover input[type=text] + button { background: url('/assets/images/icon_serch_tt_01_m_hover.png') no-repeat; background-position: center center; }
.page-admin.service-resale .tbl-pagination .search.search_tt input[type=text] {line-height: 32px; position: relative; height: 32px; padding: 0 36px 0 36px;  border: 1px solid #e4e4e4; background: #fff; }
.page-admin.service-resale .tbl-pagination .search.search_tt input[type=text] + button {position: absolute; top: 0; left: 0px; width: 36px; height: 32px; margin-top: 0px;  background: url('/assets/images/icon_serch_tt_01_s.png') no-repeat; background-position: center center; }
.page-admin.service-resale .tbl-pagination .search.search_tt input[type=text]:focus { border-color: #007aff; background-image: none; box-shadow: 0px 0px 2px 0px rgba(24, 134, 255, .5); }
.page-admin.service-resale .tbl-pagination .search.search_tt input[type=text]:focus + button { background-image: url('/assets/images/icon_serch_tt_01_m_focus.png'); }
.page-admin.service-resale .tbl-pagination .btn-normal {font-size: .75rem; font-weight: 700; line-height: 30px;  display: inline-block; width: 80px; height: 30px; margin-left: 5px; text-align: center; color: #fff; background-color: #000; }
.page-admin.service-resale .tbl-pagination .count-management {font-size: 1.25rem; font-weight: 700; line-height: 40px;  display: inline-block; margin-right: 10px; color: #000; }
.page-admin.service-resale .tbl-pagination .layout-left-view { width: 58%; }
.page-admin.service-resale .tbl-pagination .layout-left-view .guide-text { font-size: .75rem; margin-left: 10px; color: #333; }
.page-admin.service-resale .tbl-pagination .layout-right-view { margin-right: 16px; }
.page-admin.service-resale .tbl-pagination .layout-right-view.no-margin { margin-right: 0; }
.page-admin.service-resale .tbl-pagination .layout-right-view.flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .tbl-pagination .layout-right-view.flex .currency + button { margin-left: 8px; }
.page-admin.service-resale .tbl-pagination .layout-right-view button[data-state=excel] {font-size: .875rem; line-height: 30px; min-width: auto;  height: 32px; }
.page-admin.service-resale .tbl-pagination .layout-right-view .button-normal + .button-normal { margin-left: 7px; }
.page-admin.service-resale .state-pee {font-size: .6875rem; font-weight: 500; line-height: 1.75em;  display: inline-block; color: #898989; }
.page-admin.service-resale .state-pee[data-state=confirmed] { color: #7ed321; }
.page-admin.service-resale .state-pee[data-state=undecided] { color: #898989; }
.page-admin.service-resale .button-add-action {font-size: .75rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 30px; padding: 0 10px; color: #1886ff; border: 1px solid #bbb; }
.page-admin.service-resale .button-add-action:before {display: inline-block; width: 15px; height: 15px; margin: -4px 5px 0 0;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -718px -189px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-add-action:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-add-action:after { display: none; }
.page-admin.service-resale .button-add-action:hover {color: #1886ff;  background-color: #eaeaea; }
.page-admin.service-resale .button-add-action:focus {color: #1886ff;  background-color: #bbb; }
.page-admin.service-resale .button-add-action[disabled] {cursor: not-allowed;  opacity: 1; color: rgba(24, 134, 255, .3); border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-resale .button-add-action[disabled]:before { opacity: .3; }
.page-admin.service-resale .button-add-action[data-state=top] { display: block; margin: 0 auto; text-align: center; }
.page-admin.service-resale .button-add-action[data-state=top]:before { display: block; margin: 0 auto 10px auto; }
.page-admin.service-resale .button-add-action[data-state=plus] { line-height: 20px; }
.page-admin.service-resale .button-add-action[data-state=plus]:before {width: 20px; height: 20px; margin: -2px 5px 0 0;  background-image: url(/assets/images/admin_sprites.png); background-position: -104px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-add-action[data-state=plus]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .button-add-action[data-state=download] { line-height: 18px; }
.page-admin.service-resale .button-add-action[data-state=download]:before {width: 18px; height: 18px; margin: -2px 5px 0 0;  background-image: url(/assets/images/admin_sprites.png); background-position: -212px -215px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-add-action[data-state=download]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .button-with-icon {font-size: .75rem; font-weight: 400; line-height: 30px; min-width: 120px;  height: 32px; padding: 0 10px; text-align: center; color: #fff; border-radius: 2px; background-color: #1886ff; }
.page-admin.service-resale .button-with-icon.white-bg[data-state=add] {font-size: .75rem; line-height: 24px;  height: 24px; color: #3b3b3b; background-color: transparent; }
.page-admin.service-resale .button-with-icon.white-bg[data-state=add]:before {width: 20px; height: 20px;  background-image: url(/assets/images/admin_sprites.png); background-position: -130px -263px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon.white-bg[data-state=add]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .button-with-icon.white-bg[data-state=add]:hover {color: #3b3b3b;  background-color: transparent; }
.page-admin.service-resale .button-with-icon.white-bg[data-state=add]:focus {color: #3b3b3b;  background-color: transparent; }
.page-admin.service-resale .button-with-icon.white-bg[data-state=add][disabled] {color: rgba(59, 59, 59, .3);  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=create] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; min-width: 93px; height: 30px; padding: 0 10px;  color: #fff; border: 0; background-color: #000; }
.page-admin.service-resale .button-with-icon[data-state=create]:before {width: 13px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: -207px -685px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=create]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=create]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=create]:hover {color: #fff;  background-color: #656565; }
.page-admin.service-resale .button-with-icon[data-state=create]:focus {color: #fff;  background-color: #656565; }
.page-admin.service-resale .button-with-icon[data-state=create][disabled] {opacity: .2; color: #ebebeb;  background-color: #000; }
.page-admin.service-resale .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; }
.page-admin.service-resale .button-with-icon[data-state=excel]:before {width: 12px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -38px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=excel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=excel]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=excel]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=excel]:focus {color: #333;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=excel][disabled] {opacity: .3; color: #333;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=download] {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; }
.page-admin.service-resale .button-with-icon[data-state=download]:before {width: 12px; height: 14px;  background-image: url(/assets/images/sprites.png); background-position: -38px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=download]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=download]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=download]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=download]:focus {color: #333;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=download][disabled] {opacity: .3; color: #333;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=back] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; width: 32px; min-width: 32px; height: 30px; padding: 0 10px;  color: #1886ff; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=back]:before {width: 16px; height: 10px; margin: -5px 5px 0 -3px;  background-image: url(/assets/images/sprites.png); background-position: -469px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=back]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=back]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=back]:hover {color: #1886ff;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=back]:focus {color: #1886ff;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=back][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=old-style-back] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; width: 32px; min-width: 32px; height: 30px; padding: 0 10px;  color: #1886ff; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=old-style-back]:before {width: 10px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -739px 0px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=old-style-back]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=old-style-back]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=old-style-back]:hover {color: #1886ff;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=old-style-back]:focus {color: #1886ff;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=old-style-back][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=setting] {font-size: .75rem; font-weight: 400; line-height: 30px; box-sizing: border-box; min-width: 93px; height: 30px; padding: 0 10px;  color: #444; border: 1px solid #bbb; background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=setting]:before {width: 16px; height: 16px;  background-image: url(/assets/images/sprites.png); background-position: -696px -441px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=setting]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=setting]:after { display: none; }
.page-admin.service-resale .button-with-icon[data-state=setting]:hover {color: #444;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=setting]:focus {color: #444;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=setting][disabled] {opacity: .3; color: #1886ff;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=confirm] { background-color: #1886ff; }
.page-admin.service-resale .button-with-icon[data-state=confirm]:before {width: 16px; height: 11px;  background-image: url(/assets/images/sprites.png); background-position: -401px -448px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=cancel] { background-color: #6a6a6a; }
.page-admin.service-resale .button-with-icon[data-state=cancel]:before {width: 15px; height: 17px;  background-image: url(/assets/images/sprites.png); background-position: -696px -639px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=cancel]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=cancel]:hover {color: #fff;  background-color: #555; }
.page-admin.service-resale .button-with-icon[data-state=cancel]:focus {color: #fff;  background-color: #444; }
.page-admin.service-resale .button-with-icon[data-state=cancel][disabled] {color: rgba(255, 255, 255, .3);  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=reset] { background-color: #6b6b6b; }
.page-admin.service-resale .button-with-icon[data-state=reset]:before {width: 11px; height: 13px;  background-image: url(/assets/images/sprites.png); background-position: 0px -725px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=reset]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=reset]:hover {color: #fff;  background-color: #555; }
.page-admin.service-resale .button-with-icon[data-state=reset]:focus {color: #fff;  background-color: #444; }
.page-admin.service-resale .button-with-icon[data-state=reset][disabled] { opacity: 1; color: rgba(255, 255, 255, .3); background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=add] {font-size: .75rem; line-height: 24px;  height: 24px; color: #333; background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=add]:before {width: 10px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -322px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=add]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .button-with-icon[data-state=add]:hover {color: #333;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=add]:focus {color: #333;  background-color: #ccc; }
.page-admin.service-resale .button-with-icon[data-state=add][disabled] {color: rgba(51, 51, 51, .3);  background-color: #f6f6f6; }
.page-admin.service-resale .button-with-icon[data-state=examination] {color: #333; border: 1px solid #bbb;  background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=examination]:before {width: 21px; height: 10px;  background-image: url(/assets/images/admin_sprites.png); background-position: -209px -93px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=examination]:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .button-with-icon[data-state=examination]:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=examination]:focus {color: #333;  background-color: #bbb; }
.page-admin.service-resale .button-with-icon[data-state=examination][disabled] { opacity: 1; color: #ccc; border: 1px solid #ebebeb; background-color: transparent; }
.page-admin.service-resale .button-with-icon[data-state=examination][disabled]:before { opacity: .3; }
.page-admin.service-resale .button-with-icon[data-state=checklist] { position: relative; height: 26px; padding: 0 10px; color: #333; border: 0px; background-color: #eaeaea; }
.page-admin.service-resale .button-with-icon[data-state=checklist]:after {position: relative; top: .5px; display: inline-block; width: 6px; height: 11px; margin-left: 10px;  content: ''; background-image: url(/assets/images/sprites.png); background-position: -625px -90px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-state=checklist]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon[data-state=checklist]:hover {color: #333;  background-color: #ddd; }
.page-admin.service-resale .button-with-icon[data-state=checklist]:focus {color: #333;  background-color: #ccc; }
.page-admin.service-resale .button-with-icon[data-state=checklist][disabled] {color: rgba(51, 51, 51, .3);  background-color: #f6f6f6; }
.page-admin.service-resale .button-with-icon[data-state=checklist][disabled]:after { opacity: .3; }
.page-admin.service-resale .button-with-icon[data-size=small] {font-size: .75rem; font-weight: 700; line-height: 28px; height: 30px;  padding: 0 10px; }
.page-admin.service-resale .button-with-icon[data-size=small][data-state=confirm]:before {width: 11px; height: 8px;  margin-top: -2px; background-image: url(/assets/images/sprites.png); background-position: -413px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-with-icon[data-size=small][data-state=confirm]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-with-icon:hover {color: #fff;  background-color: #3082db; }
.page-admin.service-resale .button-with-icon:focus {color: #fff;  background-color: #2a6db6; }
.page-admin.service-resale .button-with-icon[disabled] {cursor: not-allowed; color: #fff;  background-color: #8fc5fd; }
.page-admin.service-resale .btns-area { padding: 8px 0; }
.page-admin.service-resale .button-normal {font-size: .875rem; font-weight: 500; line-height: 30px;  display: inline-block; box-sizing: border-box; height: 32px; padding: 0 10px; text-align: center; color: #fff; border: 0; border-radius: 2px; background-color: #52545c; }
.page-admin.service-resale .button-normal[data-size=small] {font-size: .75rem; line-height: 22px;  height: 24px; }
.page-admin.service-resale .button-normal.transparent {color: #444; border: 1px solid #b8bec3;  background-color: transparent; }
.page-admin.service-resale .button-normal.transparent:after { display: none; }
.page-admin.service-resale .button-normal.transparent:hover { background-color: rgba(184, 190, 195, .2); }
.page-admin.service-resale .button-normal.transparent:active { background-color: rgba(184, 190, 195, .4); }
.page-admin.service-resale .button-normal.transparent[disabled] {cursor: not-allowed;  background-color: rgba(184, 190, 195, 0); }
.page-admin.service-resale .button-normal:after { display: none; }
.page-admin.service-resale .button-normal:hover { background-color: #38393a; }
.page-admin.service-resale .button-normal:active { background-color: #111213; }
.page-admin.service-resale .button-normal[disabled] {cursor: not-allowed; opacity: .2;  background-color: #52545c; }
.page-admin.service-resale .icon-button { position: relative; }
.page-admin.service-resale .icon-button:before , .page-admin.service-resale .icon-button:after {position: absolute; z-index: 10; top: 50%; left: 50%;  content: ''; transform: translate(-50%, -50%); }
.page-admin.service-resale .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); }
.page-admin.service-resale .icon-button:hover:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .2); }
.page-admin.service-resale .icon-button:active:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .4); }
.page-admin.service-resale .icon-button:focus:after {border: 1px solid rgba(184, 190, 195, .3);  background-color: rgba(184, 190, 195, .4); }
.page-admin.service-resale .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) { .page-admin.service-resale .icon-button[data-state=delete]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .icon-button[data-state=changerecord] { width: 24px; height: 24px; }
.page-admin.service-resale .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) { .page-admin.service-resale .icon-button[data-state=changerecord]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .icon-button[disabled] {cursor: not-allowed;  opacity: .2; }
.page-admin.service-resale .icon-button[disabled]:hover:after {border: 0px solid rgba(184, 190, 195, 0);  background-color: rgba(184, 190, 195, 0); }
.page-admin.service-resale .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; }
.page-admin.service-resale .button-inner-txt + .button-inner-txt { margin-left: 17px; }
.page-admin.service-resale .button-inner-txt[data-size='small'] {font-size: .75rem; font-weight: 500; line-height: 24px;  box-sizing: border-box; min-width: 100px; height: 24px; }
.page-admin.service-resale .button-inner-txt[data-size='middle'] {font-size: 1rem; font-weight: 400; line-height: 50px;  box-sizing: border-box; min-width: 190px; height: 50px; }
.page-admin.service-resale .button-inner-txt:after { display: none; }
.page-admin.service-resale .button-inner-txt:hover {color: #fff;  background-color: #38393a; }
.page-admin.service-resale .button-inner-txt:active {color: #fff;  background-color: #111213; }
.page-admin.service-resale .button-inner-txt[disabled] {cursor: not-allowed;  background-color: rgba(82, 84, 92, .2); }
.page-admin.service-resale .button-inner-txt[data-state=cancel] {color: #fff; border: 0;  background-color: #52545c; }
.page-admin.service-resale .button-inner-txt[data-state=cancel]:after { display: none; }
.page-admin.service-resale .button-inner-txt[data-state=cancel]:hover {color: #fff;  background-color: #38393a; }
.page-admin.service-resale .button-inner-txt[data-state=cancel]:active {color: #fff;  background-color: #111213; }
.page-admin.service-resale .button-inner-txt[data-state=cancel][disabled] { opacity: .2; color: #fff; border: 0; background-color: #52545c; }
.page-admin.service-resale .button-inner-txt[data-state=delete] {color: #fff; border: 0;  background-color: #ff2d47; }
.page-admin.service-resale .button-inner-txt[data-state=delete]:after { display: none; }
.page-admin.service-resale .button-inner-txt[data-state=delete]:hover {color: #fff;  background-color: #e51e2a; }
.page-admin.service-resale .button-inner-txt[data-state=delete]:active {color: #fff;  background-color: #c3000b; }
.page-admin.service-resale .button-inner-txt[data-state=delete][disabled] { opacity: .2; color: #fff; border: 0; background-color: #ff2d47; }
.page-admin.service-resale .button-inner-txt[data-state=submit] { color: #fff; border: 0; background-color: #1886ff; }
.page-admin.service-resale .button-inner-txt[data-state=submit]:after { display: none; }
.page-admin.service-resale .button-inner-txt[data-state=submit]:hover {color: #fff;  background-color: #0768d2; }
.page-admin.service-resale .button-inner-txt[data-state=submit]:active {color: #fff;  background-color: #0057b5; }
.page-admin.service-resale .button-inner-txt[data-state=submit][disabled] { opacity: .2; color: #fff; border: 0; border: 0; background-color: #1886ff; }
.page-admin.service-resale .button-inner-txt:after { display: none; }
.page-admin.service-resale .button-inner-txt:hover {color: #333;  background-color: #eaeaea; }
.page-admin.service-resale .button-inner-txt:active {color: #333;  background-color: #ddd; }
.page-admin.service-resale .button-inner-txt[disabled] {color: #ccc; border: 1px solid #ebebeb;  background-color: transparent; }
.page-admin.service-resale .history-back { margin-bottom: 1.25rem; }
.page-admin.service-resale .history-back button[data-state=setting] { float: right; }
.page-admin.service-resale .history-back .account-list-wrap { position: relative; display: inline-block; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-btn { position: relative; display: inline-block; box-sizing: border-box; width: 20px; height: 20px; margin-top: -3px; vertical-align: middle; border: 1px solid #d5d9db; border-radius: 2px; background-color: #f3f4f5; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-btn:before {position: absolute; top: 0; left: 50%; display: inline-block; width: 20px; height: 20px;  content: ''; transform: translateX(-50%); background: url('/assets/images/selectbox_arrow_02@2x.png') center center no-repeat; background-size: 24px auto; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-btn:hover { border: 1px solid #1886ff; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip { position: absolute; z-index: 500; top: 30px; left: 10px; visibility: hidden; width: 360px; height: 260px; padding: 0 20px; transform: translateX(-50%); border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .5); }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip:after {position: absolute; top: -9px; left: 50%; width: 0; height: 0;  content: ''; transform: translateX(-50%); border-right: 8px solid transparent; border-bottom: 10px solid #fff; border-left: 8px solid transparent; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip.on { visibility: visible; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip h2 { font-size: 1rem; font-weight: 700; line-height: 1rem; margin: 35px 0 10px; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip h2 em { color: #1886ff; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll {overflow-x: hidden; overflow-y: overlay;  height: 145px; -ms-overflow-style: -ms-autohiding-scrollbar; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll:hover { overflow: overlay; }
body.msie11 .page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll { overflow-y: auto; }
body.edge .page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll { overflow-y: auto; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll .tbl-data { margin-top: -1px; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data + .table-scroll .tbl-data thead { display: none; }
body.msie11 .page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr { border-bottom: 1px solid #e6e6e6; }
body.edge .page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr { border-bottom: 1px solid #e6e6e6; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data thead tr th {font-size: 12px; font-weight: 400; line-height: 28px;  height: 28px; padding: 0; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td {font-size: 12px; font-weight: 400; line-height: 14px; overflow: hidden;  height: 28px; padding: 0 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td:last-child { color: #9b9b9b; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip .tbl-data tbody td:last-child.applying { color: green; }
.page-admin.service-resale .history-back .account-list-wrap .account-list-tooltip * { background-color: #fff; }
.page-admin.service-resale .history-back .button-with-icon + span { margin-left: 15px; }
.page-admin.service-resale .history-back > span {font-size: 1.125rem; font-weight: 700;  position: relative; color: #000; }
.page-admin.service-resale .history-back > span.current { font-size: 1rem; font-weight: 400; margin-left: 8px; padding: 10px; color: #666; }
.page-admin.service-resale .history-back > span.current em { color: #1886ff; }
.page-admin.service-resale .history-back > span.current:after {position: absolute; top: 15px; bottom: 12px; left: 0px;  content: ''; border-left: 1px solid #d8d8d8; }
.page-admin.service-resale .history-back > span.company { font-size: 1.125rem; font-weight: 700; margin-left: .8125rem; }
.page-admin.service-resale .btn-group.user-scale .multiselect {font-size: .75rem; line-height: 30px; box-sizing: border-box;  width: auto; max-width: 260px; height: 32px; padding: 0 0px 0 10px; text-align: left; border: 1px solid #e6e6e6; background: #fff; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li.placeholder { display: none !important; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group {line-height: 23px; position: relative; height: 23px;  padding: 0; background: #f6f6f6; }
.page-admin.service-resale .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: -104px -678px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group:before { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.service-resale .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; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-webkit-input-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-webkit-input-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-moz-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-moz-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search:-ms-input-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li .input-group .multiselect-search::-ms-input-placeholder { color: transparent; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li.direct { background: #e9e9e9; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li.active > a label { color: #999; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li > a { font-size: .75rem; text-decoration: none; }
.page-admin.service-resale .btn-group.user-scale .multiselect-container.dropdown-menu > li > a > label {font-weight: 500; line-height: 23px; display: block; height: auto;  min-height: 23px; padding: 0; word-break: break-all; color: #000; }
.page-admin.service-resale .component-search-filter + .list-detail { margin-top: 10px; }
.page-admin.service-resale .component-search-filter .from-to-currency { display: inline-block; overflow: hidden; margin-left: 15px; vertical-align: middle; }
.page-admin.service-resale .component-search-filter .from-to-currency label {font-size: .75rem; font-weight: 500; line-height: 32px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 32px; text-align: center; color: #898989; border: 1px solid #cbcbcb; border-right: 0px; }
.page-admin.service-resale .component-search-filter .from-to-currency input[type=text] {font-size: .75rem; font-weight: 500; line-height: 32px;  display: block; float: left; box-sizing: border-box; width: 60px; height: 32px; padding: 0; text-align: center; color: #000; border: 1px solid #cbcbcb; background-color: transparent; }
.page-admin.service-resale .component-search-filter .from-to-currency .from-to { display: block; float: left; width: 12px; height: 11px; margin: 12px 15px 0 15px; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -559px -705px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .component-search-filter .from-to-currency .from-to { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .component-search-filter .select-date { margin-top: 20px; }
.page-admin.service-resale .component-search-filter .select-date .btn-navigation {font-size: .75rem;  display: inline-block; color: #898989; }
.page-admin.service-resale .component-search-filter .select-date .btn-navigation[data-state=prev]:after {display: inline-block; width: 9px; height: 14px; margin: -2px 10px 0 5px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -122px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .component-search-filter .select-date .btn-navigation[data-state=prev]:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .component-search-filter .select-date .btn-navigation[data-state=next]:before {display: inline-block; width: 9px; height: 14px; margin: -2px 5px 0 10px;  content: ''; vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -739px -82px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .component-search-filter .select-date .btn-navigation[data-state=next]:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .component-search-filter .select-date input[type=text] { display: inline-block; width: 120px; padding: 0; text-align: center; }
.page-admin.service-resale .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect { width: auto; padding: 0 40px 0 10px; }
.page-admin.service-resale .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-resale .component-search-filter .multiselect-native-select .btn-group.user-scale .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 0px 0px rgba(24, 134, 255, .5); }
.page-admin.service-resale .component-search-filter .multiselect-native-select .btn-group .multiselect-container.dropdown-menu { min-width: auto; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .2); }
.page-admin.service-resale .button-toggle-all { font-size: .75rem; font-weight: 500; height: 26px; margin-left: 10px; padding: 0 10px; color: #898989; background: #eaeaea; }
.page-admin.service-resale .button-toggle-all:before {display: inline-block; width: 11px; height: 7px; margin: -2px 5px 0 0;  content: ''; transition: transform .3s ease-in-out; transform: rotateX(0deg); vertical-align: middle; background-image: url(/assets/images/sprites.png); background-position: -430px -396px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .button-toggle-all:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .button-toggle-all[data-state=open]:before { transform: rotateX(180deg); }
.page-admin.service-resale .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; background: #222; -ms-flex-pack: start; justify-content: flex-start; }
.page-admin.service-resale .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; }
.page-admin.service-resale .fixed-save-area .guide-text em { color: #ff9898; }
.page-admin.service-resale .fixed-save-area.end { bottom: 34px; transition: .1s ease-in-out; }
.page-admin.service-resale .fixed-save-area.end.default { bottom: -55px; }
.page-admin.service-resale .fixed-save-area button {font-size: .875rem;font-weight: 500; line-height: 40px;  position: relative; top: 16px; min-width: 100px; height: 40px;  }
.page-admin.service-resale .fixed-save-area .btn-group { padding: 0 40px; }
.page-admin.service-resale .fixed-save-area .btn-group.righ-fixed { position: absolute; top: 0; right: 0; }
.page-admin.service-resale .fixed-save-area .btn-group:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .fixed-save-area .btn-group button { float: left; }
.page-admin.service-resale .fixed-save-area .btn-group button + button { margin-left: 8px; }
.page-admin.service-resale .fixed-save-area .btn-group + .guide-text { padding-left: 140px; }
.page-admin.service-resale input {line-height: 32px; display: inline-block;  height: 32px; }
.page-admin.service-resale input[data-width=small] { min-width: 160px; }
.page-admin.service-resale input[data-width=middle] { min-width: 200px; }
.page-admin.service-resale input[disabled] { color: #666; }
.page-admin.service-resale .select-box[data-width=small] .multiselect-native-select { min-width: 160px; }
.page-admin.service-resale .select-box[data-width=small] .multiselect-container.dropdown-menu { min-width: 160px; }
.page-admin.service-resale .select-box[data-width=middle] .multiselect-native-select { min-width: 200px; }
.page-admin.service-resale .select-box[data-width=middle] .multiselect-container.dropdown-menu { min-width: 200px; }
.page-admin.service-resale .multiselect-native-select {position: relative;  display: inline-block; }
.page-admin.service-resale .multiselect-native-select.first .btn-group .multiselect-container.dropdown-menu { width: 140px; min-width: 100px; }
.page-admin.service-resale .multiselect-native-select select[invalid] + .btn-group .multiselect {border: 0;  box-shadow: inset 0 0 0 2px #ff2d47; }
.page-admin.service-resale .multiselect-native-select select[invalid] + .btn-group .multiselect.disabled { opacity: .3; }
.page-admin.service-resale .multiselect-native-select .btn-group {position: relative;  display: block; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect {font-size: .875rem; font-weight: 400; line-height: 22px;  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_03@2x.png') right center no-repeat; background-size: 24px 24px; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect[selected] { color: #0377ff; background-color: #fff; background-image: url('/assets/images/selectbox_arrow_03_selected@2x.png'); }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect:hover { border: 1px solid #1886ff; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect:focus { border: 1px solid #1886ff; box-shadow: 0px 0px 0px 0px rgba(24, 134, 255, .5); }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect:after { content: none; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect.disabled { opacity: 1; color: #666; border: 1px solid #e6e6e6; background-color: #f2f2f2; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {position: absolute; z-index: 500; top: 100%; right: auto; left: 0;  display: none; border: 1px solid #ddd; border-radius: 0px 0px 2px 2px; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2); }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group { margin: 0; }
.page-admin.service-resale .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; }
.page-admin.service-resale .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'); }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu .input-group .input-group-btn { display: none; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a { display: block; padding: 3px 10px; background-color: #fff; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:before {position: absolute; top: 50%; left: 35px; display: block;  content: ''; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:focus { outline: 0; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li > a:hover { background-color: #f3f4f5; }
.page-admin.service-resale .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 25px; cursor: pointer; text-overflow: ellipsis; color: #666; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before {position: absolute; top: 50%; left: 0px; 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) { .page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:before { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after {position: absolute; top: 50%; left: 0px; 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) { .page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox:after { background-image: url(/assets/images/sprites@2x.png); background-size: 749px 738px; } }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li .checkbox input[type=checkbox] {visibility: hidden;  opacity: 0; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.active .checkbox:after {transition: opacity .3s ease-in-out;  opacity: 1; }
.page-admin.service-resale .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; }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.activated .checkbox { padding-left: 50px; }
.page-admin.service-resale .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/admin_sprites.png); background-position: -274px -244px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated a:before { background-image: url(/assets/images/admin_sprites@2x.png); background-size: 399px 363px; } }
.page-admin.service-resale .multiselect-native-select .btn-group .multiselect-container.dropdown-menu > li.deactivated .checkbox { padding-left: 50px; }
.page-admin.service-resale .multiselect-native-select .btn-group.open .multiselect { background-image: url('/assets/images/selectbox_arrow_02_open@2x.png'); }
.page-admin.service-resale .multiselect-native-select .btn-group.open .multiselect[selected] { background-image: url('/assets/images/selectbox_arrow_02_selected_open@2x.png'); }
.page-admin.service-resale .multiselect-native-select .btn-group.open .dropdown-menu { display: block; }
.page-admin.service-resale.fields.multiselect-native-select { width: 250px; }
.page-admin.service-resale.fields.multiselect-native-select.first { width: 140px; }
.page-admin.service-resale .user-set-btns { margin-top: 25px; }
.page-admin.service-resale .user-set-btns span {font-size: 14px; font-weight: 400; line-height: 30px; height: 30px; margin-right: 10px;  color: #666; }
.page-admin.service-resale .tbl-forms-h { width: 100%; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .tbl-forms-h .ri-option select {font-size: .875rem; font-weight: 400; line-height: 32px;  min-width: 160px; height: 32px; margin-right: 4px; color: #222; border: 1px solid #e6e6e6; }
.page-admin.service-resale .tbl-forms-h .ri-option p { display: -ms-inline-flexbox; display: inline-flex; margin-left: 20px; padding: 0; -ms-flex-align: center; align-items: center; }
.page-admin.service-resale .tbl-forms-h .ri-option p input[type=text] {width: 120px !important;  min-width: 120px !important; margin-right: 0; }
.page-admin.service-resale .tbl-forms-h .ri-option p label {font-size: .75rem;  color: #999; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee { background-color: #f1f8ff; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee th , .page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee td { color: #006bff; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee th { font-size: .75rem; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee td {font-size: 1rem;  font-weight: 700; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee td span {font-size: .75rem;  font-weight: 400; margin-left: 8px; color: #666; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody tr.dc-fee td .paid-style {font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: .75rem; font-weight: 400; margin-left: 8px; color: #666; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th , .page-admin.service-resale .tbl-forms-h.cfrc tbody td {font-size: .75rem;  height: 50px; padding: 4px 10px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th.v-align-top , .page-admin.service-resale .tbl-forms-h.cfrc tbody td.v-align-top { vertical-align: top; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th.v-align-top label , .page-admin.service-resale .tbl-forms-h.cfrc tbody td.v-align-top label { display: inline-block; margin-top: 10px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .wave-space , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .wave-space {font-size: 1rem; font-weight: 500; line-height: 1.75rem;  display: inline-block; transform: translateY(2px); color: #666; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiselect-native-select + .multiselect-native-select , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiselect-native-select + .multiselect-native-select { margin-left: 8px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiple-invalid , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiple-invalid { display: -ms-flexbox; display: flex; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiple-invalid > * , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiple-invalid > * { width: 160px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiple-invalid > * + * , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiple-invalid > * + * { margin-left: 8px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiple-invalid > * select , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiple-invalid > * select { width: 100%; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .multiple-invalid > * .invalid-message , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .multiple-invalid > * .invalid-message { margin-left: 0; -ms-flex-align: baseline; align-items: baseline; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input { margin-right: 8px; border-radius: 2px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input[data-size=small] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[data-size=small] { width: 65px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input[data-size=medium] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[data-size=medium] { width: 165px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input[data-size=expand] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[data-size=expand] { width: 100%; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody th input[disabled] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[disabled] { color: #666; background-color: #f2f2f2; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th input[type=checkbox] + label , .page-admin.service-resale .tbl-forms-h.cfrc tbody td input[type=checkbox] + label {font-size: .875rem; font-weight: 400; top: 2px;  margin-left: 16px; color: #222; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th textarea , .page-admin.service-resale .tbl-forms-h.cfrc tbody td textarea {line-height: 1rem; height: 72px; margin-top: 6px; margin-bottom: 6px;  border: 1px solid #d5d9db; border-radius: 2px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th textarea[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody th textarea[disabled] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td textarea[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td textarea[disabled] { color: #666; background-color: #f2f2f2; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .flexible-textarea.over textarea , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .flexible-textarea.over textarea { height: auto; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th .flexible-textarea textarea , .page-admin.service-resale .tbl-forms-h.cfrc tbody td .flexible-textarea textarea { height: 32px; max-height: 96px; padding: 8px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th button[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody th button[disabled] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td button[readonly] , .page-admin.service-resale .tbl-forms-h.cfrc tbody td button[disabled] { color: #666; background-color: #f2f2f2; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th button[readonly]:hover , .page-admin.service-resale .tbl-forms-h.cfrc tbody th button[disabled]:hover , .page-admin.service-resale .tbl-forms-h.cfrc tbody td button[readonly]:hover , .page-admin.service-resale .tbl-forms-h.cfrc tbody td button[disabled]:hover { color: #666; border: 1px solid #e6e6e6; background-color: #f2f2f2; box-shadow: 0; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th label ~ input , .page-admin.service-resale .tbl-forms-h.cfrc tbody td label ~ input { margin-left: 10px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th label ~ label , .page-admin.service-resale .tbl-forms-h.cfrc tbody td label ~ label { margin-left: 40px; }
.page-admin.service-resale .tbl-forms-h.cfrc tbody th { color: rgba(34, 34, 34, .5); }
.page-admin.service-resale .apply {font-size: .6875rem; font-weight: 500; line-height: 20px; height: 20px; padding: 0 6px;  color: #4a90e2; border: 1px solid #4a90e2; border-radius: 4px; }
.page-admin.service-resale .apply.none { color: #898e94; border: 1px solid #898e94; }
.page-admin.service-resale .label-text {font-size: .6875rem; font-weight: 500; line-height: 20px;  display: inline-block; height: 20px; padding: 0 15px; color: #667587; border-radius: 4px; background-color: #f3f4f6; }
.page-admin.service-resale .pagination {font-size: .625rem;  position: absolute; right: 20px; margin-top: 24px; text-align: center; }
.page-admin.service-resale .pagination.button { line-height: 32px; vertical-align: middle; }
.page-admin.service-resale .pagination.button button {bottom: 2px;  vertical-align: middle; }
.page-admin.service-resale .pagination.left { text-align: left; }
.page-admin.service-resale .pagination.right {right: 0; left: 0; max-width: 1900px;  text-align: right; }
.page-admin.service-resale .pagination.position_top { margin: -42px 0 10px; }
.page-admin.service-resale .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; }
.page-admin.service-resale .pagination .vue-multiselect-wrap { width: 60px; }
.page-admin.service-resale .pagination .vue-multiselect-wrap .multiselect__single {font-size: .75rem;  padding-left: 2px; }
.page-admin.service-resale .pagination select {line-height: 30px; width: auto; min-width: 60px;  height: 32px; margin-right: 18px; margin-left: 0; padding-right: 25px; border-radius: 2px; }
.page-admin.service-resale .pagination select:focus { border: 1px solid #1886ff; }
.page-admin.service-resale .pagination b , .page-admin.service-resale .pagination i { font-weight: normal; font-style: normal; word-spacing: .4em; }
.page-admin.service-resale .pagination a , .page-admin.service-resale .pagination button {width: 32px; height: 32px; cursor: pointer; text-align: center;  vertical-align: -8px; }
.page-admin.service-resale .pagination a.first , .page-admin.service-resale .pagination a.last , .page-admin.service-resale .pagination a.prev , .page-admin.service-resale .pagination a.next , .page-admin.service-resale .pagination button.first , .page-admin.service-resale .pagination button.last , .page-admin.service-resale .pagination button.prev , .page-admin.service-resale .pagination button.next {position: relative; overflow: hidden;  height: 13px; text-indent: -999em; }
.page-admin.service-resale .pagination a.first:before , .page-admin.service-resale .pagination a.first:after , .page-admin.service-resale .pagination a.last:before , .page-admin.service-resale .pagination a.last:after , .page-admin.service-resale .pagination a.prev:before , .page-admin.service-resale .pagination a.prev:after , .page-admin.service-resale .pagination a.next:before , .page-admin.service-resale .pagination a.next:after , .page-admin.service-resale .pagination button.first:before , .page-admin.service-resale .pagination button.first:after , .page-admin.service-resale .pagination button.last:before , .page-admin.service-resale .pagination button.last:after , .page-admin.service-resale .pagination button.prev:before , .page-admin.service-resale .pagination button.prev:after , .page-admin.service-resale .pagination button.next:before , .page-admin.service-resale .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; }
.page-admin.service-resale .pagination a.first:before , .page-admin.service-resale .pagination a.last:before , .page-admin.service-resale .pagination a.prev:before , .page-admin.service-resale .pagination a.next:before , .page-admin.service-resale .pagination button.first:before , .page-admin.service-resale .pagination button.last:before , .page-admin.service-resale .pagination button.prev:before , .page-admin.service-resale .pagination button.next:before { left: 0; }
.page-admin.service-resale .pagination a.first:after , .page-admin.service-resale .pagination a.last:after , .page-admin.service-resale .pagination a.prev:after , .page-admin.service-resale .pagination a.next:after , .page-admin.service-resale .pagination button.first:after , .page-admin.service-resale .pagination button.last:after , .page-admin.service-resale .pagination button.prev:after , .page-admin.service-resale .pagination button.next:after { right: 0; }
.page-admin.service-resale .pagination a.first , .page-admin.service-resale .pagination a.last , .page-admin.service-resale .pagination button.first , .page-admin.service-resale .pagination button.last { width: 11px; }
.page-admin.service-resale .pagination a.first:before , .page-admin.service-resale .pagination a.first:after , .page-admin.service-resale .pagination a.last:before , .page-admin.service-resale .pagination a.last:after , .page-admin.service-resale .pagination button.first:before , .page-admin.service-resale .pagination button.first:after , .page-admin.service-resale .pagination button.last:before , .page-admin.service-resale .pagination button.last:after { content: ''; }
.page-admin.service-resale .pagination a.prev , .page-admin.service-resale .pagination a.next , .page-admin.service-resale .pagination button.prev , .page-admin.service-resale .pagination button.next { width: 9px; }
.page-admin.service-resale .pagination a.prev:before , .page-admin.service-resale .pagination a.next:before , .page-admin.service-resale .pagination button.prev:before , .page-admin.service-resale .pagination button.next:before { content: ''; }
.page-admin.service-resale .pagination a.next , .page-admin.service-resale .pagination a.last , .page-admin.service-resale .pagination button.next , .page-admin.service-resale .pagination button.last { transform: rotate(180deg); }
.page-admin.service-resale .pagination a[disabled] , .page-admin.service-resale .pagination button[disabled] { cursor: not-allowed; opacity: .2; }
.page-admin.service-resale .pagination input[type='number'] {font-family: inherit; font-size: .6875rem; line-height: 30px; display: inline-block;  width: auto; min-width: 40px; height: 32px; padding: 0 0 0 0px; text-align: center; border-radius: 2px; }
.page-admin.service-resale .layout-contents.standard-management .btns-area button[data-state=delete]:before { position: relative; top: 5px; left: -3px; float: left; transform: translate(0, 0); }
.page-admin.service-resale .layout-contents.status .content-inner { position: relative; overflow: hidden; max-width: 100%; border: 0; background: none; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb { position: relative; float: left; box-sizing: border-box; width: 278px; padding-bottom: 150px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .multiselect-native-select .multiselect { min-height: 24px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; padding: 16px; border: 1px solid #d5d9db; background: #fff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner:first-child { border-bottom: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner h3 { font-size: .75rem; font-weight: 400; line-height: 1.5rem; color: #999; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner h3 button { position: relative; top: -2px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner h3 button:after { position: relative; top: 1px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .date { font-size: .75rem; font-weight: 400; line-height: 1.5rem; height: 1.5rem; margin-bottom: 24px; color: #999; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .date .daterange.dropdown-menu { position: relative; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .date .daterange.dropdown-menu input[type=text] {font-size: 1rem; line-height: 1.5rem; float: left;  width: 208px; height: 1.5rem; padding-right: 1.125rem; background-image: url('/assets/images/icon_selectbox_arrow_01.png'); background-repeat: no-repeat; background-position: 100% calc( 50% + 2px); }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .date .daterange:before { position: absolute; top: auto; bottom: 0; left: 0; width: calc(100% - 24px); height: 1px; background-color: #d5d9db; background-image: none; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .date input[type=text] {font-size: 1rem; font-weight: 500; line-height: 1.5rem; padding-right: 0; padding-left: 0; color: #222;  border: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .price {font-size: 1.5rem; font-weight: 500; overflow: hidden;  margin-top: 16px; color: #006bff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .price p {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  float: right; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner .price p .percentage { font-family: 'Noto Sans Korean', 'Apple SD Gothic', sans-serif; font-size: .875rem; font-weight: 500; margin-right: 10px; color: #666; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap {font-size: .75rem; font-weight: 500; line-height: 1.125rem; padding-top: 1rem; padding-bottom: 1rem; color: #303030; border-top: 0;  background-color: #f3f4f5; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list { overflow: hidden; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list ul { overflow: hidden; margin-bottom: .5rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list ul:last-child { margin-bottom: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list ul.total {margin-bottom: 0; padding-top: .625rem;  border-top: 1px solid #d5d9db; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list ul li { float: left; width: 50%; height: 1.125rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.list-wrap .list ul li:last-child {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  text-align: right; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters { margin-top: 1.0625rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters .title { overflow: hidden; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters .title > h3 {font-size: 1rem; font-weight: 500; line-height: 1.5rem;  float: left; color: #222; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters .title > button {font-size: .75rem; font-weight: 400; line-height: 1.125rem;  float: right; color: #6e91bf; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul { clear: both; margin-top: .25rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li { margin-top: 1rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li h4 , .page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li label { font-size: .6875rem; font-weight: 400; line-height: 1.0625rem; color: #999; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li h4 { float: left; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li label { float: right; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li select {font-size: .75rem; font-weight: 400; line-height: 1.375rem;  clear: both; width: 100%; height: 1.5rem; margin-top: .25rem; color: #222; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li select.placeholder { color: #b3b3b3; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters > ul li select option[value=''][disabled] { display: none; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters .btn-area {margin-top: 16px; padding-top: 16px;  text-align: center; border-top: 1px solid #d5d9db; }
.page-admin.service-resale .layout-contents.status .content-inner .status-lnb .inner.filters .btn-area button { min-width: 80px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap {float: left;  width: 100%; margin-right: -278px; *width: 99.9%; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents { padding-right: 268px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs { margin: 0 17px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs:after { height: 1px; background-color: #d5d9db; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs a , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs button {font-size: .875rem; font-weight: 500; width: 160px; min-width: auto; padding: 0;  color: #222; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs a.selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs button.selected { color: #222; border-top: 1px solid #d5d9db; border-right: 1px solid #d5d9db; border-bottom: 1px solid #fff; border-left: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .layout-tabs + .inner {display: inline-block; width: calc( 100% - 27px);  border-top: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner {box-sizing: border-box; max-width: 1573px;  margin: 0 17px; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .tbl-pagination .layout-right-view button[data-state=excel] {font-size: .75rem; line-height: 22px; max-width: 100px;  height: 24px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .content .toggle-table .table-head { padding: 10px 0 0; border-top: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .search-field { margin-top: 0; margin-bottom: -2px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .search-field .multiselect-native-select { width: 200px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .search-field ul li .daterange { width: 240px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap { overflow: hidden; box-sizing: border-box; margin-top: 0px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area { position: relative; overflow: hidden; box-sizing: border-box; height: 48px; border-bottom: 1px solid #d5d9db; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area > h2 { font-size: .875rem; font-weight: 500; line-height: 3.125rem; margin-left: 1rem; color: #222; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area {line-height: normal;  position: absolute; top: 8px; right: 15px; display: inline-block; overflow: hidden; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group {display: inline-block; float: left;  overflow: hidden; overflow: hidden; box-sizing: border-box; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group:not(:first-child) { margin-left: 8px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group.none-text button , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group.none-text a {min-width: 32px;  text-indent: -9999px; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a {font-size: .75rem; font-weight: 400; line-height: 2rem; float: left;  overflow: hidden; box-sizing: border-box; height: 2rem; padding: 0 8px; color: #999; border: 1px solid #dfe3e8; border-right: 0; background-repeat: no-repeat; background-position: center; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover { color: #fff; border-color: #1155cb; background-color: #1155cb; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover:last-child , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover:last-child { border-color: #1155cb; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.is-selected { border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.bar-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.bar-icon { border-color: #1155cb; background-image: url('/assets/images/resale/bar_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.bar-icon.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.bar-icon.is-selected { border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.bar-icon-2 , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.bar-icon-2 { border-color: #1155cb; background-image: url('/assets/images/resale/bar_graph_icon_02_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.bar-icon-2.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.bar-icon-2.is-selected { border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.line-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.line-icon { border-color: #1155cb; background-image: url('/assets/images/resale/line_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:hover.line-icon.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:hover.line-icon.is-selected { border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:active , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:active { color: #fff; border-color: #112e5f; background-color: #112e5f; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:active.bar-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:active.bar-icon { border-color: #112e5f; background-image: url('/assets/images/resale/bar_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:active.bar-icon-2 , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:active.bar-icon-2 { border-color: #112e5f; background-image: url('/assets/images/resale/bar_graph_icon_02_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:active.line-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:active.line-icon { border-color: #112e5f; background-image: url('/assets/images/resale/line_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.bar-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.bar-icon { background-image: url('/assets/images/resale/bar_graph_icon_01.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.bar-icon.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.bar-icon.is-selected { background-image: url('/assets/images/resale/bar_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.bar-icon-2 , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.bar-icon-2 { background-image: url('/assets/images/resale/bar_graph_icon_02.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.bar-icon-2.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.bar-icon-2.is-selected { background-image: url('/assets/images/resale/bar_graph_icon_02_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.line-icon , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.line-icon { background-image: url('/assets/images/resale/line_graph_icon_01.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.line-icon.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.line-icon.is-selected { background-image: url('/assets/images/resale/line_graph_icon_01_selected.png'); }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:first-child , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:first-child { border-radius: .25rem 0 0 .25rem; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button:last-child , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a:last-child { border-right: 1px solid #dfe3e8; border-radius: 0 .25rem .25rem 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.is-selected , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.is-selected { color: #fff; border-color: #1886ff; background-color: #1886ff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.is-selected + a , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.is-selected + a { border-left: 1px solid #fff; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group button.is-selected:last-child , .page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .right-button-area .btn-group a.is-selected:last-child { border-color: #1886ff; border-radius: 0 .25rem .25rem 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .wrap-select { position: absolute; top: .9375rem; left: 1rem; display: inline-block; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .wrap-select:after {position: relative; display: block; clear: both;  content: ''; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .wrap-select .title {font-size: .75rem; line-height: 1.125rem;  float: left; margin-right: 8px; color: #999; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .wrap-select select {font-size: 14px; font-weight: 400; line-height: normal; line-height: 1.25rem; display: inline-block;  float: left; height: 1.25rem; padding: 0 18px 0 0px; text-decoration: underline; color: #222; border: 0; background-image: url('/assets/images/icon_selectbox_arrow_01.png'); background-size: auto; -webkit-text-decoration-color: #dfe3e8; text-decoration-color: #dfe3e8; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .filter-area .wrap-select select:focus { border: 0; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .sub-title h2 {font-size: .6875rem; font-weight: 400; line-height: .6875rem;  margin-top: 24px; margin-bottom: 15px; margin-left: 24px; color: #999; }
.page-admin.service-resale .layout-contents.status .content-inner .status-content-wrap .contents .inner .chart-wrap .chart { min-height: 270px; }
.page-admin.service-resale .full-hd > * { max-width: 1900px !important; }
.page-admin.service-resale .multiselect-native-select.default-set { width: 200px; }
.page-admin.service-resale .multiselect-native-select.default-set.selected .multiselect__tags input[type=text] { line-height: 30px; position: absolute !important; width: 0 !important; height: 30px; padding: 0 !important; }
.page-admin.service-resale .multiselect-native-select.default-set.large { width: 240px; }
.page-admin.service-resale .multiselect-native-select.default-set.small { width: 120px; }
.page-admin.service-resale .multiselect-native-select.default-set.medium { width: 160px; }
.page-admin.service-resale .multiselect-native-select.default-set .multiselect__tags input[type=text] { line-height: 30px; position: static !important; width: auto !important; height: 30px; padding: 0 !important; }

.page-admin.ri_analysis .ri-ananlysis-content .grouping {border-right: 1px solid #d5d9db; border-left: 1px solid #d5d9db;  background: #fff; }
.page-admin.ri_analysis .ri-ananlysis-content .grouping > * {border-right: 0;  border-left: 0; }
.page-admin.ri_analysis .ri-ananlysis-content .grouping > *.grouping-x {padding-right: 16px;  padding-left: 16px; }
.page-admin.ri_analysis .ri-ananlysis-content .grouping > *.contents-inner { padding: 32px 16px 8px; }

.page-admin.ri_analysis .ri-ananlysis-content .user-setting {display: -ms-flexbox; display: flex;  padding: 24px 16px 8px; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .ri-ananlysis-content .user-setting label { font-size: .875rem; font-weight: 400; display: -ms-inline-flexbox; display: inline-flex; color: #444; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .ri-ananlysis-content .user-setting label + button { margin-left: 0; }
.page-admin.ri_analysis .ri-ananlysis-content .user-setting select {line-height: 32px;  width: 160px; height: 32px; margin-left: 8px; }
.page-admin.ri_analysis .ri-ananlysis-content .user-setting select + label { margin-left: 16px; }
.page-admin.ri_analysis .ri-ananlysis-content .user-setting button { margin-left: 16px; }

.page-admin.ri_analysis .analysis-cold-view {display: -ms-flexbox; display: flex; box-sizing: border-box;  width: 100%; height: 200px; border: 1px solid #d5d9db; background: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-admin.ri_analysis .analysis-cold-view > * { font-size: .75rem; color: #999; }

.page-admin.ri_analysis .filter-wrap { padding: 16px 0 24px; }
.page-admin.ri_analysis .filter-wrap .filter-forms { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .filter-wrap .filter-forms select {font-size: .875rem; line-height: 32px;  width: 240px; height: 32px; margin-right: 8px; }
.page-admin.ri_analysis .filter-wrap .filter-forms select.selected { border-color: #1886ff; }
.page-admin.ri_analysis .filter-wrap .filter-summary {font-size: .75rem;  display: -ms-flexbox; display: flex; padding: 8px 0 0; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .filter-wrap .filter-summary p { margin-left: 16px; }
.page-admin.ri_analysis .filter-wrap .filter-summary p:first-child { margin-left: 0; }
.page-admin.ri_analysis .filter-wrap .filter-summary span { font-weight: 500; }
.page-admin.ri_analysis .filter-wrap .filter-summary button {font-size: inherit;  color: #006bff; }

.page-admin.ri_analysis .chart-area {background-color: #fff;  -ms-flex: 1; flex: 1; }
.page-admin.ri_analysis .chart-area .sub-title h2 {font-size: .6875rem; font-weight: 400; margin-bottom: 15px; margin-left: 24px;  padding-top: 20px; color: #999; }

.page-admin.ri_analysis .lr-grid { display: -ms-flexbox; display: flex; }
.page-admin.ri_analysis .lr-grid.equal > * { -ms-flex: 1; flex: 1; }
.page-admin.ri_analysis .lr-grid.equal > *:first-child { margin-right: 16px; }
.page-admin.ri_analysis .lr-grid.equal .chart-area {box-sizing: border-box; height: 315px;  border: 1px solid #d5d9db; }
.page-admin.ri_analysis .lr-grid.equal .tabs-layout .chart-area { border-top: 0; }
.page-admin.ri_analysis .lr-grid.vertical-center { -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .lr-grid > *:first-child { margin-right: auto; }

.page-admin.ri_analysis .tabs-height { height: 40px; }

.page-admin.ri_analysis .user-contents-title { font-size: 1rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #222; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .user-contents-title .text {font-size: .75rem; font-weight: 400; position: relative; display: -ms-flexbox; display: flex; width: auto; margin-left: 8px; padding-left: 16px;  color: #999; -ms-flex-align: center; align-items: center; }
@media (max-width: 1499px) { .page-admin.ri_analysis .user-contents-title .text { width: 450px; } }
.page-admin.ri_analysis .user-contents-title .text:before {position: absolute; top: 50%; left: 8px; width: 1px; height: 16px;  content: ''; transform: translateY(-50%); background: #d5d9db; }

.page-admin.ri_analysis .contents-title { font-size: 1rem; font-weight: 500; display: -ms-flexbox; display: flex; color: #222; }
.page-admin.ri_analysis .contents-title.in-title { font-size: .875rem; }
.page-admin.ri_analysis .contents-title span:not(.multiselect-native-select) , .page-admin.ri_analysis .contents-title em {font-size: .875rem; font-weight: 400;  display: -ms-flexbox; display: flex; margin-left: 8px; color: #444; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .contents-title span:not(.multiselect-native-select).info , .page-admin.ri_analysis .contents-title em.info {font-size: .75rem;  color: #999; }
.page-admin.ri_analysis .contents-title span:not(.multiselect-native-select).no-head , .page-admin.ri_analysis .contents-title em.no-head { margin-left: 0; }
.page-admin.ri_analysis .contents-title strong { font-weight: 700; margin-left: 7px; }
.page-admin.ri_analysis .contents-title strong + span { margin-left: 16px; }
.page-admin.ri_analysis .contents-title em {position: relative;  margin: 0; padding-left: 16px; }
.page-admin.ri_analysis .contents-title em.text {font-size: .75rem; width: auto;  color: #999; }
@media (max-width: 1499px) { .page-admin.ri_analysis .contents-title em.text { width: 450px; } }
.page-admin.ri_analysis .contents-title em:before {position: absolute; top: 50%; left: 8px; width: 1px; height: 16px;  content: ''; transform: translateY(-50%); background: #d5d9db; }

.page-admin.ri_analysis .contents-margin { margin: 24px 0 8px; }

.page-admin.ri_analysis .contents-padding { padding: 24px 0 8px; }

.page-admin.ri_analysis .transparent-button { font-size: .75rem; font-weight: 500; color: #6e91bf; }

.page-admin.ri_analysis .tabs-layout { position: relative; }
.page-admin.ri_analysis .tabs-layout.contents-change .layout-tabs a , .page-admin.ri_analysis .tabs-layout.contents-change .layout-tabs button {font-weight: 700;  width: 120px; color: #ccc; background: #fff; }
.page-admin.ri_analysis .tabs-layout.contents-change .layout-tabs a.selected , .page-admin.ri_analysis .tabs-layout.contents-change .layout-tabs button.selected { color: #222; border-top: 2px solid #52545c; }
.page-admin.ri_analysis .tabs-layout .transparent-button { position: absolute; top: 16px; right: 0; }

.page-admin.ri_analysis .layout-tabs { margin: 0; }
.page-admin.ri_analysis .layout-tabs:after { height: 1px; background-color: #d5d9db; }
.page-admin.ri_analysis .layout-tabs a , .page-admin.ri_analysis .layout-tabs button {font-size: .875rem; font-weight: 500; width: 160px; min-width: auto; padding: 0;  color: #222; border-right: 0; background: #f5f6f7; }
.page-admin.ri_analysis .layout-tabs a:last-child , .page-admin.ri_analysis .layout-tabs button:last-child { border-right: 1px solid #d5d9db; }
.page-admin.ri_analysis .layout-tabs a:last-child.selected , .page-admin.ri_analysis .layout-tabs button:last-child.selected { border-right: 1px solid #d5d9db; }
.page-admin.ri_analysis .layout-tabs a.selected , .page-admin.ri_analysis .layout-tabs button.selected { color: #222; border-top: 1px solid #d5d9db; border-right: 0; border-bottom: 1px solid #fff; border-left: 1px solid #d5d9db; background-color: #fff; }

.page-admin.ri_analysis .ri-purchase-wrap { border: 1px solid #d5d9db; border-top: 0; border-bottom-color: #e6e6e6; }
.page-admin.ri_analysis .ri-purchase-wrap .summary {display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 24px 24px;  background-color: #fff; }
.page-admin.ri_analysis .ri-purchase-wrap .summary h3 { font-size: .875rem; font-weight: 500; color: #222; }
.page-admin.ri_analysis .ri-purchase-wrap .summary h3 em { font-size: .75rem; font-weight: 400; display: block; padding: 0 0 6px; color: #666; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number {font-size: .75rem;  display: -ms-flexbox; display: flex; color: #666; -ms-flex: 1; flex: 1; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number > * { width: 230px; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number > *:first-child { width: 206px; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number:before {width: 1px; height: 69px; margin: 0 24px 0 47px;  content: ''; background-color: #e6e6e6; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number .label { display: block; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number span {font-family: 'Montserrat', 'Noto Sans Korean', 'Apple SD Gothic', sans-serif;  font-size: 1.25rem; font-weight: 500; display: inline-block; padding-top: 4px; text-align: right; color: #222; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number span strong { font-weight: inherit; color: #006bff; }
.page-admin.ri_analysis .ri-purchase-wrap .summary .number span em { font-size: 1rem; display: block; }

.page-admin.ri_analysis .ri-purchase-analysis { display: -ms-flexbox; display: flex; box-sizing: border-box; height: 295px; border: 1px solid #d5d9db; background-color: #fff; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data p:before {display: block; width: 29px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjMwLmNvbnRlbnRzJmFtcDtzdGF0L3N0YXRfbm9EYXRhL3dhcm5pbmdfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGQjcxMCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjg5NjQxNCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsMSBDMjUuMzEzNzA4NSwxIDI4LDMuNjg2MjkxNSAyOCw3IEwyOCwyMCBDMjgsMjMuMzEzNzA4NSAyNS4zMTM3MDg1LDI2IDIyLDI2IEwyMCwyNiBMMjAsMjMuNSBMMjIsMjMuNSBDMjMuOTMyOTk2NiwyMy41IDI1LjUsMjEuOTMyOTk2NiAyNS41LDIwIEwyNS41LDcgQzI1LjUsNS4wNjcwMDMzOCAyMy45MzI5OTY2LDMuNSAyMiwzLjUgTDgsMy41IEM2LjA2NzAwMzM4LDMuNSA0LjUsNS4wNjcwMDMzOCA0LjUsNyBMNC41LDIwIEM0LjUsMjEuOTMyOTk2NiA2LjA2NzAwMzM4LDIzLjUgOCwyMy41IEwxMCwyMy41IEwxMCwyNiBMOCwyNiBDNC42ODYyOTE1LDI2IDIsMjMuMzEzNzA4NSAyLDIwIEwyLDcgQzIsMy42ODYyOTE1IDQuNjg2MjkxNSwxIDgsMSBMMjIsMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwyMi42MjY4OTQxIEMxNi4xMDQ1Njk1LDIyLjYyNjg5NDEgMTcsMjMuNTIyMzI0NiAxNywyNC42MjY4OTQxIEMxNywyNS43MzE0NjM2IDE2LjEwNDU2OTUsMjYuNjI2ODk0MSAxNSwyNi42MjY4OTQxIEMxMy44OTU0MzA1LDI2LjYyNjg5NDEgMTMsMjUuNzMxNDYzNiAxMywyNC42MjY4OTQxIEMxMywyMy41MjIzMjQ2IDEzLjg5NTQzMDUsMjIuNjI2ODk0MSAxNSwyMi42MjY4OTQxIFogTTE2LjQwMjM5MDQsOSBMMTYuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCwyMCBMMTMuNDAyMzkwNCw5IEwxNi40MDIzOTA0LDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data div { text-align: center; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.ri_analysis .ri-purchase-analysis.no-data div > p:before { display: none; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search p:before {display: block; width: 26px; height: 26px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3Jfd2l0aC10ZXh0LUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3LjAwMDAwMCwgLTIwLjAwMDAwMCkiIGZpbGw9IiNCMkIyQjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ljk0MjYyOSwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYuODk2NDE0LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS42NjA5NTYyLDAgQzE4LjAxMjIzMDgsMCAyMy4xNjA5NTYyLDUuMTQ4NzI1MzggMjMuMTYwOTU2MiwxMS41IEMyMy4xNjA5NTYyLDEzLjk1MDMxNDIgMjIuMzk0NjE2MSwxNi4yMjE2NDAyIDIxLjA4ODUzNTcsMTguMDg3Mzc4MiBMMjUuMTA1NDA1LDIyLjEwNjA1MSBDMjUuMjk5OTk4NywyMi4zMDA3MDQxIDI1LjMwNDk0NzYsMjIuNjExMzQ4OCAyNS4xMDkyNTgyLDIyLjgwNzA5OCBMMjIuOTY0MTk4MywyNC45NTI4MTM2IEMyMi43NzE3MzI3LDI1LjE0NTMzODEgMjIuNDUzOTU5LDI1LjEzOTYxMSAyMi4yNjMzNjU2LDI0Ljk0ODk1OTMgTDE4LjI0NTMwNDEsMjAuOTI5NzAwMSBDMTYuMzgwMTM3MywyMi4yMzQ0ODk0IDE0LjEwOTk0NCwyMyAxMS42NjA5NTYyLDIzIEM1LjMwOTY4MTU1LDIzIDAuMTYwOTU2MTc1LDE3Ljg1MTI3NDYgMC4xNjA5NTYxNzUsMTEuNSBDMC4xNjA5NTYxNzUsNS4xNDg3MjUzOCA1LjMwOTY4MTU1LDAgMTEuNjYwOTU2MiwwIFogTTExLjY2MDk1NjIsMyBDNi45NjY1MzU4LDMgMy4xNjA5NTYxOCw2LjgwNTU3OTYzIDMuMTYwOTU2MTgsMTEuNSBDMy4xNjA5NTYxOCwxNi4xOTQ0MjA0IDYuOTY2NTM1OCwyMCAxMS42NjA5NTYyLDIwIEMxNi4zNTUzNzY1LDIwIDIwLjE2MDk1NjIsMTYuMTk0NDIwNCAyMC4xNjA5NTYyLDExLjUgQzIwLjE2MDk1NjIsNi44MDU1Nzk2MyAxNi4zNTUzNzY1LDMgMTEuNjYwOTU2MiwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search div { text-align: center; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.ri_analysis .ri-purchase-analysis.no-search div > p:before { display: none; }
.page-admin.ri_analysis .ri-purchase-analysis.error { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.page-admin.ri_analysis .ri-purchase-analysis.error p {font-size: .875rem; font-weight: 500; line-height: 1.5em;  display: inline-block; margin: 0; text-align: center; color: #b2b2b2; }
.page-admin.ri_analysis .ri-purchase-analysis.error p:before {display: block; width: 36px; height: 30px; margin: 0 auto 15px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzYgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzAuY29udGVudHMmYW1wO3N0YXQvc3RhdF9ub0RhdGEvZXJyb3JfaWNvbi1vbmx5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtMTAuMDAwMDAwKSIgZmlsbD0iI0ZGNkQ3RiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDEwLjc1MDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy43NTc3MDg1LDI0LjIyMzA1NzYgQzE4Ljk2NTUwNTUsMjQuMjIzMDU3NiAxOS45NDQ2MTg0LDI1LjIwNTAyNzkgMTkuOTQ0NjE4NCwyNi40MTYzNDk1IEMxOS45NDQ2MTg0LDI3LjYyNzY3MTIgMTguOTY1NTA1NSwyOC42MDk2NDE1IDE3Ljc1NzcwODUsMjguNjA5NjQxNSBDMTYuNTQ5OTExNSwyOC42MDk2NDE1IDE1LjU3MDc5ODYsMjcuNjI3NjcxMiAxNS41NzA3OTg2LDI2LjQxNjM0OTUgQzE1LjU3MDc5ODYsMjUuMjA1MDI3OSAxNi41NDk5MTE1LDI0LjIyMzA1NzYgMTcuNzU3NzA4NSwyNC4yMjMwNTc2IFogTTE5LjA2OTg1NDQsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwyMS41OTExMDczIEwxNi40NDU1NjI1LDIxLjU5MTEwNzMgTDE2LjQ0NTU2MjUsMTAuNTk2MTYzNSBMMTkuMDY5ODU0NCwxMC41OTYxNjM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTQyNCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjIuNTMxNzc1MzUgMjUuNTYzMDk5OCAzLjU3OTQwNjg4IDI3LjQzOTU1ODggMTguODA1MzQgMy4xMTI2NzgwNSAxNi43MTAwNzcgMy4xMTI2NzgwNSAzMS45MzYwMTAxIDI3LjQzOTU1ODggMzIuOTgzNjQxNiAyNS41NjMwOTk4IDIyLjM0MDY4OTYgMjUuNTYzMDk5OCAyMi4zNDA2ODk2IDI4LjAzNTUzNzkgMzIuOTgzNjQxNiAyOC4wMzU1Mzc5IDM1LjE1NjcwNzYgMjguMDM1NTM3OSAzNC4wMzEyNzMxIDI2LjE1OTA3OSAxOC44MDUzNCAxLjgzMjE5ODI1IDE3Ljc1NzcwODUgMC4wODU0NjE2NTEyIDE2LjcxMDA3NyAxLjgzMjE5ODI1IDEuNDg0MTQzODMgMjYuMTU5MDc5IDAuMzU4NzA5MzU5IDI4LjAzNTUzNzkgMi41MzE3NzUzNSAyOC4wMzU1Mzc5IDEyLjYxMTAzIDI4LjAzNTUzNzkgMTIuNjExMDMgMjUuNTYzMDk5OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-size: 100% 100%; }
.page-admin.ri_analysis .ri-purchase-analysis.error div { text-align: center; }
.page-admin.ri_analysis .ri-purchase-analysis.error div > p { display: block; width: auto; margin-bottom: 8px; }
.page-admin.ri_analysis .ri-purchase-analysis.error div > p:before { display: none; }
.page-admin.ri_analysis .ri-purchase-analysis .summary {box-sizing: border-box;  width: 278px; padding: 4px 24px 0; border-left: 1px solid #d5d9db; }
.page-admin.ri_analysis .ri-purchase-analysis .summary .up-arrow { display: inline-block; width: 12px; height: 12px; background-image: url(../images/layout_sprites.png); background-position: -108px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.ri_analysis .ri-purchase-analysis .summary .up-arrow { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.ri_analysis .ri-purchase-analysis .summary .down-arrow { display: inline-block; width: 12px; height: 12px; background-image: url(../images/layout_sprites.png); background-position: -90px -707px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.ri_analysis .ri-purchase-analysis .summary .down-arrow { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.ri_analysis .ri-purchase-analysis .summary .default-state { display: inline-block; width: 10px; height: 2px; background-image: url(../images/layout_sprites.png); background-position: -666px -55px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .page-admin.ri_analysis .ri-purchase-analysis .summary .default-state { background-image: url(../images/layout_sprites@2x.png); background-size: 742px 719px; } }
.page-admin.ri_analysis .ri-purchase-analysis .summary .recommended > * > p { font-size: .75rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .ri-purchase-analysis .summary .recommended > * > p:first-child span {display: inline-block;  width: 16px; height: 8px; margin-right: 4px; }
.page-admin.ri_analysis .ri-purchase-analysis .summary .recommended > * > p em { margin-left: 8px; }
.page-admin.ri_analysis .ri-purchase-analysis .summary .recommended > * > p em.default-state {margin-right: 1px;  margin-left: 9px; }
.page-admin.ri_analysis .ri-purchase-analysis .summary p {font-size: .875rem; line-height: 1.5; display: -ms-flexbox; display: flex;  color: #222; -ms-flex-align: center; align-items: center; }
.page-admin.ri_analysis .ri-purchase-analysis .summary p.label { font-size: .75rem; padding: 20px 0 6px; color: #666; }