/********************
	 common.css
	ver1.0
	2025.08.25
	임수경

********************/
@charset "UTF-8";
@import "reset.css";

/* common */
.dim {display:none;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;}
/* html,body {font-family:"Pretendard", sans-serif;color:#4B5675;font-size:16px;font-weight:400;background:#F2F5F9;user-select:none;} */
html,body {font-family:"Pretendard", sans-serif;color:#4B5675;font-size:16px;font-weight:400;background:#F2F5F9;}
html {}
html.is-opened,
html.nav-opened,
html.noti-opened {overflow:hidden;}
html.is-opened .dim,
html.nav-opened .dim {display:block;}
img {max-width:100%;}
table {width:100%;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=number] {width:200px;height:40px;padding:10px 20px;border-radius:6px;background:none;border:1px solid #DBDFE9;background:#F9F9F9;box-sizing:border-box;color:#071437;font-size:14px;;}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder {font-size:14px;color:#C4CADA;}
label:hover {cursor:pointer;}
textarea {display:block;width:100%;padding:10px 20px;border-radius:6px;background:none;border:1px solid #DBDFE9;background:#F9F9F9;box-sizing:border-box;color:#071437;font-size:14px;}
textarea::placeholder {font-size:14px;color:#C4CADA;}
.ip__editable {background:#fff !important;}
.ip__editable:focus {border-color:#8247FF;}
@media (max-width:1880px) {
	input[type=text], input[type=email], input[type=password], input[type=search], input[type=number] {height:40px;padding:10px 16px;font-size:14px;}
	input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder {font-size:14px;}
	textarea {padding:10px 16px;font-size:14px;}
	textarea::placeholder {font-size:14px;}
}
@media (max-width:800px) {
	input[type=text], input[type=email], input[type=password], input[type=search], input[type=number] {height:36px;border-radius:8px;}
	textarea {border-radius:8px;}
}
select {height:40px;border:1px solid #DBDFE9;outline:none;box-shadow:none;border-radius:6px;padding:0  44px 0 14px;background:#fcfcfc url(../images/arr_select.png) no-repeat calc(100% - 14px) 50%/20px;font-size:14px;color:#78829D;line-height:1;}
option {max-width:100%;font-size:14px;outline:none;box-shadow:none;border:0;}
.blind {font-size:0;line-height:0;width:0;height:0;opacity:0;}
.clear:after {content:"";display:block;clear:both;}
.no-deco {text-decoration:none !important;}
.pc-only {}
.mo-only {display:none !important;}
.ip__text.w-all {width:100%;}
.ip__text.w200{width:200px;}
/* custom radio */
.radio__type {position:relative;}
.radio__type input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.radio__type span {position:relative;display:block;padding-left:36px;line-height:26px;font-size:16px;color:#252F4A;}
.radio__type span:before {content:'';display:block;width:26px;height:26px;background:url(../images/ico_radio_off.png) no-repeat 50%/100%;position:absolute;top:0;left:0;}
.radio__type input:checked + span:before {background:url(../images/ico_radio_on.png) no-repeat 50%/100%;}
/* custom checkbox */
.checkbox__type {position:relative;}
.checkbox__type input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.checkbox__type span {position:relative;display:block;padding-left:36px;line-height:26px;font-size:16px;color:#252F4A;}
.checkbox__type span:before {content:'';display:block;width:26px;height:26px;background:url(../images/ico_checkbox_off.png) no-repeat 50%/cover;position:absolute;top:0;left:0;}
.checkbox__type input:checked + span:before {background:url(../images/ico_checkbox_on.png) no-repeat 50%/cover;}
@media (max-width:800px) {
	select {height:30px;padding:0  30px 0 8px;background:#fcfcfc url(../images/arr_select.png) no-repeat calc(100% - 8px) 50%/18px;font-size:12px;}
	option {font-size:12px;}
	.pc-only {display:none !important}
	.mo-only {display:block !important;}
	.radio__type span {padding-left:20px;line-height:16px;font-size:12px;}
	.radio__type span:before {width:16px;height:16px;}
	.checkbox__type span {padding-left:18px;line-height:16px;font-size:12px;}
	.checkbox__type span:before {width:16px;height:16px;}
}
.mg0 {margin:0 !important;}
.medium {font-weight:500 !important;}
.ag-left {text-align:left !important;}
.ag-center {text-align:center !important;}
.ag-right {text-align:right !important;}
.pdlr20 {padding:0 20px;}
.bgcolor1 {background:#8247FF !important;}
.tcolor1 {color:#8247FF !important;}
.tcolor2 {color:#056EE9 !important;}
.tcolor3 {color:#F8285A !important;}
.tcolor4 {color:#78829D !important;}
.tcolor5 {color:#01BF73 !important;}
.tcolor6 {color:#04B440 !important;}
.btn__default {display:inline-block;padding:0 16px;height:40px;font-size:16px;font-weight:500;box-sizing:border-box;line-height:1;border:1px solid #8247FF;background:#8247FF;color:#fff;border-radius:6px;}
.btn__default.white {border-color:#DBDFE9;background:#fff;color:#4B5675;}
.btn__default.medium {padding:0 24px;height:36px;font-size:13px;font-weight:600;}
.btn__default.w200 {width:200px;}
.btn__default span {line-height:24px;vertical-align:top;}
.btn__detail2 {height:32px;}
.btn__detail2 span {font-size:14px;}
.btn-disabled {background:#cfd3d9 !important;color:#fff !important;}
.btn__undo {border:1px solid #F1F1F4;background:#F9F9F9;color:#4B5675;}
.btn__deploy {min-width:143px;}
.btn__deploy:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_deploy.png) no-repeat 50%/cover;}
.btn__deploy.started:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_deploy_pause.png) no-repeat 50%/cover;}
.btn__detail:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_detail.png) no-repeat 50%/cover;}
.btn__detail2 {height:40px;font-size:16px;}
.btn__detail2:before {content:'';display:inline-block;width:18px;height:18px;vertical-align:top;margin-right:5px;background:url(../images/ico_btn_detail2.png) no-repeat 50%/cover;}
.btn__detail2 span {line-height:18px;vertical-align:top;}
.btn__monitor:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_monitor.png) no-repeat 50%/cover;}
.btn__log:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_log.png) no-repeat 50%/cover;}
.btn__terminal:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_terminal.png) no-repeat 50%/cover;}
.btn__ssh:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_ssh.png) no-repeat 50%/cover;}
.btn__event:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_event.png) no-repeat 50%/cover;}
.btn__detail--edit:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_detail_edit.png) no-repeat 50%/cover;}
.btn__detail--delete:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_detail_delete.png) no-repeat 50%/cover;}
.btn__confirm:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_confirm.png) no-repeat 50%/cover;}
.btn__regist:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_plus.png) no-repeat 50%/16px;}
.btn__cancel:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_detail_delete.png) no-repeat 50%/cover;}
.btn__create:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_create.png) no-repeat 50%/cover;}
.btn-type--wrap {font-size:0;padding:5px 4px;border-radius:6px;border:1px solid #DBDFE9;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);background:#fff;}
.btn__type--card,
.btn__type--list {display:inline-block;padding:0 10px;height:34px;border:1px solid #fff;border-radius:6px;font-size:0;vertical-align:top;}
.btn__type--card.is-active,
.btn__type--list.is-active {border-color:#99A1B7;}
.btn__type--card:before,
.btn__type--list:before {display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:10px;content:'';}
.btn__type--card:before {background:url(../images/ico_btn_card_off.png) no-repeat 50%/cover;}
.btn__type--list:before {background:url(../images/ico_btn_list_off.png) no-repeat 50%/cover;}
.btn__type--card.is-active:before {background:url(../images/ico_btn_card_on.png) no-repeat 50%/cover;}
.btn__type--list.is-active:before {background:url(../images/ico_btn_list_on.png) no-repeat 50%/cover;}
.btn__type--card span,
.btn__type--list span {font-size:14px;line-height:24px;font-weight:500;color:#DBDFE9;vertical-align:top;}
.btn__type--card.is-active span,
.btn__type--list.is-active span {color:#071437;}
.btn__workload-edit {display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../images/ico_btn_edit.png) no-repeat 50%/24px;}
.btn__workload-delete {display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../images/ico_btn_delete.png) no-repeat 50%/24px;}
.btn__calendar {height:40px;}
.btn__profile--edit {height:40px;font-size:14px;}
.btn__withdraw {width:200px;}
.btn__withdraw:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_withdraw.png) no-repeat 50%/cover;}
.btn__payment {width:160px;height:42px;}
.btn__payment:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_pay.png) no-repeat 50%/cover;}
.btn__price:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_pay2_on.png) no-repeat 50%/cover;}
.btn__download:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;background:url(../images/ico_btn_down.png) no-repeat 50%/cover;}
@media (max-width:1480px) {
	.pdlr20 {padding:0 10px;}
	.btn__default {height:40px;font-size:14px;padding:0 10px;}
	.btn__default span {font-size:14px;}
}
@media (max-width:800px) {
	.btn__default {height:40px;font-size:14px;padding:0 10px;}
	.btn__default.medium {height:30px;font-size:12px;padding:0 10px;}
	.btn__default.w200 {width:auto;}
	.btn__default span {font-size:12px;line-height:20px;white-space:nowrap;}
	.btn__calendar {height:30px;font-size:14px;}
	.btn__deploy {min-width:auto;}
	.btn__deploy,
	.btn__detail,
	.btn__monitor {padding:0 10px;white-space:nowrap;height:34px;}
	.btn__deploy:before,
	.btn__deploy.started:before,
	.btn__detail:before,
	.btn__monitor:before,
	.btn__log:before,
	.btn__terminal:before,
	.btn__ssh:before,
	.btn__payment:before,
	.btn__event:before,
	.btn__price:before {width:20px;height:20px;vertical-align:top;margin-right:4px;}
	.btn__detail2:before {content:'';display:inline-block;width:18px;height:18px;vertical-align:top;margin-right:5px;background:url(../images/ico_btn_detail2.png) no-repeat 50%/cover;}
	.btn__detail2 span {line-height:18px;vertical-align:top;}
	.btn__withdraw {width:auto;}
	.btn__payment {width:auto;}
}
.wrap {width:100%;}
.inner {position:relative;width:100%;max-width:1920px;padding: 0 60px;box-sizing:border-box;margin:0 auto;}
.type-inline {font-size:0;line-height:1.2;}
.type-inline dt,
.type-inline dd {display:inline-block;font-size:16px;vertical-align:top;line-height:1.2;}
.modal__container {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:594px;background:#fff;z-index:11;border-radius:12px;border:1px solid #F1F1F4;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.modal__container .modal__title {border-bottom:1px solid #F1F1F4;padding:26px 30px;font-size:19px;line-height:1;color:#071437;font-weight:600;}
.modal__container .modal__content {padding:30px;box-sizing:border-box;max-height:75vh;overflow-y:auto;}
.modal__container .modal__close {position:absolute;top:23px;right:20px;width:24px;height:24px;background:url(../images/btn_close.png) no-repeat 50%/cover;}
.modal__container input[type=text],
.modal__container input[type=email],
.modal__container input[type=password],
.modal__container input[type=number] {display:block;width:100%;}
.modal__container .btn__bottom--wrap {margin-top:30px;text-align:right;font-size:0;}
.modal__container .btn__bottom--wrap .btn__default {width:136px;}
.modal__container .btn__bottom--wrap .btn__confirm {margin-left:12px;}
@media (max-width: 800px) {
	.modal__container {width:100% !important;min-height:100svh;max-height:100lvh;height:100dvh;border-radius:0;}
	.modal__container .modal__title {padding:20px 16px;font-size:16px;}
	.modal__container .modal__content {padding:20px;max-height:calc(100dvh - 57px);}
	.modal__container .modal__close {top:17px;right:15px;}
	.modal__container input[type=text],
	.modal__container input[type=email],
	.modal__container input[type=password],
	.modal__container input[type=number] {height:30px;padding:5px 10px;font-size:12px;}
	.modal__container input[type=text]::placeholder,
	.modal__container input[type=email]::placeholder,
	.modal__container input[type=password]::placeholder,
	.modal__container input[type=number]::placeholder {font-size:12px;}
	.modal__container .btn__bottom--wrap {text-align:center;}
}
/* 공통 */
.header {position:fixed;top:0;left:0;width:100%;height:80px;z-index:10;background:#121212;}
.header .inner {width:100%;height:80px;padding:0 60px;box-sizing:border-box;background:#121212;}
.header h1 {position:absolute;top:50%;left:60px;transform:translateY(-50%);}
.header h1 a {display:block;width:143px;height:40px;background:url(../images/logo.svg) no-repeat 0 0/100%;}
.header .notification--wrap {position:absolute;top:25px;right:60px;font-size:0;z-index:2;}
.header .notification--wrap .point {color:#fff;font-size:16px;line-height:30px;margin-right:20px;}
.header .notification--wrap .user {color:#fff;font-size:16px;line-height:30px;margin-right:20px;}
.header .notification--wrap .btn__noti {position:relative;display:inline-block;width:30px;height:30px;background:url(../images/ico_notification.png) no-repeat 50%/cover;}
.header .notification--wrap .btn__noti strong {position:absolute;top:0;left:50%;min-width:16px;height:16px;box-sizing:border-box;line-height:16px;border-radius:16px;font-size:12px;font-weight:600;padding:0 4px;color:#fff;background:#F8285A;}
.header .notification--wrap .noti__content {display:none;position:absolute;top:80px;right:-20px;width:500px;border-radius:12px;border:1px solid #DBDFE9;background:#fff;font-size:16px;box-shadow:5px 5px 14px 5px rgba(0,0,0,0.12);}
.header .notification--wrap.is-opened .noti__content {display:block;}
.header .notification--wrap .noti__content .noti__list--wrap:before,
.header .notification--wrap .noti__content .noti__list--wrap:after {content:'';display:block;position:absolute;right:40%;width:0;height:0;border-style:solid;border-width:0px 7px 10px 7px;}
.header .notification--wrap .noti__content .noti__list--wrap:before {top:-10px;border-color:transparent transparent #DBDFE9 transparent;}
.header .notification--wrap .noti__content .noti__list--wrap:after {top:-9px;border-color:transparent transparent #fff transparent;}
.header .notification--wrap .noti__content .noti__list--wrap dt {padding:10px 20px 10px 30px;border-bottom:1px solid #F1F1F4;}
.header .notification--wrap .noti__content .noti__list--wrap dt strong {font-size:16px;line-height:30px;font-weight:600;color:#071437;}
.header .notification--wrap .noti__content .noti__list--wrap dt .btn__delete {float:right;display:inline-block;padding:0 14px;border:1px solid #DBDFE9;border-radius:6px;height:30px;font-size:16px;font-weight:600;color:#4B5675;}
.header .notification--wrap .noti__content .noti__list {max-height:700px;overflow-y:auto;}
.header .notification--wrap .noti__content .noti__list li {padding:20px 30px;}
.header .notification--wrap .noti__content .noti__list li + li {border-top:1px solid #F1F1F4;}
.header .notification--wrap .noti__content .noti__list li strong {display:block;font-size:14px;font-weight:500;color:#071437; }
.header .notification--wrap .noti__content .noti__list li .date {margin-top:12px;font-size:16px;color:#78829D;}
.header .notification--wrap .noti__content .noti__list li .notice__detail {margin-top:12px;font-size:16px;line-height:1.37;color:#071437;}
.header .notification--wrap .noti__content .noti__list li .btn__default {margin-top:12px;}
.header .notification--wrap .noti__content .noti__list li .btn__default:before {display:none;}
.header .notification--wrap .noti__content .noti__list li.on-read strong,
.header .notification--wrap .noti__content .noti__list li.on-read .notice__detail {color:#78829D;}
.header .notification--wrap .noti__content .noti__text {font-size:16px;line-height:1;color:#78829D;border-top:1px solid #F1F1F4;padding:20px 30px;}
.header .notification--wrap .noti__content .noti__detail--wrap:before,
.header .notification--wrap .noti__content .noti__detail--wrap:after {content:'';display:block;position:absolute;right:40%;width:0;height:0;border-style:solid;border-width:0px 7px 10px 7px;}
.header .notification--wrap .noti__content .noti__detail--wrap:before {top:-10px;border-color:transparent transparent #DBDFE9 transparent;}
.header .notification--wrap .noti__content .noti__detail--wrap:after {top:-9px;border-color:transparent transparent #fff transparent;}
.header .notification--wrap .noti__content .noti__detail--wrap dt {position:relative;padding:10px 20px 10px 50px;border-bottom:1px solid #F1F1F4;}
.header .notification--wrap .noti__content .noti__detail--wrap dt strong {font-size:16px;line-height:29px;font-weight:600;color:#071437;}
.header .notification--wrap .noti__content .noti__detail--wrap dt .btn__prev-page {position:absolute;top:10px;left:18px;width:30px;height:30px;background-size:18px;}
.header .notification--wrap .noti__content .noti__detail--wrap dd {}
.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title {padding:20px 30px;border-bottom:1px solid #F1F1F4;}
.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title h3 {font-size:18px;line-height:1.3;font-weight:600;color:#071437;}
.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title .date {margin-top:15px;font-size:16px;color:#78829D;line-height:1;}
.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__content {padding:20px 30px;border-bottom:1px solid #F1F1F4;max-height:600px;font-size:16px;line-height:1.5;overflow-y: auto;box-sizing:border-box;}
.header .notification--wrap .noti__content .noti__detail--wrap dd .btn--wrap {text-align:right;padding:30px;}
.header .notification--wrap .noti__content .noti__detail--wrap dd .btn__list {display:inline-block;padding:0 14px;border:1px solid #DBDFE9;border-radius:6px;height:30px;font-size:16px;font-weight:600;color:#4B5675;}
.header .btn__nav {display:none;}
.gnb {position:absolute;top:80px;left:0;height:calc(100vh - 80px);box-sizing:border-box;background:#fff;z-index:2;}
.gnb .gnb__inner {position:relative;width:280px;padding:30px 25px;box-sizing:border-box;max-height:calc(100vh - 80px);overflow-y:auto;}
.gnb .nav {padding-top:56px;}
.gnb .nav .nav-top {display:none;}
.gnb .nav ul {text-align:left;}
.gnb .nav>ul>li {position:relative;margin-top:10px;}
.gnb .nav li .depth1 {display:block;line-height:24px;padding:10px;white-space:nowrap;}
.gnb .nav li .depth1 span {display:inline-block;font-size:16px;line-height:24px;vertical-align:top;font-weight:500;letter-spacing:-0.5px;}
.gnb .nav li .depth1.is-active span {font-weight:600;}
.gnb .nav li .depth1:before {content:'';display:inline-block;width:24px;height:24px;margin-right:10px;}
.gnb .nav li.home .depth1:before {background:url(../images/ico_gnb1.png) no-repeat 50%/cover;}
.gnb .nav li.deploy .depth1:before {background:url(../images/ico_gnb2.png) no-repeat 50%/cover;}
.gnb .nav li.point .depth1:before {background:url(../images/ico_gnb3.png) no-repeat 50%/cover;}
.gnb .nav li.payment .depth1:before {background:url(../images/ico_gnb4.png) no-repeat 50%/cover;}
.gnb .nav li.price .depth1:before {background:url(../images/ico_gnb5.png) no-repeat 50%/cover;}
.gnb .nav li.docs .depth1:before {background:url(../images/ico_gnb6.png) no-repeat 50%/cover;}
.gnb .nav li.qna .depth1:before {background:url(../images/ico_gnb7.png) no-repeat 50%/cover;}
.gnb .nav .depth2 {}
.gnb .nav .depth2 li a {display:block;padding:10px 10px 10px 24px;font-size:16px;color:#99A1B7;}
.gnb .nav .depth2 li a.is-active {font-weight:600;color:#8247FF;}
.gnb .btn__mode {position:absolute;top:30px;left:25px;display:block;width:230px;}
@media (hover: hover) and (pointer: fine) {
	.gnb .nav>li:hover {cursor:pointer;}
	.gnb .nav>li ul.depth2 li a:hover {font-weight:600;color:##8247FF;}
}
/* 모바일 */
@media (max-width:1480px) {
	.header {height:56px;}
	.header .inner {height:56px;padding:0 16px;}
	.header h1 {left:60px;}
	.header h1 a {width:100px;height:28px;}
	.header .notification--wrap {top:13px;right:15px;}
	.header .notification--wrap .user {display:none;}
	.header .notification--wrap .noti__content {top:60px;width:60vw;right:0;border-radius:8px;}
	.header .notification--wrap .noti__content .noti__list--wrap:before,
	.header .notification--wrap .noti__content .noti__list--wrap:after {right:16px;}
	.header .notification--wrap .noti__content .noti__list--wrap dt {padding:12px 16px;}
	.header .notification--wrap .noti__content .noti__list--wrap dt strong {font-size:14px;line-height:24px;}
	.header .notification--wrap .noti__content .noti__list--wrap dt .btn__delete {height:24px;font-size:12px;}
	.header .notification--wrap .noti__content .noti__list {max-height:450px;}
	.header .notification--wrap .noti__content .noti__list li {padding:12px;}
	.header .notification--wrap .noti__content .noti__list li strong {font-size:14px;}
	.header .notification--wrap .noti__content .noti__list li .date {margin-top:4px;font-size:12px;}
	.header .notification--wrap .noti__content .noti__list li .notice__detail {margin-top:6px;font-size:12px;}
	.header .notification--wrap .noti__content .noti__list li .btn__detail {margin-top:8px;}
	.header .notification--wrap .noti__content .noti__text {font-size:12px;padding:12px;}
	.header .notification--wrap .noti__content .noti__detail--wrap:before,
	.header .notification--wrap .noti__content .noti__detail--wrap:after {right:16px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dt {padding:12px 16px 12px 50px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dt strong {font-size:14px;line-height:24px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dt .btn__prev-page {top:13px;width:25px;height:25px;background-size:15px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title {padding:12px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title h3 {font-size:14px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__title .date {margin-top:10px;font-size:12px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .detail__content {padding:12px;max-height:380px;font-size:12px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .btn--wrap {padding:12px;}
	.header .notification--wrap .noti__content .noti__detail--wrap dd .btn__list {height:24px;font-size:12px;}
	.header .btn__nav {display:block;width:24px;height:24px;position:absolute;top:16px;left:16px;background:url(../images/btn_nav.svg) no-repeat 50%/cover;}
	.gnb {top:56px;height:calc(100lvh -  56px);display:none;border-right:1px solid #C4CADA;}
	.btn__nav.is-active + .gnb {display:block;}
	.gnb .gnb__inner {width:60vw;padding:20px 16px;max-height:calc(100svh - 56px);}
	.gnb .nav {padding:0;}
	.gnb .nav .nav-top {display:block;padding-bottom:12px;border-bottom:1px solid #DBDFE9;margin-bottom:12px;}
	.gnb .nav .user--wrap {}
	.gnb .nav .user--wrap .user__name {font-size:0;}
	.gnb .nav .user--wrap .user__name strong {display:inline-block;font-size:14px;line-height:21px;font-weight:500;}
	.gnb .nav .user--wrap .user__name .point {position:relative;display:inline-block;font-size:14px;line-height:21px;font-weight:500;padding-left:11px;}
	.gnb .nav .user--wrap .user__name .point:before {content:'';display:block;width:1px;height:10px;background:#000;position:absolute;top:50%;left:5px;transform:translateY(-50%);}
	.gnb .nav .user--wrap .user__name .btn__logout {display:inline-block;float:right;font-size:14px;line-height:21px;text-decoration:underline;color:#006AE6;}
	.gnb .nav .user--wrap .user__name .user__email {display:block;margin:12px 0;color:#8247FF;font-size:14px;}
	.gnb .nav .user--wrap .btn--wrap {white-space:nowrap;}
	.gnb .nav .user--wrap .btn--wrap a {display:inline-block;}
	.gnb .nav .user--wrap .btn--wrap a + a {float:right;}
	.gnb .nav .user--wrap .btn--wrap a:before {content:'';display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:top;}
	.gnb .nav .user--wrap .btn--wrap a span {display:inline-block;font-size:14px;line-height:20px;vertical-align:top;}
	.gnb .nav .user--wrap .btn--wrap a.mypage:before {background:url(../images/ico_mypage.svg) no-repeat 50%/cover;}
	.gnb .nav .user--wrap .btn--wrap a.storage:before {background:url(../images/ico_storage.svg) no-repeat 50%/cover;}
	.gnb .nav li .depth1 {line-height:16px;}
	.gnb .nav li .depth1 span {font-size:16px;line-height:16px;}
	.gnb .nav li .depth1:before {display:none;}
	.gnb .nav .depth2 li a {padding:6px 20px;font-size:14px;}
	.gnb .btn__mode {position:static;width:100%;margin-top:12px;}
}
@media (max-width:900px) {
	.header .notification--wrap .noti__content {width:calc(100vw - 32px);}
}
.tooltip--wrap {position:relative;}
.tooltip--wrap .btn__tooltip {display:block;width:20px;height:20px;background:url(../images/ico_tooltip.png) no-repeat 50%/cover;}
.tooltip--wrap .tooltip__content {z-index:1;display:none;position:absolute;top:50%;transform:translateY(-50%);left:32px;border:1px solid #DBDFE9;background:#fff;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.07));padding:20px;border-radius:8px;}
.tooltip--wrap .tooltip__content:before,
.tooltip--wrap .tooltip__content:after {content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 10px 7px 0px;}
.tooltip--wrap .tooltip__content:before {left:-10px;border-color:transparent #DBDFE9 transparent transparent;}
.tooltip--wrap .tooltip__content:after {left:-9px;border-color:transparent #fff transparent transparent;}
.tooltip--wrap.option--wrap .tooltip__content:before,
.tooltip--wrap.option--wrap .tooltip__content:after {display:none;}
.tooltip--wrap.option--wrap .btn__option {margin:0 auto;background:url(../images/ico_tooltip2.png) no-repeat 50%/cover;}
.tooltip--wrap.option--wrap .tooltip__content {top:calc(100% + 10px);left:auto;right:0;transform:translateY(0);width:114px;padding:10px 0;border-radius:9px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 10px 14px 0 rgba(15, 42, 81, 0.03);}
.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option {display:block;width:100%;}
.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option span {position:relative;display:block;text-align:left;width:100%;box-sizing:border-box;padding:10px 20px;line-height:1;font-size:16px;font-weight:500;color:#4B5675;}
@media (hover: hover) and (pointer: fine) {
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option:hover span {background:#FAF8FF;color:#8247FF;font-weight:600;}
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option:hover span:after {content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;width:16px;height:16px;background:url(../images/ico_tooltip_chk.png) no-repeat 50%/cover;}
}
.tooltip--wrap .btn__tooltip.is-active + .tooltip__content {display:block;}
.tooltip--wrap .tooltip__content .event__tooltip__info {}
.tooltip--wrap .tooltip__content .event__tooltip__info li {white-space:nowrap;border:0;}
.tooltip--wrap .tooltip__content .event__tooltip__info li + li {margin-top:5px;}
.tooltip--wrap .tooltip__content .event__tooltip__info span {display:inline-block;font-size:14px;color:#78829D;font-weight:500;}
.tooltip--wrap .tooltip__content .event__tooltip__info span + span {color:#071437;}
@media (max-width:1100px) {
	.tooltip--wrap.option--wrap .tooltip__content {width:100px;padding:5px 0;top:auto;bottom:-8px;right:37px;}
}
@media (max-width:800px) {
	.tooltip--wrap.option--wrap .btn__option {width:16px;height:16px;}
	.tooltip--wrap.option--wrap .tooltip__content {width:80px;}
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option span {padding:10px 20px;font-size:12px;text-align:center;}
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option:focus span,
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option:active span {background:#FAF8FF;color:#8247FF;font-weight:600;}
	.tooltip--wrap.option--wrap .tooltip__content .btn__edit-option span:after {display:none;}

}
.container {padding:80px 0 0 280px;width:100%;box-sizing:border-box;max-width:1920px;margin:0 auto;overflow:hidden;}
.container__inner {padding:30px 40px;max-width:1360px;}
.main-top--wrap {font-size:0;}
.main__notice {float:right;width:calc(50% - 15px);height:195px;background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.main__notice h2 {padding:20px 30px;font-size:20px;font-weight:600;border-bottom:1px solid #F1F1F4;}
.main__notice__list li {border-bottom:1px solid #F1F1F4;}
.main__notice__list li a {display:block;padding:8px 30px;font-size:16px;font-weight:500;color:#4B5675;}
.main__notice__list li a div {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58%;vertical-align:top;}
.main__notice__list li a span {display:inline-block;margin-left:20px;vertical-align:top;}
.main__notice__list li a strong {color:#8247FF;}
.main__point {display:inline-block;width:calc(50% - 15px);height:195px;background:#fff;border-radius:12px;box-sizing:border-box;font-size:0;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.main__point h2 {padding:20px 30px;font-size:20px;font-weight:600;border-bottom:1px solid #F1F1F4;}
.main__point h2 + div {padding:20px 30px 0 30px;}
.main__point dl {display:inline-block;width:50%;}
.main__point dl dt {color:#78829D;font-size:19px;line-height:1.3;}
.main__point dl dd {padding:10px 0 0 0;font-weight:600;font-size:25px;line-height:1.2;}
.main__workload {}
.main__workload .title--wrap {margin:40px 0 20px 0;}
.main__workload .title--wrap h2 {display:inline-block;font-size:25px;font-weight:600;}
.main__workload .title--wrap .status__list {float:right;white-space:nowrap;font-size:0;}
.main__workload .title--wrap .status__list li {display:inline-block;font-size:16px;line-height:1.2;padding:3px 14px;}
.main__workload .title--wrap .status__list li + li {border-left:1px solid rgba(0, 0, 0, 0.30);}
.workload-index__list {font-size:0;}
.workload-index__list > li {display:inline-block;width:calc(33.3333% - 20px);margin:30px 0 0 30px;vertical-align:top;}
.workload-index__list > li:first-child,
.workload-index__list > li:nth-child(2),
.workload-index__list > li:nth-child(3) {margin-top:0;}
.workload-index__list > li:nth-child(3n+1) {margin-left:0;}
.workload-index__item {background:#fff;border-radius:12px;border:1px solid #F1F1F4;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.workload-index__item > dt {padding:15px 30px;border-bottom: 1px solid #F1F1F4;}
.workload__status {display:inline-block;vertical-align:top;font-size:14px;padding:6px 16px;border:1px solid #DBDFE9;margin-right:10px;border-radius:36px;background:#F9F9F9;color:#78829D;font-weight:500;line-height:1;}
.workload__status.deploy {border:1px solid rgba(23, 198, 83, 0.20);background:#EAFFF1;color:#04B440;}
.workload__status.ended {border:1px solid rgba(248, 40, 90, 0.20);background:#FFEEF3;color:#D81A48;}
.workload-index__item > dt .workload__name {display:inline-block;vertical-align:top;font-size:22px;color:#8247FF;font-weight:600;line-height:36px;}
.workload-index__item > dd {padding:20px 30px;}
.workload-index__item .workload__spec {font-size:16px;font-weight:500;line-height:1;}
.workload-index__item .workload__info__list {padding:7px 0 0 0;}
.workload-index__item .workload__info__list li {display:inline-block;font-size:14px;margin:5px 0 0 0;vertical-align:top;}
.workload-index__item .workload__info__list li:first-child,
.workload-index__item .workload__info__list li:last-child {display:block;}
.workload-index__item .workload__info__list li:nth-child(3) {margin-left:25px;}
.workload-index__item .workload__info__list li dl {font-size:0;}
.workload-index__item .workload__info__list li dt {display:inline-block;color:#78829D;font-size:14px;vertical-align:top;}
.workload-index__item .workload__info__list li dd {display:inline-block;margin-left:10px;font-size:14px;font-weight:600;vertical-align:top;}
.main__workload-chart .title--wrap {margin:40px 0 20px 0;}
.main__workload-chart .title--wrap h2 {font-size:25px;font-weight:600;}
.main__workload-chart .title--wrap .status__list {margin-top:20px;white-space:nowrap;font-size:0;}
.main__workload-chart .title--wrap .status__list li {display:inline-block;font-size:16px;line-height:1.2;padding:3px 14px;}
.main__workload-chart .title--wrap .status__list li + li {border-left:1px solid rgba(0, 0, 0, 0.30);}
.chart--wrap {width:100%;height:347px;padding:30px;box-sizing:border-box;border-radius:12px;background:#fff;}
.chart__content {width:100%;height:100%;}
@media (max-width:1480px) {
	.container {padding:56px 20px 0 20px;}
	.container__inner {max-width:none;padding:32px 0;}
	.main__notice__list li a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.main__notice__list li a div {overflow:visible;text-overflow:unset;max-width:100%;}
	.main__notice__list li a span {display:inline;margin:0;}
	.workload-index__list > li {width:calc(50% - 4px);margin:8px 0 0 8px;}
	.workload-index__list > li:first-child,
	.workload-index__list > li:nth-child(2) {margin-top:0;}
	.workload-index__list > li:nth-child(3) {margin-top:8px;}
	.workload-index__list > li:nth-child(3n+1) {margin-left:8px;}
	.workload-index__list > li:nth-child(2n+1) {margin-left:0;}
}
@media (max-width:1100px) {
	.workload__status {padding:6px;}
}
@media (max-width:800px) {
	.tooltip--wrap .tooltip__content {padding:10px;}
	.tooltip--wrap .tooltip__content .event__tooltip__info li {margin:0;line-height:1;}
	.tooltip--wrap .tooltip__content .event__tooltip__info span {font-size:12px;line-height:1;vertical-align:middle;}
	.main__notice {float:none;display:block;width:100%;height:auto;}
	.main__notice h2 {padding:16px;}
	.main__notice__list li a {padding:8px 16px;font-size:12px;}
	.main__point {display:block;width:100%;height:auto;margin:20px 0 0 0;}
	.main__point h2 {padding:16px;}
	.main__point h2 + div {padding:20px 16px;}
	.main__point dl dt {font-size:16px;}
	.main__point dl dd {font-size:22px;}
	.main__workload .title--wrap {margin:20px 0 10px 0;}
	.main__workload .title--wrap h2 {font-size:16px;}
	.main__workload .title--wrap .status__list li {font-size:14px;padding:3px 8px;}
	.main__workload-chart {padding-top:20px;}
	.main__workload-chart .title--wrap {margin-top:0;}
	.main__workload-chart .title--wrap h2 {font-size:16px;}
	.main__workload-chart .title--wrap .status__list {display:none;}
	.workload__status {font-size:12px;padding:6px 8px;border-radius:26px;margin-right:8px;}
	.workload-index__item > dt {padding:15px 10px;white-space:nowrap;}
	.workload-index__item > dt .workload__name {font-size:14px;line-height:26px;}
	.workload-index__item > dd {padding:12px 10px;}
	.workload-index__item .workload__spec {font-size:12px;}
	.workload-index__item .workload__info__list li {margin:8px 0 0 0;line-height:15px;}
	/* .workload-index__item .workload__info__list li:nth-child(3) {margin-left:8px;} */
  .workload-index__item .workload__info__list li:nth-child(3) {display:block;;margin-left:0px;}
	.workload-index__item .workload__info__list li dt {font-size:12px;}
	.workload-index__item .workload__info__list li dd {font-size:12px;margin-left:4px;}
	.workload-index__item .workload__info__list li dd span {display:block;line-height:16px;}
}
/* 워크로드 관리(공통) */
.status--wrap {font-size:0;}
.status--wrap strong {display:inline-block;margin-right:20px;font-size:16px;color:#071437;line-height:46px;}
.status--wrap .btn-type--wrap {float:right;}
.pagination {padding:30px 0 0 0;text-align:center;font-size:0;}
.pagination button {display:inline-block;width:40px;height:40px;border:1px solid #DBDFE9;text-align:center; background:#fff;border-radius:6px;margin:0 4px;vertical-align:top;}
.pagination button strong {font-size:14px;line-height:1;}
.pagination button.is-active {background:#111;}
.pagination button.is-active strong {color:#fff;}
.pagination button.btn__first {background:#fff url(../images/btn_page_first.svg) no-repeat 50% / cover;}
.pagination button.btn__prev {background:#fff url(../images/btn_page_prev.svg) no-repeat 50% / cover;}
.pagination button.btn__next {background:#fff url(../images/btn_page_next.svg) no-repeat 50% / cover;}
.pagination button.btn__last {background:#fff url(../images/btn_page_last.svg) no-repeat 50% / cover;}
@media (max-width:800px) {
	.pagination {padding:20px 0 0 0;}
	.pagination button {width:30px;height:30px;margin:0 2px;}
	.pagination button strong {font-size:12px;}
}
@media (max-width:350px) {
	.pagination button {margin:0 1px;}
}
/* 워크로드 관리(리스트-카드형) */
.workload-card__list li {margin-top:30px;}
.workload-card__item {position:relative;background:#fff;border-radius:12px;border:1px solid #F1F1F4;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.workload-card__item > dt {padding:30px;border-bottom:1px solid #F1F1F4;}
.workload-card__item > dt .workload__status {display:inline-block;vertical-align:top;font-size:16px;padding:9px 16px;border:1px solid #DBDFE9;margin-right:10px;border-radius:36px;background:#F9F9F9;color:#78829D;font-weight:500;line-height:1;}
.workload-card__item > dt .workload__status.deploy {border:1px solid rgba(23, 198, 83, 0.20);background:#EAFFF1;color:#04B440;}
.workload-card__item > dt .workload__status.ended {border:1px solid rgba(248, 40, 90, 0.20);background:#FFEEF3;color:#D81A48;}
.workload-card__item > dt .workload__name {display:inline-block;vertical-align:top;font-size:22px;color:#8247FF;font-weight:600;line-height:36px;}
.workload-card__item > dt .btn__workload-edit {height:36px;margin-left:20px;}
.workload-card__item > dt .btn__workload-delete {margin-left:12px;height:36px;}
.workload-card__item > dd {padding:20px 30px;}
.workload-card__item > dd .date--wrap {position:absolute;top:13px;right:30px;height:70px;display:flex;justify-content:center;flex-direction:column;align-items:flex-end;}
.workload-card__item > dd .date--wrap dl {display:flex;flex-direction:row;}
.workload-card__item > dd .date--wrap dl + dl {margin-top:5px;}
.workload-card__item > dd .date--wrap dt {color:#78829D;margin-right:12px;}
.workload-card__item > dd .date--wrap dd {color:#071437;font-weight:600;}
.workload-card__item > dd .info--wrap {padding-top:12px;}
.info__item {display:inline-block;vertical-align:top;font-size:0;margin-top:12px;}
.info__item dt {font-size:16px;color:#78829D;margin-right:12px;}
.info__item dd {font-size:16px;color:#071437;font-weight:600;margin-right:30px;}
.gpu__item {display:inline-block;vertical-align:top;font-size:0;}
.gpu__item dt {font-size:14px;color:#78829D;margin-right:12px;}
.gpu__item dd {font-size:14px;color:#071437;font-weight:500;margin-right:24px;}
.price-info {padding:45px 0 0 0;}
.price-info__item {display:inline-block;vertical-align:top;font-size:0;}
.price-info__item dt {font-size:16px;color:#78829D;margin-right:12px;}
.price-info__item dd {font-size:16px;color:#8247FF;font-weight:600;margin-right:24px;}
.gpu-info--wrap {padding:30px 0 0 0;}
.gpu-info--wrap .btn__toggle {margin-bottom:12px;}
.gpu-info--wrap .btn__toggle:before,
.gpu-info--wrap .btn__toggle:after {display:inline-block;vertical-align:top;width:40px;height:40px;content:'';}
.gpu-info--wrap .btn__toggle:before {background:url(../images/ico_gpu.png) no-repeat 50%/cover;margin-right:3px;}
.gpu-info--wrap .btn__toggle:after {background:url(../images/arr_gpu.png) no-repeat 50%/30px;margin-left:12px;}
.gpu-info--wrap .btn__toggle.is-active:after {transform:rotate(180deg);}
.gpu-info--wrap .btn__toggle span {display:inline-block;line-height:40px;vertical-align:top;font-size:16px;color:#071437;}
.gpu-info--wrap .btn__toggle span strong {font-weight:500;}
.gpu-info--wrap .gpu-info__content {display:none;padding:20px;background:#F9F9F9;border-radius:8px; }
.gpu-info--wrap .gpu-info__content > div + div {margin-top:12px;}
.gpu-info--wrap .btn__toggle.is-active + .gpu-info__content {display:block;}
.workload-card__item .btn--wrap {position:absolute;bottom:20px;right:30px;white-space:nowrap;font-size:0;}
.workload-card__item .btn--wrap .btn__default + .btn__default {margin-left:12px;}
@media (max-width:1350px) {
	.workload-card__item .btn--wrap {position:static;margin-top:40px;}
}
@media (max-width:1230px) {
	.gpu-info--wrap .gpu-info__content {padding-top:0;}
	.gpu-info--wrap .gpu-info__content > div {display:inline;}
	.gpu__item {margin-top:20px;}
}
@media (max-width:800px) {
	.status--wrap strong {font-size:14px;margin-right:6px;line-height:30px;}
	.status--wrap .btn-type--wrap {padding:2px;border-radius:6px;}
	.btn__type--card,
	.btn__type--list {padding:2px;height:24px;}
	.btn__type--card:before,
	.btn__type--list:before {display:block;width:20px;height:20px;background-size:20px !important;margin-right:0;}
	.btn__type--card span,
	.btn__type--list span {font-size:0;opacity:0;line-height:0;}
	.workload-card__list li {margin-top:20px;}
	.workload-card__item > dt {padding:15px 10px;}
	.workload-card__item > dt .workload__status {font-size:12px;padding:6px 8px;border-radius:26px;margin-right:8px;}
	.workload-card__item > dt .workload__name {font-size:14px;line-height:26px;}
	.workload-card__item > dt .btn__workload-edit {height:24px;}
	.workload-card__item > dt .btn__workload-delete {height:24px;}
	.workload-card__item > dd {padding:12px 10px;}
	.workload-card__item > dd .date--wrap {position:static;display:block;height:auto;}
	.workload-card__item > dd .date--wrap dt {margin-right:4px;font-size:12px;}
	.workload-card__item > dd .date--wrap dd {font-size:12px;}
	.workload-card__item > dd .info--wrap > div {display:inline;}
	.info__item {margin-top:8px;}
	.info__item dt {font-size:12px;margin-right:4px;}
	.info__item dd {font-size:12px;margin-right:8px;}
	.gpu-info--wrap {padding:20px 0 0 0;}
	.gpu-info--wrap .btn__toggle:before {display:none;}
	.gpu-info--wrap .btn__toggle span {font-size:12px;line-height:20px;}
	.gpu-info--wrap .btn__toggle:after {width:20px;height:20px;background-size:cover;margin-left:8px;}
	.gpu-info--wrap .gpu-info__content {padding:2px 10px 10px 10px;}
	.gpu__item {margin-top:8px;}
	.gpu__item dt {font-size:12px;margin-right:4px;}
	.gpu__item dd {font-size:12px;margin-right:8px;}
	.price-info {padding:25px 0 0 0;}
	.price-info__item dt {font-size:12px;margin-right:4px;}
	.price-info__item dd {font-size:12px;margin-right:8px;}
	.workload-card__item .btn--wrap {margin-top:12px;text-align:right;}
	.workload-card__item .btn--wrap .btn__default + .btn__default {margin-left:6px;}
	.workload-card__item .btn--wrap .btn__deploy {min-width:96px;}
	.workload-card__item .workload__spec {font-size:12px;}
	.workload-card__item .workload__info__list li {margin:8px 0 0 0;}
	.workload-card__item .workload__info__list li:nth-child(3) {margin-left:8px;}
	.workload-card__item .workload__info__list li dt {font-size:12px;}
	.workload-card__item .workload__info__list li dd {font-size:12px;margin-left:4px;}
	.workload-card__item .workload__info__list li dd span {display:block;line-height:16px;}
}

/* 워크로드 관리(리스트-리스트형)*/
.type-flex {display:flex;width:100%;justify-content:center;}
.flex-child {display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;word-break:break-all;font-size:14px;font-weight:500;}
.flex-child a {color:#056EE9;text-decoration:underline;}
.flex-row {flex-direction:column;}
.type-flex .w230 {flex:0 0 230px;}
.type-flex .w180 {flex:0 0 180px;}
.type-flex .w160 {flex:0 0 160px;}
.type-flex .w150 {flex:0 0 150px;}
.type-flex .w140 {flex:0 0 140px;}
.type-flex .w110 {flex:0 0 110px;}
.type-flex .w100 {flex:0 0 100px;}
.type-flex .w90 {flex:0 0 90px;}
.type-flex .w80 {flex:0 0 80px;}
.type-flex .w70 {flex:0 0 70px;}
.type-flex .w60 {flex:0 0 60px;}
.type-flex .w50 {flex:0 0 50px;}
.type-flex .w-all {flex:1 1 0;min-width:0;}
.flex-title .flex-child {min-height:50px;background:#FCFCFC;color:#78829D;}
.flex-content .flex-child {min-height:52px;background:#fff;color:#4B5675;}
.flex-foot .flex-child {min-height:52px;background:#fff;border-top:1px solid #99A1B7;color:#4B5675;font-weight:600;}
.flex-child .btn__more-info {display:inline-block;width:20px;height:20px;background:url(../images/ico_more_dot.png) no-repeat 50%/cover;margin:10px 0;}
.flex-show {display:none;}
.is-active .flex-show {display:flex;}
.is-active .flex-hide {display:none;}
.flex-show .btn--wrap {float:right;font-size:0;}
.flex-show .btn--wrap .btn__workload-edit {height:52px;}
.flex-show .btn--wrap .btn__workload-delete {margin-left:30px;height:52px;}
.flex-show .btn__default {height:40px;}
.flex-show .btn--wrap .btn__default + .btn__default {margin-left:12px;}
.noti__text {font-size:14px;color:#4B5675;font-weight:500;margin-top:20px;line-height:1.3;letter-spacing:-0.5px;}
.workload__list--wrap {/*overflow-x:auto;*/}
.type-flex--wrap {margin-top:20px;border:1px solid #F1F1F4;border-radius:12px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);overflow:hidden;}
.type-flex-body ul {background:#fff;}
.type-flex-body ul li {border-top:1px solid #F1F1F4;}
.type-flex-body ul li.is-active {box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.07);}
.type-flex-body ul li.is-active .flex-show {flex-grow:1;justify-content:space-between;}
.type-flex-body ul li .flex-show .btn-edit--wrap {display:flex;flex:1; justify-content:center;}
.type-flex-body ul li .flex-show .btn-detail--wrap {display:flex;justify-content:flex-end;}
@media (max-width:1480px) {
	.flex-child {font-size:14px;}
	.type-flex .w140 {flex:0 0 0 100px;}
	.type-flex .w230 {flex:0 0 150px;}
	.flex-show .btn__default {height:40px;font-size:14px;}
	.flex-show .btn__deploy {min-width:auto;}
	.flex-show .btn--wrap .btn__default + .btn__default {margin-left:6px;}
}
@media (max-width:1100px) {
	.flex-child {font-size:12px;}
	.type-flex .mo-w90 {flex:0 0 90px !important;}
	.type-flex .mo-w80 {flex:0 0 80px !important;}
	.type-flex .mo-w70 {flex:0 0 70px !important;}
	.type-flex .mo-w60 {flex:0 0 60px !important;}
	.type-flex .mo-w50 {flex:0 0 50px !important;}
	.type-flex .mo-w40 {flex:0 0 40px !important;}
	.flex-title .flex-child {min-height:36px;line-height:1;}
	.flex-content .flex-child,
	.flex-foot .flex-child {min-height:40px;}
	.noti__text {margin-top:10px;font-size:12px;}
	.flex-show .btn-edit--wrap {justify-content:flex-start !important;}
	.flex-show .btn--wrap .btn__workload-edit {height:34px;}
	.flex-show .btn--wrap .btn__workload-delete {margin-left:12px;height:34px;}
	.flex-show .btn__default {height:34px;padding:0 5px;}
	.flex-show .btn--wrap .btn__default + .btn__default {margin-left:4px;}
	.flex-show .btn--wrap .btn__deploy:before,
	.flex-show .btn--wrap .btn__deploy.started:before,
	.flex-show .btn--wrap .btn__detail:before,
	.flex-show .btn--wrap .btn__monitor:before {display:none;}
	.type-flex--wrap {margin-top:16px;}
	.type-flex--wrap.scrollable .w150 {flex: 0 0 80px;}
}
@media (max-width:800px) {
	.type-flex .mo-w-all {flex:1 1 0;min-width:0;}
	.is-active .flex-content {flex-wrap:wrap;}
	.is-active .flex-show {width:100%;min-width:100%;flex-basis:100%;order:99;box-sizing:border-box;padding:6px 12px;}
	.type-flex--wrap.scrollable {overflow-x:auto;}
	.type-flex--wrap.scrollable .type-flex--wrap__inner {width:800px;}
	.flex-show .btn__default {padding:0 10px;}
}
@media (hover: hover) and (pointer: fine) {
	.type-flex--wrap .type-flex-body ul li:hover {cursor:pointer;}
}
/* 워크로드관리 - 이용상세 */
.btn__prev-page {display:inline-block;width:36px;height:36px;vertical-align:top;background:url(../images/ico_arr_back.png) no-repeat 50%/26px;margin-top:-1px;}
.workload-detail__content ul li {border-top:1px solid #F1F1F4;}
.detail__title--wrap {font-size:0;}
.detail__title--wrap h3 {display:inline-block;font-size:25px;font-weight:600;color:#071437;line-height:36px;vertical-align:top;}
.detail__title--wrap h4 {display:inline-block;font-size:22px;font-weight:600;color:#071437;line-height:36px;vertical-align:top;}
.detail__title--wrap .status--wrap {float:right;}
.detail__title--wrap .status--wrap select + select {margin-left:12px;}
.date-filter--wrap {font-size:0;float:right;}
.datepicker--wrap {display:inline-block;height:40px;box-sizing:border-box;vertical-align:top;padding:10px 14px;border:1px solid #DBDFE9;border-radius:6px;background:#fcfcfc;margin-right:12px;}
.datepicker--wrap .datepicker {width:112px;padding:0;border-radius:0;height:20px;font-size:14px;color:#78829D;line-height:1;vertical-align:top;user-select:none;border:0;}
.datepicker--wrap .ui-datepicker-trigger {width:20px;height:20px;vertical-align:middle;}
.date-time__filter--wrap {display:inline-block;height:40px;box-sizing:border-box;vertical-align:top;padding:10px 14px;border:1px solid #DBDFE9;border-radius:6px;background:#fcfcfc url(../images/ico_calendar.png) no-repeat calc(100% - 14px) 50%/20px;webkit-user-select: none;user-select:none;}
.date-time__filter--wrap .datetimepicker {width:180px;height:22px;padding:0;border:0;margin-right:20px;border-radius:0;font-size:14px;color:#78829D;line-height:1;vertical-align:top;background:#fff;}
@media (hover: hover) and (pointer: fine) {
	.datepicker--wrap:hover {cursor:pointer;}
}
@media (max-width:800px) {
	.btn__prev-page {width:24px;height:24px;background-size:16px;}
	.detail__title--wrap h3 {font-size:16px;line-height:24px;}
	.detail__title--wrap h4 {font-size:14px;line-height:24px;}
	.detail__title--wrap .status--wrap {float:none;text-align:right;margin-top:20px;}
	.detail__title--wrap .status--wrap select + select {margin-left:8px;}
	.detail__title--wrap .date-filter--wrap {float:none;text-align:right;margin-top:20px;}
	.detail__title--wrap .datepicker--wrap {height:30px;padding:5px 8px;margin-right:8px;}
	.datepicker--wrap .datepicker {width:80px;height:16px;font-size:12px;}
	.datepicker--wrap .ui-datepicker-trigger {width:14px;height:14px;}
	.date-time__filter--wrap {width:28vw;height:30px;padding:5px 8px;background:#fcfcfc;}
	.date-time__filter--wrap .datetimepicker {width:100%;height:16px;font-size:12px;}
	.xdsoft_noselect.calendar__custom {left:10px !important;}
}
/* 워크로드 정보 */
.info__box {padding:30px 30px 0 30px;background:#fff;border:1px solid #F1F1F4;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);border-radius:12px;margin-top:30px;}
.info__box.type2 {position:relative;padding-bottom:30px;}
.info__box.type2 h2 {padding:0 0 30px 0;border-bottom:1px solid #F1F1F4;font-size:22px;color:#071437;font-weight:600;line-height:1.2;}
.info__box h3 {font-size:22px;font-weight:600;color:#071437;line-height:1;padding:20px 0 0 10px;}
.info__box .inline--wrap + h3 {border-top:1px solid #DBDFE9; }
.inline--wrap {font-size:0;padding:20px 10px 24px 10px;}
.inline__item {display:inline-block;width:calc(50% - 10px);}
.inline__item + .inline__item {margin-left:20px;}
.inline__item.type2 {margin:20px 0 0 0;}
.grid--wrap {display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;padding:20px;border-radius:8px;background:rgba(130, 71, 255, 0.05);}
.grid__item {font-size:0;}
.grid__item dt,
.grid__item dd {font-size:16px;display:inline-block;vertical-align:middle;min-height:36px;line-height:36px;}
.grid__item dt {;width:30%;color:#78829D;}
.grid__item dd {width:70%;color:#071437;font-weight:600;}
.inline__item .grid__item dt,
.inline__item .grid__item dd {line-height:1.2;min-height:auto;}
.inline__item .grid__item + .grid__item {margin-top:20px;}
.block--wrap {padding:20px 10px 30px 10px;}
.block--wrap .grid__item + .grid__item {margin-top:20px;}
.block--wrap .grid__item dt {width:15%;line-height:1.2;min-height:auto;}
.block--wrap .grid__item dd {width:85%;line-height:1.2;min-height:auto;}
.variables__list li {font-size:0;}
.variables__list li + li {margin-top:10px;}
.variables__list li span {display:inline-block;font-size:16px;}
.variables__list li span:first-child:after {content:'';display:inline-block;width:1px;height:17px;vertical-align:top;margin:0 8px;background:#333;}
.info__box .deploy__box {padding:30px 450px 30px 0;}
.info__box .deploy__box dl {display:inline-block;}
.info__box .deploy__box dl + dl {margin-left:90px;}
.info__box .deploy__box dl dt {margin-bottom:20px;font-size:16px;color:#78829D;line-height:1.2;}
.info__box .deploy__box dl dd {font-size:16px;color:#071437;line-height:35px;font-weight:600;}
.info__box .deploy__box__detail {padding:20px;background:#F9F9F9;border-radius:8px;font-size:0;}
.info__box .deploy__box__detail > div + div {margin-top:12px;}
.info__box.type2 .btn__inner {position:absolute;top:155px;right:30px;white-space:nowrap;font-size:0;}
.info__box.type2 .btn--wrap .btn__default + .btn__default {margin-left:12px;}
.info__box.type2 .btn--wrap .btn__event {position:absolute;top:18px;right:30px;}
.workload__info--wrap .grid--wrap > :last-child {grid-column: 1 / -1;}
.workload__info--wrap .grid--wrap > :last-child dt {width:15%;}
.workload__info--wrap .grid--wrap > :last-child dd {width:85%;}
.workload__info--wrap .btn__detail--wrap {padding:20px 0 0 0;font-size:0;}
.workload__info--wrap .btn__detail--wrap .btn__detail__inner {float:right;white-space:nowrap;font-size:0;}
.workload__info--wrap .btn__detail--wrap .btn__default + .btn__default {margin-left:12px;}
@media(max-width:1300px) {
	.info__box .deploy__box {padding:16px 4px;}
	.info__box.type2 .btn--wrap {padding:12px 0 0 0;white-space:nowrap;}
	.info__box.type2 .btn__inner {position:static;display:inline-block;}
}
@media(max-width:800px) {
	.inline__item {display:block;width:100%;}
	.inline__item + .inline__item {margin-left:0;}
  .grid--wrap {grid-template-columns:1fr;padding:12px;gap:10px;}
  .grid--wrap .grid__item:nth-child(4) {order:5;}
  .grid--wrap .grid__item:nth-child(5) {order:4;}
	.grid__item dt,
	.grid__item dd {font-size:12px;line-height:1.2;min-height:auto;vertical-align:top;}
	.grid__item dt {width:100px;}
	.grid__item dd {width:calc(100% - 100px);}
	.grid--wrap .grid__item:nth-child(4) dt {vertical-align:middle;line-height:26px;}
	.inline__item .grid__item + .grid__item {margin-top:10px;}
	.block--wrap .grid__item dt {width:100px;font-size:12px;}
	.block--wrap .grid__item dd {width:calc(100% - 100px);font-size:12px;}
	.variables__list li span {font-size:12px;}
	.variables__list li span:first-child:after {height:14px;}
	.info__box {padding:12px 12px 0 12px;margin-top:20px;overflow:hidden;}
	.info__box h3 {padding:20px 0 0 4px ;font-size:16px;line-height:1.2;}
	.inline--wrap {padding:15px 0 20px 5px;}
	.inline--wrap .inline__item + .inline__item {margin-top:10px;}
	.info__box .deploy__box dl {display:block;font-size:0;white-space:nowrap;}
	.info__box .deploy__box dl + dl {margin:6px 0 0 0;}
	.info__box .deploy__box dl dt {display:inline-block;margin-right:20px;margin-bottom:6px;font-size:12px;}
	.info__box .deploy__box dl dd {display:inline-block;font-size:12px;line-height:26px;}
	.info__box .deploy__box__detail {padding:2px 10px 10px 10px;}
	.info__box .deploy__box__detail > div + div {margin-top:0;}
	.info__box.type2 {padding:16px 12px 20px 12px;}
	.info__box.type2 h2 {padding:0 0 16px 0;font-size:16px;}
	.info__box.type2 .btn--wrap .btn__default {padding:0 5px;height:34px;}
	.info__box.type2 .btn--wrap .btn__default + .btn__default {margin-left:3px;}
	.info__box.type2 .btn--wrap .btn__default span {letter-spacing:-1px;line-height:14px;}
	.info__box.type2 .btn--wrap .btn__default:before {width:14px !important;height:14px !important;}
	.info__box.type2 .btn--wrap .btn__event {top:8px;right:12px;padding:0 10px;}
	.workload__info--wrap .grid--wrap > :last-child dt {width:100px;}
	.workload__info--wrap .grid--wrap > :last-child dd {width:calc(100% - 100px);}
	.workload__info--wrap .btn__detail--wrap {padding:16px 0 0 0;}
	.workload__info--wrap .btn__detail--wrap .btn__detail__inner {}
	.workload__info--wrap .btn__detail--wrap .btn__default {height:34px;}
	.workload__info--wrap .btn__detail--wrap .btn__default + .btn__default {margin-left:6px;}
	.workload__info--wrap .btn__detail--wrap .btn__detail--edit:before,
	.workload__info--wrap .btn__detail--wrap .btn__detail--delete:before,
	.workload__info--wrap .btn__detail--wrap .btn__deploy:before,
	.workload__info--wrap .btn__detail--wrap .btn__deploy.started:before,
	.workload__info--wrap .btn__detail--wrap .btn__detail:before,
	.workload__info--wrap .btn__detail--wrap .btn__monitor:before {display:none;}
}
/* 배포이벤트 */
.event__item {border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);margin-top:30px;}
.event__item > dt {padding:15px 30px;border-bottom:1px solid #F1F1F4;}
.event__item > dt strong {font-size:16px;font-weight:600;line-height:1.2;color:#071437;}
.event__item > dd {padding:0 30px;}
.event__item > dd .event__list li + li {border-top:1px solid #DBDFE9;}
.event__content--item {padding:22px 0;}
.event__content--item dt .status__info {display:inline-block;font-size:0;line-height:40px;vertical-align:top;}
.event__content--item dt .status__info strong {position:relative;display:inline-block;padding-right:13px;margin-right:12px;font-size:16px;line-height:40px;vertical-align:top;font-weight:500;color:#071437;}
.event__content--item dt .status__info strong:after {content:'';display:block;width:1px;height:24px;background:#071437;position:absolute;top:50%;transform:translateY(-50%);right:0;}
.event__content--item dt .status__info .status__date {display:inline-block;font-size:16px;line-height:40px;vertical-align:top;font-weight:500;color:#071437;}
.event__content--item dt .event__reason {display:inline-block;height:32px;box-sizing:border-box;font-size:16px;line-height:1;vertical-align:top;margin-left:30px;border:1px solid rgba(130, 71, 255, 0.20);background:#FAF8FF;border-radius:4px;padding:8px 12px;}
.event__content--item dt .occurrence__date {float:right;font-size:0;}
.event__content--item dt .occurrence__date span {display:inline-block;margin-right:9px;font-size:16px;line-height:40px;vertical-align:top;color:#78829D;}
.event__content--item dt .occurrence__date .status__date {display:inline-block;font-size:0;}
.event__content--item dt .occurrence__date .status__date div {display:inline-block;font-size:16px;line-height:40px;vertical-align:top;color:#4B5675;font-weight:500;}
.event__content--item dt .occurrence__date .status__date .time {margin-left:15px;}
.event__content--item dd {position:relative;padding-left:28px;margin:14px 0 0 0;}
.event__content--item dd .tooltip--wrap {position:absolute;top:-2px;left:0;}
.event__content--item dd .event__content--text {font-size:16px;line-height:1.2;font-weight:500;color:#071437;}
@media(max-width:990px) {
	.event__content--item dt .occurrence__date {float:none;display:block;}
}
@media(max-width:800px) {
	.workload__event--wrap .detail__title--wrap .status--wrap {margin:0;float:right;}
	.event__item {margin-top:20px;}
	.event__item > dt {padding:16px;}
	.event__item > dt strong {font-size:14px;}
	.event__item > dd {padding:0 16px;}
	.event__content--item {padding:12px 0 15px 0;}
	.event__content--item dt .status__info {display:block;line-height:20px;}
	.event__content--item dt .status__info strong {padding-right:10px;margin-right:9px;font-size:14px;line-height:20px;}
	.event__content--item dt .status__info strong:after {height:15px;}
	.event__content--item dt .status__info .status__date {font-size:14px;line-height:20px;}
	.event__content--item dt .event__reason {height:35px;font-size:14px;margin:10px 0;}
	.event__content--item dt .occurrence__date span {line-height:20px;font-size:14px;}
	.event__content--item dt .occurrence__date .status__date div {line-height:20px;font-size:14px;}
	.event__content--item dd {margin-top:10px;}
	.event__content--item dd .event__content--text {font-size:12px;line-height:1.5;}
}
/* 지출내역 */
.expense__summary {font-size:0;}
.expense__summary li {display:inline-block;width:calc(33.3333% - 20px);}
.expense__summary li + li {margin:0 0 0 30px;}
.expense__summary--item {padding:31px 24px;border-radius:12px;border:1px solid rgba(130, 71, 255, 0.20);background:#FAF8FF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);text-align:center;}
.expense__summary--item dt {font-size:19px;line-height:1;color:#78829D;font-weight:500;margin-bottom:10px;}
.expense__summary--item dd {font-size:25px;line-height:1;color:#071437;font-weight:600;}
.workload__expense--wrap .detail__title--wrap {margin-top:40px;}
.workload__expense--wrap .expense__title--wrap {margin:20px 0;font-size:0;}
.workload__expense--wrap .expense__title--wrap h5 {display:inline-block;font-size:16px;font-weight:500;line-height:40px;margin-right:21px;vertical-align:top;}
.workload__expense--wrap .expense__title--wrap .status--wrap {display:inline-block;}
.workload__expense--wrap .expense__title--wrap .status--wrap + .status--wrap {float:right;}
.workload__expense--wrap .expense__title--wrap .status--wrap + .status--wrap select + select {margin-left:12px;}
@media(max-width:1100px) {
	.expense__summary li {width:calc(33.3333% - 10px);}
	.expense__summary li + li {margin:0 0 0 15px;}
}
@media(max-width:800px) {
	.expense__summary li {display:block;width:100%;}
	.expense__summary li + li {margin:8px 0 0 0;}
	.expense__summary--item {padding:20px 12px;}
	.expense__summary--item dt {font-size:14px;}
	.expense__summary--item dd {font-size:16px;}
	.workload__expense--wrap .detail__title--wrap {margin-top:20px;}
	.workload__expense--wrap .expense__title--wrap {margin:16px 0 20px 0;}
	.workload__expense--wrap .expense__title--wrap h5 {font-size:14px;line-height:30px;margin-right:12px;}
	.workload__expense--wrap .expense__title--wrap .status--wrap + .status--wrap select + select {margin-left:8px;}
}
/* 지정노드 */
.flex-child.flex-d-column {padding:5px 0;flex-direction:column;}
.flex-child .node-info__spec {display:flex;flex-direction:row;width:100%;box-sizing:border-box;}
.flex-child .node-info__spec dt {font-size:14px;line-height:1.2;color:#78829D;margin-right:8px;}
.flex-child .node-info__spec dd {font-size:14px;line-height:1.2;color:#4B5675;font-weight:500;}
@media (max-width:800px) {
	.flex-child .node-info__spec dt,
	.flex-child .node-info__spec dd {font-size:12px;}
}
/* 모니터링 */
.monitor__title {padding:45px 0 30px 0;font-size:0;}
.monitor__title .btn__title {display:inline-block;font-size:16px;font-weight:500;line-height:1;vertical-align:top;}
.object__spec--wrap {display:inline-block;font-size:0;vertical-align:top;}
.object__spec--wrap dl {display:inline-block;vertical-align:top;margin-left:30px;line-height:1;}
.object__spec--wrap dl dt {display:inline-block;font-size:16px;color:#78829D;line-height:1;vertical-align:top;}
.object__spec--wrap dl dt:after {content:':';display:inline-block;padding:0 12px;font-size:16px;color:#78829D;line-height:1;vertical-align:top;}
.object__spec--wrap dl dd {display:inline-block;font-size:16px;color:#071437;font-weight:500;line-height:1;}
.monitor__item {border:1px solid #f1f1f4;background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.monitor__item + .monitor__item {margin-top:20px;}
.monitor__filter--wrap {padding:30px;font-size:0;display:flex;flex-wrap:wrap;gap:120px;}
.monitor__filter--wrap dl dt {margin-bottom:20px;font-size:16px;font-weight:500;color:#071437;line-height:1;}
.monitor__filter--wrap dl dd select {min-width:160px;}
.monitor__filter--wrap .btn__calendar {width:110px;margin-left:12px;vertical-align:bottom;}
.pod__list {padding:20px 30px;font-size:0;}
.pod__list li {display:inline-block;}
.pod__list li + li {margin-left:60px;}
.pod__list li .pod__item .pod__dot {display:inline-block;width:16px;height:16px;border-radius:100%;line-height:16px;vertical-align:middle;margin-right:8px;}
.pod__list li .pod__item strong {display:inline-block;vertical-align:top;font-size:16px;color:#071437;line-height:16px;vertical-align:middle;}
.monitor__chart--wrap dt {padding:15px 30px;border-bottom:1px solid #F1F1F4;}
.monitor__chart--wrap dt strong {font-size:16px;color:#071437;font-weight:500;line-height:1;}
.monitor__chart--item {padding:30px;}
.monitor__chart--item .apexcharts-toolbar {top:-68px !important;right:0 !important;padding:0;}
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {fill:#8247FF !important;}
.apexcharts-pan-icon.apexcharts-selected svg {stroke:#8247FF !important;}
@media (max-width:1700px) {
	.monitor__filter--wrap {gap:40px;}
}
@media (max-width:1130px) {
	.monitor__filter--wrap {gap:12px;}
}
@media (max-width: 1050px) {
  .monitor__filter--wrap {gap:20px;}
	.monitor__filter--wrap dl {width:calc(50% - 10px);min-width:0;}
  .monitor__filter--wrap dl:first-child { order: 1; }
  .monitor__filter--wrap dl:nth-child(2) { order: 3; }
  .monitor__filter--wrap dl:nth-child(3) { order: 4; }
	.monitor__filter--wrap dl:nth-child(4) { order: 2; }
	.monitor__filter--wrap dl dd select {min-width:230px;}
	.monitor__filter--wrap .btn__calendar {width:auto;margin-left:8px;}
}
@media (max-width: 800px) {
	.monitor__title {padding:20px 0 16px 0;}
	.monitor__title .btn__title {display:block;font-size:14px;}
	.object__spec--wrap {display:block;margin-top:16px;}
	.object__spec--wrap dl {margin-left:0;}
	.object__spec--wrap dl + dl {margin-left:12px;}
	.object__spec--wrap dl dt {font-size:14px;}
	.object__spec--wrap dl dt:after {padding:0 6px;font-size:14px;}
	.object__spec--wrap dl dd {font-size:14px;}
	.monitor__filter--wrap {padding:16px;}
	.monitor__filter--wrap dl {width:auto;}
	.monitor__filter--wrap dl dt {margin-bottom:12px;font-size:14px;}
	.monitor__filter--wrap dl dd select {min-width:auto;width:28vw;}
	.monitor__filter--wrap .btn__calendar {width:calc(44vw - 105px);}
	.pod__list {padding:16px;}
	.pod__list li + li {margin-left:0;}
	.pod__list li {width:50%;vertical-align:top;}
	.pod__list li .pod__item .pod__dot {width:14px;height:14px;line-height:14px;vertical-align:top;margin-right:4px;}
	.pod__list li .pod__item strong {max-width:calc(100% - 18px);font-size:11px;line-height:14px;vertical-align:top;}
	.monitor__chart--wrap dt {padding:15px 16px;}
	.monitor__chart--wrap dt strong {font-size:14px;}
	.monitor__chart--item {padding:0;}
	.monitor__chart--item .apexcharts-toolbar {right:18px !important;top:-37px !important;}
}
@media (max-width: 350px) {
	.monitor__filter--wrap {gap:16px;}
	.monitor__filter--wrap .btn__calendar {width:calc(44vw - 100px);}
}
.create__description {display:table;width:100%;table-layout:fixed;}
.create__description dt {display:table-cell;width:180px;padding-left:30px;font-size:19px;font-weight:600;color:#071437;line-height:1;vertical-align:middle;}
.create__description dd {display:table-cell;padding:20px 50px 20px 0;vertical-align:middle;}
.create__item {border:1px solid #f1f1f4;margin-top:30px;background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.create__item > dt {position:relative;padding:30px;font-size:19px;font-weight:600;color:#071437;line-height:1;}
.create__item > dt:after {position:absolute;top:27px;right:30px;display:inline-block;vertical-align:top;width:30px;height:30px;content:'';transform:rotate(180deg);background:url(../images/arr_item.png) no-repeat 50%/cover;}
.create__item > dt.is-active:after {transform:rotate(0);}
.create__item > dd {display:none;padding:0 30px 30px 30px;}
@media (hover: hover) and (pointer: fine) {
	.create__item > dt:hover {cursor:pointer;}
}
.create__item > .is-active + dd {display:block;}
.template--wrap {padding:20px;border-radius:8px;background:#F9F9F9;margin:0 0 20px 0;}
.usage__toggle  {position:relative;display:inline-block;}
.usage__toggle  input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.usage__toggle  div {display:inline-block;font-size:0;}
.usage__toggle  div strong {display:inline-block;font-size:16px;line-height:26px;font-weight:700;color:#4B5675;vertical-align:top;}
.usage__toggle  div span {position:relative;display:inline-block;width:38px;height:26px;padding:3px;border-radius:26px;margin-left:10px;background:#99A1B7;box-sizing:border-box;vertical-align:top;}
.usage__toggle  div span:before {content:'';display:block;width:20px;height:20px;position:absolute;top:3px;left:3px;border-radius:100%;background:#fff;}
.usage__toggle  input:checked + div span {background:#8247FF;}
.usage__toggle  input:checked + div span:before {left:auto;right:3px;}
.template--wrap .templateSwiper {padding-bottom:30px;}
.templateSwiper .swiper-pagination {bottom:0;}
.template--wrap .template__list {font-size:0;}
.template--wrap .template__list li {position:relative;}
.template--wrap .template__list li .btn__modal {position:absolute;bottom:20px;right:20px;text-decoration:underline;font-size:14px;font-weight:500;color:#056EE9;line-height:1;}
.template--wrap .template__item {position:relative;display:block;}
.template--wrap .template__item input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.template--wrap .template__item .template__content {position:relative;display:block;padding:20px;border:1px dashed #99A1B7;border-radius:12px;background:#fff;margin-top:20px;}
.template--wrap .template__item input:checked + .template__content {border-color:#8247FF;background:#FAF8FF;}
.template--wrap .template__item .template__content .template__title .thumb {position:relative;display:inline-block;width:36px;height:36px;border-radius:100%;overflow:hidden;background:#fff;border:1px solid #DBDFE9;box-sizing:border-box;vertical-align:top;}
.template--wrap .template__item .template__content .template__title .thumb img {position:absolute;top:50%;left:50%;min-width:100%;height:100%;min-height:100%;object-fit:cover;transform: translate(-50%, -50%);border-radius:100%;vertical-align:top;}
.template--wrap .template__item .template__content .template__title .name {display:inline-block;margin-left:14px;font-size:16px;font-weight:600;color:#071437;line-height:36px;}
.template--wrap .template__item .template__content .img__url {padding:20px 0 50px 0;font-size:14px;line-height:1;color:#071437;font-weight:500;}
.template--wrap .template__item input:disabled + .template__content:after {content:'';display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);}
.template--wrap .template__item input:disabled + .template__content .template__title .name,
.template--wrap .template__item input:disabled + .template__content  .img__url {color:#C4CADA;}
.creat__form__item {display:table;width:100%;table-layout:fixed;}
.creat__form__item + .creat__form__item {margin-top:20px;}
.creat__form__item dt,
.creat__form__item dd {display:table-cell;font-size:16px;line-height:50px;vertical-align:top;}
.creat__form__item dt {color:#78829D;width:170px;height:50px;}
.creat__form__item dd {width:calc(100% - 170px);}
.creat__form__item dd .ip__text {height:50px;}
.creat__form__item dd .radio__type {display:inline-block;margin-right:20px;}
.creat__form__item dd .checkbox__type {display:inline-block;padding:12px 0;}
.creat__form__item dd .checkbox__type.type__block {display:block;padding:12px 0;}
.creat__form__item dd .variable--wrap {font-size:0;line-height:1;}
.creat__form__item dd .variable--wrap + .variable--wrap {margin-top:10px;}
.creat__form__item dd .variable--wrap .ip__text.w-all {display:inline-block;width:calc(100% - 290px);margin:0 20px;vertical-align:top;}
.creat__form__item dd .variable--wrap .btn__variable--add,
.creat__form__item dd .variable--wrap .btn__variable--remove {position:relative;display:inline-block;width:50px;height:50px;vertical-align:top;box-sizing:border-box;border:1px solid #DBDFE9;background:#FCFCFC;border-radius:6px;}
.creat__form__item dd .variable--wrap .btn__variable--add:before,
.creat__form__item dd .variable--wrap .btn__variable--remove:before {content:'';display:block;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.creat__form__item dd .variable--wrap .btn__variable--add:before {background:url(../images/ico_vr_add.png) no-repeat 50%/cover;}
.creat__form__item dd .variable--wrap .btn__variable--remove:before {background:url(../images/ico_vr_remove.png) no-repeat 50%/cover;}
.creat__form__item dd .variable--wrap select.w200 {display:inline-block;width:200px;height:50px;vertical-align:top;background:#f9f9f9 url(../images/arr_select.png) no-repeat calc(100% - 14px) 50% / 20px;}
.creat__form__item dd .variable--wrap .checkbox__type {margin-left:20px;}
.creat__form__item dd .variable--wrap .memory--wrap {position:relative;width:200px;vertical-align:top;}
.creat__form__item dd .variable--wrap .memory--wrap .ip__text {padding-right:50px;}
.creat__form__item dd .variable--wrap .memory--wrap span {position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:14px;line-height:1;color:#99A1B7;}
.filebox {position:relative;}
.filebox .file__custom {width:1px;height:1px;opacity:0;position:absolute;top:0;left:0;}
.filebox .ip__text {vertical-align:top;font-size:14px;}
.filebox .upload__title {width:calc(100% - 160px);}
.filebox .btn__file {height:48px;line-height:48px;float:right;width:140px;vertical-align:top;text-align:center;}
.filebox .btn__reset {display:none;position:absolute;top:50%;right:105px;transform:translateY(-50%);}
.filebox.on .btn__reset {display:block;}
.create__item .filter--wrap {margin:30px 0 -5px 0; font-size:0;}
.create__item .filter--wrap input[type=text],
.create__item .filter--wrap input[type=search] {height:50px;}
.create__item .filter--wrap .btn__confirm {width:100px;border-color:#DBDFE9;background:#F1F1F4;color:#4B5675;height:50px;margin-left:20px;}
.create__item .filter--wrap .btn__confirm:before {display:none;}
.create__item .filter--wrap .search--wrap,
.create__item .filter--wrap .search--wrap dt,
.create__item .filter--wrap .search--wrap dd {display:inline-block;vertical-align:top;}
.create__item .filter--wrap .search--wrap dt {margin-right:20px;font-size:16px;color:#78829D;line-height:50px;}
.create__item .filter--wrap .search--wrap dd {}
.create__item .filter--wrap .filter-layer {display:inline-block;float:right;white-space:nowrap;}
.create__item .filter--wrap .filter-layer dl,
.create__item .filter--wrap .filter-layer dl dt,
.create__item .filter--wrap .filter-layer dl dd {display:inline-block;}
.create__item .filter--wrap .filter-layer dl dt {font-size:16px;color:#78829D;line-height:50px;padding:0 20px 0 40px;}
.create__item .filter--wrap .filter-layer input[type=text],
.create__item .filter--wrap .filter-layer input[type=search] {width:160px;}
.create__item .filter--wrap .filter-layer .storage {}
.create__item .filter--wrap .filter-layer .storage dd {}
.create__item .filter--wrap .filter-layer .cost {}
.create__item .filter--wrap .filter-layer .cost dd {}
.create__item .filter--wrap .filter-layer .cost dd .dash {display:inline-block;font-size:16px;text-align:center;width:24px;}
.create__item .filter--wrap .filter-layer .cost dd .input__search {display:inline-block;}
.create__item .btn__search {display:inline-block;width:56px;height:56px;background:url(../images/btn_search.png) no-repeat 50%/cover;margin-left:16px;vertical-align:top;}
.gpu__title:before {display:inline-block;vertical-align:top;width:40px;height:40px;content:'';background:url(../images/ico_gpu.png) no-repeat 50%/cover;margin-right:8px;}
.gpu__title strong {color:#071437;font-size:19px;line-height:40px;font-weight:500;}
.gpu__list--wrap > dt {margin:35px 0 15px 0;}
.gpu__list--wrap .price__item--wrap {font-size: 0;}
.gpu__list--wrap .price__item--wrap .price__item {display:inline-block;text-align:center;width:calc(33.3333% - 20px);margin:20px 0 0  30px;vertical-align:top;}
.gpu__list--wrap .price__item--wrap .price__item:nth-child(1),
.gpu__list--wrap .price__item--wrap .price__item:nth-child(2),
.gpu__list--wrap .price__item--wrap .price__item:nth-child(3) {margin-top:0;}
.gpu__list--wrap .price__item--wrap .price__item:nth-child(3n+1) {margin-left:0;}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label {text-align:center;padding:20px 0;box-sizing:border-box;border-radius:12px;border:1px dashed #DBDFE9;background:#fff url(../images/bg_item.png) no-repeat 50%/cover;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label.is-checked {border-color:#8247FF;background:#FAF8FF url(../images/bg_item.png) no-repeat 50%/cover;}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label.disabled {border-color:#DBDFE9 !important;background:#efefef;}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label.disabled * {color:#ccc !important;}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label.is-activated {position:relative;}
.gpu__list--wrap .price__item--wrap .price__item .price__item--label.is-activated:after {content:'';display:block;width:20px;height:20px;border:1px solid #8247FF;background:url(../images/ico_tooltip_chk.png) no-repeat 50%/cover;border-radius:100%;position:absolute;top:10px;left:10px;}
@media (hover: hover) and (pointer: fine) {
	.gpu__list--wrap .price__item--wrap .price__item .price__item--label:hover {cursor:pointer;border-color:#8247FF;}
	.gpu__list--wrap .price__item--wrap .price__item .price__item--label.disabled:hover {cursor:not-allowed;}
}
.gpu__list--wrap .price__item--wrap .price__item h4 {padding:0 20px;font-size:16px;font-weight:600;line-height:1.2;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec {padding:14px 0 9px 0;font-size:0;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dl {display:inline-block;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dt,
.gpu__list--wrap .price__item--wrap .price__item .product__spec dd {display:inline-block;font-size:16px;font-weight:500;line-height:1.2;vertical-align:top;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dt {color:#78829D;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dd {padding:0 8px;color:#071437;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dl:last-child dd {padding-right:0;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dl:first-child dd {padding-left:0;}
.gpu__list--wrap .price__item--wrap .price__item .product__spec dl:first-child dt {color:#071437;}
.gpu__list--wrap .price__item--wrap .price__item .product__price {font-size:0;}
.gpu__list--wrap .price__item--wrap .price__item .product__price dl {display:inline-block;}
.gpu__list--wrap .price__item--wrap .price__item .product__price dt,
.gpu__list--wrap .price__item--wrap .price__item .product__price dd {display:inline-block;font-size:16px;font-weight:500;line-height:1.2;vertical-align:top;}
.gpu__list--wrap .price__item--wrap .price__item .product__price dt {color:#78829D;}
.gpu__list--wrap .price__item--wrap .price__item .product__price dd {padding:0 8px;color:#071437;}
.gpu__list--wrap .price__item--wrap .price__item .product__price dl:last-child dd {padding-right:0;}
.amount__item .price__noti {display:table;width:100%;table-layout:fixed;margin: 30px 0;}
.amount__item .price__noti dt {display:table-cell;width:120px;vertical-align:middle;font-size:16px;color:#4B5675;font-weight:600;}
.amount__item .price__noti dd {display:table-cell;vertical-align:middle;font-size:14px;line-height:1.5;color:#4B5675;font-weight:500;}
.amount__item .price__noti dd ul li {position:relative;padding-left:10px;}
.amount__item .price__noti dd ul li:before {content:'';display:block;width:3px;height:3px;background:#4B5675;border-radius:100%;position:absolute;top:12px;left:0;}
.amount__item .priece__range {font-size:0;}
.amount__item .priece__range li {display:inline-block;width:calc(50% - 11px);padding:12px 0;vertical-align:top;box-sizing:border-box;border:1px solid #DBDFE9;background:#fff;border-radius:12px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.amount__item .priece__range li + li {margin-left:22px;}
.amount__item .priece__range dl {display:table;width:100%;table-layout:fixed;}
.amount__item .priece__range dt {display:table-cell;width:150px;vertical-align:middle;font-size:25px;color:#071437;font-weight:600;text-align:center;}
.amount__item .priece__range dd {display:table-cell;vertical-align:middle;padding:15px 30px;border-left:1px solid #DBDFE9;}
.amount__item .priece__range dd div {font-size:19px;line-height:1.5;color:#78829D;font-weight:500;}
.amount__item .priece__range dd div + div {margin-top:13px;color:#4B5675;font-weight:600;}
.deploy__checkbox--wrap {margin-top:30px;}
.deploy__checkbox--wrap .radio__type {display:block;}
.deploy__checkbox--wrap .radio__type + .radio__type {margin-top:20px;}
.create--wrap .btn--wrap {margin:30px 0 0 0;text-align:right;font-size:0;}
.create--wrap .btn--wrap .btn__default {width:136px;}
.create--wrap .btn--wrap .btn__default + .btn__default {margin-left:12px;}
.modal__container.template__detail {width: 1000px;}
.modal__container.template__detail .template--wrap {padding:40px;background:#fff;}
.modal__container.template__detail .template--wrap .template__title--wrap {display:table;width:100%;table-layout:fixed;padding:0 50px;box-sizing:border-box;margin-bottom:40px;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__thumb {display:table-cell;vertical-align:middle;width:80px;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__thumb div {position:relative;width:80px;height:80px;border-radius:100%;border:1px solid #DBDFE9;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__thumb img {position:absolute;top:50%;left:50%;min-width:100%;height:100%;min-height:100%;object-fit:cover;transform: translate(-50%, -50%);border-radius:100%;vertical-align:top;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__title {display:table-cell;vertical-align:middle;padding-left:40px;text-align:left;color:#071437;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__title .template__name {font-size:19px;line-height:1;font-weight:600;}
.modal__container.template__detail .template--wrap .template__title--wrap .template__title .template__url {margin-top:20px;font-size:16px;line-height:1;font-weight:400;}
.text__validation {font-size:12px;line-height:1.2;margin-top:8px;}
.text__validation.valid {color:#0019f4;}
.text__validation.error {color:#ff0000;}
.radio__type + .text__validation {margin-top:0;}
@media (max-width: 1550px) {
	.create__item .filter--wrap .search--wrap {display:block;}
	.create__item .filter--wrap .filter-layer {float:none;display:block;margin-top:16px;}
	.create__item .filter--wrap .search--wrap input[type=text],
	.create__item .filter--wrap .search--wrap input[type=search],
	.create__item .filter--wrap .filter-layer input[type=text],
	.create__item .filter--wrap .filter-layer input[type=search] {width:200px;}
}
@media (max-width: 1300px) {
	.create__item .filter--wrap .search--wrap dt {width:110px;margin-right:0;}
	.create__item .filter--wrap .filter-layer dl dt {width:110px;padding:0;}
	.create__item .filter--wrap .filter-layer .cost {margin-left:40px;}
	.gpu__list--wrap .price__item--wrap .price__item {width:calc(33% - 12px);margin-left:20px;}
	.gpu__list--wrap .price__item--wrap .price__item:nth-child(3n+1) {margin-left:0;}
	.gpu__list--wrap .price__item--wrap .price__item h4 {font-size:14px;}
	.gpu__list--wrap .price__item--wrap .price__item .product__spec dt,
	.gpu__list--wrap .price__item--wrap .price__item .product__spec dd,
	.gpu__list--wrap .price__item--wrap .price__item .product__price dt,
	.gpu__list--wrap .price__item--wrap .price__item .product__price dd {font-size:14px;}
}
@media (max-width: 1110px) {
	.create__item .filter--wrap .search--wrap dt,
	.create__item .filter--wrap .filter-layer dl dt {width:90px;}
	.create__item .filter--wrap .search--wrap input[type=text],
	.create__item .filter--wrap .search--wrap input[type=search],
	.create__item .filter--wrap .filter-layer input[type=text],
	.create__item .filter--wrap .filter-layer input[type=search] {width:calc(33vw - 152px);}
	.create__item .filter--wrap .filter-layer .cost {margin-left:20px;}
}
@media (max-width: 800px) {
	.create__description {display:block;padding:16px;box-sizing:border-box;}
	.create__description dt {display:block;width:100%;padding:0;font-size:16px;}
	.create__description dd {display:block;padding:16px 0 0 0;}
	.create__item {margin-top:16px;}
	.create__item > dt {padding:16px;font-size:16px;}
	.create__item > dt:after {top:11px;right:11px;background-size:20px;}
	.create__item > dd {padding:0 16px 16px 16px;}
	.usage__toggle {vertical-align:top;}
	.usage__toggle div strong {font-size:14px;}
	.usage__toggle div span {width:32px;height:22px;}
	.usage__toggle div span:before {width:16px;height:16px;}
	.template--wrap {padding:12px;}
	.template--wrap .templateSwiper {padding-bottom:20px;}
	.template--wrap .template__list li {display:block;}
	.template--wrap .template__item .template__content {padding:12px;margin-top:12px;}
	.template--wrap .template__item .template__content .template__title .thumb {width:30px;height:30px;}
	.template--wrap .template__item .template__content .template__title .name {font-size:14px;line-height:30px;margin-left:6px;}
	.template--wrap .template__item .template__content .img__url {padding:16px 0 30px 0;font-size:12px;}
	.template--wrap .template__list li .btn__modal {font-size:14px;}
	.creat__form__item  {display:block;padding:16px 0;box-sizing:border-box;}
	.creat__form__item + .creat__form__item {margin-top:0;}
	.creat__form__item dt,
	.creat__form__item dd {display:block;width:100%;line-height:16px;}
	.creat__form__item dt {height:auto;font-size:16px;line-height:1;margin-bottom:16px;}
	.creat__form__item dd {font-size:0;}
	.creat__form__item dd .radio__type {margin-bottom:10px;width:33.3333%;}
	.creat__form__item dd .radio__type + .radio__type {margin-left:0;}
	.creat__form__item dd .ip__text {height:36px;}
	.filebox .upload__title {width:calc(100% - 100px);}
	.filebox .btn__file {width:91px;height:36px;line-height:36px;}
	.creat__form__item dd .checkbox__type.type__block {padding:0;}
	.create__item .filter--wrap {margin-top:16px;}
	.create__item .filter--wrap .search--wrap {display:block;}
	.create__item .filter--wrap .search--wrap input[type=text],
	.create__item .filter--wrap .search--wrap input[type=search] {width:100%;}
	.create__item .filter--wrap .filter-layer {float:none;display:block;margin-top:0;}
	.create__item .filter--wrap .filter-layer dl {display:block;}
	.create__item .filter--wrap .search--wrap dt {padding:0;width:80px;font-size:14px;line-height:36px;margin:0 !important;}
	.create__item .filter--wrap .search--wrap dd {width:calc(100% - 80px);}
	.create__item .filter--wrap input[type=text],
	.create__item .filter--wrap input[type=search] {width:100%;height:36px;}
	.create__item .filter--wrap .filter-layer dl dt {padding:0;width:80px;font-size:14px;line-height:36px;}
	.create__item .filter--wrap .filter-layer dl dd {width:calc(100% - 80px);}
	.create__item .filter--wrap .filter-layer input[type=text],
	.create__item .filter--wrap .filter-layer input[type=search] {width:100%;}
	.create__item .filter--wrap .filter-layer .storage {margin:5px 0;}
	.create__item .filter--wrap .filter-layer .cost {margin-left:0;}
	.create__item .filter--wrap .filter-layer .cost dd .input__search {width:calc(50% - 12px);}
	.create__item .filter--wrap .btn__confirm {height:36px;width:100%;margin:10px 0 0 0;}
	.gpu__list--wrap > dt {margin:20px 0 10px 0;}
	.gpu__title:before {width:30px;height:30px;}
	.gpu__title strong {font-size:18px;line-height:30px;}
	.gpu__list--wrap > dd {}
	.gpu__list--wrap .price__item--wrap {margin-top:-8px;}
	.gpu__list--wrap .price__item--wrap .price__item {width:calc(50% - 4px);margin:8px 0 0 8px !important;}
	.gpu__list--wrap .price__item--wrap .price__item:nth-child(odd) {margin-left:0 !important;}
	.gpu__list--wrap .price__item--wrap .price__item .price__item--label {padding:20px 12px;}
	.gpu__list--wrap .price__item--wrap .price__item .price__item--label.is-activated:after {top:2px;left:2px;width:14px;height:14px;}
	.gpu__list--wrap .price__item--wrap .price__item h4 {padding:0;font-size:14px;}
	.gpu__list--wrap .price__item--wrap .price__item .product__spec {padding:8px 0 0 0;text-align:left;}
	.gpu__list--wrap .price__item--wrap .price__item .product__spec dt,
	.gpu__list--wrap .price__item--wrap .price__item .product__spec dd {font-size:12px;}
	.gpu__list--wrap .price__item--wrap .price__item .product__price {text-align:left;}
	.gpu__list--wrap .price__item--wrap .price__item .product__price dt,
	.gpu__list--wrap .price__item--wrap .price__item .product__price dd {font-size:12px;}
	.creat__form__item dd .variable--wrap .ip__text {width:calc(55% - 23px);}
	.creat__form__item dd .variable--wrap .ip__text.w-all {width:calc(45% - 23px);margin:0 5px;}
	.creat__form__item dd .variable--wrap .btn__variable--add,
	.creat__form__item dd .variable--wrap .btn__variable--remove {width:36px;height:36px;}
	.creat__form__item dd .variable--wrap .btn__variable--add:before,
	.creat__form__item dd .variable--wrap .btn__variable--remove:before {width:10px;height:10px;}
	.creat__form__item dd .variable--wrap select.w200 {height:36px;width:calc(55% - 23px);}
	.creat__form__item dd .variable--wrap .checkbox__type {padding:8px 0;margin-left:8px;}
	.creat__form__item dd .variable--wrap .memory--wrap {width:calc(55% - 23px);}
	.creat__form__item dd .variable--wrap .memory--wrap .ip__text {width:100%;}
	.creat__form__item dd .variable--wrap .memory--wrap span {font-size:15px;}
	.amount__item .price__noti {display:block;margin:16px 0;}
	.amount__item .price__noti dt,
	.amount__item .price__noti dd {display:block;width:100%;}
	.amount__item .price__noti dt {margin-bottom:10px;font-size:16px;}
	.amount__item .price__noti dd ul li {font-size:13px;}
	.amount__item .price__noti dd ul li:before {top:7px;}
	.amount__item .priece__range li {display:block;width:100%;}
	.amount__item .priece__range li + li {margin:10px 0 0 0;}
	.amount__item .priece__range dt {font-size:16px;}
	.amount__item .priece__range dd div {font-size:14px;}
	.amount__item .priece__range dd div + div {margin-top:0;}
	.deploy__checkbox--wrap {margin-top:16px;}
	.deploy__checkbox--wrap .radio__type + .radio__type {margin-top:10px;}
	.modal__container.template__detail .template--wrap {padding:20px;}
	.modal__container.template__detail .template--wrap .template__title--wrap {padding:0;margin-bottom:20px;}
	.modal__container.template__detail .template--wrap .template__title--wrap .template__thumb {width:50px;}
	.modal__container.template__detail .template--wrap .template__title--wrap .template__thumb div {width:50px;height:50px;}
	.modal__container.template__detail .template--wrap .template__title--wrap .template__title {padding-left:20px;}
	.modal__container.template__detail .template--wrap .template__title--wrap .template__title .template__name {font-size:16px;}
	.modal__container.template__detail .template--wrap .template__title--wrap .template__title .template__url {font-size:14px;}
	.modal__container.template__detail .template--wrap .template__info--wrap .creat__form__item dd div {font-size:14px;}
	.modal__container.template__detail .template--wrap .template__info--wrap .creat__form__item dd textarea {height:60px;}
}
/* 마이페이지 */
.mypage__tab {font-size:0;margin-bottom:30px;}
.mypage__tab li {display:inline-block;}
.mypage__tab li + li {margin-left:20px;}
.mypage__tab li a {position:relative;display:block;padding:20px 30px;font-size:18px;font-weight:500;color:#4B5675;line-height:1;}
.mypage__tab li a.is-active {color:#8247FF;af}
.mypage__tab li a.is-active:after {content:'';display:block;width:100%;height:2px;background:#8247FF;position:absolute;bottom:0;left:0;}
.mypage--wrap .workload-index__item {position:relative;padding:30px 40px;}
.mypage--wrap .workload-index__item + .workload-index__item {margin-top:30px;}
.mypage--wrap .workload-index__item h3 {font-size:22px;font-weight:600;color:#071437;margin-bottom:30px;line-height:1;}
.mypage--wrap .workload-index__item .btn__profile--edit {position:absolute;top:24px;right:40px;}
.setting--wrap {font-size:0;}
.setting--wrap dl {display:inline-block;width:50%;vertical-align:top;line-height:1;}
.setting--wrap dl.type__block {display:block;width:100%;}
.setting--wrap dl + dl {margin-top:20px;}
.setting--wrap.type--edit dl + dl {margin-top:20px;}
.setting--wrap dl:nth-child(2) {margin-top:0;}
.setting--wrap.type--edit dl:nth-child(2) {margin-top:0;}
.setting--wrap dl dt {display:inline-block;width:170px;vertical-align:top;font-size:16px;color:#78829D;}
.setting--wrap.type--edit dl dt {line-height:26px;}
.setting--wrap dl dd {display:inline-block;width:calc(100% - 170px);vertical-align:top;font-size:16px;color:#071437;font-weight:500;}
.setting--wrap.type--edit dl dd {font-weight:400;}
.setting--wrap dl dd .timepicker--wrap {margin-top:-6px;}
.setting--wrap dl dd .ip__time {width:140px;}
.setting--wrap dl dd .block__list li + li {margin-top:15px;}
.setting--wrap dl dd .inline__list li {display:inline-block;}
.setting--wrap dl dd .inline__list li + li {margin-left:20px;}
.setting--wrap dl dd .btn__account {margin:-8px 0;}
.setting--wrap dl dd .ip__text--wrap {margin:-7px 0 0 0;}
.storage--wrap .guide__txt {display:inline-block;font-size:16px;color:#071437;font-weight:500;line-height:1.5;vertical-align:bottom;}
.storage--wrap .btn__guide {display:inline-block;margin-left:10px;text-decoration:underline;font-size:16px;color:#8247FF;line-height:1.5;vertical-align:bottom;}
.storage--wrap .storage__information--wrap {box-sizing:border-box;margin-top:30px;border:1px solid #F1F1F4;border-radius:12px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.storage--wrap .storage__information--wrap table {width:100%;table-layout:fixed;border-radius:12px;}
.storage--wrap .storage__information--wrap table thead th {padding:17px 10px;background:#FCFCFC;text-align:center;font-size:14px;font-weight:500;color:#78829D ;line-height:1;vertical-align:middle;}
.storage--wrap .storage__information--wrap table thead th + th {border-left:1px solid #F1F1F4;}
.storage--wrap .storage__information--wrap table tbody th {border-top:1px solid #F1F1F4;padding:17px 10px;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.storage--wrap .storage__information--wrap table tbody td {border-top:1px solid #F1F1F4;border-left:1px solid #F1F1F4;padding:17px 10px;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.storage--wrap .storage__information--wrap table tbody td a {text-decoration:underline;font-size:14px;font-weight:500;color:#056EE9;line-height:1;}
.storage--wrap .btn--wrap {margin-top:50px;text-align:center;}
.storage--wrap .btn--wrap .btn__regist {width:274px;}
@media (max-width: 1050px) {
	.setting--wrap dl dt {font-size:14px;width:110px;}
	.setting--wrap dl dd {font-size:14px;width:calc(100% - 110px);}
	.setting--wrap dl dd .radio__type span,
	.setting--wrap dl dd .checkbox__type span {font-size:14px;}
	.setting--wrap dl dd .ip__time {width:100px}
	.storage--wrap .guide__txt {font-size:12px;}
	.storage--wrap .btn__guide {margin:10px 0 0 0;font-size:12px;}
	.storage--wrap .storage__information--wrap {margin-top:20px;width:100%;overflow-x:auto;}
	.storage--wrap .storage__information--wrap.type2 table {width:200vw;}
	.storage--wrap .storage__information--wrap table thead th {padding:16px 5px;font-size:12px;}
	.storage--wrap .storage__information--wrap table tbody th,
	.storage--wrap .storage__information--wrap table tbody td {padding:12px 5px;font-size:12px;}
	.storage--wrap .storage__information--wrap table tbody td a {font-size:12px;}
	.storage--wrap .btn--wrap {margin-top:20px;}
	.storage--wrap .btn--wrap .btn__regist {width:100%;}
}
@media (max-width: 800px) {
	.mypage__tab {margin-bottom:20px;}
	.mypage__tab li {width:33.3333%;}
	.mypage__tab li a {padding:12px 0;font-size:14px;text-align:center;}
	.mypage__tab li + li {margin-left:0;}
	.mypage--wrap .workload-index__item {padding:20px 16px;}
	.mypage--wrap .workload-index__item + .workload-index__item {margin-top:20px;}
	.mypage--wrap .workload-index__item h3 {margin-bottom:20px;font-size:14px;}
	.mypage--wrap .workload-index__item .btn__profile--edit {position:static;display:block;margin-top:20px;width:100%;}
	.setting--wrap dl {display:block;width:100%;}
	.setting--wrap.type--edit dl + dl {margin-top:20px;}
	.setting--wrap dl:nth-child(2),
	.setting--wrap.type--edit dl:nth-child(2) {margin-top:20px;}
	.setting--wrap dl dt {width:100px;font-size:12px;}
	.setting--wrap.type--edit dl dt {line-height:16px;}
	.setting--wrap dl dd {width:calc(100% - 100px);font-size:12px;}
	.setting--wrap dl dd .block__list li + li {margin-top:10px;}
	.setting--wrap dl dd .inline__list li + li {margin-left:5px;}
	.setting--wrap dl dd .timepicker--wrap {margin:-10px 0;}
	.setting--wrap dl dd .ip__time {width:80px;height:36px;padding:5px 10px;font-size:12px;}
	.setting--wrap dl dd .ip__time:placeholder {font-size:12px;}
	.setting--wrap dl dd .btn__account {height:36px;margin:-10px 0;}
	.setting--wrap dl dd .ip__text--wrap {margin-top:-10px;}
	.setting--wrap dl dd .ip__text--wrap .ip__text {width:calc(100% - 20px);height:36px;}
}
.modal__container.profile_edit {width:810px;}
.modal__container.profile_edit .edit--wrap {}
.modal__container.profile_edit .edit--wrap dl {display:table;table-layout:fixed;width:100%;}
.modal__container.profile_edit .edit--wrap dl + dl {margin-top:30px;}
.modal__container.profile_edit .edit--wrap dl dt {display:table-cell;width:170px;vertical-align:middle;font-size:16px;}
.modal__container.profile_edit .edit--wrap dl dd {display:table-cell;width:calc(100% - 170px);vertical-align:middle;}
.modal__container.profile_edit .edit--wrap dl dd .checkbox__type {display:inline-block;}
.modal__container.profile_edit .edit--wrap dl dd .checkbox__type + .checkbox__type {margin-left:20px;}
@media (max-width:820px) {
	.modal__container.profile_edit {width:90%;}
}
@media (max-width:800px) {
	.modal__container.profile_edit .edit--wrap dl + dl {margin-top:10px;}
	.modal__container.profile_edit .edit--wrap dl dt {width:100px;font-size:12px;}
}
.modal__container.personal_storage {}
.modal__container.personal_storage .storage__list--wrap {}
.modal__container.personal_storage .storage__list--wrap dt {padding:20px 0 10px 0;font-size:16px;color:#78829D;}
.modal__container.personal_storage .storage__list--wrap dt:first-child {padding-top:0;}
.modal__container.personal_storage .storage__list--wrap .storage__list {display:flex;gap:21px;flex-wrap:wrap;}
.modal__container.personal_storage .storage__list--wrap .storage__list li {flex: 0 0 calc(33.3333% - 14px);}
.modal__container.personal_storage .storage__list--wrap .storage__item {position:relative;display:block;}
.modal__container.personal_storage .storage__list--wrap .storage__item input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.modal__container.personal_storage .storage__list--wrap .storage__item div {text-align:center;font-size:0;border:1px solid #DBDFE9;border-radius:6px;height:56px;box-sizing:border-box;padding:14px 0;}
.modal__container.personal_storage .storage__list--wrap .storage__item div:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:10px;}
.modal__container.personal_storage .storage__list--wrap .storage__item1 div:before {background:url(../images/ico_storage1.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item2 div:before {background:url(../images/ico_storage2.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item3 div:before {background:url(../images/ico_storage3.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item4 div:before {background:url(../images/ico_storage4.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item5 div:before {background:url(../images/ico_storage5.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item6 div:before {background:url(../images/ico_storage6.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item7 div:before {background:url(../images/ico_storage7.png) no-repeat 50%/auto 100%;}
.modal__container.personal_storage .storage__list--wrap .storage__item div span {display:inline-block;line-height:24px;vertical-align:top;font-size:14px;color:#4B5675;font-weight:500;}
.modal__container.personal_storage .storage__list--wrap .storage__item input:checked +  div {border:1px dashed #8247FF;background:#FAF8FF;}
.modal__container.personal_storage .storage__list--wrap .storage__volume--wrap + .storage__volume--wrap {margin-top:40px;}
.modal__container.personal_storage .storage__list--wrap .storage__volume {display:inline-block;width:calc(100% - 40px);vertical-align:top;}
.modal__container.personal_storage .storage__list--wrap .storage__volume + span {display:inline-block;width:auto;padding-left:10px;text-align:left;line-height:48px;font-size:16px;color:#4B5675;font-weight:500;vertical-align:top;}
@media (max-width:800px) {
	.modal__container.personal_storage .storage__list--wrap dt {font-size:14px;}
	.modal__container.personal_storage .storage__list--wrap dt:first-child {padding-top:0;}
	.modal__container.personal_storage .storage__list--wrap .storage__list {gap:12px;}
	.modal__container.personal_storage .storage__list--wrap .storage__list li {flex: 0 0 calc(50% - 6px);}
	.modal__container.personal_storage .storage__list--wrap .storage__item div {height:36px;padding:8px 0;}
	.modal__container.personal_storage .storage__list--wrap .storage__item div:before {width:16px;height:16px;margin-right:4px;background-size:auto 16px !important;}
	.modal__container.personal_storage .storage__list--wrap .storage__item div span {font-size:12px;line-height:16px;}
	.modal__container.personal_storage .storage__list--wrap .storage__volume--wrap + .storage__volume--wrap {margin-top:10px;}
	.modal__container.personal_storage .storage__list--wrap .storage__volume {width:calc(100% - 35px);}
	.modal__container.personal_storage .storage__list--wrap .storage__volume + span {padding-left:5px;line-height:30px;font-size:12px;}
}




/* 공급자 */
/* 포인트 현황 */
.point--type__list {font-size:0;padding:20px 0 0 0;}
.point--type__item {position:relative;display:inline-block;width:calc(33.3333% - 17px);height:83px;padding:30px 0 0 70px;text-align:left;vertical-align:top;margin:0 0 20px 20px;box-sizing:border-box;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);box-sizing:border-box;}
.point--type__item:nth-child(3n+1) {margin-left:0;}
.point--type__item dl {display:inline-block;}
.point--type__item dl dt,
.point--type__item dl dd {display:inline-block;vertical-align:middle;text-align:left;}
.point--type__item dl dt {width:120px;font-size:16px;color:#78829D;line-height:1;}
.point--type__item dl dd {font-size:22px;color:#071437;line-height:1;font-weight:600;}
.point--type__item .btn__use {position:absolute;bottom:9px;right:20px;width:90px;height:35px;border-radius:35px;border:1px solid rgba(130, 71, 255, 0.20);background:#FAF8FF;box-sizing:border-box;font-size:16px;color:#5F14FF;font-weight:500;}
.point--type__item.type2 {padding-top:20px;}
.point--type__item dl dd .type2--wrap {display:none;}
.point--type__item .type2--wrap {padding:5px 0 0 0;}
.point--type__item .type2--wrap dl dt {font-size:16px;}
.point--type__item .type2--wrap dl dd {font-size:14px;color:#4B5675;font-weight:500;}
.point__detail--wrap {}
.point__detail--wrap .point__sorting--wrap {margin-top:-10px;}
.point__detail--wrap .point__sorting--wrap .checkbox--wrap {display:inline-block;padding:10px 0;white-space:nowrap;font-size:0;vertical-align:top;}
.point__detail--wrap .point__sorting--wrap .checkbox--wrap .checkbox__type {display:inline-block;white-space:nowrap;vertical-align:top;}
.point__detail--wrap .point__sorting--wrap .checkbox--wrap .checkbox__type + .checkbox__type {margin-left:20px;}
.point__detail--wrap .point__sorting--wrap .status--wrap {float:right;}
.point__detail--wrap .point__sorting--wrap .status--wrap select + select {margin-left:12px;}
.point__detail-table--wrap {box-sizing:border-box;margin-top:20px;border:1px solid #F1F1F4;border-radius:12px;background:#fff;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.point__detail-table--wrap table {width:100%;table-layout:fixed;border-radius:12px;overflow:hidden;}
.point__detail-table--wrap table .d-col1,
.point__detail-table--wrap table .d-col2,
.point__detail-table--wrap table .d-col3 {width:200px;}
.point__detail-table--wrap table thead th {padding:18px 0;background:#FCFCFC;text-align:center;font-size:14px;font-weight:500;color:#78829D ;line-height:1;vertical-align:middle;}
.point__detail-table--wrap table thead th + th {border-left:1px solid #F1F1F4;}
.point__detail-table--wrap table tbody th {border-top:1px solid #F1F1F4;padding:17px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.point__detail-table--wrap table tbody td {border-top:1px solid #F1F1F4;border-left:1px solid #F1F1F4;padding:22px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.point__detail-table--wrap table tbody td.ag-left {padding:18px 30px;}
.point__detail-table--wrap table tfoot th,
.point__detail-table--wrap table tfoot td {padding:22px 0;text-align:center;vertical-align:middle;border-top:1px solid #99A1B7;font-size:14px;color:#4B5675;font-weight:600;}
.point__detail-table--wrap table tfoot td {border-left:1px solid #F1F1F4;}
.modal__container.point_use {}
.modal__container.point_use .point_use--noti {margin-bottom:40px;font-size:16px;color:#071437;line-height:1.2;}
.modal__container.point_use .edit--wrap {}
.modal__container.point_use .edit--wrap dl {display:table;table-layout:fixed;width:100%;}
.modal__container.point_use .edit--wrap dl + dl {margin-top:30px;}
.modal__container.point_use .edit--wrap dl dt {display:table-cell;width:170px;vertical-align:middle;font-size:16px;color:#78829D;}
.modal__container.point_use .edit--wrap dl dd {display:table-cell;vertical-align:middle;font-size:16px;color:#4B5675;}
.modal__container.point_use .edit--wrap dl dd .ip__text {width:200px;}
.modal__container.point_use .edit--wrap .btn--wrap {padding:30px 0 0 0;}
.modal__container.point_use .edit--wrap .btn__account-edit {width:136px;height:52px;}
@media (max-width:1200px) {
	.point--type__item {width:calc(50% - 10px);margin:0 0 20px 20px;}
	.point--type__item.type2 {width:100%;margin-left:0;}
	.point--type__item:nth-child(3n+1) {margin:0 0 20px 20px;}
	.point--type__item:first-child,
	.point--type__item:nth-child(even) {margin-left:0;}
	.point--type__item:nth-child(2) {margin-left:20px;}
}
@media (max-width:800px) {
	.point--type__item {height:73px;width:calc(50% - 5px);padding:12px 20px;margin:0 0 10px 10px;}
	.point--type__item:nth-child(3n+1) {margin:0 0 10px 10px;}
	.point--type__item:first-child,
	.point--type__item:nth-child(even) {margin-left:0;}
	.point--type__item:nth-child(2) {margin-left:10px;}
	.point--type__item.type2 {padding-top:15px;margin-bottom:10px;}
	.point--type__item dl {display:block;}
	.point--type__item dl dt {width:100%;font-size:14px;}
	.point--type__item dl dd {display:flex;width:100%;font-size:20px;margin-top:6px;}
	.point--type__item dl dd em {}
	.point--type__item dl dd .type2--wrap {display:flex;padding:0;align-items:flex-end;margin-left:8px; }
	.point--type__item .type2--wrap dl {display:flex;}
	.point--type__item .type2--wrap dl dt {width:170px;font-size:12px;color:#78829D;font-weight:400;}
	.point--type__item .type2--wrap dl dd {margin:0;font-size:12px;}
	.point--type__item .btn__use {width:auto;padding:0 10px;font-size:12px;bottom:auto;top:8px;right:12px;height:24px;border-radius:24px;line-height:23px;}
	.point--wrap .mypage__tab li {width:50%;}
	.point__detail--wrap .point__sorting--wrap {margin:0;text-align:right;}
	.point__detail--wrap .point__sorting--wrap .checkbox--wrap {text-align:left;float:left;display:block;padding:0;margin:6px 0;height:16px;}
	.point__detail--wrap .point__sorting--wrap .checkbox--wrap .checkbox__type + .checkbox__type {margin-left:4px;}
	.point__detail--wrap .point__sorting--wrap .status--wrap {text-align:left;float:none;display:inline-block;}
	.point__detail-table--wrap {margin-top:15px;}
	.point__detail-table--wrap table .d-col1 {width:75px;}
	.point__detail-table--wrap table .d-col2 {width:50px;}
	.point__detail-table--wrap table .d-col3 {width:110px;}
	.point__detail-table--wrap table {overflow-x:visible;}
	.point__detail-table--wrap table thead th,
	.point__detail-table--wrap table tbody th,
	.point__detail-table--wrap table tbody td,
	.point__detail-table--wrap table tfoot th,
	.point__detail-table--wrap table tfoot td {padding:12px 0;font-size:12px;}
	.point__detail-table--wrap table tbody td.ag-left {padding:12px;}
	.modal__container.point_use .point_use--noti {margin-bottom:20px;font-size:14px;}
	.modal__container.point_use .edit--wrap dl + dl {margin-top:10px;}
	.modal__container.point_use .edit--wrap dl dt {width:100px;font-size:12px;}
	.modal__container.point_use .edit--wrap dl dd {font-size:12px;}
	.modal__container.point_use .edit--wrap .btn--wrap {padding:20px 0 0 0;}
	.modal__container.point_use .edit--wrap .btn__account-edit {width:auto;height:36px;}
}
/* 포인트 충전 */
.recharge--wrap {font-size:0;margin:35px 0 0 0;}
.recharge--wrap .recharge__item {display:inline-block;height:350px;padding:30px;margin-bottom:30px;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);box-sizing:border-box;}
.recharge--wrap .recharge__item.recharge__setting {width:calc(62% - 15px);}
.recharge--wrap .recharge__item.recharge__total {width:calc(38% - 15px);float:right;}
.recharge--wrap .recharge__item dt {font-size:16px;color:#78829D;}
.recharge--wrap .recharge__item dd {font-size:16px;color:#4B5675;font-weight:500;}
.recharge--wrap .recharge__item dd .point__available span {display:inline-block;font-size:22px;font-weight:600;color:#8247FF;line-height:24px;vertical-align:top;}
.recharge--wrap .recharge__item dd .point__available:before {content:'';display:inline-block;width:24px;height:24px;margin-right:5px;background:url(../images/ico_point.png) no-repeat 50%/cover;line-height:24px;vertical-align:top;}
.recharge--wrap .recharge__item dd .ip__text--wrap {position:relative;font-size:0;}
.recharge--wrap .recharge__item dd .ip__text--wrap .ip__text {width:calc(100% - 25px);text-align:right;}
.recharge--wrap .recharge__item dd .ip__text--wrap .won {display:block;width:25px;text-align:right;font-size:19px;color:#071437;font-weight:600;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.recharge--wrap .recharge__item dd .point__noti {padding:20px 0;color:#E42855;font-size:14px;line-height:1;font-weight:500;}
.recharge--wrap .recharge__item dd .point__list {font-size:0;}
.recharge--wrap .recharge__item dd .point__item {position:relative;display:inline-block;width:calc(16.6666% - 15px);}
.recharge--wrap .recharge__item dd .point__item + .point__item {margin-left:18px;}
.recharge--wrap .recharge__item dd .point__item input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.recharge--wrap .recharge__item dd .point__item span {position:relative;display:block;padding:14px 0;border:1px solid #DBDFE9;border-radius:6px;background:#fff;color:#4B5675;font-weight:500;font-size:14px;line-height:1;text-align:center;}
.recharge--wrap .recharge__item dd .point__item input:checked + span {border-color:#8247FF;background:#8247FF;color:#fff;}
.recharge--wrap .recharge__item.recharge__setting dt {padding:35px 0 12px 0;}
.recharge--wrap .recharge__item.recharge__setting dl:first-child dt {padding-top:0;}
.recharge--wrap .recharge__item.recharge__total dl {font-size:0;}
.recharge--wrap .recharge__item.recharge__total dl + dl {padding-top:20px;}
.recharge--wrap .recharge__item.recharge__total dl dt {display:inline-block;width:40%;}
.recharge--wrap .recharge__item.recharge__total dl dd {display:inline-block;width:60%;text-align:right;}
.recharge--wrap .recharge__item.recharge__total dl.total {margin-bottom:20px;}
.recharge--wrap .recharge__item.recharge__total dl.total dt,
.recharge--wrap .recharge__item.recharge__total dl.total dd {font-size:19px;color:#071437;font-weight:600;}
.recharge--wrap .recharge__item.recharge__total dl.payment__method {font-size:0;}
.recharge--wrap .recharge__item.recharge__total dl.payment__method dt,
.recharge--wrap .recharge__item.recharge__total dl.payment__method dd {display:block;width:100%;text-align:left;}
.recharge--wrap .recharge__item.recharge__total dl.payment__method dd {padding:12px 0 0 0;font-size:0;}
.recharge--wrap .recharge__item.recharge__total dl.payment__method dd p {padding:30px 0 0 0;font-size:14px;color:#99A1B7;font-weight:500;}
.recharge--wrap .recharge__item dl .payment__item {position:relative;display:inline-block;width:calc(50% - 6px);vertical-align:top;}
.recharge--wrap .recharge__item dl .payment__item + .payment__item {margin-left:12px;}
.recharge--wrap .recharge__item dl .payment__item input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.recharge--wrap .recharge__item dl .payment__item strong {position:relative;display:block;padding:12px 0;border:1px solid #DBDFE9;border-radius:6px;background:#fff;text-align:center;}
.recharge--wrap .recharge__item dl .payment__item strong span {display:inline-block;color:#4B5675;font-weight:500;font-size:16px;line-height:24px;vertical-align:top;}
.recharge--wrap .recharge__item dl .payment__item input:checked + strong {border-color:#8247FF;background:#8247FF;}
.recharge--wrap .recharge__item dl .payment__item input:checked + strong span {color:#fff;}
.recharge--wrap .recharge__item dl .payment__item strong:before {content:'';display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px;}
.recharge--wrap .recharge__item dl .payment__item.credit strong:before {background:url(../images/ico_btn_pay1_off.png) no-repeat 50%/cover;}
.recharge--wrap .recharge__item dl .payment__item.credit input:checked + strong:before {background:url(../images/ico_btn_pay1_on.png) no-repeat 50%/cover;}
.recharge--wrap .recharge__item dl .payment__item.cash strong:before {background:url(../images/ico_btn_pay2_off.png) no-repeat 50%/cover;}
.recharge--wrap .recharge__item dl .payment__item.cash input:checked + strong:before {background:url(../images/ico_btn_pay2_on.png) no-repeat 50%/cover;}
@media (max-width: 1480px) {
	.recharge--wrap .recharge__item dd .point__item span {padding:13px 0;}
	.recharge--wrap .recharge__item dl .payment__item strong {padding:10px 0;}
}
@media (max-width: 1200px) {
	.recharge--wrap .recharge__item {display:block;width:100% !important;float:none !important;height:auto;}
}
@media (max-width:800px) {
	.recharge--wrap {margin:20px 0 0 0;}
	.recharge--wrap .recharge__item {padding:16px;margin-bottom:20px;}
	.recharge--wrap .recharge__item dt {font-size:14px;}
	.recharge--wrap .recharge__item dd .point__available span {font-size:16px;line-height:20px;}
	.recharge--wrap .recharge__item dd .point__available:before {width:20px;height:20px;line-height:20px;}
	.recharge--wrap .recharge__item dd .ip__text--wrap .won {font-size:14px;}
	.recharge--wrap .recharge__item dd .point__noti {padding:10px 0 20px 0;font-size:12px;}
	.recharge--wrap .recharge__item dd .point__item {width:calc(50% - 5px);margin-bottom:10px;}
	.recharge--wrap .recharge__item dd .point__item + .point__item {margin-left:0;}
	.recharge--wrap .recharge__item dd .point__item:nth-child(even) {margin-left:10px;}
	.recharge--wrap .recharge__item dd .point__item span {font-size:14px;padding:12px 0;}
	.recharge--wrap .recharge__item.recharge__setting dt {padding:25px 0 12px 0;}
	.recharge--wrap .recharge__item.echarge__total {margin-bottom:30px;}
	.recharge--wrap .recharge__item.recharge__total dl + dl {padding-top:10px;}
	.recharge--wrap .recharge__item.recharge__total dl dd {font-size:16px;}
	.recharge--wrap .recharge__item.recharge__total dl.total dt,
	.recharge--wrap .recharge__item.recharge__total dl.total dd {font-size:14px;}
	.recharge--wrap .recharge__item dl .payment__item strong span {font-size:14px;line-height:18px;}
	.recharge--wrap .recharge__item dl .payment__item strong:before {width:18px;height:18px;margin-right:4px;}
	.recharge--wrap .recharge__item.recharge__total dl.payment__method dd p {font-size:12px;padding:20px 0 0 0;}
}
/* 포인트 정산/환급 */
.point__menu {margin:35px 0 0 0;font-size:0;}
.point__menu a {display:inline-block;vertical-align:top;padding:30px 0;text-align:center;box-sizing:border-box;width:calc(50% - 15px);border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.point__menu a + a {margin-left:30px;}
.point__menu a dt {font-size:20px;color:#78829D;}
.point__menu a dd {font-size:32px;color:#071437;font-weight:600;margin-top:12px;}
@media (max-width:800px) {
	.point__menu {margin:20px 0 0 0;}
	.point__menu a {display:block;width:100%;padding:25px 0;}
	.point__menu a + a {margin:10px 0 0 0;}
	.point__menu a dt {font-size:16px;}
	.point__menu a dd {font-size:22px;}
}

/* 포인트 정산/환급 신청  */
.point__detail--info {margin:35px 0 0 0;font-size:0;padding:20px;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.point__detail--info li {position:relative;display:inline-block;width:25%;text-align:center;vertical-align:top;}
.point__detail--info li + li:before {content:'';display:block;width:1px;height:100%;background:#DBDFE9;position:absolute;top:0;left:0;}
.point__detail--info li dt {font-size:16px;line-height:1.2;color:#071437;font-weight:500;}
.point__detail--info li dd strong {display:block;margin:10px 0;font-size:25px;font-weight:600;color:#071437;line-height:1.2;}
.point__detail--info li dd div {font-size:16px;font-weight:500;color:#99A1B7;line-height:1.2;}
.withdraw__table--wrap {padding:25px 0;}
.withdraw__table--wrap table .col1 {width:170px;}
.withdraw__table--wrap table th {font-size:16px;color:#78829D;}
.withdraw__table--wrap table td {padding:10px 0;font-size:16px;}
.withdraw__table--wrap table td .ip__text {width:400px;}
.withdraw__table--wrap table td .inline__list li {display:inline-block;vertical-align:middle;}
.withdraw__table--wrap table td .inline__list li + li {margin-left:20px;color:#252F4A;}
.withdraw__table--wrap table td .ip__text--wrap span {display:inline-block;font-size:16px;color:#252F4A;margin-left:15px;}
.withdraw__table--wrap table td .account__number {display:inline-block;margin-right:15px;}
.withdraw__table--wrap table td .btn__account {width:100px;}
.modal__container.account_edit {}
.modal__container.account_edit .edit--wrap {}
.modal__container.account_edit .edit--wrap dl {display:table;table-layout:fixed;width:100%;}
.modal__container.account_edit .edit--wrap dl + dl {margin-top:30px;}
.modal__container.account_edit .edit--wrap dl dt {display:table-cell;width:120px;vertical-align:middle;font-size:16px;color:#78829D;}
.modal__container.account_edit .edit--wrap dl dd {display:table-cell;width:calc(100% - 120px);vertical-align:middle;}
.modal__container.account_edit .edit--wrap dl dd .ip__text {}
.modal__container.account_edit .edit--wrap .btn--wrap {padding:30px 0 0 0;}
.modal__container.account_edit .edit--wrap .btn__account-edit {width:136px;height:52px;}
@media (max-width:800px) {
	.point__detail--info {margin:20px 0 0 0;padding:0;border-radius:0;border:0;box-shadow:none;background:none;}
	.point__detail--info li {width:calc(50% - 5px);padding:16px;vertical-align:top;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);box-sizing:border-box;}
	.point__detail--info li + li {margin-top:10px;}
	.point__detail--info li:nth-child(2) {margin-top:0;}
	.point__detail--info li:nth-child(even) {margin-left:10px;}
	.point__detail--info li + li:before {display:none;}
	.point__detail--info li dt {font-size:14px;}
	.point__detail--info li dd strong {margin:6px 0;font-size:16px;}
	.point__detail--info li dd div {font-size:14px;}
	.withdraw__table--wrap table .col1 {width:25%;}
	.withdraw__table--wrap table th {font-size:14px;}
	.withdraw__table--wrap table td {padding:5px 0;}
	.withdraw__table--wrap table td .ip__text {width:100%;}
	.withdraw__table--wrap table td .ip__text--wrap .ip__text {width:50%;}
	.withdraw__table--wrap table td .ip__text--wrap .noti {font-size:11px;margin:0;}
	.withdraw__table--wrap table td .inline__list {padding:5px 0;height:16px;}
	.withdraw__table--wrap table td .inline__list li {vertical-align:top;}
	.withdraw__table--wrap table td .account__number {font-size:12px;margin-right:0;}
	.withdraw__table--wrap table td .btn__account {width:auto;}
	.modal__container.account_edit .edit--wrap dl + dl {margin-top:10px;}
	.modal__container.account_edit .edit--wrap dl dt {width:100px;font-size:12px;}
	.modal__container.account_edit .edit--wrap .btn--wrap {padding:20px 0 0 0;}
	.modal__container.account_edit .edit--wrap .btn__account-edit {width:auto;height:36px;}
}
/* 노드 */
.node__info--wrap h4 {margin:40px 0 20px 0;font-size:22px;color:#071437;line-height:1;}
.node__info--wrap h4 strong {font-weight:600;}
.node-table--wrap {box-sizing:border-box;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.node-table--wrap table {width:100%;table-layout:fixed;}
.node-table--wrap table thead th {padding:18px 0;background:#FCFCFC;text-align:center;font-size:14px;font-weight:500;color:#78829D ;line-height:1;vertical-align:middle;}
.node-table--wrap table tbody th {padding:18px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.node-table--wrap table tbody td {border-top:1px solid #F1F1F4;padding:18px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.node-table--wrap table tbody td .model {color:#056EE9;text-decoration:underline;}
.node__setting--wrap {font-size:0;}
.node__setting--wrap h4 {margin:40px 0 20px 0;font-size:22px;color:#8247FF;line-height:1;}
.node__setting--wrap h4 strong {font-weight:600;}
.node__setting--wrap dl {position:relative;display:inline-block;font-size:16px;font-weight:normal;width:calc(50% - 15px);padding:20px 30px;text-align:left;vertical-align:top;box-sizing:border-box;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);box-sizing:border-box;}
.node__setting--wrap dl + dl {margin-left:30px;}
.node__setting--wrap dt {font-weight:600;font-size:19px;color:#071437;}
.node__setting--wrap dd ul {margin-bottom:20px;}
.node__setting--wrap dd ul li {margin-top:20px;color:#071437;font-weight:normal;}
.node__setting--wrap dd ul li * {display:inline-block;vertical-align:top;}
.node__setting--wrap dd ul li span:first-child {color:#78829D;}
.node__setting--wrap dd ul li strong {font-weight:600;}
.node__setting--wrap dd ul li em {font-weight:600;color:#071437;text-decoration:underline;}
.node__setting--wrap dd .ip__setting--wrap {font-size:0;}
.node__setting--wrap dd .ip__setting--wrap span {font-size:16px;}
.node__setting--wrap dd .ip__setting--wrap .ip__text {margin:0 12px;}
.node__price--wrap {padding:40px 0 0 0;text-align:right;}
.node__price--wrap dl {display:inline-block;white-space:nowrap;font-size:0;}
.node__price--wrap dl dt {display:inline-block;margin-right:50px;vertical-align:bottom;font-size:19px;font-weight:600;color:#071437;line-height:1.2;}
.node__price--wrap dl dd {display:inline-block;font-size:19px;vertical-align:bottom;}
.node__price--wrap dl dd div + div {margin-top:12px;}
.node__price--wrap dl dd span {display:inline-block;padding-right:10px;vertical-align:top;color:#4B5675;font-weight:500;line-height:1.2;}
.node__price--wrap dl dd strong {display:inline-block;vertical-align:top;color:#071437;font-weight:600;line-height:1.2;}
.node__price--wrap dl dd strong + span {padding-left:20px;}
.node--wrap .btn--wrap {margin:40px 0;}
.node--noti__list li {position:relative;padding-left:20px;color:#4B5675;font-size:14px;font-weight:500;}
.node--noti__list li + li {margin-top:10px;}
.node--noti__list li:before {content:'※';display:block;position:absolute;top:0;left:0;}
@media (max-width:900px) {
	.node__setting--wrap dl {display:block;width:100%;}
	.node__setting--wrap dl + dl {margin:15px 0 0 0;}
}
@media (max-width:800px) {
	.node__info--wrap h4 {margin:20px 0;font-size:16px;}
	.node-table--wrap table {overflow-x:visible;}
	.node-table--wrap table thead th,
	.node-table--wrap table tbody th,
	.node-table--wrap table tbody td {padding:12px 0;font-size:12px;}
	.node__setting--wrap h4 {margin:20px 0;font-size:16px;}
	.node__setting--wrap dl {padding:16px;font-size:14px;}
	.node__setting--wrap dl dt {margin-bottom:15px;font-size:16px;}
	.node__setting--wrap dd ul li {margin-top:5px;}
	.node__setting--wrap dd .ip__setting--wrap span {font-size:14px;}
	.node__price--wrap {padding-top:20px;}
	.node__price--wrap dl {display:block;text-align:left;}
	.node__price--wrap dl dt {display:block;margin:0 0 10px 0;font-size:16px;}
	.node__price--wrap dl dd {display:block;font-size:14px;}
	.node__price--wrap dl dd div + div {margin:0;}
	.node--wrap .btn--wrap {margin:20px 0;}
	.node--noti__list li {font-size:12px;}
	.node--noti__list li + li {margin-top:0;}
}
/* 노드정산내역 */
.revenue__info--wrap h4 {margin:45px 0 35px 0;font-size:22px;color:#071437;line-height:1;}
.revenue__info--wrap h4 strong {font-weight:600;}
.revenue__info--wrap h4 .status--wrap {float:right;margin-top:-11px;}
.revenue__list {font-size:0;}
.revenue__list li {display:inline-block;width:calc(33.3333% - 20px);vertical-align:top;}
.revenue__list li + li {margin-left:30px;}
.revenue__item {padding:20px 0;border-radius:12px;border:1px solid rgba(130, 71, 255, 0.20);background:#FAF8FF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);text-align:center;line-height:1.2;}
.revenue__item dt {margin-bottom:10px;font-size:19px;font-weight:500;color:#78829D;}
.revenue__item dd {font-size:25px;font-weight:600;color:#071437;}
.revenue-table--wrap {box-sizing:border-box;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.revenue-table--wrap table {width:100%;table-layout:fixed;}
.revenue-table--wrap table thead th {padding:18px 0;background:#FCFCFC;text-align:center;font-size:14px;font-weight:500;color:#78829D ;line-height:1;vertical-align:middle;}
.revenue-table--wrap table tbody th {padding:18px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.revenue-table--wrap table tbody td {border-top:1px solid #F1F1F4;padding:18px 0;text-align:center;font-size:14px;font-weight:500;color:#4B5675 ;line-height:1;vertical-align:middle;}
.revenue-table--wrap table tbody td .btn__modal {text-decoration:underline;}
.revenue-table--wrap table tbody td .model {color:#056EE9;text-decoration:underline;}
.revenue-table--wrap table tbody td .btn__detail2 {margin:-10px 0;}
.modal__container.revenue_detail {width:1020px;}
.modal__container.revenue_detail .revenue-table--wrap {border:1px solid #99A1B7;}
.modal__container.revenue_detail .revenue-table--wrap  th + th,
.modal__container.revenue_detail .revenue-table--wrap  td + td {border-left:1px solid #F1F1F4;}
.modal__container.revenue_detail .revenue-table--wrap tfoot td {border-top:1px solid #F1F1F4;padding:22px 0;text-align:center;font-size:14px;font-weight:600;color:#4B5675 ;line-height:1;vertical-align:middle;}
.modal__container.revenue_detail h3 {position:relative;margin:0 0 60px 0;}
.modal__container.revenue_detail h3 strong {font-size:25px;font-weight:600;color:#071437;}
.modal__container.revenue_detail h3 .summary {position:absolute;top:0;right:0;}
.modal__container.revenue_detail h3 .summary dl {font-size:0;text-align:right;}
.modal__container.revenue_detail h3 .summary dl + dl {margin-top:10px;}
.modal__container.revenue_detail h3 .summary dl dt {display:inline-block;vertical-align:top;font-size:16px;font-weight:500;color:#78829D;}
.modal__container.revenue_detail h3 .summary dl dt:after {content:':';display:inline-block;vertical-align:top;margin:0 5px;}
.modal__container.revenue_detail h3 .summary dl dd {display:inline-block;vertical-align:top;}
.modal__container.revenue_detail h3 .summary dl dd .no-deco {font-size:16px;font-weight:500;color:#006AE6;}
.modal__container.revenue_detail h3 .summary dl dd span {font-size:22px;font-weight:600;color:#071437;}
.modal__container.revenue_detail h4 {margin:40px 0 20px 0;font-size:19px;font-weight:600;color:#071437;}
.modal__container.revenue_detail h4 + .revenue-table--wrap {border:1px solid #F1F1F4;}
.modal__container.revenue_detail .btn--wrap {padding:30px 0 0 0;font-size:0;}
.modal__container.revenue_detail .btn--wrap .btn__default {width:140px;}
.modal__container.revenue_detail .btn--wrap .btn__default + .btn__default {margin-left:12px;}
@media (max-width: 1480px) {
	.revenue__item {padding:20px 0;}
	.revenue__item dt {font-size:14px;}
	.revenue__item dd {font-size:22px;}
	.revenue-table--wrap table tbody td .btn__detail2 {padding:0 5px;}
}
@media (max-width: 1100px) {
	.modal__container.revenue_detail {width:90%;}
}
@media (max-width:800px) {
	.revenue__info--wrap h4 {margin:30px 0 20px 0;font-size:16px;}
	.revenue__list li {width:calc(50% - 5px);}
	.revenue__list li + li {margin:10px 0 0 0;}
	.revenue__list li:first-child {display:block;width:100%;margin:0;}
	.revenue__list li:last-child {margin-left:10px;}
	.revenue__item {padding:16px 0;}
	.revenue__item dt {font-size:14px;}
	.revenue__item dd {font-size:16px;}
	.revenue-table--wrap {overflow-x:auto;}
	/*.revenue-table--wrap table {width:150vw;overflow-x:visible;}*/
	.modal__container.revenue_detail h3 {margin-bottom:40px;}
	.modal__container.revenue_detail h3 strong {margin-bottom:30px;font-size:16px;}
	.modal__container.revenue_detail h3 .summary {}
	.modal__container.revenue_detail h3 .summary dl {text-align:left;}
	.modal__container.revenue_detail h3 .summary dl + dl {margin-top:0;}
	.modal__container.revenue_detail h3 .summary dl dt {font-size:12px;}
	.modal__container.revenue_detail h3 .summary dl dd .no-deco {font-size:12px;}
	.modal__container.revenue_detail h3 .summary dl dd span {font-size:12px;}
	.modal__container.revenue_detail h4 {margin:30px 0 20px 0;font-size:14px;}
	.modal__container.revenue_detail h3 + .revenue-table--wrap table {width:100%;}
	.revenue-table--wrap table th,
	.revenue-table--wrap table td {padding:12px 0 !important;font-size:12px !important;}
	.revenue-table--wrap table tbody td .btn__detail2 {height:30px;}
	.revenue-table--wrap table tbody td .btn__detail2:before {display:none;}
	.revenue-table--wrap table tbody td .btn__detail2 span {font-size:12px;line-height:14px;}
	.modal__container.revenue_detail .btn--wrap .btn__default {width:auto;}
}
@media print {
  html, body {width:210mm;height:297mm;padding:0;margin:0;overflow:visible !important;}
	table, tbody, thead, tfoot {page-break-inside:auto;}
	tr {page-break-inside:avoid;}
	.header, .container, .dim {display:none;}
	.modal__container.revenue_detail,
  .modal__container.revenue_detail .modal__content,
	.modal__container.revenue_detail .revenue-table--wrap {max-height:none;page-break-inside:auto;page-break-after:auto;page-break-before:auto;height:auto !important;box-shadow:none;}
	.modal__container.revenue_detail .revenue-table--wrap table {width:100%;}
	.modal__container.revenue_detail {position:relative;top:0;left:0;transform:translate(0,0);width:100vw;min-width:100vw;max-width:100vw;box-sizing:border-box;margin:0;padding:0;border:0;box-shadow:none;}
	.modal__container.revenue_detail h3 {margin-bottom:40px;font-size:16px;}
	.modal__container.revenue_detail h4 {margin:30px 0 20px 0;font-size:14px;}
	.modal__container.revenue_detail th,
	.modal__container.revenue_detail td {padding:12px 0 !important;font-size:14px !important;}
	.modal__container.revenue_detail .btn--wrap {display:none;}
  @page {
    size: A4 portrait;
    margin: 15mm 0;
  }
}
/* 새 노드 연결 */
.node__create--info {margin-top:35px;padding:30px 40px;border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);}
.node__create--info dt {position:relative;padding-bottom:30px;border-bottom:1px solid #DBDFE9; }
.node__create--info dt div {font-size:16px;line-height:1.5;color:#071437;}
.node__create--info dt .btn__download {position:absolute;top:2px;right:0;}
.node__create--info dd {padding:30px 0 0 0;color:#071437;line-height:1.7;}
.node__create--info dd h4 {font-size:16px;font-weight:700;}
.node__create--info dd li {font-size:14px;font-weight:500;}
.node__create--guide {border-radius:12px;border:1px solid #F1F1F4;background:#FFF;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.03);margin-top:30px; }
.node__create--guide dt {padding:30px;font-size:22px;color:#071437;font-weight:600;line-height:1;border-bottom:1px solid #F1F1F4;}
.node__create--guide dd {padding:40px 0 46px 0;}
.node__create--guide dd ol {font-size:0;text-align:center;}
.node__create--guide dd ol li {position:relative;display:inline-block;vertical-align:top;}
.node__create--guide dd ol li + li {padding-left:34px;}
.node__create--guide dd ol li + li:before {content:'';display:block;width:14px;height:14px;background:url(../images/ico_arr_guide.png) no-repeat 50%/cover;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.node__create--guide dd ol li img {height:200px;}
.node__create--guide dd ol + ol {margin-top:40px;}
.node__create--guide dd ol + ol li:last-child img {height:218px;margin-top:-10px;}
.node__create--guide dd ol li p {padding:10px 0 0 0;font-size:13px;font-weight:500;color:#4B5675;line-height:1;}
@media (max-width: 1100px) {
	.node__create--guide dd ol + ol li:last-child {width:100%;margin-top:40px;padding:0;}
	.node__create--guide dd ol + ol li:last-child:before {display:none;}
	.node__create--guide dd ol + ol li:last-child img {margin-top:0;}
}
@media (max-width: 800px) {
	.node__create--info {margin-top:20px;padding:20px 30px;}
	.node__create--info dt .btn__download {position:static;margin-top:16px;}
	.node__create--guide dt {padding:20px 30px;line-height:1.5;}
	.node__create--guide dd {padding:20px 0;}
	.node__create--guide dd ol li {display:block;width:100%;padding:54px 0 0 0 !important;}
	.node__create--guide dd ol li:before {content:'';display:block;width:14px;height:14px;background:url(../images/ico_arr_guide.png) no-repeat 50%/cover;position:absolute;top:20px !important;left:50% !important;transform:translate(-50%, 0) rotate(90deg) !important;}
	.node__create--guide dd ol:first-child li:first-child {padding-top:0 !important;}
	.node__create--guide dd ol:first-child li:first-child:before {display:none !important;}
	.node__create--guide dd ol + ol {margin:0;}
	.node__create--guide dd ol + ol li:last-child {margin-top:0;}
	.node__create--guide dd ol + ol li:last-child:before {display:block;}
	.node__create--guide dd ol li p {font-size:16px;}
	.node__create--guide dd ol li img {height:auto;width:90%;}
}
/* 로그인/회원가입 */
.login--wrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;padding:40px 57px;box-sizing:border-box;text-align:center;border-radius:12px;background:#FFF;}
.login--wrap h2 {margin-bottom:20px; font-size:0;text-align:center;}
.login--wrap h2 .logo {display:inline-block;width:128px;height:36px;background:url(../images/logo2.png) no-repeat 50%/cover;vertical-align:top;}
.login--wrap h2 strong {display:inline-block;margin-left:10px;font-size:20px;font-weight:600;color:#000;line-height:30px;vertical-align:top;}
.login--wrap h2 + p {font-size:15px;color:#636674;line-height:1;}
.login--wrap .login__list {margin-top:30px;}
.login--wrap .login__list li + li {margin-top:13px;}
.login--wrap .login__list li .btn__login {position:relative;display:block;width:100%;height:54px;border-radius:10px;box-sizing:border-box;text-align:center;border: 1px solid #B6BDC4;}
.login--wrap .login__list li .btn__login span {font-size:16px;font-weight:600;}
.login--wrap .login__list li .btn__login:before {content:'';display:block;width:18px;height:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%);}
.login--wrap .login__list li .btn__login.btn__naver {background:#03CF5D;border-color:#03CF5D;}
.login--wrap .login__list li .btn__login.btn__naver:before {background:url(../images/btn_logo1.png) no-repeat 50%/cover;}
.login--wrap .login__list li .btn__login.btn__naver span {color:#fff;}
.login--wrap .login__list li .btn__login.btn__google {background:#fff;}
.login--wrap .login__list li .btn__login.btn__google:before {background:url(../images/btn_logo2.png) no-repeat 50%/cover;}
.login--wrap .login__list li .btn__login.btn__google span {color:#1F1F1F;}
.login--wrap .login__list li .btn__login.btn__ms {background:#0178D4;border-color:#0178D4;}
.login--wrap .login__list li .btn__login.btn__ms:before {background:url(../images/btn_logo3.png) no-repeat 50%/cover;}
.login--wrap .login__list li .btn__login.btn__ms span {color:#fff;}
.login--wrap .term__list {display:flex;padding:30px 8px 20px 8px;width:100%;box-sizing:border-box;}
.login--wrap .term__list a {font-size:14px;font-weight:500;color:#1E2027;line-height:1;}
.login--wrap .term__list a:first-child {margin-right:auto;}
.login--wrap .term__list a:nth-child(2) {margin:0 auto;}
.login--wrap .term__list a:last-child {margin-left:auto;}
.login--wrap .copy {font-size:14px;color:#99A1B7;line-height:1.2;}
@media (max-width: 800px) {
	.login--wrap {position:relative;top:0;left:0;width:100%;border-radius:0;transform:translate(0,0);padding:30px;}
	.login--wrap .btn__prev-page {position:absolute;top:36px;left:30px;}
	.login--wrap h2 .logo {display:inline-block;width:100px;background-size:100% auto;}
	.login--wrap h2 strong {font-size:18px;}
	.login--wrap h2 + p {font-size:13px;}
	.login--wrap .term__list a {font-size:12px;}
	.login--wrap .copy {font-size:12px;}
}
/* 약관동의/회원정보입력 */
/*.join--wrap {position:absolute;top:50%;left:50%;max-height:calc(100vh - 150px);overflow-y:auto;transform:translate(-50%,-50%);width:600px;padding:40px 76px;box-sizing:border-box;text-align:center;border-radius:12px;background:#FFF;}*/
.join--wrap {max-height:calc(100vh - 150px);overflow-y:auto;width:600px;padding:40px 76px;margin:0 auto;box-sizing:border-box;text-align:center;border-radius:12px;background:#FFF;}
.join--wrap h2 {margin-bottom:30px;text-align:center;}
.join--wrap h2 strong {font-size:24px;font-weight:600;color:#000;line-height:1;}
.join--wrap h2 + p {padding-bottom:20px;font-size:15px;color:#636674;line-height:1;}
.join--wrap .term__content {text-align:left;}
.join--wrap .term__content .term__item {}
.join--wrap .term__content .term__item p {font-size:14px;color:#636674;line-height:22px;}
.join--wrap .term__content .checkbox__type {display:block;margin:30px 0 16px 0;}
.join--wrap .term__content .checkbox__type span {padding-left:30px;font-size:16px;line-height:22px;}
.join--wrap .term__content .checkbox__type span:before {width:22px;height:22px;}
.join--wrap .term__content .checkbox__type span strong {display:inline-block;margin-right:4px;color:#8247FF;}
.join--wrap .term__content .term__text {max-height:120px;overflow-y:auto;border-radius:6px;padding:12px;border:1px solid #DBDFE9;font-size:14px;color:#4B5675;line-height:1.5;}
.join--wrap .join__content {text-align:left;}
.join--wrap .join__content dt {margin:20px 0 12px 0;font-size:16px;font-weight:500;color:#252F4A;line-height:1;}
.join--wrap .join__content dt .nec {font-size:0;color:transparent;display:inline-block;margin-left:4px;}
.join--wrap .join__content dt .nec:before {content:'*';display:inline-block;font-size:18px;color:#8247FF;font-weight:600;}
.join--wrap .join__content dd .ip__text {width:100%;}
.join--wrap .join__content dd .checkbox--wrap .checkbox__type {display:inline-block;}
.join--wrap .join__content dd .checkbox--wrap .checkbox__type + .checkbox__type {margin-left:10px;}
.join--wrap .btn--wrap {padding:40px 0 0 0;font-size:0;}
.join--wrap .btn--wrap .btn__default {width:180px;}
.join--wrap .btn--wrap .btn__default + .btn__default {margin-left:12px;}
@media (max-width: 800px) {
	.join--wrap {position:relative;top:0;left:0;width:100%;max-height:none;border-radius:0;transform:translate(0,0);padding:30px;}
	.join--wrap h2 strong {font-size:20px;}
	.join--wrap h2 + p {font-size:13px;line-height:1.5;}
	.join--wrap .btn__prev-page {position:absolute;top:30px;left:30px;}
	.join--wrap .term__content .checkbox__type {margin:20px 0 10px 0;}
	.join--wrap .term__content .checkbox__type span {font-size:14px;}
	.join--wrap .join__content dt {font-size:14px;}
	.join--wrap .btn--wrap {padding:20px 0 0 0;}
	.join--wrap .btn--wrap .btn__default {width:calc(50% - 6px);}
}


.apexcharts-toolbar {
  z-index: 0 !important;
}