/*¸ð´Þ Æ˾÷ °¡¿îµ¥ Á¤·Ä ¹× multi block ¹ö±× ¼öÁ¤*/
.modal {
    text-align: center;
    padding: 0 !important;
}

/**/
@media (min-width: 768px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

.modal-backdrop {
    z-index: 2050 !important;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

.ly_calendar .cal_head {
	padding: 8px 0 7px;
	text-align: center;
	vertical-align: top;
	background: #F6F6F6;
	border-bottom: 1px solid #EFEFEF;
}
.ly_calendar .cal_tbl {
	width: 175px;
	margin: 5px auto 7px;
}
a:link, a:visited {
	text-decoration: none;
}
.tbl_data a {
	color: #646464;
	font: inherit;
}
.tbl_data th {
	padding: 12px 12px 13px;
	color: #636767;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
	background-color: #FDFDFD;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}
.ly_calendar .cal_tbl * {
	font-family: "Nanum Gothic", "³ª´® °íµñ", Tahoma !important;
	font-size: 11px;
	text-align: center !important;
}
.ly_calendar .cal_tbl td {
	width: 25px;
    height:30px;
	padding: 0;
	color: #333;
	border: none;
    line-height:20px;
    vertical-align:text-top;
}
.ly_calendar .cal_tbl td a {
	display: block;
	width: 100%;
	height: 11px;
	padding: 5px 0 7px;
	color: #333;
	text-align: center;
}
.ly_calendar .cal_tbl th {
	height: 12px;
	padding: 5px 0 7px;
	color: #333;
	font-weight: bold;
	border: none;
}
.ly_calendar .cal_tbl td a:hover{
    color:#333; text-decoration:none !important; font-family:inherit !important; font-weight:bold; background:#EDF4FE;
    height:30px;
    vertical-align:text-top;
}
.ly_calendar .cal_tbl td.select{
    color:#333; text-decoration:none !important; font-family:inherit !important; font-weight:bold; background:#f7ebaa;
    height:30px;
    vertical-align:text-top;
}
.ly_calendar .cal_tbl .sun, .ly_calendar .cal_tbl .sun * {
	color: #e82828;
}
.ly_calendar .cal_tbl .sat, .ly_calendar .cal_tbl .sat * {
	color: #3f88c5;
}
.ly_calendar .cal_head strong {
	display: inline-block;
	font-weight: bold;
	line-height: 150%;
}

.tbl_list {
	table-layout: fixed;
	width: 100%;
	font: 12px "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", Dotum;
	text-align: center;
	border: none;
	border-collapse: collapse;
}
.tbl_list caption {
	display: none;
}
.tbl_list td {
	padding: 7px 12px 8px;
	color: #646464;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0px;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-left: 1px solid #E6E6E6;
	border-bottom: 1px solid #E8E8E8;
}
.tbl_list td:first-child {
	border-left: none;
}
.tbl_list td.a_lft {
	text-align: left;
	padding-left: 18px;
}
.tbl_list td.a_rgt {
	text-align: right;
	padding-right: 18px;
}
.tbl_list tr:nth-child(2n) td {
	background-color: #FDFDFD;
}
.tbl_list th {
	padding: 6px 12px 7px;
	color: #636767;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #DFE3E5;
	border-bottom: 1px solid #D6DADD;
}
.tbl_list th:first-child {
	border-left: none;
}

.form_file_wrap{color:#616665;position:relative; display:block; margin:0; padding:0; zoom:1}
.form_file_wrap .ar_fl{float:left}
.form_file_wrap .ar_fr{float:right; line-height:21px}
.form_file_wrap .file_txtbox{position:relative; float:left; display:inline-block; height:19px; margin:0; padding:0; color:#454545; font:12px "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", Dotum; text-indent:6px; line-height:19px; letter-spacing:0; word-spacing:0; vertical-align:middle; border:1px solid #CCCCCC; box-sizing:border-box; border-radius:3px; behavior:url('/style/behavior/PIE.htc')}
.form_file_wrap .file_div{display:inline-block; position:relative; min-width:90px; height:30px; vertical-align:middle; zoom:1; *display:inline; *margin-right:10px}
.form_file_wrap .file_btn{position:relative; display:inline-block; position:absolute; top:0; height:21px; padding:0 10px; color:#FFFFFF; font:11px "µ¸¿ò", Dotum; line-height:21px; background-color:#576273; border:1px solid #3F4A58; box-sizing:border-box; border-radius:3px; behavior:url('/style/behavior/PIE.htc'); zoom:1; *padding:0}
.form_file_wrap .file_hidden{display:none;}
.form_file_wrap .file_list_wrap{display:block; position:relative; top:10px; clear:both; height:70px; margin-bottom:10px; padding:5px; border:1px solid #EDEDED; overflow-y:auto; zoom:1}
.form_file_wrap .file_list{display:block;padding:0px;}
.form_file_wrap .file_list li{display:block; padding:3px; line-height:20px;height:20px; font-family:"µ¸¿ò", Dotum;}
.form_file_wrap .file_list li .file_del{display:inline-block; margin-top:2px; *margin-top:0}
.form_file_wrap .file_list li .ico_file{margin-top:-4px}
.form_file_wrap .file_list li .file_name{display:inline-block; margin-left:4px; color:#454545; font-size:12px; line-height:20px; vertical-align:middle}
.form_file_wrap .file_list li .file_size{display:inline-block; float:right; margin:0 5px 0 0; font:normal 10px Verdana; vertical-align:middle; line-height:20px}
.form_file_wrap .file_list li .file_trans_gauge{display:inline-block; position:relative; width:60px; height:8px; margin-left:8px; margin-top:-3px; padding:0; vertical-align:middle; text-align:left; background-color:#EFEFEF; zoom:1; *margin:-1px 8px 0 0; *left:8px}
.form_file_wrap .file_list li .file_trans_gauge .gauge_in{float:left; height:100%; font-size:1px; line-height:0; background-color:#01b6f1}
.form_file_wrap .file_cmt{display:block; height:58px;line-height:58px; color:#777777; font:13px "µ¸¿ò", Dotum; text-align:center}

/* icon file type */
.ico_file{display:inline-block; width:16px; height:16px; margin-top:-2px; background:url('../images/element_ico_file.png') no-repeat; vertical-align:middle}


.lightBoxGallery {
    text-align: center;
}

.lightBoxGallery img {
    margin: 5px;
}

.back-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 14px;
}

.back-to-top {
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 10px;
}

.back-to-bottom {
    cursor: pointer;
    position: absolute;
    top: 75px;
    right: 10px;
}

.back-to-knownissue {
    cursor: pointer;
    position: absolute;
    top: 120px;
    right: 12px;
}

.mini-count {
  display:none;
}
.mini-navbar .mini-count {
  display:inline-block;
  color:rgba(255, 157, 0, 1);
}


/*·Î±×ÀÎ*/
.captchaArea {
    text-align:left; height: 46px;
}
.captchaArea div:first-child {
    height: 46px;
    float: left;
    padding:2px 0px 2px 2px;
    width:282px;
    border-left: 1px solid rgb(229, 230, 231);
    border-top: 1px solid rgb(229, 230, 231);
    border-bottom: 1px solid rgb(229, 230, 231);
    border-image: none;
    background-color:#fff;
}
.captchaArea div:last-child {
    width: 78px;
    float: right;
}
.captchaArea img {
    height:40px;
    width:290px;
}
.captchaArea input {
    height: 46px;
    text-align:center;
    font-size:22px;
}

/* research */
#page-wrapper.nipa-research {
    min-height: 800px !important
}

    #page-wrapper.nipa-research h4,
    #page-wrapper.nipa-research p,
    #page-wrapper.nipa-research span {
        word-break: keep-all
    }

.logo-nipa {
    display: inline-block;
    margin-top: -6px
}

.nipa-title {
    color: #014380;
    font-size: 2em;
    line-height: 1.2em
}

.btn_submit_dim {
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px 20px 10px !important;
    font-size: 18px
}

.btn-gray {
  color: #676a6c;
  background-color: #dddddd;
  border-color: #bbbbbb;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #647583;
  border-color: #5C6368;
}
.btn-gray:hover {
  color: #fff;
  background-color: #647583;
  border-color: #5C6368;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #647583;
  border-color: #5C6368;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #fff;
  background-color: #5C6368;
  border-color: #5C6368;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #dddddd;
  border-color: #bbbbbb;
}
.btn-gray .badge {
  color: #dddddd;
  background-color: #fff;
}
.btn-gray.btn-outline, .btn-gray.btn-outline, .open > .dropdown-toggle.btn-gray.btn-outline {
    border-color: #5C6368
}
.btn-white.btn-outline, .btn-white.btn-outline, .open > .dropdown-toggle.btn-white.btn-outline {
    border-color: #5C6368
}

.stars
{
    margin: 0px 0;
    font-size: 22px;
    color: #d17581;
}

.navTitle
{
    font-size:20px;
}


.clockpicker-popover {
    z-index: 999999 !important;
 }


.fh-10 {height: 10px;}
.fh-20 {height: 20px;} .fh-25 {height: 65px;} .fh-27 {height: 27px;}
.fh-30 {height: 30px;}
.fh-40 {height: 40px;}
.fh-41 {height: 41px;}
.fh-42 {height: 42px;}
.fh-43 {height: 43px;}
.fh-44 {height: 44px;}
.fh-45 {height: 45px;}
.fh-46 {height: 46px;}
.fh-47 {height: 47px;}
.fh-48 {height: 48px;}
.fh-49 {height: 49px;}
.fh-50 {height: 50px;}
.fh-60 {height: 60px;} .fh-65 {height: 65px;}
.fh-70 {height: 70px;}
.fh-80 {height: 80px;}
.fh-90 {height: 90px;}
.fh-100 {height: 100px;}
.fh-110 {height: 110px;}
.fh-120 {height: 120px;}
.fh-130 {height: 130px;}
.fh-140 {height: 140px;}
.fh-150 {height: 150px;}
.fh-160 {height: 160px;}
.fh-170 {height: 170px;}
.fh-180 {height: 180px;}
.fh-190 {height: 190px;}
.fh-200 {height: 200px;}
.fh-210 {height: 210px;}
.fh-220 {height: 220px;}
.fh-230 {height: 230px;}
.fh-240 {height: 240px;}
.fh-250 {height: 250px;}
.fh-260 {height: 260px;}
.fh-270 {height: 270px;}
.fh-280 {height: 280px;}
.fh-290 {height: 290px;}
.fh-300 {height: 300px;}
.fh-310 {height: 310px;}
.fh-320 {height: 320px;}
.fh-330 {height: 330px;}
.fh-340 {height: 340px;}
.fh-350 {height: 350px;}
.fh-360 {height: 360px;}
.fh-370 {height: 370px;}
.fh-380 {height: 380px;}
.fh-390 {height: 390px;}
.fh-400 {height: 400px;}

.lh-10 {line-height: 10px;}
.lh-20 {line-height: 20px;}
.lh-21 {line-height: 21px;}
.lh-30 {line-height: 30px;}
.lh-40 {line-height: 40px;}
.lh-41 {line-height: 41px;}
.lh-42 {line-height: 42px;}
.lh-43 {line-height: 43px;}
.lh-44 {line-height: 44px;}
.lh-45 {line-height: 45px;}
.lh-46 {line-height: 46px;}
.lh-47 {line-height: 47px;}
.lh-48 {line-height: 48px;}
.lh-49 {line-height: 49px;}
.lh-50 {line-height: 50px;}
.lh-60 {line-height: 60px;}
.lh-70 {line-height: 70px;}
.lh-80 {line-height: 80px;}
.lh-90 {line-height: 90px;}
.lh-100 {line-height: 100px;}
.lh-110 {line-height: 110px;}
.lh-120 {line-height: 120px;}
.lh-130 {line-height: 130px;}
.lh-140 {line-height: 140px;}
.lh-150 {line-height: 150px;}
.lh-160 {line-height: 160px;}
.lh-170 {line-height: 170px;}
.lh-180 {line-height: 180px;}
.lh-190 {line-height: 190px;}
.lh-200 {line-height: 200px;}
.lh-210 {line-height: 210px;}
.lh-220 {line-height: 220px;}
.lh-230 {line-height: 230px;}
.lh-240 {line-height: 240px;}
.lh-250 {line-height: 250px;}
.lh-260 {line-height: 260px;}
.lh-270 {line-height: 270px;}
.lh-280 {line-height: 280px;}
.lh-290 {line-height: 290px;}
.lh-300 {line-height: 300px;}
.lh-310 {line-height: 310px;}
.lh-320 {line-height: 320px;}
.lh-330 {line-height: 330px;}
.lh-340 {line-height: 340px;}
.lh-350 {line-height: 350px;}
.lh-360 {line-height: 360px;}
.lh-370 {line-height: 370px;}
.lh-380 {line-height: 380px;}
.lh-390 {line-height: 390px;}
.lh-400 {line-height: 400px;}

.fw-100p {width: 100%;}
.fw-10 {width: 10px;}
.fw-20 {width: 20px;}
.fw-30 {width: 30px;}
.fw-40 {width: 40px;}
.fw-41 {width: 41px;}
.fw-42 {width: 42px;}
.fw-43 {width: 43px;}
.fw-44 {width: 44px;}
.fw-45 {width: 45px;}
.fw-46 {width: 46px;}
.fw-47 {width: 47px;}
.fw-48 {width: 48px;}
.fw-49 {width: 49px;}
.fw-50 {width: 50px;}
.fw-60 {width: 60px;} .fw-65 {width: 65px;}
.fw-70 {width: 70px;}
.fw-80 {width: 80px;}
.fw-85 {width: 85px;}
.fw-90 {width: 90px;}
.fw-95 {width: 90px;}
.fw-100 {width: 100px;}
.fw-110 {width: 110px;}
.fw-120 {width: 120px;}
.fw-130 {width: 130px;}
.fw-140 {width: 140px;}
.fw-150 {width: 150px;}
.fw-160 {width: 160px;}
.fw-161 {width: 161px;}
.fw-162 {width: 162px;}
.fw-163 {width: 163px;}
.fw-164 {width: 164px;}
.fw-165 {width: 165px;}
.fw-166 {width: 166px;}
.fw-167 {width: 167px;}
.fw-168 {width: 168px;}
.fw-169 {width: 169px;}
.fw-170 {width: 170px;}
.fw-180 {width: 180px;}
.fw-190 {width: 190px;}
.fw-200 {width: 200px;}
.fw-210 {width: 210px;}
.fw-220 {width: 220px;}
.fw-230 {width: 230px;}
.fw-240 {width: 240px;}
.fw-250 {width: 250px;}
.fw-260 {width: 260px;}
.fw-270 {width: 270px;}
.fw-280 {width: 280px;}
.fw-290 {width: 290px;}
.fw-300 {width: 300px;}
.fw-310 {width: 310px;}
.fw-320 {width: 320px;}
.fw-330 {width: 330px;}
.fw-340 {width: 340px;}
.fw-350 {width: 350px;}
.fw-360 {width: 360px;}
.fw-370 {width: 370px;}
.fw-380 {width: 380px;}
.fw-390 {width: 390px;}
.fw-400 {width: 400px;} .fw-450 {width: 450px;}
.fw-500 {width: 500px;}
.fw-600 {width: 600px;}
.fw-700 {width: 700px;}
.fw-800 {width: 800px;}
.fw-900 {width: 900px;}
.fw-930 {width: 930px;}
.fw-1000 {width: 1000px;}


.h-10 {min-height: 10px;}
.h-20 {min-height: 20px;}
.h-30 {min-height: 30px;}
.h-40 {min-height: 40px;}
.h-50 {min-height: 50px;}
.h-60 {min-height: 60px;}
.h-70 {min-height: 70px;}
.h-80 {min-height: 80px;}
.h-90 {min-height: 90px;}
.h-100 {min-height: 100px;}
.h-110 {min-height: 110px;}
.h-120 {min-height: 120px;}
.h-130 {min-height: 130px;}
.h-140 {min-height: 140px;}
.h-150 {min-height: 150px;}
.h-160 {min-height: 160px;}
.h-170 {min-height: 170px;}
.h-180 {min-height: 180px;}
.h-190 {min-height: 190px;}
.h-200 {min-height: 200px;}
.h-210 {min-height: 210px;}
.h-220 {min-height: 220px;}
.h-230 {min-height: 230px;}
.h-240 {min-height: 240px;}
.h-250 {min-height: 250px;}
.h-260 {min-height: 260px;}
.h-270 {min-height: 270px;}
.h-280 {min-height: 280px;}
.h-290 {min-height: 290px;}
.h-300 {min-height: 300px;}
.h-310 {min-height: 310px;}
.h-320 {min-height: 320px;}
.h-330 {min-height: 330px;}
.h-340 {min-height: 340px;}
.h-350 {min-height: 350px;}
.h-360 {min-height: 360px;}
.h-370 {min-height: 370px;}
.h-380 {min-height: 380px;}
.h-390 {min-height: 390px;}
.h-400 {min-height: 400px;}


.w-10 {min-width: 10px;}
.w-20 {min-width: 20px;}
.w-30 {min-width: 30px;}
.w-40 {min-width: 40px;}
.w-50 {min-width: 50px;}
.w-60 {min-width: 60px;}
.w-70 {min-width: 70px;}
.w-80 {min-width: 80px;}
.w-90 {min-width: 90px;}
.w-100 {min-width: 100px;}
.w-110 {min-width: 110px;}
.w-120 {min-width: 120px;}
.w-130 {min-width: 130px;}
.w-140 {min-width: 140px;}
.w-150 {min-width: 150px;}
.w-160 {min-width: 160px;}
.w-170 {min-width: 170px;}
.w-180 {min-width: 180px;}
.w-190 {min-width: 190px;}
.w-200 {min-width: 200px;}
.w-210 {min-width: 210px;}
.w-220 {min-width: 220px;}
.w-230 {min-width: 230px;}
.w-240 {min-width: 240px;}
.w-250 {min-width: 250px;}
.w-260 {min-width: 260px;}
.w-270 {min-width: 270px;}
.w-280 {min-width: 280px;}
.w-290 {min-width: 290px;}
.w-300 {min-width: 300px;}
.w-310 {min-width: 310px;}
.w-320 {min-width: 320px;}
.w-330 {min-width: 330px;}
.w-340 {min-width: 340px;}
.w-350 {min-width: 350px;}
.w-360 {min-width: 360px;}
.w-370 {min-width: 370px;}
.w-380 {min-width: 380px;}
.w-390 {min-width: 390px;}
.w-400 {min-width: 400px;}

body {
    font-size: 12px;
}

.bg-userselect {
    background-color: rgba(214, 233, 198, 1);
}

.none-select {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none;
    width: 175px;
}


.floating-placeholder {
    position: relative;
}

.floating-placeholder label {
    position: absolute;
    top: 0;
    left:0;
}

.floating-placeholder-float label {
    display: none;
}

.text-green {
    color:green;
}

.bg-white {
    background-color:#fff;
}


.set-cursor {
    cursor:pointer;
}

.swal2-modal .swal2-title {
    font-size : 20px;
}
.swal2-modal .swal2-styled {
    padding: 5px 20px;
}

.wSelect-selected {
    text-align: left;
}
.wSelect-option-value {
    text-align: left;
}

.nav-header{height: 60px; padding: 9px 25px 0; background: #465166 url('../img/header-profile.png') no-repeat 0 0}
.nav-header .logo-main{width: auto; height: 45px; margin: 0 auto}
.nav-header .logo-main-mini{margin-top: -5px}
.logo-element{display: none; padding: 20px 0 0; background-color: #22303e; border: 1px solid #1c2833}
body.mini-navbar .nav-header{background-color: #22303e}

nav .pd-didimnow{position: fixed; left: 0; top: 0; display: flex; align-items: flex-end; justify-content: center; height: 100vh; padding-top: 800px}
nav .pd-didimnow .pw-link-stk{position: absolute; bottom: 15px; left: 0; display: flex; justify-content: center; width: 220px; text-align: center; color: #A7B1C2; font-size: 8pt}
nav .pd-didimnow .pw-link-stk:hover{color: #FFFFFF}

.navbar-top-links li.info label{min-height: 50px; padding: 20px 10px}
.navbar-static-top{min-height: 50px; margin-bottom: 5px}
.nav i.fa{width:16px; text-align:center}

.theme-config{display:none}

/* icon */
.ico_sv_os_sm{display:inline-block; width:16px; height:14px; margin-top:-2px; background:url('/Images/didim/ico_sv_os_sm.png?v=202407151400') no-repeat; vertical-align:middle}
.ico_sv_os_sm.base{background-position:0 0}
.ico_sv_os_sm.win{background-position:-16px 0}
.ico_sv_os_sm.centos{background-position:-32px 0}
.ico_sv_os_sm.ubuntu{background-position:-48px 0}
.ico_sv_os_sm.suse{background-position:-64px 0}
.ico_sv_os_sm.debian{background-position:-80px 0}
.ico_sv_os_sm.fedora{background-position:-96px 0}
.ico_sv_os_sm.custom{background-position:-112px 0}
.ico_sv_os_sm.mssql{background-position:-128px 0}
.ico_sv_os_sm.rocky{background-position:-144px 0}
.ico_sv_os_sm.redhat{background-position:-160px 0}

.ico_sv_os{display:inline-block; width:64px; height:64px; background:url('/Images/didim/ico_sv_os.png?v=202407151400') no-repeat; vertical-align:middle}
.ico_sv_os.base{background-position:0 -64px}
.ico_sv_os.win{background-position:-64px -64px}
.ico_sv_os.centos{background-position:-128px -64px}
.ico_sv_os.ubuntu{background-position:-192px -64px}
.ico_sv_os.suse{background-position:-256px -64px}
.ico_sv_os.debian{background-position:-320px -64px}
.ico_sv_os.fedora{background-position:-384px -64px}
.ico_sv_os.custom{background-position:-448px -64px}
.ico_sv_os.mssql{width:128px; background-position:-512px -64px}
.ico_sv_os.rocky{background-position:-640px -64px}
.ico_sv_os.redhat{background-position:-704px -64px}

.ico_sv_add{display:inline-block; width:64px; height:64px; background:url('/Images/didim/ico_sv_add.png?v=201810020948') no-repeat; vertical-align:middle}
.ico_sv_add.base{background-position:0 -64px}
.ico_sv_add.hdd{background-position:-64px -64px}
.ico_sv_add.ip{background-position:-128px -64px}
.ico_sv_add.nas{background-position:-192px -64px}
.ico_sv_add.lb{background-position:-256px -64px}
.ico_sv_add.lbtmp{background-position:-320px -64px}
.ico_sv_add.dbcluster{background-position:-384px -64px}
.ico_sv_add.cip{background-position:-448px -64px}
.ico_sv_add.waf{background-position:-512px -64px}
.ico_sv_add.cdn{background-position:-576px -64px}

.ico_sv_dm{display:inline-block; width:64px; height:64px; background:url('/Images/didim/ico_sv_monitoring.png?v=201810020947') no-repeat; vertical-align:middle}
.ico_sv_dm.lite{background-position:0 -64px}
.ico_sv_dm.std{background-position:-64px -64px}
.ico_sv_dm.prm{background-position:-128px -64px}
.ico_sv_dm.ent{background-position:-192px -64px}
.ico_sv_dm.entp{background-position:-256px -64px}

.ico_sv_dmg{display:inline-block; width:64px; height:64px; background:url('/Images/didim/ico_sv_managed.png?v=201810020947') no-repeat; vertical-align:middle}
.ico_sv_dmg.std{background-position:0 -64px}
.ico_sv_dmg.prm{background-position:-64px -64px}
.ico_sv_dmg.manual{background-position:-128px -64px}

.ico_sv_paas_sm{display:inline-block; width:16px; height:16px; margin-top:-2px; background:url('/Images/didim/ico_sv_paas_sm.png?v=1') no-repeat; vertical-align:middle}
.ico_sv_paas_sm.k8s{background-position:0 0}
.ico_sv_paas_sm.paasta{background-position:-16px 0}

.ico_sv_paas{display:inline-block; width:64px; height:64px; background:url('/Images/didim/ico_sv_paas.png?v=1') no-repeat; vertical-align:middle}
.ico_sv_paas.k8s{background-position:0 -64px}
.ico_sv_paas.paasta{background-position:-64px -64px}

/* service order list box */
.sv_order_box{display:block; position:relative}
.sv_order_box .sv_lang{position:absolute; left:10px; top:10px; margin:0; padding:0; font-size:14px; font-weight:normal; line-height:1}
.sv_order_box .sv_lang .sv_lang_ico{display:inline-block; top:0; width:16px; height:16px; margin:0; padding:0}
.sv_order_box small{font-size:12px}

.sv_order_box:hover,
.sv_order_box.active{border: 1px solid #AAAAAA; -webkit-box-shadow: 0 3px 7px 0 #A8A8A8; -moz-box-shadow: 0 3px 7px 0 #A8A8A8; box-shadow: 0 3px 7px 0 #A8A8A8}
.sv_order_box:hover h3, 
.sv_order_box.active h3{color:#010101}
.sv_order_box:hover small, 
.sv_order_box.active small{color:#1AB394}
.sv_order_box:hover button, 
.sv_order_box.active button{color:#FFFFFF; background-color:#1AB394}

.sv_order_box:hover .ico_sv_os.base,
.sv_order_box.active .ico_sv_os.base{background-position:0 0}
.sv_order_box:hover .ico_sv_os.win,
.sv_order_box.active .ico_sv_os.win{background-position:-64px 0}
.sv_order_box:hover .ico_sv_os.centos,
.sv_order_box.active .ico_sv_os.centos{background-position:-128px 0}
.sv_order_box:hover .ico_sv_os.ubuntu,
.sv_order_box.active .ico_sv_os.ubuntu{background-position:-192px 0}
.sv_order_box:hover .ico_sv_os.suse,
.sv_order_box.active .ico_sv_os.suse{background-position:-256px 0}
.sv_order_box:hover .ico_sv_os.debian,
.sv_order_box.active .ico_sv_os.debian{background-position:-320px 0}
.sv_order_box:hover .ico_sv_os.fedora,
.sv_order_box.active .ico_sv_os.fedora{background-position:-384px 0}
.sv_order_box:hover .ico_sv_os.custom,
.sv_order_box.active .ico_sv_os.custom{background-position:-448px 0}
.sv_order_box:hover .ico_sv_os.mssql,
.sv_order_box.active .ico_sv_os.mssql{background-position:-512px 0}
.sv_order_box:hover .ico_sv_os.rocky,
.sv_order_box.active .ico_sv_os.rocky{background-position:-640px 0}
.sv_order_box:hover .ico_sv_os.redhat,
.sv_order_box.active .ico_sv_os.redhat{background-position:-704px 0}

.sv_order_box:hover .ico_sv_add.base,
.sv_order_box.active .ico_sv_add.base{background-position:0 0}
.sv_order_box:hover .ico_sv_add.hdd,
.sv_order_box.active .ico_sv_add.hdd{background-position:-64px 0}
.sv_order_box:hover .ico_sv_add.ip,
.sv_order_box.active .ico_sv_add.ip{background-position:-128px 0}
.sv_order_box:hover .ico_sv_add.nas,
.sv_order_box.active .ico_sv_add.nas{background-position:-192px 0}
.sv_order_box:hover .ico_sv_add.lb,
.sv_order_box.active .ico_sv_add.lb{background-position:-256px 0}
.sv_order_box:hover .ico_sv_add.lbtmp,
.sv_order_box.active .ico_sv_add.lbtmp{background-position:-320px 0}
.sv_order_box:hover .ico_sv_add.dbcluster,
.sv_order_box.active .ico_sv_add.dbcluster{background-position:-384px 0}
.sv_order_box:hover .ico_sv_add.cip,
.sv_order_box.active .ico_sv_add.cip{background-position:-448px 0}
.sv_order_box:hover .ico_sv_add.waf,
.sv_order_box.active .ico_sv_add.waf{background-position:-512px 0}
.sv_order_box:hover .ico_sv_add.cdn,
.sv_order_box.active .ico_sv_add.cdn{background-position:-576px 0}

.sv_order_box:hover .ico_sv_dm.lite,
.sv_order_box.active .ico_sv_dm.lite{background-position:0 0}
.sv_order_box:hover .ico_sv_dm.std,
.sv_order_box.active .ico_sv_dm.std{background-position:-64px 0}
.sv_order_box:hover .ico_sv_dm.prm,
.sv_order_box.active .ico_sv_dm.prm{background-position:-128px 0}
.sv_order_box:hover .ico_sv_dm.ent,
.sv_order_box.active .ico_sv_dm.ent{background-position:-192px 0}
.sv_order_box:hover .ico_sv_dm.entp,
.sv_order_box.active .ico_sv_dm.entp{background-position:-256px 0}

.sv_order_box:hover .ico_sv_dmg.std,
.sv_order_box.active .ico_sv_dmg.std{background-position:0 0}
.sv_order_box:hover .ico_sv_dmg.prm,
.sv_order_box.active .ico_sv_dmg.prm{background-position:-64px 0}
.sv_order_box:hover .ico_sv_dmg.manual,
.sv_order_box.active .ico_sv_dmg.manual{background-position:-128px 0}

.text-top{vertical-align:top !important;}
.text-middle{vertical-align:middle !important;}
.text-bottom{vertical-align:bottom !important;}

/* PaaS service ico & box */
.sv_order_box:hover .ico_sv_paas.k8s,
.sv_order_box.active .ico_sv_paas.k8s{background-position:0 0}
.sv_order_box:hover .ico_sv_paas.paasta,
.sv_order_box.active .ico_sv_paas.paasta{background-position:-64px 0}

.sv_order_box.k8s:hover,
.sv_order_box.k8s.active{border: 1px solid #326DE6; -webkit-box-shadow: 0 3px 7px 0 #DEDEDE; -moz-box-shadow: 0 3px 7px 0 #DEDEDE; box-shadow: 0 3px 7px 0 #DEDEDE}
.sv_order_box.k8s:hover a,
.sv_order_box.k8s.active a{padding: 18px; border: 2px solid #326DE6}

.sv_order_box.paasta:hover,
.sv_order_box.paasta.active{border: 1px solid #F9A519; -webkit-box-shadow: 0 3px 7px 0 #DEDEDE; -moz-box-shadow: 0 3px 7px 0 #DEDEDE; box-shadow: 0 3px 7px 0 #DEDEDE}
.sv_order_box.paasta:hover a,
.sv_order_box.paasta.active a{padding: 18px; border: 2px solid #F9A519}

.sv_order_box.k8s .btn-outline{color:#326DE6; border-color: #326DE6}
.sv_order_box.k8s:link .btn-outline,
.sv_order_box.k8s:hover .btn-outline,
.sv_order_box.k8s:active .btn-outline,
.sv_order_box.k8s:focus .btn-outline,
.sv_order_box.k8s:visited .btn-outline,
.sv_order_box.k8s.active .btn-outline{color:#FFFFFF; background-color: #326DE6}

.sv_order_box.paasta .btn-outline{color:#F27120; border-color: #F27120}
.sv_order_box.paasta:link .btn-outline,
.sv_order_box.paasta:hover .btn-outline,
.sv_order_box.paasta:active .btn-outline,
.sv_order_box.paasta:focus .btn-outline,
.sv_order_box.paasta:visited .btn-outline,
.sv_order_box.paasta.active .btn-outline{color:#FFFFFF; background-color: #F27120}

/* Document Safer service ico */
.ico_sv_docusafer_sm {display: inline-block; width: 16px; height: 14px; margin-top: -2px; background: url('/images/didim/ico_sv_dsc_sm.png') no-repeat 50% 50%; vertical-align: middle}
.ico_sv_docusafer {display: inline-block; width: 128px; height: 64px; background: url('/images/didim/ico_sv_dsc2.png') no-repeat 0 -64px; vertical-align: middle}

.sv_order_box:hover .ico_sv_docusafer,
.sv_order_box.active .ico_sv_docusafer {background-position: 0 0 }

/* Dashboard Page */
.nav-tabs > li > a {padding: 10px 25px 10px 25px}
.dashboard_tab.tabs-container .nav-tabs > li.active > a, 
.dashboard_tab.tabs-container .nav-tabs > li.active > a:hover, 
.dashboard_tab.tabs-container .nav-tabs > li.active > a:focus {color: #ffffff; border: 1px solid #293846; border-bottom-color: #293846; background-color: #293846}
.dashboard_tab.tabs-container .nav-tabs > li.used > a{color: #6ba89b}
.dashboard_tab.tabs-container .nav-tabs > li.used.active > a,
.dashboard_tab.tabs-container .nav-tabs > li.used.active > a:hover,
.dashboard_tab.tabs-container .nav-tabs > li.used.active > a:focus{color: #ffffff}
.dashboard_tab.tabs-container .nav-tabs > li.used.active > a i{color: #22d8b4}
.dashboard_tab.tabs-container .nav-tabs > li.used > a i{color: #1ab394}

.dashboard_optbar{margin-bottom: 20px}
.dashboard_optbar .ibox-content{margin-top:-1px; padding: 20px 25px 15px; border:1px solid #cfd1d3; border-top:1px solid #a8abad}
.dashboard_optbar .ibox-content h3.optbar_tit{display: inline-block; margin-right: 20px}

.dashboard_tab .panel-body{margin-top:0; padding: 15px 20px; background: none; border:none}
.dashboard_tab .intab_tit{color: #4c4e50}
.dashboard_tab .stat_tit{font-size:1vw; font-weight:bold}
.dashboard_tab .stat_tit.text-gray{color:#4c4e50}
.dashboard_tab .aws_kr_tit{font-size:0.8vw; font-weight:bold}
.dashboard_tab .aws_disc_tit{font-size:1.9vw; font-weight:bold}
.dashboard_tab .ibox{margin-bottom: 35px}
.dashboard_tab .ibox-title{border-color:#d9dcdf}
.dashboard_tab .ibox-content.chartbox{padding: 30px 25px}
.dashboard_tab .ibox-content .pull-right .checkbox{margin-top: 0}
.dashboard_tab .ibox-content .list-group .label{margin-right: 5px; color: #ffffff}
.dashboard_tab .ibox-content .list-group .label.label-top1{background-color: #3db9af}
.dashboard_tab .ibox-content .list-group .label.label-top2{background-color: #14b9d5}
.dashboard_tab .ibox-content .list-group .label.label-top3{background-color: #dd4444}
.dashboard_tab .ibox-content .list-group .label.label-top4{background-color: #fec42c}
.dashboard_tab .ibox-content .list-group .label.label-top5{background-color: #575757}
.dashboard_tab .ibox-content hr{margin: 15px 0}
.dashboard_tab .widget.yellow-bg{background:url('/image/bg_widget4.jpg') no-repeat center center; background-size:cover}

/* Cost Manage Page */
.d_cost .ibox-title{padding: 22px 25px 14px}
.d_cost .date_ctrl_btn{display: inline-block; margin-top: -7px; margin-bottom: 0; padding: 0; padding-left: 15px; vertical-align: middle}
.d_cost .panel-body{padding-top: 8px; padding-bottom: 4px}
.d_cost .d_cost_drop_box{margin-top: 4px; margin-bottom: 10px; background: #fff; border: 1px solid #dedede}
.d_cost hr{margin: 15px 0}
.d_cost .dbox_tgl_ico{float:left; margin: 15px}
.d_cost .dbox_tgl_ico .btn{min-width: 36px}
.d_cost .dbox_title{padding: 15px 25px}
.d_cost .dbox_title .tit_body h4{display: block; margin: 0 0 3px; font-size: 14px; color: #1ab394; font-weight: bold}
.d_cost .dbox_title .tit_body h4.static{color: #676A6C !important}
.d_cost .dbox_title .tit_body h4.disable{color: #8e9193 !important}
.d_cost .dbox_detail{margin: 0; padding: 2px 0; background: #fbfbfb; border-top: 1px solid #e7eaec}
.d_cost .dbox_detail .dbox_detail_wrap{margin-top: 5px; margin-bottom: 15px}
.d_cost .dbox_dt_list{padding: 5px 15px 5px 60px}
.d_cost .dbox_dt_list.nodrop{padding: 5px 15px 0}
.d_cost .dbox_dt_list h5{margin-left: 10px}
.d_cost .control-label{text-align: left; text-indent: 8px}
.d_cost .dbox_smry{display: flex; margin-top: 10px; margin-bottom: 40px; padding-left: 30px; padding-right: 30px}
.d_cost .dbox_smry hr{margin: 5px 0}
.d_cost .dbox_smry .widget{display: flex; height: 100%; align-items: center; justify-content: center; text-align: center}
.d_cost .dbox_smry .widget.navy-bg{background:url('/image/bg_widget2.jpg') no-repeat center center; background-size:cover}
.d_cost .dbox_smry .widget.blue-bg{background:url('/image/bg_widget3.jpg') no-repeat center center; background-size:cover}

.price_depth td{padding: 9px 25px !important}
.price_depth i{margin-right: 5px}

.price_depth .pa_1depth td{padding-left: 25px !important}
.price_depth .pa_2depth td{padding-left: 40px !important}
.price_depth .pa_3depth td{padding-left: 60px !important}
.price_depth .pa_4depth td{padding-left: 80px !important}
.price_depth .pa_5depth td{padding-left: 100px !important}
.price_depth .pa_6depth td{padding-left: 120px !important}

.price_depth .front{background-color: #d9edf7}
.price_depth .front td{padding-top: 11px !important; padding-bottom: 11px !important; color: #31708f; font-weight: bold; border-color: #bce8f1}
.price_depth .sum{background-color: #fcf8e3}
.price_depth .sum td{padding-top: 11px !important; padding-bottom: 11px !important; color: #66512c; font-weight: bold; border-color: #e4e0cc}
.price_depth .sub_t{background-color: #fafafa}
.price_depth .sub_t td{color:#676A6C; font-weight: bold}
.price_depth .vat{background-color: #ffffff}
.price_depth .vat td{color: #94653e; border-color:#dedede; font-weight: bold}
.price_depth .total{background-color: #d9edf7}
.price_depth .total td{padding-top: 15px !important; padding-bottom: 15px !important; color: #20729b; border-color: #bce8f1; font-weight: bold}
.price_depth td.text-center{padding-left: 15px !important; padding-right: 15px !important}
.price_depth td.text-right{padding-left: 15px !important}

.price_depth .closedtr:not(.hidetr) {display: none;}
.price_depth .hidetr:not(.closedtr) {display: none;}
.price_depth .closedtr .hidetr {display: block;}

.border-top-none {
  border-top: 0px !important;
}
.border-bottom-none {
    border-bottom: 0px !important;
}
.padding-top-none {
    padding-top: 0px !important;
}
.padding-bottom-none {
    padding-bottom: 0px !important;
}

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

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

.text-primary {
    color: #1ab394;
}
ul.info_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.info_list blockquote {
    padding: 5px;
    margin: 2px 20px 2px 2px;
    border: 1px dotted #ccc;
    background-color: #f5f5f5;
}

ul.info_list li {
    background: url("/Images/attention1_16x16.gif") no-repeat 0 0;
    padding-left: 23px;
    text-align: left;
    font-size: 9pt;
    color: #666;
    line-height: 140%;
    padding-bottom: 5px;
    padding-top: 1px;
}

.guest_list_normal {
    background-color: #FFFFFF;
    font-size: 9pt;
    color: #666666;
    cursor: pointer;
}

.guest_list_select {
    background-color: #F7F7F7;
    cursor: pointer;
}

.guest_list_over {
    background-color: #FFFFFF;
    cursor: pointer;
}

.guest_list_none {
    background-color: #FFFFFF;
    cursor: not-allowed;
}


.pq-body-outer .pq-grid-number-cell, .pq-summary-outer .pq-grid-number-cell {
    background: #f9f9f9;
}

.link-dialog {
    z-index: 2051 !important;
}

.note-link-popover {
    z-index: 2051 !important;
}

.padding-5px { padding : 5px !important;}

/* Support Notice */
.d_support .ibox-title {
    padding: 15px 25px 7px
}

.d_support .ibox-title h5 {
    margin-top: 5px
}

.d_support .ibox-content {
    padding-top: 15px;
    padding-left: 25px
}

.d_support .support_dbox {
    margin-top: 0;
    margin-bottom: 0;
    background: #FFFFFF;
    border: none
}

.d_support hr {
    margin: 15px 0 20px
}

.d_support .dbox_title {
    padding: 0 0 15px
}

.d_support .dbox_title .tit_body h4 {
    display: block;
    margin: 5px 0 6px;
    font-size: 14px;
    font-weight: bold
}

.d_support .sp_ment {
    font-size: 12px
}

.d_support .dbox_detail {
    margin: 0;
    padding: 0;
    border: none
}

.d_support .dbox_detail .table.table-bordered {
    border-top: 1px solid #DDDDDD
}

.d_support .dbox_detail .table thead th,
.d_support .dbox_detail .table tbody td {
    vertical-align: middle;
    text-align: center
}

.d_support .dbox_detail .table tbody td {
    padding-left: 10px;
    padding-right: 10px
}

.d_support .dbox_detail .table .text-left {
    text-align: left
}