@charset "UTF-8";

/* common */
body { background-color: #f7f7f7; min-height: 100vh; }
.wrapper { position: relative;  min-width: 1584px;  height: calc(100% - 108px); }
.header { position: fixed; top:0; width: 100%; z-index: 110; margin: 0 auto; min-width: 768px; height: 72px; border-bottom: 0 none; background: #024170; box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1); }
.header + section { position: relative; }
.gnb { position: relative;  padding: 0px 32px 0px 32px; }
.gnb .nav-link { position: relative; color: #fff; font-size: 16px; font-weight: 400; min-width: 108px; text-align: center; padding-right: 0px !important; padding-left: 0px !important; line-height: 56px; text-align: center; }
.gnb .nav-link:hover { color: #fff; }
.gnb .subMenu.navbar-nav li:hover>.dropdown-menu { display: block; }
.gnb .subMenu .dropdown-menu { position: absolute !important; top: 100%; left: 0; z-index: 1333; display: none; float: left; min-width: 220px !important; padding: 8px 0; margin: .125rem 0 0; font-size: 1rem; color: #363642; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dbdbdb; border-radius: 0; margin-top: 0px !important; font-weight: 400; box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 2px 7px 1px rgba(20,20,31,.16); }
.gnb .subMenu .dropdown-menu .dropdown-item { display: block; width: 100%; padding: 0px 12px 0px 12px; line-height: 40px; clear: both; font-size: 14px;  font-weight: 400; color: #191927; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; margin-bottom: 0px; }
.gnb .subMenu .dropdown-menu .dropdown-item:hover {background-color: #f7f7f7; font-weight: 700; }
.gnb .subMenu .dropdown-menu .dropdown-item.selected {background-color: #f7f7f7; font-weight: 700; }
.gnb .subMenu .dropdown-menu .dropdown-item:last-child { margin-bottom: 0px; }

.gnb .navbar-collapse .navbar-nav .nav-item.selected .nav-link { font-weight: 700; }
.gnb .navbar-collapse .navbar-nav .nav-item.selected .nav-link:after { content: ''; border-bottom: 3px solid #fff; position: absolute; width: 100%; display: block; left: 0; bottom: 0; margin-left: 0; vertical-align: middle; border-top: 0 none; border-right: 0 none; border-left: 0; }
.gnb .navbar-collapse ul.navbar-nav { margin-left: 0px; }
.gnb .navbar-collapse ul.navbar-nav.top-link { position: relative; }
.gnb .navbar-collapse ul.navbar-nav.top-link .nav-item .nav-link { color: #fff; font-size: 14px; font-weight: 400; min-width: inherit; line-height: 36px; padding: 0; margin-left: 16px; }
.gnb .navbar-collapse ul.navbar-nav.top-link .nav-item:before { content: ''; display: inline-block; height: 12px; width: 1px; background: #ccc; vertical-align: top; margin-top: 2px; }
.gnb .navbar-collapse ul.navbar-nav.top-link .nav-item.lang .nav-link, .gnb .navbar-collapse ul.navbar-nav.top-link .nav-item.support .nav-link { margin-left: 0px;}
.gnb .navbar-collapse ul.navbar-nav.top-link .nav-item.lang:before, .gnb .navbar-collapse ul.navbar-nav.top-link .nav-item.support:before { display: none; }
.gnb .user-info { vertical-align: middle; color: #fff; min-width: inherit; text-align: center;font-weight: 400; text-transform: uppercase; display: inline-block; width: 32px; height: 32px; background: #767676; padding: 6px 0px 6px 0px !important; margin-right: 8px; font-size: 16px; line-height: 18px; border-radius: 50% 50%; }
.gnb .userinfo .dropdown-toggle::before { display: none; }
.gnb .userinfo .dropdown-toggle::after { display: none; }
.gnb .userinfo .dropdown-menu { display: none; position: absolute; top: 46px !important; left: auto; right: -6px !important; z-index: 1000; float: right; min-width: 300px !important; padding: 24px 0; margin: .125rem 0 0; font-size: 1rem; color: #363642; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dbdbdb; border-radius: 3px; margin-top: 0px; font-weight: 400; box-shadow: 0 0 0 1px rgba(20,20,31,.05), 0 2px 7px 1px rgba(20,20,31,.16); }
.gnb .userinfo .dropdown-menu.show { display: block; }
.gnb .userinfo .dropdown-menu .dropdown-item-text { padding: 0 24px; line-height: 20px; font-size: 14px; color: #333; margin-bottom: 16px; }
.gnb .userinfo .dropdown-menu .dropdown-item-text p:first-child { font-weight: 500; }
.gnb .userinfo .dropdown-menu .dropdown-item-text p:last-child { font-weight: 400; font-size: 12px; color: #767676; }
.gnb .userinfo .dropdown-menu .btn-logout { font-size: 12px; height: 24px; line-height: 12px; position: relative; float: right; margin-right: 24px; margin-top: 8px; padding: 0px 8px 0px 8px; }
.gnb .userinfo .dropdown-menu .dropdown-item { padding: 0 24px; vertical-align: top; line-height: 40px; font-size: 14px; color: #333; border: 0 none; }
.gnb .userinfo .dropdown-menu .dropdown-item  i[class*='fa-'] { font-size: 14px; color: #333; margin-right: 8px; margin-top:  5px; vertical-align: top; }
.gnb .userinfo .dropdown-menu .dropdown-item .far.fa-file-alt {  text-align: left; color: #000; font-size: 16px; display:inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_gnb_request_line.png') left top no-repeat; background-size: contain; padding-right: 0px !important; padding-left: 0px !important; line-height: 20px; }
.gnb .userinfo .dropdown-menu .dropdown-item .far.fa-file-alt:before { display: none; }
.gnb .userinfo .dropdown-menu .dropdown-item .far.fa-edit { text-align: left; color: #000; font-size: 16px; display:inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_gnb_lock_line.png') left top no-repeat; background-size: contain; padding-right: 0px !important; padding-left: 0px !important; line-height: 20px; }
.gnb .userinfo .dropdown-menu .dropdown-item .far.fa-edit:before { display: none; }
.gnb .userinfo .dropdown-menu .dropdown-item .fas.fa-sign-out-alt {  text-align: left; color: #000; font-size: 16px; display:inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_gnb_sign_out_line.png') left top no-repeat; background-size: contain; padding-right: 0px !important; padding-left: 0px !important; line-height: 20px; }
.gnb .userinfo .dropdown-menu .dropdown-item .fas.fa-sign-out-alt:before { display: none; }
.gnb .userinfo .dropdown-menu .dropdown-item:hover { background: #f7f7f7; font-weight: 700; }
.gnb .userinfo .dropdown-menu .dropdown-item:focus, .gnb .userinfo .dropdown-menu .dropdown-item:active { background: #E5F1FB; color: #047ad5;  border-radius: 3px;}
.gnb .gnb__inner { position: relative; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 59px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center;}
.gnb .h1_logo {  display: inline-block; margin-left: 0px; width: 250px; }
@media all and (max-width:950px) {
	.gnb .h1_logo { width: 200px; }
	.gnb.navbar-expand .navbar-nav .nav-item { margin-right: 0px !important; }
}

.gnb .combobox-wrap { display: inline-block; min-width: 85px; height: 32px; vertical-align: top; z-index: 99; }
.gnb .combobox-wrap .optWrapper { overflow: hidden; position: absolute; top: 100% !important; left: 0; width: 100% !important; max-height: 200px !important; background: #fff; margin-top: -1px; border-radius: 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #047ad5; }
.gnb .combobox-wrap .options { list-style: none; height: auto; }
.gnb .combobox-wrap .opt { overflow: hidden; padding: 6px 8px 6px 8px !important; word-break: break-word; line-height: 1.2; color: #888; cursor: pointer; font-weight: normal; font-size: 14px; text-align: left; }
.gnb .combobox-wrap .opt:last-child { border-bottom: none; }
.gnb .combobox-wrap .opt:focus, .gnb .combobox-wrap .opt:hover { background-color: #E5F1FB !important; color: #333 !important; outline: 0 !important; }
.gnb .combobox-wrap .SumoSelect { width: 85px; height: 32px; } 

.gnb .combobox-wrap .SumoSelect > .CaptionCont > span { overflow: inherit; display: block; position: relative; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 20px; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; }
.gnb .combobox-wrap .SumoSelect > .optWrapper > .options li label { line-height: 18px !important; font-size: 14px !important; }
.gnb .combobox-wrap .SumoSelect.open > .CaptionCont, .gnb .combobox-wrap .SumoSelect:focus > .CaptionCont, .combobox-wrap .SumoSelect:hover > .CaptionCont { box-shadow: 0 0 0px #E4E4E4; border-color: #E4E4E4; outline: 0 !important; }
.gnb .combobox-wrap .SumoSelect > .CaptionCont>label > i { position: absolute; top: 50%; right: 0; margin-top: -3px; content: ''; height: 0; width: 0; background-image:none; display: block; border-width: 6px 4px; border-style: solid; border-color: transparent; border-bottom-width: 0; border-top-color: #666; }
.gnb .combobox-wrap .SumoSelect.open > .CaptionCont > label > i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.gnb .combobox-wrap .SumoSelect>.CaptionCont { position: relative;  border: 1px solid #fff; background-color: #fff; border-radius: 0px; margin: 0; line-height: 18px;  }
.gnb .combobox-wrap select::-ms-expand { display: none; }
.gnb .combobox-wrap select { border: 1px solid #fff; width: 100%; height: 32px; line-height: 30px; font-size: 14px; color: #333; background-color: #fff; border-radius: 0px; margin: 0;  padding: 0 6px; }
.gnb .combobox-wrap select:hover { border: 1px solid #fff; }
.gnb .combobox-wrap .combobox.SumoUnder {  overflow: hidden; position: absolute; top: 0; left: 0; width: 85px; height: 32px; z-index: -1; opacity: 0;  appearance: none; -webkit-appearance: none; -moz-appearance: none; }
@media all and (max-width:500px) {
	.gnb .combobox-wrap .SumoSelect > .CaptionCont > span { font-size: 12px !important; }
	.gnb .combobox-wrap .opt  { font-size: 12px !important; }
	.gnb .combobox-wrap .SumoSelect > .optWrapper > .options li label { line-height: 18px !important; font-size: 12px !important; }
}


/* gnb */
.gnb.navbar-expand .navbar-toggler { display: block; padding: 0; line-height: 100%; background-color: transparent; border: 1px solid transparent; border-radius:0; }
.gnb.navbar-expand .navbar-nav .nav-item { display: flex; justify-content: center; align-items: center; margin-right: 48px; }
.gnb.navbar-expand .navbar-nav:last-child .nav-item { margin-right: 8px; margin-left: 8px; }
.gnb .h1_logo > a { position: relative; top: 0; display: inline-block; font-size: 24px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 24px; }
.gnb .h1_logo > a img { max-height: 50px; display: none; }
.gnb .dropdown { margin-right: 0px; }
.gnb .dropdown .icoAlerm { display:inline-block; background: url("/user/content/images/ico/ico_notice_line.png") center center no-repeat; background-size: contain; width: 20px;height: 20px; outline: none; vertical-align: middle; margin-left: 10px; padding: 21px 0; }
.gnb .dropdown .icoAlerm:after { display: none; }
.gnb .board-badge { font-size: 11px; font-weight: 400; color: #fff; line-height: 100%; min-width: 18px; height: 18px; padding: 3px 4px; text-align: center; position: absolute; left: 18px; top: 3px; border: 1px solid #ff5858; background: #ff5858; border-radius: 18px; }
.gnb .dropdown .dropdown-toggle::after { display: none; }
.gnb .dropdown-arrow { top: 0; overflow: hidden; height: 1.25rem; width: 1.25rem;  z-index: 1001; transform: translate3d(0,-100%,0); display: block; position: absolute; left: auto !important; right: 10px; pointer-events: none; }
.gnb .etc_lang { display:inline-block; padding: 4px 0px !important; }
.gnb .container { max-width: 100% !important; padding-right: 0; padding-left: 0; }
.gnb .container div[class*='col-'] { padding-right: 0; padding-left: 0; }


/* main-content */
.main-content { position: relative; min-height: 100%; padding-bottom: 0px; transition: transform .3s ease-in-out; }


/* container_ */
.container_wrap {position: relative; max-width: 1584px;  margin-right: auto; margin-left: auto; height: calc(100% - 72px); top: 104px; background: #fff; }
.container_wrap > .container { max-width: 100% !important; padding-bottom: 0px; padding-left: 0; padding-right: 0; }
.container_wrap > .container .main-content .container { display: inline-block; margin-bottom: 72px;  max-width: 100% !important; padding-right: 80px; padding-left: 80px; min-height: 777px; background: #fff; }
.container_wrap > .container .main-content .container.slick-grid { padding-bottom: 0px;  max-width: 100% !important; max-height: 100%; padding-bottom: 30px; }
.container_wrap > .container .main-content .container.table-grid { padding-bottom: 0px;  max-width: 100% !important; max-height: 100%; padding-bottom: 30px; }
.content_body { position: relative; min-height: 638px; }
.area-contents { padding: 0 32px; }

.page-title-box { position: relative; padding: 32px 0px 18px 0px; margin: 0; }
.page-title-box .page-title { font-size: 32px; font-weight: 700; color: #000; margin: 0; float: left; }
.page-title-box .breadcrumb { float: right; background-color: transparent !important; margin-top: 10px !important; }
.page-title-box .breadcrumb .breadcrumb-item  { position: relative; font-size: 12px; font-weight: 400; color: #333; padding-left: 22px; }
.page-title-box .breadcrumb .breadcrumb-item.active  { font-size: 12px; font-weight: 500; color: #000; }
.page-title-box .breadcrumb .breadcrumb-item:before { content: ''; display: block; position: absolute; top: 50%; right: -12px; width: 7px; height: 7px; padding-right: 0; border-top: 1px solid #333; border-left: 1px solid #333; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); color: #959595; }
.page-title-box .breadcrumb .breadcrumb-item:last-child:before { content: ''; display: none;  }
.page-title-box .tip-badge { display: inline-block; color: #333; width: 18px; height: 18px; background: url('/user/content/images/ico/ico_tooltip.png') center center no-repeat; background-size: contain; font-size: 12px; font-weight: 400; text-indent: -9999px; border-radius: 0; margin-left: 4px; vertical-align: middle; cursor: pointer; }

.content-title-wrap { position: relative; margin-bottom: 16px;  margin-right: 0; margin-left: 0; padding: 0; }
.content-title-wrap > .form-inline { display: flex; align-items: center; flex-flow: row wrap; padding-left: 0; }
.content-title-wrap > .form-inline .form-group > .mgl24 { display: flex; align-items: center; flex: 0 0 auto; }
.content-title-wrap  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.content-title-wrap h3 .content-title { line-height: 40px; font-size: 20px; color: #333; font-weight: 500; }
.content-title-wrap h3 .content-title .tip-badge { display: inline-block; color: #333; width: 18px; height: 18px; background: url('/user/content/images/ico/ico_tooltip.png') center center no-repeat; background-size: contain; font-size: 12px; font-weight: 400; text-indent: -9999px; border-radius: 0; margin-left: 4px; vertical-align: middle; cursor: pointer; }
.content-title-wrap h3 .vm-name { line-height: 30px; font-size: 24px; color: #333; font-weight: 700; }
.content-title-wrap h3 .nicname { line-height: 40px; font-size: 20px; color: #047ad5; font-weight: 400; margin-left: 16px; }
.content-title-wrap h3 .content-title i[class*='fa-'] { position: relative; top: 12px; display: inline-block; vertical-align: top; font-size: 20px; color: #333; margin-right: 12px; }
.content-title-wrap h3 .text-guide { position: relative; display: inline-block; vertical-align: middle; top: 0; font-size: 11px; color: #767676; margin-left: 10px; }
.content-title-wrap h3 .text-guide > p { margin-left: 15px; line-height: 16px; }
.content-title-wrap h3 .text-guide:before { content: ''; height: 10px; width: 1px; background: #ccc; display: inline-block; position: absolute; left: 0; top: 2px; }
.content-title-wrap h3 .text-guide i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; transform: scaleX(-1); }
.content-title-wrap .text-guide.only { position: relative; display: block; top: 0; font-size: 12px; color: #333; margin-left: 0; margin-bottom: 8px; margin-top: 0px; }
.content-title-wrap .install { line-height: 30px; font-size: 14px; color: #959595; font-weight: 400; }
.content-title-wrap .text-guide.only > p { margin-left: 0px; }
.content-title-wrap .text-guide.only i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; }
.content-title-wrap .item-sort { position: absolute; right: 0; bottom: -1px; z-index: 1; }
.content-title-wrap .item-sort a { position: relative; float: left; margin-left: -1px;display: block; line-height: 100%; background: #f7f7f7; color: #333; border: 1px solid #ccc; width: 32px; text-align: center; height: 32px; }
.content-title-wrap .item-sort a.selected { background: #fff; border-bottom-color: #fff; color: #047ad5; }
.content-title-wrap .item-sort a .fas.fa-list { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_list_view_line.png') center center no-repeat; background-size: contain; margin-top: 5px; }
.content-title-wrap .item-sort a.selected .fas.fa-list { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_list_view_line_on.png') center center no-repeat; background-size: contain; margin-top: 5px; }
.content-title-wrap .item-sort a .fas.fa-list:before { display: none; }
.content-title-wrap .item-sort a .fa.fa-th-large { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_thumbnail_view_line.png') center center no-repeat; background-size: contain; margin-top: 5px; }
.content-title-wrap .item-sort a.selected .fa.fa-th-large { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_thumbnail_view_line_on.png') center center no-repeat; background-size: contain; margin-top: 5px; }
.content-title-wrap .item-sort a .fa.fa-th-large:before { display: none; }
.content-title-wrap .btn-program { position: relative; display: inline-block; text-decoration: underline; line-height: 20px; padding-left: 0px; color: #047ad5; letter-spacing: -0.5px; font-size: 20px; outline: 0; }

.content-subtitle-wrap { position: relative; margin-bottom: 0px; border-bottom: 0 none; margin-top: 32px !important; margin-right: 0; margin-left: 0; margin-bottom: 8px; }
.content-subtitle-wrap  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.content-subtitle-wrap h4 .content-title { line-height: 24px; font-size: 16px; color: #333; font-weight: 500; }
.content-subtitle-wrap h4 .content-title i[class*='fa-'] { position: relative; top: 8px; display: inline-block; vertical-align: top; font-size: 16px; color: #ccc; margin-right: 10px; }
.content-subtitle-wrap h4 .text-guide { position: relative; display: inline-block; vertical-align: middle; top: 0; font-size: 11px; color: #767676; margin-left: 10px; }
.content-subtitle-wrap h4 .text-guide > p { margin-left: 15px; line-height: 16px; }
.content-subtitle-wrap h4 .text-guide:before { content: ''; height: 10px; width: 1px; background: #ccc; display: inline-block; position: absolute; left: 0;  top: 2px; }
.content-subtitle-wrap h4 .text-guide i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; transform: scaleX(-1); }
.content-subtitle-wrap .required:after { content: '*'; position: relative; top: 2px; display: inline-block; font-size: 14px; line-height: 14px; color: red; margin-left: 5px; vertical-align: middle; }


/* 화면별 - 가이드 pop */
.layerTipWrap { position: relative; width: 100%; }
.layerTipWrap .layerHeader {background: #fff; position:relative; display: inline-block; width: 100%; border-bottom: solid 1px #ccc;}
.layerTipWrap .layerTitle {font-size:14px; color: #333; font-weight:500; line-height:16px; padding:8px 20px 8px 20px; display: inline-block;}
.layerTipWrap .layerTitle span { font-size: 12px; line-height: 17px; color: #989898; font-weight: 200; padding-left:10px; padding-right: 20px;}
.layerTipWrap .layerTitle .fNew { color: #f7a443; }
.layerTipWrap .layerClose a { width: 17px; height: 17px; cursor: pointer; text-align:right; position: absolute; top: 15px; right: 20px; display: inline-block; font-size: 20px; }
.layerTipWrap .layerCtn { height:auto; }
.layerTipWrap .layerCtn .content .info-tooltip { border-bottom: 1px solid #ccc; padding: 15px 20px 15px 20px; }
.layerTipWrap .layerCtn .content .info-tooltip .info-tit { font-size: 12px; font-weight: 500; color: #000; margin-bottom: 5px; line-height: 100%; }
.layerTipWrap .layerCtn .content .info-tooltip .info-tit i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; top: 0; }
.layerTipWrap .layerCtn .content .info-tooltip .info-con { font-size: 12px; line-height: 14px; font-weight: 400; color: #333; margin-left: 0px; }


/* VDI - VDI List */
.vdi-list .card { border: 1px solid #D4D4D4;  background: #fff; border-radius: 0; height: 115px; }
.vdi-list .card.selected { border: 1px solid #047ad5; background: #fff; /* -webkit-box-shadow: 5px 4px 4px 0 rgba(33,37,41,.1); box-shadow: 5px 4px 4px 0 rgba(33,37,41,.1); */ }
.vdi-list .card.selected .status .card-title { width: calc(100% - 0px); display: inline-block; font-size: 23px; line-height: 37px; color: #333; font-weight: 700; margin-left: 1px; margin-bottom: 0px !important; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vdi-list .card.selected .status .card-text { font-size: 12px; font-weight: 400; color: #333; background: #f7f7f7; padding: 0 8px; display: inline-block;margin-left: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; width: auto; line-height: 24px; height: 24px; border-radius: 24px 24px; }
.vdi-list .card.selected .img-size.windows { width: 65px; height: 65px; background: url('/user/content/images/main/windows-vdi.jpg'); background-size: 65px; font-size: 0;text-indent: -5555px; }
.vdi-list .card.selected .img-size.linux { width: 65px; height: 65px; background: url('/user/content/images/main/linux-vdi.jpg'); background-size: 65px; font-size: 0;text-indent: -5555px; }
.vdi-list .card.disabled { border: 1px solid #D4D4D4; background: #eee; }
.vdi-list { position: relative; margin-right: 0; margin-left: 0; background: #f7f7f7; padding: 24px 20px 24px 20px; }
.vdi-list > div { padding: 0 4px 0 4px; }
.vdi-list > div:nth-child(n+5) { padding-top: 16px; }
.vdi-list .card-body { padding: 24px; }
.vdi-list .img-size { position: relative; background: #eaeaea; width: 65px; height: 65px; display: inline-block; text-align: center; vertical-align: middle; }
.vdi-list .img-size.windows { width: 65px; height: 65px; background: url('/user/content/images/main/windows-vdi-disabled.jpg'); background-size: 65px; font-size: 0;text-indent: -5555px; }
.vdi-list .img-size.linux { width: 65px; height: 65px; background: url('/user/content/images/main/linux-vdi-disabled.jpg'); background-size: 65px; font-size: 0;text-indent: -5555px; }
.vdi-list .img-size > img { width: 65px; }
.vdi-list .status { display: block; position: relative; top: 0px; margin: 0 !important;  }
.vdi-list .status:last-child { margin-top: 3px !important; }
.vdi-list .status .card-title { width: calc(100% - 0px); display: inline-block; font-size: 23px; line-height: 37px; color: #333; font-weight: 700; margin-left: 1px; margin-bottom: 0px !important; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vdi-list .status .card-text { font-size: 12px; font-weight: 400; color: #333; background: #f7f7f7; padding: 0 8px; display: inline-block;margin-left: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  max-width: 100%; width: auto; line-height: 24px; height: 24px; border-radius: 24px 24px; }

.img-size.img-none { background: #eaeaea; border:1px solid #dbdbdb; width: 65px; height: 65px; display: inline-block; }
.img-size.img-none:before, .img-size.img-none:after{ content:''; position:absolute; width:91px; height:1px; background-color:#dbdbdb; border-radius:0px; top:31px; }
.img-size.img-none:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); left:-14px; }
.img-size.img-none:after{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); right:-14px; }


/* VDI - VDI Step */
.step-wrap.breadcrumb-custom { display: flex; flex-wrap: nowrap; padding: 16px 0 0 0;  border-top: 0 none; border-bottom: 1px solid #eaeaea;  margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 0; }
.step-wrap.breadcrumb-custom .breadcrumb-item { position: relative; width: 355px; background: #fff; color: #959595; display: inline-block; vertical-align: middle;border-left: 0 none;  }
.step-wrap.breadcrumb-custom .breadcrumb-item > div { position: relative; z-index: 5; width: 100%; height: 100%; color: #047ad5; vertical-align: middle; padding: 16px 16px 16px 32px; font-size: 24px; color: #959595; font-weight: 700; }
.step-wrap.breadcrumb-custom .breadcrumb-item:after { content: ""; z-index: 1; display: block; position: absolute; top: 50%; right: 0; width: 23px; height: 23px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; background: #fff; transform: translateY(-50%) rotate(315deg); -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); }
.step-wrap.breadcrumb-custom .breadcrumb-item:before { display: none; }
.step-wrap.breadcrumb-custom .breadcrumb-item:first-child > div { padding: 16px 16px 16px 16px }
.step-wrap.breadcrumb-custom .breadcrumb-item:first-child { border-left: 0 none; }
.step-wrap.breadcrumb-custom .breadcrumb-item:last-child { border-right: 0 none; }
.step-wrap.breadcrumb-custom .breadcrumb-item:last-child:after { display: none; }
.step-wrap.breadcrumb-custom .breadcrumb-item .step-img {  display: block; letter-spacing: -0.5px; margin-left: 0px; margin-top: 8px; }
.step-wrap.breadcrumb-custom .breadcrumb-item .step-img p { font-size: 16px; color: #959595; font-weight: 400; text-align: left; line-height: 16px; }

.step-wrap.breadcrumb-custom .breadcrumb-item.confirm:after { content: ""; z-index: 1; display: block; position: absolute; top: 50%; right: 0px;  width: 23px; height: 23px; border-top: 1px solid #047ad5; border-left: 1px solid #047ad5;  z-index: 3; background: #fff; transform: translateY(-50%) rotate(315deg); -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); }
.step-wrap.breadcrumb-custom .breadcrumb-item.confirm:first-child > div { padding: 16px 16px 16px 16px; }
.step-wrap.breadcrumb-custom .breadcrumb-item.confirm:last-child:after { display: none;  }
.step-wrap.breadcrumb-custom .breadcrumb-item.confirm:last-child > div { padding: 16px 16px 16px 32px;}
.step-wrap.breadcrumb-custom .breadcrumb-item.confirm > div { position: relative; color: #047ad5; padding: 16px 16px 16px 32px; font-weight: 500; z-index: 1;  }
.step-wrap.breadcrumb-custom .breadcrumb-item.confirm .step-img p { font-size: 16px; color: #047ad5; font-weight: 400; text-align: left; line-height: 16px; }

.step-wrap.breadcrumb-custom .breadcrumb-item.active:after { content: ""; z-index: 1; display: block; position: absolute; top: 50%; right: 0px;  width: 23px; height: 23px; border-top: 1px solid #047ad5; border-left: 1px solid #047ad5;  z-index: 3; background: #fff; transform: translateY(-50%) rotate(315deg); -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); }
.step-wrap.breadcrumb-custom .breadcrumb-item.active:first-child > div { padding: 16px 16px 16px 16px; }
.step-wrap.breadcrumb-custom .breadcrumb-item.active:last-child:after { display: none;  }
.step-wrap.breadcrumb-custom .breadcrumb-item.active:last-child > div { padding: 16px 16px 16px 32px;}
.step-wrap.breadcrumb-custom .breadcrumb-item.active > div { position: relative; color: #047ad5; padding: 16px 16px 16px 32px; font-weight: 700; z-index: 1;  }
.step-wrap.breadcrumb-custom .breadcrumb-item.active .step-img p { font-size: 16px; color: #047ad5; font-weight: 400; text-align: left; line-height: 16px; }


/* VDI - my vdi */
.myvdi-box { padding: 0; border: 0; background: #fff; }
.myvdi-box .myvdi { padding: 0; display: flex; align-items: center; flex-flow: wrap; margin-right: -5px; margin-left: -5px; }
.myvdi-box .myvdi div[class*='col-'] { padding-right: 5px;  padding-left: 5px; }
.myvdi-box .myvdi div[class*='col-'] .form-inline { padding: 8px 0; display: flex; align-items: center; flex-flow: row wrap; }
.myvdi-box .myvdi div[class*='col-']:nth-child(1) .form-inline:before { display: none; }
.myvdi-box .myvdi div[class*='col-']:nth-child(2) .form-inline:before { display: none; /* content: ''; height: 100%; width: 1px; background: #eaeaea; display: inline-block; position: absolute; left: 0; top: 0; */ }
.myvdi-box .myvdi div[class*='col-']:nth-child(1) .form-inline label + .form-group { padding-right: 27px; }
.myvdi-box .myvdi div[class*='col-']:nth-child(2) .form-inline label { padding-left: 27px;} 
.myvdi-box .myvdi .form-inline .input-group.date { width: 180px; }
.myvdi-box .myvdi .form-inline label { line-height: 18px; font-weight: 500; font-size: 16px; display: -ms-flexbox;  display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: flex-start; margin-bottom: 0; padding-left: 0; padding-right: 16px; }
.myvdi-box .myvdi .form-inline label + .form-group { line-height: 18px; font-weight: 400; font-size: 16px; color: #333; padding-left: 0; padding-right: 0; }
.myvdi-box .text-guide.only { position: absolute; left: 0; display: block; top: 100%; font-size: 12px; color: #333; transform: translate(15px, 8px); }
.myvdi-box .text-guide.only > p { margin-left: 0px; }
.myvdi-box .text-guide.only i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; }
.myvdi-box .btn-edit { background: #fff; color: #333; font-size: 14px; height: 16px; padding: 0; margin-top: 0; text-align: left; border-radius: 0; border: 0 none; min-width: 24px; vertical-align: top; margin-top: 0; margin-left: 8px; }
.myvdi-box .btn-edit:hover, .vdi-info .btn-edit:focus, .vdi-info .btn-edit:active { background: #fff !important; }
.myvdi-box .btn-edit .fa.ico-edit { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/main/btn_vdi_edit.png') center center no-repeat; background-size: contain; vertical-align: middle; }
.modal .table-view.nicname-change { padding: 0 16px; }
.modal .modal-body > .table-view.nicname-change { margin-top: 24px; }
.modal .table-view.nicname-change .form-box { border: 0 none; padding: 0; }
.modal .table-view.nicname-change .form-box .form-inline .form-control { display: inline-block; width: 100%; vertical-align: middle; }
.modal .table-view.nicname-change .form-box .form-group .col-form-label { font-size: 16px; font-weight: 500; line-height: 18px; color: #333; margin-bottom: 0 !important; min-width: 100px; text-align: left; display: inline-block; }
.modal .table-view.nicname-change .form-box .form-inline > .form-group { margin-right: 5px; font-size: 16px; font-weight: 400; line-height: 18px; color: #5a5a5a; }
.modal .table-view.nicname-change .form-box .file-size { font-weight: 400; font-size: 12px; color: #333; line-height: 16px; }
.modal .table-view.nicname-change .form-box .file-size strong { font-weight: 700; font-size: 12px; color: #333; margin-left:0; }
.modal .table-view.nicname-change .form-box .text-guide.only .float-left { width: 80%; }
.modal .table-view.nicname-change .form-box .text-guide.only .float-right { width: 20%; text-align: right; }
.modal .table-view.nicname-change .form-box .text-guide.only { position: relative; display: block; top: 0; font-size: 12px; color: #333; margin-left: 0; margin-bottom: 0; margin-top: 00px; }
.modal .table-view.nicname-change .form-box .text-guide.only p { margin-left: 0px; line-height: 16px; }


/* VDI - VDI 신규신청 */
.new-vdi-box { position: relative; padding: 24px 32px 24px 32px; border: 0; background: #fff; border: 1px solid #DBDBDB; margin-bottom: 16px; }
.new-vdi-box + .box-file-msg { margin-top: 0; }
.new-vdi-box .new-vdi { padding: 0; display: flex; align-items: normal; flex-flow: wrap; margin-right: -5px; margin-left: -5px; }
.new-vdi-box .new-vdi div[class*='col-'] { padding-right: 5px;  padding-left: 5px; }
.new-vdi-box .new-vdi div[class*='col-'] .form-inline { padding: 8px 0; display: flex; align-items: center; flex-flow: row wrap; }
.new-vdi-box .new-vdi div[class*='col-'] .form-inline .form-group .input-group.date .form-control { position: relative; flex: 1 1 0%; min-width: 0; }
.new-vdi-box .new-vdi div[class*='col-']:nth-child(1) .form-inline:before { display: none; }
.new-vdi-box .new-vdi div[class*='col-']:nth-child(2) .form-inline:before { content: ''; height: 100%; width: 1px; background: #eaeaea; display: inline-block; position: absolute; left: 0; top: 0; }
.new-vdi-box .new-vdi div[class*='col-']:nth-child(1) .form-inline label + .form-group { padding-right: 27px !important; }
.new-vdi-box .new-vdi div[class*='col-']:nth-child(2) .form-inline label { padding-left: 27px; word-break:break-all; line-height: 18px; } 
.new-vdi-box .new-vdi .form-inline .input-group.date { width: 150px; }
.new-vdi-box .new-vdi .form-inline label { font-size: 16px; font-weight: 500; display: -ms-flexbox;  display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: flex-start; margin-bottom: 0; padding-left: 0; padding-right: 0;  }
.new-vdi-box .new-vdi .form-inline label.pdl35 { padding-left: 25px !important; }
.new-vdi-box .new-vdi .form-inline label.pdl15 { padding-left: 15px !important; }
.new-vdi-box .new-vdi .form-inline label + .form-group { font-size: 16px; font-weight: 400; padding-left: 0; padding-right: 0; display: flex; align-items: center; flex-flow: row wrap; position: relative; }
.new-vdi-box .text-guide.only { display: block; font-size: 12px; color: #959595; margin-top: 8px; /*position: absolute; left: 0; display: block; top: 100%; font-size: 12px; color: #959595; transform: translate(0px, 8px);*/ }
.new-vdi-box .text-guide.only > p { margin-left: 0px; }
.new-vdi-box .text-guide.only i[class*='fa-'] { font-size: 12px; color: #f7a443; margin-right: 5px; }
.box-file-msg { padding: 24px 94px; border: 0; background: #f7f7f7; border: 1px dashed #ccc;  margin-top: 16px; cursor: pointer; }
.box-file-msg .list_bul { position: relative; display: block; color: #333; text-align: left; font-size: 12px; line-height: 20px; }
.box-file-msg .list_bul li strong { font-weight: 500; padding-right: 10px; }
.box-file-msg .list_bul li.active { font-weight: 400; color: #333; }
.box-file-msg .list_bul li { font-size: 16px; font-weight: 400; color: #959595; text-align: center; }
.content-title-wrap + .board-info {margin: 0 0 10px 0; }
.content-subtitle-wrap + .board-info {margin: 0 0 10px 0; }
.new-vdi-box .file_del { position: absolute; width: 20px; height: 20px; right: 32px; display: inline-block; margin-top: 0px; }
.new-vdi-box .file_del span { display: block; overflow: hidden; text-indent: -9999px; }
.new-vdi-box .file_del i[class*='fa-'] { position: static; width: 9px; height: 9px; margin: 4px auto 0; color: #767676; }
.new-vdi-box .file_del .fa.fa-times { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_modal_del.png') center center no-repeat; background-size: contain; margin-top: 0px; }
.new-vdi-box .file_del .fa.fa-times:before { display: none; }
.new-vdi-box .new-vdi .tip-badge { display: inline-block; color: #333; width: 18px; height: 18px; background: url('/user/content/images/ico/ico_tooltip.png') center center no-repeat; background-size: contain; font-size: 12px; font-weight: 400; text-indent: -9999px; border-radius: 0; margin-left: 4px; vertical-align: middle; cursor: pointer; }
.new-vdi-box .new-vdi .layerTipWrap { position: relative; width: 900px; }
.new-vdi-box .new-vdi .layerTipWrap .layerCtn .content .info-tooltip { border-bottom: 1px solid #ccc;  padding: 24px; }
.new-vdi-box .new-vdi .btn-change { min-width: 68px; padding: 0px 8px 0px 8px; }

.form-box .form-group.row label + .form-inline { display: flex; align-items: center; flex-flow: row wrap; }
.form-box .form-group.row label + .form-inline .form-group { display: flex; align-items: center; flex: 0 0 auto; flex-flow: row wrap; }
.form-box .form-group.row label + .form-inline .form-group .form-group { display: flex; align-items: center; flex: 0 0 auto; flex-flow: row wrap; }
.form-box .form-group.row label + .form-inline .form-group .input-group.date .form-control { width: auto; position: relative; flex: 1 1 0%; min-width: 0; }
.form-box .form-group.row label + .form-inline .input-group.date .form-control { width: auto; position: relative; flex: 1 1 0%; min-width: 0; }
.form-box .form-group.row label + .form-inline .form-row { display: flex; align-items: center; flex: 0 0 auto; flex-flow: row wrap; }

.new-vdi-box .form-inline > .form-group .input-group.date { display: inline-block; width: 130px; vertical-align: middle; cursor: pointer; }
.new-vdi-box .form-inline > .form-group .input-group-addon { display: inline-block; border: 0 none; margin-left: -1px; margin-right: -1px; text-align: center; width: 32px; height: 32px; background: #fff; }

.file-drag-wrap { position: absolute; left: 0; top: 0; height: calc(100% - 49px); width: 100%; z-index: 1; }
.file-drag-wrap .box-file-msg { padding: 0 0 32px 0; border: 0; background: rgba(4,122,213,0.1); border: 1px dashed #047ad5;  margin-top: 49px; height: 100%; display: flex; justify-content: center; align-items: flex-end; }
.file-drag-wrap .box-file-msg .list_bul { position: relative; display: block; color: #333; text-align: left; font-size: 12px; height: 48px; line-height: 48px; background: #047ad5; border-radius: 48px 48px; padding: 0 32px; }
.file-drag-wrap .box-file-msg .list_bul li { font-size: 14px; font-weight: 400; color: #fff; text-align: center; }
.file-drag-wrap .box-file-msg .list_bul li i[class*='fa-'] { vertical-align: middle; text-align: left; color: #000; font-size: 16px; display:inline-block; width: 24px; height: 24px; background: url('/user/content/images/ico/ico_upload_line_w.png') left center no-repeat; }
.file-drag-wrap .box-file-msg .list_bul li i[class*='fa-']:before { display: none; }
.file-drag-wrap .box-file-msg .list_bul li i[class*='fa-'] { margin-right: 8px; }

.upload-file { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: calc(100% - 86px); }
.upload-file .custom-file-input { position: relative; z-index: 2; width: 100%; height: 32px; margin: 0; opacity: 0; }
.upload-file .custom-file-label  { position: absolute; top: 0; right: 0; left: 0; z-index: 0; height: 32px; padding: 6px 12px !important; font-size: 14px !important; font-weight: 400; line-height: 1.5; color: #333; font-weight: normal !important; background-color: transparent; border: 1px solid #959595; border-radius: 0 !important; }
.upload-file .custom-file-input:focus~.custom-file-label, .upload-file .custom-file-input:active~.custom-file-label { box-shadow: 0 0 0px #fff !important; outline: 0 !important; }
.upload-file .custom-file-label:after { display: none; }
.upload-file .custom-file { height: 32px; }
.upload-file .custom-file + .input-group-addon { position: absolute; top: 0; right: 0; bottom: 0; width: 65px; height: 32px; z-index: 1; }
.upload-file .custom-file + .input-group-addon > .btn { width: 65px; height: 32px; }

.vdi-security-agree { position: relative; margin: 0; }
.vdi-security-agree  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.vdi-security-agree .box-msg { padding: 20px; border: 0; background: #f7f7f7; }
.vdi-security-agree .box-msg .list_bul { position: relative; display: block; color: #959595; text-align: left; font-size: 14px; line-height: 20px; }
.vdi-security-agree .box-msg .list_bul li { position: relative; padding-left: 0px; color: #959595; font-size: 14px; }
.vdi-security-agree .box-msg .list_bul.type1 li { position: relative; padding-left: 10px; color: #959595; font-size: 16px; }
.vdi-security-agree .box-msg .list_bul.type1 li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ''; }
.vdi-security-agree .box-msg .list_bul.type2 { position: relative; display: block; color: #666; text-align: left; font-size: 16px; line-height: 24px; }
.vdi-security-agree .box-msg .list_bul.type2 li { position: relative; padding-left: 0px; color: #666; font-size: 16px; }
.vdi-security-agree .box-msg .list_bul.type3 { position: relative; display: block; color: #959595; text-align: left; font-size: 16px; line-height: 24px; }
.vdi-security-agree .box-msg .list_bul.type3 li { position: relative; padding-left: 0px; color: #959595; font-size: 16px; }
.vdi-security-agree .box-msg + .o-input-wrap { position: relative; margin-bottom: 0; margin-top: 20px; padding-left: 0; font-size: 14px; line-height: 30px; }
.vdi-security-agree .o-input--radio + label, .vdi-security-agree .o-input--checkbox + label { margin-right: 0; line-height: 22px; }

.vdi-approval { position: relative; margin: 0; }
.vdi-approval  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.vdi-approval .box-msg { padding: 24px 34px; border: 0; background: #f7f7f7; }
.vdi-approval .box-msg .list_bul { position: relative; display: block; color: #333; text-align: left; font-size: 14px; line-height: 24px; }
.vdi-approval .box-msg .list_bul li { padding: 2px 0; }
.vdi-approval .box-msg .list_bul li strong { font-weight: 500; padding-right: 10px; }
.vdi-approval .box-msg .list_bul.type1 li { position: relative; padding-left: 10px; color: #333; font-size: 14px; }
.vdi-approval .box-msg .list_bul.type1 li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ''; }
.vdi-approval .o-input-wrap { position: relative; margin-bottom: 0; margin-top: 20px; padding-left: 0; font-size: 14px; }
.vdi-approval .list-file i[class*='fa-'] { color: #333; vertical-align: middle; }
.vdi-approval .list-file { padding: 12px 0 8px; }
.vdi-approval .list-file .fas.fa-save { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_save_line.png') center center no-repeat; background-size: contain; margin-left: 0px !important; }
.vdi-approval .list-file .fas.fa-save:before { display: none; }
.vdi-approval .list-file li { overflow: hidden; position: relative; padding: 4px 10px 2px 0px; font-size: 14px; line-height: 15px; color: #333; }
.vdi-approval .list-file li .box-fileinfo { overflow: hidden; display: inline-block; vertical-align: middle; }
.vdi-approval .list-file li .box-fileinfo .txt-file { overflow: hidden; font-size: 13px; line-height: 13px; color: #333; }
.vdi-approval .list-file li .file_del { position: absolute; top: 0; left: 0; width: 21px; height: 21px; }
.vdi-approval .list-file li .file_del span { display: block; overflow: hidden; text-indent: -9999px; }
.vdi-approval .list-file li .file_del i[class*='fa-'] { position: static; width: 9px; height: 9px; margin: 4px auto 0; color: #767676; }

.vdi-confirmation { position: relative; margin: 0; }
.vdi-confirmation  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.vdi-confirmation .box-msg { padding: 24px 34px; border: 0; background: #f7f7f7; }
.vdi-confirmation .box-msg .list_bul { position: relative; display: block; color: #333; text-align: left; font-size: 14px; line-height: 20px; }
.vdi-confirmation .box-msg .list_bul li strong { font-weight: 500; padding-right: 10px; }
.vdi-confirmation .box-msg .list_bul li .text-red { color: #ff5858; }
.vdi-confirmation .box-msg .list_bul li .text-blue { color: #047ad5; }
.vdi-confirmation .box-msg .list_bul li .text-black { color: #333; }
.vdi-confirmation .box-msg .list_bul.type1 li { position: relative; padding-left: 10px; color: #333; font-size: 14px; }
.vdi-confirmation .box-msg .list_bul.type1 li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ''; }
.vdi-confirmation .o-input-wrap { position: relative; margin-bottom: 0; margin-top: 20px; padding-left: 0; font-size: 14px; }
.vdi-confirmation .box-msg + .o-input-wrap { position: relative; margin-bottom: 0; margin-top: 20px; padding-left: 0; font-size: 14px; line-height: 30px; }

.set-approval { position: relative; margin: 0; }
.set-approval  div[class*='col-'] { padding-right: 0; padding-left: 0; }
.set-approval .box-msg { padding: 10px 20px; border: 0; background: #f7f7f7; }
.set-approval .box-msg .list_bul { position: relative; display: block; color: #333; text-align: left; font-size: 14px; line-height: 20px; }
.set-approval .box-msg .list_bul li strong { font-weight: 500; padding-right: 10px; }
.set-approval .box-msg .list_bul.type1 li { position: relative; padding-left: 10px; color: #333; font-size: 14px; }
.set-approval .box-msg .list_bul.type1 li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ''; }
.set-approval .o-input-wrap { position: relative; margin-bottom: 0; margin-top: 20px; padding-left: 0; font-size: 14px; }
.set-approval.share-file .list-file .fas.fa-save { margin-left: 0px !important; }

.box-attach { position: relative; margin: 0; }
.box-attach .txt-info { padding: 20px 0; font-size: 13px; color: #333; text-align: center; }
.box-attach .list-file i[class*='fa-'] { color: #333; vertical-align: middle; }
.box-attach .list-file { padding: 5px 0 8px; }
.box-attach .list-file .fas.fa-save { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_save_line.png') center center no-repeat; background-size: contain; margin-right: 3px; margin-left: 20px; }
.box-attach .list-file .fas.fa-save:before { display: none; }
.box-attach .list-file li { overflow: hidden; position: relative; padding: 4px 10px 2px 0; font-size: 13px; line-height: 15px; color: #333; }
.box-attach .list-file li .box-fileinfo { overflow: hidden; display: inline-block; vertical-align: middle; text-decoration: none; }
.box-attach .list-file li .box-fileinfo .txt-file { overflow: hidden; font-size: 13px; line-height: 13px; color: #333; }
.box-attach .list-file li .file_del { position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
.box-attach .list-file li .file_del span { display: block; overflow: hidden; text-indent: -9999px; }
.box-attach .list-file li .file_del i[class*='fa-'] { position: static; width: 9px; height: 9px; margin: 4px auto 0; color: #333; }
.box-attach .list-file li .file_del:hover i[class*='fa-'] { color: #333; }
.info-attach { font-size: 13px; color: #767676; margin-top: 0px; }
.info-attach span { vertical-align: middle; }
.info-attach span strong { font-weight: 500; }
.info-attach .upload-btn-wrap { position: relative; overflow: hidden; display: inline-block; margin-left: 15px; vertical-align: middle; }
.info-attach .upload-btn-wrap input[type=file] { position: absolute; width: 100%; height: 24px; left: 0; top: 0; opacity: 0; cursor: pointer; display: none; }

.table-view .table .list_bul { position: relative; display: block; width: 100%; color: #333; text-align: left; font-size: 14px; line-height: 28px; }
.table-view .table .list_bul li strong { font-weight: 500; padding-right: 10px; }
.table-view .table .list_bul.type1 li { position: relative; padding-left: 10px; color: #333; font-size: 14px; }
.table-view .table .list_bul.type1 li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ''; }
.table-view .table .list_bul li a { display: block; padding-left: 0px; }
.table-view .table .list_bul li a:hover, .table-view .table .list_bul li a:focus { text-decoration: none; color: #333; }
.table-view .table .list_bul li .selected { background: #E5F1FB; }
.table-view .table .list_bul li .badge-primary { color: #fff; background-color: #4fce67; padding: 5px 8px; font-weight: 400; font-size: 12px; min-width: 45px; border-radius: 0; }
.table-view .table .list_bul li .badge-success { color: #fff; background-color: #336aff; padding: 5px 8px; font-weight: 400; font-size: 12px; min-width: 45px; border-radius: 0; }
.table-view .table .list_bul li .badge-secondary { color: #fff; background-color: #959595; padding: 5px 8px; font-weight: 400; font-size: 12px; min-width: 45px; border-radius: 0; }
.table-view .table .list_bul li .btn-approval {  display: inline-block; color: #959595; background: #fff;  min-width: 45px; font-weight: 400; font-size: 12px; padding: 0px 8px; height: 22px; border-color: #ccc; border-radius: 0; }
.table-view .table .list_bul li .state-approval { color: #fff; background-color: #4fce67; border-color: #4fce67; }
.table-view .table .list_bul li .state-agreement { color: #fff; background-color: #336aff; border-color: #336aff; }
.table-view .table .list_bul li .state-noti { color: #fff; background-color: #959595; border-color: #959595; }
.table-view .table .btn-sort { position: relative; display: inline-block; vertical-align: top; height: 32px; margin-left: 32px; }
.table-view .table .btn-sort a { text-align: center; display: inline-block; line-height: 22px; }
.table-view .table .btn-sort a i[class*='fa-'] { color: #333; vertical-align: middle; display: inline-block; width: 20px; }
.table-view .table .btn-sort a:hover i[class*='fa-'] { color: #047ad5; }
.table-view .table .btn-sort a .fa.fa-caret-up { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_approval_up.png') center center no-repeat; background-size: contain; }
.table-view .table .btn-sort a .fa.fa-caret-up:before { display: none; }
.table-view .table .btn-sort a .fa.fa-caret-down { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_approval_down.png') center center no-repeat; background-size: contain;  }
.table-view .table .btn-sort a .fa.fa-caret-down:before { display: none; }
.table-view .table .btn-sort a .fa.fa-times { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_approval_del.png') center center no-repeat; background-size: contain; }
.table-view .table .btn-sort a .fa.fa-times:before { display: none; }
.table-view .table .btn-sort a span { display: inline-block; overflow: hidden; text-indent: -9999px; }
.table-list .table .nav-link { display: inline-block; padding: 0; }

.ibox-content { background: transparent; color: inherit; padding: 15px 20px 20px 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ibox-content h4 { color: #333; font-size: 16px; margin-top: 16px; }
.ibox-content i { font-size: 52px; }
.state-success i, .state-success h4 { color: #4fce67; }
.state-danger i,.state-danger h4 { color: #ff5858; }
.state-warning i, .state-warning h4 { color: #f7a443; }
.ibox-content .fa-icon:before { display: none; }
.ibox-content.state-success .fa-icon { display: inline-block; width: 60px; height: 60px; background: url(/user/content/images/ico/ico_check_alter_line.png) center center no-repeat; background-size: contain; }
.ibox-content.state-danger .fa-icon { display: inline-block; width: 60px; height: 60px; background: url(/user/content/images/ico/ico_clear_alter_line.png) center center no-repeat; background-size: contain; }
.ibox-content.state-warning .fa-icon { display: inline-block; width: 60px; height: 60px; background: url(/user/content/images/ico/ico_information_alter_line.png) center center no-repeat; background-size: contain; }


/* VDI 신규신청 - 결재경로지정 */
.table-view .table-borderless.approval-table td, .table-view .table-borderless.approval-table tbody td { font-size: 16px; line-height: 22px; color: #5a5a5a; padding: 0; }
.table-view .table-borderless.approval-table .user-search { display: inline-block; width: calc(100% - 120px); float: left; }
.table-view .table-borderless.approval-table .user-search + .btn { display: inline-block; background: #fff; min-width: 112px; line-height: 14px; font-weight: normal; padding: 0px 16px 0px 16px; height: 32px; vertical-align: top; margin-left: 8px; }
.table-view .table-bordered.approval-table { position: relative; }
.table-view .table-bordered.approval-table th { background: #f7f7f7; padding: 4px 16px 4px 16px; vertical-align: middle; font-size: 14px; color: #333; border: 1px solid #ccc; height: 33px; }
.table-view .table-bordered.approval-table td { background: #fff; padding: 0; vertical-align: middle; font-size: 14px; color: #5a5a5a; line-height: 18px; border: 1px solid #ccc; border-top: 0 none; }
.table-view .table-bordered.approval-table th .form-inline { display: flex; align-items: center; flex-flow: row wrap; }
.table-view .table-bordered.approval-table .btn-group { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: baseline; }
.table-view .table-bordered.approval-table .approval-user { font-size: 12px; color: #333;  margin-left: 16px; }
.table-view .table-bordered.approval-table .btn-group .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.table-view .table-bordered.approval-table .btn-group .btn-approval {  display: inline-block; color: #959595; background: #f7f7f7;  min-width: 64px; font-weight: 400; font-size: 12px; padding: 0px 8px; height: 24px; border-color: #ccc; border-radius: 0; }
.table-view .table-bordered.approval-table .btn-group .state-approval { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; border-radius: 2px 0px 0px 2px; }
.table-view .table-bordered.approval-table .btn-group .state-agreement { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; }
.table-view .table-bordered.approval-table .btn-group .state-noti { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; border-radius: 0px 2px 2px 0px; }
.table-view .table-bordered.approval-table .btn-group .state-approval.active { color: #fff; background-color: #047ad5; border-color: #035ea3; z-index: 2; }
.table-view .table-bordered.approval-table .btn-group .state-agreement.active { color: #fff; background-color: #3cbef5; border-color: #2984aa; z-index: 2; }
.table-view .table-bordered.approval-table .btn-group .state-noti.active { color: #fff; background-color: #99a2b2; border-color: #6a707b; z-index: 2; }
.table-view .table-bordered.approval-table .list_bul li { padding: 4px 16px; line-height: 20px; }
.table-view .table-bordered.approval-table .list_bul li:hover { background: #f7f7f7; cursor: pointer; }
.table-view .table-bordered.approval-table .list_bul li.selected { background: #E5F1FB; cursor: pointer; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .btn-approval {  display: inline-block; color: #959595; background: #f7f7f7;  min-width: 64px; font-weight: 400; font-size: 12px; padding: 0px 8px; height: 24px; border-color: #ccc; border-radius: 0;}
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-approval { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; border-radius: 2px 0px 0px 2px; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-agreement { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-noti { color: #959595; background-color: #fff; border-color: #ccc; z-index: 1; border-radius: 0px 2px 2px 0px; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-make { color: #959595; background-color: #fff; border-color: #ccc; min-width: 190px; z-index: 1; border-radius: 2px; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-approval.active { color: #fff; background-color: #047ad5; border-color: #035ea3; z-index: 2; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-agreement.active { color: #fff; background-color: #3cbef5; border-color: #2984aa; z-index: 2; }
.table-view .table-bordered.approval-table .list_bul li .btn-group .state-noti.active { color: #fff; background-color: #99a2b2; border-color: #6a707b; z-index: 2; }
.table-view .table-bordered.approval-table .btn-sort { position: relative; display: inline-block; vertical-align: middle; height: 24px; margin-left: 16px; margin-right: 0; padding-left: 16px; }
.table-view .table-bordered.approval-table .btn-sort a { text-align: center; display: inline-block; line-height: 17px; }
.table-view .table-bordered.approval-table .btn-sort:before { position: absolute; top: 7px; left: 0; width: 1px; height: 12px; background: #A5A5A5; content: ''; }
.table-view .table-bordered.approval-table .approval-cnt {position: relative;  display: inline-block; font-size: 12px; vertical-align: middle; height: 24px;  margin-left: 16px; padding-left: 16px; }
.table-view .table-bordered.approval-table .approval-cnt:before { position: absolute; top: 7px; left: 0; width: 1px; height: 12px; background: #A5A5A5; content: ''; }
.table-view .table-bordered.approval-table .approval-cnt span { margin-left: 0px; line-height: 24px; }
.table-view .table-bordered.approval-table .fileshare-cnt {position: relative;  display: inline-block; font-size: 12px; vertical-align: middle; height: 24px; }
.table-view .table-bordered.approval-table .fileshare-cnt span { margin-left: 0px; line-height: 24px; }
.table-view .table-bordered.approval-table .approval-summary { position: relative; display: inline-block; font-size: 12px; vertical-align: middle; height: 24px; margin-left: 16px; padding-left: 16px; }
.table-view .table-bordered.approval-table .approval-summary:before { position: absolute; top: 7px; left: 0; width: 1px; height: 12px; background: #A5A5A5; content: ''; }
.table-view .table-bordered.approval-table .approval-summary span { margin-right: 8px; line-height: 24px; }
.table-view .table-bordered.approval-table .file_del { width: 20px; height: 20px; float: right; display: inline-block; margin-top: 2px; }
.table-view .table-bordered.approval-table .file_del span { display: block; overflow: hidden; text-indent: -9999px; }
.table-view .table-bordered.approval-table .file_del i[class*='fa-'] { position: static; width: 9px; height: 9px; margin: 4px auto 0; color: #767676; }
.table-view .table-bordered.approval-table .file_del .fa.fa-times { display: inline-block; width: 20px; height: 20px; background: url('/user/content/images/ico/ico_approval_del.png') center center no-repeat; background-size: contain; margin-top: 0px; }
.table-view .table-bordered.approval-table .file_del .fa.fa-times:before { display: none; }
.table-view .table-bordered.approval-table .btn-collapse-wrap { position: absolute; right: 18px; top: 7px; }
.table-view .table-bordered.approval-table .btn-collapse-wrap .btn-collapse { padding: 0 !important; height: 24px !important; font-size: 12px; min-width: 24px !important; line-height: 24px !important; background: transparent !important; border: 0 none !important; vertical-align: top; }
.table-view .table-bordered.approval-table .btn-collapse-wrap .btn-collapse:hover, .btn-collapse-wrap .btn-collapse:focus, .btn-collapse-wrap .btn-collapse:active { background: transparent !important; border: 0 none !important;}
.table-view .table-bordered.approval-table .btn-collapse-wrap .btn-collapse .fa-collapse { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_collapse_menu_line.png') center center no-repeat; background-size: contain;  }
.table-view .table-bordered.approval-table .btn-collapse-wrap .btn-collapse.collapsed .fa-collapse { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_collapse_menu_line.png') center -3px no-repeat; background-size: contain; transform: scaleY(-1); }
.modal .table-view .table-bordered.approval-table th { background: #f7f7f7; padding: 4px 16px 4px 16px; vertical-align: middle; font-size: 14px; color: #333; border: 1px solid #ccc; height: 33px; }
.modal .table-view .table-bordered.approval-table td { background: #fff; padding: 0; vertical-align: middle; font-size: 14px; color: #5a5a5a; line-height: 18px; border: 1px solid #ccc; border-top: 0 none; }
.modal .table-view .table-bordered.approval-table .btn-approval { min-width: 48px; padding: 0px 8px !important; }
.modal .table-view .table-bordered.approval-table .list_bul li .btn-group .btn-approval { min-width: 48px; padding: 0px 8px !important; }
.modal .table-view .table-bordered.approval-table .list_bul li .btn-group .state-make { color: #959595; background-color: #fff; border-color: #ccc; min-width: 142px; z-index: 1; }

.table-view .form-inline > .form-group { margin-right: 5px; }
.table-view .form-inline > .form-group .input-group-addon { display: inline-block; line-height: 26px !important; border: 1px solid #ccc; border-left: 0 none; width: 32px; text-align: center; height: 32px; margin-left: 0px;cursor: pointer; background: #fff; }
.table-view .form-inline > .form-group .input-group-addon .fa.fa-search { vertical-align: middle; }
.table-view .form-inline > .form-group + .text-guide { display: inline-block; margin-top: 0px; }
.table-view .form-inline > .form-group .form-control + .input-group-addon { line-height: 26px !important; }

.modal .table-view .form-inline > .form-group .form-control + .input-group-addon { line-height: 30px !important; }
.modal .form-group .tip-badge { vertical-align: baseline; }
.modal .form-box .form-group .col-form-label { font-size: 16px; line-height: 17px; color: #333; margin-bottom: 0 !important; min-width: 100px; text-align: left; display: inline-block; }
.modal .form-box .form-group .form-row { width: 100%; }
.modal .form-box .form-group .form-row .form-group .col-form-label { min-width: 70px; }
.modal .form-box .btn { padding: 0 16px 0 16px; min-width: 64px; }
.modal .form-box .text-guide.only { position: relative; display: block; top: 0; font-size: 12px; color: #333; margin-left: 0; margin-bottom: 0px; margin-top: 0px; }
.modal .btn-program { position: relative; display: inline-block; text-decoration: underline; line-height: 20px; padding-left: 0px; color: #047ad5; letter-spacing: -0.5px; font-size: 20px; outline: 0; font-weight: normal; }

.form-inline .input-group.date-label { width: auto; font-size: 14px; }
.form-group .tip-badge { display: inline-block; color: #333;  width: 18px; height: 18px; background: url('/user/content/images/ico/ico_tooltip.png') center center no-repeat; background-size: contain; font-size: 12px; font-weight: 400; text-indent: -9999px; border-radius: 0; margin-left: 4px; vertical-align: middle; cursor: pointer; }
.form-box { border-top: 0 none; border-bottom: 0 none; padding: 32px 16px 0 16px; }
.form-box .form-group .col-form-label { font-size: 16px; line-height: 1; color: #333; margin-bottom: 5px !important; }
.form-box .form-group .input-group.date-label{ font-size: 14px !important; line-height: 18px; }
.form-box .form-group .layer { position: relative; display: inline-block; top: -2px; }
.form-box .form-group .tip-badge { display: inline-block; color: #333;  width: 18px; height: 18px; background: url('/user/content/images/ico/ico_tooltip.png') center center no-repeat; background-size: contain; font-size: 12px; font-weight: 400; text-indent: -9999px; border-radius: 0; margin-left: 4px; vertical-align: middle; cursor: pointer; }

.textarea-wrap { position:relative; }
.textarea-wrap:focus { border: 1px solid #047ad5; }
.textarea-wrap .autosize { height: 76px; }
.textarea-wrap textarea.form-control { display:inline-block; resize: none; height: 78px; line-height: 20px; min-height: inherit; border: 1px solid #959595; overflow: hidden; background: border-box; }
.textarea-wrap textarea.form-control:focus { border: 1px solid #047ad5; }


/* V-DISk - myfiles */
.table-list .table.table-bordered td .file-drag-wrap { position: relative; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg { padding: 150px 0 150px 0; border: 0; background: transparent; border: 0 none;  margin-top: 0; height: 100%; display: flex; justify-content: center; align-items: flex-end; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg .list_bul { position: relative; display: block; color: #a5a5a5; text-align: left; font-size: 12px; height: 48px; line-height: 48px; background: transparent; border-radius: 48px 48px; padding: 0 32px; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg .list_bul li { font-size: 14px; font-weight: 400; color: #a5a5a5; text-align: center; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg .list_bul li i[class*='fa-'] { vertical-align: middle; text-align: left; color: #a5a5a5; font-size: 16px; display:inline-block; width: 24px; height: 24px; background: url('/user/content/images/ico/ico_upload_line_b.png') left center no-repeat; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg .list_bul li i[class*='fa-']:before { display: none; }
.table-list .table.table-bordered td .file-drag-wrap .box-file-msg .list_bul li i[class*='fa-'] { margin-right: 8px; }
.table-list .table.table-bordered td .far.fa-share { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_share_line_on.png') center center no-repeat; background-size: contain; vertical-align: middle; }
.table-list .table.table-bordered td .far.fa-share:before { display: none; }


/* V-DISk - my v-disk */
.tab-inline-tit { position: absolute; top: 0; right:0; width: 75%; margin-bottom: 0; border-bottom: 0 none; }
/*.mini-navbar .tab-inline-tit { width: 1070px; }
.mini-navbar .main-content.mini-sidebar .tab-inline-tit { width: 1280px; }
.main-content.mini-sidebar .tab-inline-tit { width: 1150px; }*/
.tab-inline-tit .float-left { width: 100%; padding-right: 0px; }
.tab-inline-tit .float-right { width: 60px; }
.board-info	{ position: relative; width: 100%; margin: 20px 0 10px 0; }
.board-info .col-5, .board-info .col-7, .board-info .col-12 { padding: 0; position: relative; }
.board-info .col-5 .file-wrap:first-child { margin-top: 12px; padding: 0; }
.board-info .col-7 .file-wrap:last-child {  margin-top: 16px; padding: 0; margin-bottom: 0px; }

.content-title-wrap.tab-inline-tit .float-left > h3 { height: 40px; }
.content-title-wrap.tab-inline-tit h3 .content-title.vm-name { padding-left: 5px; display: inline-block;font-size: 14px; font-weight: 400; color: #333; line-height: 100%; }
.content-title-wrap.tab-inline-tit h3 .content-title.vm-name i[class*='fa-'] { margin-right: 10px; color: #b8b8b8; transform: none; position: relative; top: 2px; display: inline-block; vertical-align: top; }
.content-title-wrap.tab-inline-tit h3 .content-title.vm-name strong { font-size: 24px; font-weight: 500; color: #333; vertical-align: top; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk { position: relative; display: block; float: right; top: 5px; font-size: 11px; color: #767676; margin-left: 10px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .content-title.vm-name + p { margin-left: 35px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk > p { display: inline-block; margin-left: 0px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk:before { content: ''; height: 10px; width: 0px; background: #ccc; display: inline-block; position: absolute; left: 0; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .fas.fa-cloud { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_cloud_line.png') center -2px no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .fas.fa-cloud:before { display: none; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk span strong { font-weight: 500; font-size: 14px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .progress-area { display: inline-block; width: 250px; margin: 0 20px 0 10px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .progress-area .progress { height: 10px; }
.content-title-wrap.tab-inline-tit h3 .text-guide.vdisk .progress-area .progress .progress-bar { background: #047ad5; }

.file-updown thead th { border-bottom: 1px solid #dbdbdb !important; }
.file-updown tbody td { border-top: 0 none !important; border-bottom: 1px solid #eaeaea; }
.file-wrap { position: relative; display: block; top: 0; font-size: 11px; color: #333; margin-left: 10px; margin-top: 8px }
.file-wrap .file-subject { padding-left: 5px; display: inline-block;font-size: 14px; font-weight: 400; color: #333; line-height: 100%; margin-left: 16px; }
.file-wrap .file-subject i[class*='fa-'] { margin-right: 10px; color: #b8b8b8; transform: none; position: relative; top: 1px; display: inline-block; vertical-align: top; }
/*.file-wrap .file-subject strong:before { content: ''; height: 10px; width: 1px; background: #ccc; display: inline-block; margin-right: 8px; }*/
.file-wrap .file-used  { display: inline-block; margin-left: 0px; }
.file-wrap .file-used  + .btn.btn-sm { vertical-align: baseline; margin-left: 18px; }
.file-wrap .file-size { font-weight: 400; font-size: 12px; color: #333; }
.file-wrap .file-size strong { font-weight: 700; font-size: 12px; color: #333; margin-left:0; }
.file-wrap .file-total { font-weight: 400; font-size: 12px; color: #333; }
.file-wrap .file-total strong {  font-weight: 700; font-size: 12px; color: #333; margin-left:0; }
.file-wrap .file-used .progress-area { display: inline-block; width: 250px; margin: 3px 8px 0 12px; vertical-align: top; }
.file-wrap .file-used .progress-area .progress { height: 6px; border-radius: 0; }
.file-wrap .file-used .progress-area .progress .progress-bar { background: #047ad5; }
.btn-del-wrap { position: absolute; right: 0px; top: 12px; }
.btn-collapse-wrap { position: absolute; right: 32px; top: 14px; }
.btn-collapse-wrap .btn-collapse { padding: 0 !important; height: 24px !important; font-size: 12px; min-width: 24px !important; line-height: 24px !important; background: #fff !important; border: 0 none !important; vertical-align: top; }
.btn-collapse-wrap .btn-collapse:hover, .btn-collapse-wrap .btn-collapse:focus, .btn-collapse-wrap .btn-collapse:active { background: #fff !important; border: 0 none !important;}
.btn-collapse-wrap .btn-collapse .fa-collapse { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_collapse_menu_line.png') center center no-repeat; background-size: contain;  }
.btn-collapse-wrap .btn-collapse.collapsed .fa-collapse { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_collapse_menu_line.png') center -3px no-repeat; background-size: contain; transform: scaleY(-1); }
.file-updown .collapse { transition: transform .3s ease-in-out; }

.table-list .table.file-updown thead { border-bottom: 1px solid #a5a5a5; }
.table-list .table.file-updown th { padding: 13px 32px 13px 32px !important; }
.table-list .table.file-updown td { padding: 12px 0 12px 0 !important; line-height: 16px !important; }
.table-list .table.file-updown .file-wrap { margin-top: 0; margin-left: 0; display: inline-block; margin-right: 16px; vertical-align: top; top: 1px; }
.table-list .table.file-updown .file-name { color: #333; font-size: 14px; line-height: 24px }
.table-list .table.file-updown .file-name + .file-size { color: #959595; font-size: 13px; font-weight: 400; margin-left: 8px; }
.table-list .table.file-updown .progress-area { display: inline-block; width: calc(100% - 50px); margin: 8px 32px 0 12px; vertical-align: top; }
.table-list .table.file-updown .progress-area .progress { height: 6px; border-radius: 0; }
.table-list .table.file-updown .progress-area .progress .progress-bar { background: #047ad5; }
.table-list .table.file-updown .o-input-wrap.o-input-wrap--selection { display: inline-block; width: 16px; height: 16px; }
.table-list .table.file-updown .o-input-wrap.o-input-wrap--selection .o-input--checkbox + label { padding-left: 0; }
.table-list .table.file-updown td .o-input-wrap.o-input-wrap--selection { display: inline-block; width: 16px; height: 16px; margin-left: 32px; }
.table-list .table .o-input-wrap.o-input-wrap--selection { display: inline-block; width: 20px; height: 20px; }
.table-list .table .o-input-wrap.o-input-wrap--selection .o-input--checkbox + label { padding-left: 0; }
.table-list .table td .o-input-wrap.o-input-wrap--selection { display: inline-block; width: 20px; height: 20px; }
.table-list .table .txt-cancel { text-decoration: line-through ;}
.table-list .table .far.fa-down { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_download_line.png') center center no-repeat; background-size: contain; }
.table-list .table .far.fa-down:before { display: none; }
.table-list .table .far.fa-share { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_share_line.png') center center no-repeat; background-size: contain; }
.table-list .table .far.fa-share:before { display: none; }
.table-list .table .far.fa-approval { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line.png') center center no-repeat; background-size: contain; }
.table-list .table .far.fa-approval:before { display: none; }
.table-list .table .far.fa-read { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_modify_line.png') center center no-repeat; background-size: contain; }
.table-list .table .far.fa-read:before { display: none; }
.table-list .table .nav-link:hover .far.fa-down,
.table-list .table .nav-link:active .far.fa-down { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_download_line_on.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover .far.fa-share,
.table-list .table .nav-link:active .far.fa-share { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_share_line_on.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover .far.fa-approval,
.table-list .table .nav-link:active .far.fa-approval { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line_on.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover .far.fa-read,
.table-list .table .nav-link:active .far.fa-read { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_modify_line_on.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link { position: relative; display: inline-block; padding: 0; }
.table-list .table .nav-link[disabled] .far.fa-down,
.table-list .table .nav-link[disabled] .far.fa-share,
.table-list .table .nav-link[disabled] .far.fa-approval,
.table-list .table .nav-link[disabled] .far.fa-read,
.table-list .table .nav-link:disabled .far.fa-down,
.table-list .table .nav-link:disabled .far.fa-share,
.table-list .table .nav-link:disabled .far.fa-approval,
.table-list .table .nav-link:disabled .far.fa-read { opacity: .4; }
.table-list .table .nav-link:hover[disabled] .far.fa-down,
.table-list .table .nav-link:hover:disabled .far.fa-down { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_download_line.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover[disabled] .far.fa-share,
.table-list .table .nav-link:hover:disabled .far.fa-share { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_share_line.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover[disabled] .far.fa-approval,
.table-list .table .nav-link:hover:disabled .far.fa-approval { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link:hover[disabled] .far.fa-read,
.table-list .table .nav-link:hover:disabled .far.fa-read { display: inline-block; width: 16px; height: 16px; background: url('/user/content/images/ico/ico_vdisk_modify_line.png') center center no-repeat; background-size: contain; }
.table-list .table .nav-link .txt-number { position: absolute; top: -7px; left: -7px; font-size: 9px; }
.table-view .table.table-bordered td > .table-list th,
.table-view .table.table-bordered td > .table-list td { height: 29px !important; }

.main-content .vdi-list .file-name { position: relative; width: 100%; text-align: center; }
.main-content .vdi-list .file-name p { text-align: center; font-size: 14px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 40px); height: 20px; display: inline-block; }
.main-content .vdi-list .file-name p.txt-cancel { text-decoration: line-through ;}
.main-content .vdi-list .file-name .far.fa-folder { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_folder_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-folder:before { display: none; }
.main-content .vdi-list .file-name .far.fa-ppt { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_share_powerpoint_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-ppt:before { display: none; }
.main-content .vdi-list .file-name .far.fa-xls { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/share_excel_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-xls:before { display: none; }
.main-content .vdi-list .file-name .far.fa-pdf { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_share_pdf_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-pdf:before { display: none; }
.main-content .vdi-list .file-name .far.fa-word { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_share_word_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-word:before { display: none; }
.main-content .vdi-list .file-name .far.fa-image { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_share_image_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-image:before { display: none; }
.main-content .vdi-list .file-name .far.fa-bak { display: inline-block; width: 60px; height: 60px; background: url('/user/content/images/ico/ico_file_line.png') center center no-repeat; background-size: contain; transform: scaleX(1); vertical-align: top; }
.main-content .vdi-list .file-name .far.fa-bak:before { display: none; }
.main-content .vdi-list .file-btn { position: absolute; top: 10px; left: 0; width: 100%;  padding: 0 15px; }
.main-content .vdi-list .file-btn span { text-align: left; font-size: 12px; }
.main-content .vdi-list .file-btn .txt-number { position: absolute; top: -2px; left: -7px; font-size: 9px; }
.main-content .vdi-list .file-btn .far.fa-down { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_download_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .far.fa-down:before { display: none; }
.main-content .vdi-list .file-btn .far.fa-share { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_share_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .far.fa-share:before { display: none; }
.main-content .vdi-list .file-btn .far.fa-approval { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .far.fa-approval:before { display: none; }
.main-content .vdi-list .file-btn .far.fa-read { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_modify_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .far.fa-read:before { display: none; }
.main-content .vdi-list .file-btn .nav-link:hover .far.fa-down,
.main-content .vdi-list .file-btn .nav-link:active .far.fa-down { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_download_line_on.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover .far.fa-share,
.main-content .vdi-list .file-btn .nav-link:active .far.fa-share { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_share_line_on.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover .far.fa-approval,
.main-content .vdi-list .file-btn .nav-link:active .far.fa-approval { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line_on.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover .far.fa-read,
.main-content .vdi-list .file-btn .nav-link:active .far.fa-read { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_modify_line_on.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link { position: relative; display: inline-block; padding: 0; }
.main-content .vdi-list .file-btn .nav-link[disabled] .far.fa-down,
.main-content .vdi-list .file-btn .nav-link[disabled] .far.fa-share,
.main-content .vdi-list .file-btn .nav-link[disabled] .far.fa-approval,
.main-content .vdi-list .file-btn .nav-link[disabled] .far.fa-read,
.main-content .vdi-list .file-btn .nav-link:disabled .far.fa-down,
.main-content .vdi-list .file-btn .nav-link:disabled .far.fa-share,
.main-content .vdi-list .file-btn .nav-link:disabled .far.fa-approval,
.main-content .vdi-list .file-btn .nav-link:disabled .far.fa-read { opacity: .4; }
.main-content .vdi-list .file-btn .nav-link:hover[disabled] .far.fa-down,
.main-content .vdi-list .file-btn .nav-link:hover:disabled .far.fa-down { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_download_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover[disabled] .far.fa-share,
.main-content .vdi-list .file-btn .nav-link:hover:disabled .far.fa-share { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_share_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover[disabled] .far.fa-approval,
.main-content .vdi-list .file-btn .nav-link:hover:disabled .far.fa-approval { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_approval_pen_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-btn .nav-link:hover[disabled] .far.fa-read,
.main-content .vdi-list .file-btn .nav-link:hover:disabled .far.fa-read { display: inline-block; width: 12px; height: 12px; background: url('/user/content/images/ico/ico_vdisk_modify_line.png') center center no-repeat; background-size: contain; }
.main-content .vdi-list .file-data { position: absolute; bottom: 15px; left: 0; width: 100%; padding: 0 15px; }
.main-content .vdi-list .file-data span { text-align: left; font-size: 12px; }


/* 설치프로그램 */
.install-div { font-weight: 400; color: #333; }
.install-tit { font-weight: 400; color: #333 !important; }
.install-tit strong { font-weight: 400; display: block; color: #333; }
.install-con { font-weight: 400; color: #959595 !important; line-height: 23px !important; }
.install-ver { font-weight: 400; color: #333 !important; }
.install-svr { font-weight: 400; color: #333 !important; }
.install-btn { font-size: 14px; }
.install-btn p { margin-bottom: 5px; color: #959595; }
.install-btn .btn { min-width: 48px !important;  }
.install-vdi-nicname { font-size: 14px; font-weight: 500; color: #333; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.install-vdi-service { font-size: 12px; font-weight: 400; color: #333; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:#f7f7f7; padding: 0 16px; display: inline-block; margin-top: 8px; border-radius: 18px 18px;}
.install-vdi-filename { font-weight: 500; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.install-vdi-filever { font-weight: 300; color: #959595; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vdi-scroll { position: relative; width: 100% !important;  }
.vdi-scroll.active { overflow-y: hidden; overflow-x: auto; }
.table-svr-scroll { position: relative; overflow-y: hidden; overflow-x: auto; }
.table-svr-scroll .table { table-layout: fixed; width: auto; min-width: 100%; }
.table-svr-scroll .table, .table-scroll .table td, .table-scroll .table th { border-collapse:collapse; }
.table-list .table.table-bordered .th-merge { position: relative; padding: 0 !important; vertical-align: top !important; }
.table-list .table.table-bordered .th-merge > .svr-table { position: absolute; left: 0; top: -1px; width: 100%; }
.table-list .table.table-bordered .th-merge > .svr-table.svr-scroll { overflow-y: hidden; overflow-x: auto; }
.table-list .table.table-bordered .th-merge > .svr-table.svr-scroll .table.table-bordered td { height: 52px; }
.table-list .table.table-bordered .th-merge > .svr-table.svr-scroll .table.table-bordered .borderLR { border-top: 1px solid #c6c6c6 !important; border-right: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; white-space:nowrap; }
.table-list .table.table-bordered .th-merge > .svr-table.svr-scroll .table.table-bordered th { height: 31px; padding: 6px 10px 6px 10px; min-width: 209px !important; line-height: 18px; }
.table-list .table.table-bordered .th-merge > .svr-table .table.table-bordered th {height: 31px; padding: 1px 10px 1px 10px; min-width: 205px !important; line-height: 14px; }
.table-list .table.table-bordered .th-merge > .svr-table .table.table-bordered td { height: 70px; }
.table-list .table.table-bordered .th-merge > .svr-table .table.table-bordered .borderLR { border-top: 1px solid #c6c6c6 !important; border-right: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; }
.table-list .table.table-bordered .borderR-none { border-right: 0 none !important; }


/* footer */
.footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; padding-left: 0px; padding-right: 0px; background: #fff; z-index: 10; }
.footer .container { max-width: 100% !important; padding-right: 0; padding-left: 0; }
.footer .container div[class*='col-'] { padding-right: 0; padding-left: 0; }
.footer__inner { padding: 11px 32px 10px 32px; margin: 0 auto; }
.footer .fo_etc_wrap { color: #888; position: relative; margin-right: 0; margin-left: 0; /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; */}
.footer .fo_etc_wrap .detail_info { margin-top: 30px; font-size: 14px; line-height: 1.57; color: #777; }
.footer .fo_etc_wrap .etc_link { /* display: -webkit-box; display: flex; display: -ms-flexbox; */ display: block; overflow: hidden; }
.footer .fo_etc_wrap .etc_link li { position: relative; float: left; display: block; padding-right: 20px; padding-left: 20px; }
.footer .fo_etc_wrap .etc_link li:first-child { padding-left: 0px; }
.footer .fo_etc_wrap .etc_link li:before { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 14px; background-color: #ccc; }
.footer .fo_etc_wrap .etc_link li:first-child a { padding-left: 0; }
.footer .fo_etc_wrap .etc_link li:first-child:before { content: none; }
.footer .fo_etc_wrap .etc_link li a { padding: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #047ad5; display: inline-block; }
.footer .fo_etc_wrap .copy { line-height: 18px; font-size: 12px; font-weight: 500; color: #767676; }
.footer .fo_etc_wrap .footer_logo { position: absolute; height: 10px; top: 50%; right: 0; text-align: right; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* VDI 신규신청 - 접속 허용 MAC */
.mac-wrap { position: relative; width: 100%; margin-left: 161px; }
.mac-wrap .mac-row { padding: 0 4px 0 4px; flex: 0 0 18%; max-width: 18%; margin-right: 4px; margin-top: 2px; margin-bottom: 2px;}
.mac-wrap .mac-row:last-child { margin-right: 0; }
.mac-wrap .mac-row .card > div { padding: 7px 10px; color: #333; justify-content: left !important; }
.mac-wrap .mac-row .card button {position: absolute; top: 8px; right: 10px; font-size: 14px; line-height: 14px; }
.mac-wrap .mac-row .card { font-size: 14px; border: 1px solid #ccc; border-radius: 0; background: #f7f7f7; width: 380px; }