@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&family=Russo+One&family=Zen+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Tilt+Warp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Noto+Sans+KR:wght@100..900&family=Tilt+Warp&display=swap');
@import "/css/import/kinx_override.css";
@import "/css/import/kinx_addstyle.css";
@import "/css/import/kinx_table.css";
@import "/css/import/khj_style.css";


body {
    font-family: "Noto Sans KR", sans-serif;
    color: #3E3E3E !important;
}

.portal-title {
    font-family: "Tilt Warp", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -1px;
}

.fw-semibold {
  font-weight: 500!important
}

.text-kinxtheme {
    color:#125b50 !important;
}

.bg-kinxtheme {
    background-color:#125b50 !important;
}

.bg-kinxtheme {
    background-color:#125b50 !important; /*참고)기존 보라색 #7239ea*/
}

.leftmenu-text {
    color : #ffffff !important;
}

.topmenu-text {
    color : #7e8299 !important;
}

/*only KINX */
.aside-logo-kinx {
    height:18px;
}

.text_center { text-align:center;}

.aside-memu-item-kinx{
    margin-top:10px;
}

.aside-memu-title-kinx {
    text-align: center;
    color: white !important;
    white-space: pre-wrap;
    line-height: 17px;
}

.aside-memu-title-kinx-none {
    text-align: center;
    white-space: pre-wrap;
    line-height: 17px;
}

.menu-title a:link{
    transition : 1s; /* 속성 변경할 때 효과의 속도 조절 */
}

.menu-title a:hover{
    color:#125b50 !important;
}

.kinxtheme {
    background-color : #125b50;
}

.kinxtheme-active {
    background-color : #0c4d43;
}

.kinxtheme-light {
    background-color :  #f8f5ff;
}
.kinxtheme-inverse {
    background-color :  #ffffff;
}

.text-hover-primary {
    transition: color 1s ease, background-color 1s ease;
}
.text-hover-primary i {
    transition: color 1s ease, background-color 1s ease;
}
.text-hover-primary:hover {
    transition: color 1s ease, background-color 1s ease;
    color: #125b50 !important;
}
.text-hover-primary:hover i {
    transition: color 1s ease, background-color 1s ease;
    color: #125b50 !important;
}

.kinx_label {
    font-size: 13px;
    color:#3E3E3E;
    font-weight: 600;
}

.kinx_sublabel {
    font-size: 12px;
    color:#3E3E3E;
    font-weight: 600;
}


.btn:not(.btn-active-primary) {
    border-radius: 0 !important;
}

.form-check-input:not([type=radio],[role='switch']) {
    border-radius: 0 !important;
}


.form-select {
    border-radius: 0 !important;
}


.form-control {
    border-radius: 0 !important;
}


.modal-content{
    border-radius: 0 !important;
}

.modal_background_color {
    background-color: #F4F5F7;
}


.border2_kinixtheme {
    border:2px solid #125b50;
}
.background_white {
    background-color: #FFFFFF;
}
.border_bottom_gray {
    border-bottom:1px solid #E1E5EE !important;
}

/*************** parsley lizzy ***************/
ul.parsley-errors-list > li {font-size:1.0rem; line-height:1.3; color:#ff620c;padding-top:10px;}



/*LIZZY tooltip inner */
.tooltip-inner {
	text-align:left;
    max-width: none;
    white-space: nowrap;
    background:white;
    border:1px solid lightgray;

  /*color:gray;*/
  margin:0;
  padding:5 5 5 5;
}


/*LIZZY in/out, add/del inner */
.worktype_I{color:#125C4F !important;}
.worktype_O{color:#EB4960 !important;}

/*LIZZY flatpickr-monthSelect-month 버튼 색깔   */
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  background-color: #125b50 !important;
  box-shadow: none;
  color: #fff;
  border-color: #125b50 !important;
}


/*id,pw,master */
#KinxBody   {margin:0; padding:0; height: 100%; background: url('../img/bg.jpg') center center;}
#Kinxbackground   {width: 100%; min-width: 1200px; min-height: 100vh; background-repeat: no-repeat; background-size: cover; margin: -80px 0 -50px 0;}
#Kinxbar          {text-align: center; width: 100%; min-width: 1200px; height: 80px; background: #fff; position: relative; z-index: 100;}
.KinxHighlight {color:#ff620c !important;}
.fl_l {float:left;}
.fl_r {float:right;}
.layout_right {color: #ccc; font-size: 12px; font-weight: lighter; margin-top: 21px;}
.ta_r		{text-align: right;}
.list		{display: inline;}
.top		{width: 1200px; display: block; margin: 0 auto;}
.KinxBox	{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius:5px; box-shadow: rgb(0 0 0 / 10%) 1px 1px 1px 1px;}
.KinxBox ul.parsley-errors-list {display:inline-block; padding-left:0px !important; margin: 0px 0px !important;}
.KinxBox ul.parsley-errors-list li {list-style:none; padding-top:0px !important;}
#KinxFooter {width: 100%;min-width: 1200px; height: 50px; float: left; background-color: #242424; text-align: center; position: fixed; bottom:0; z-index: 100; }
.title		{height: 30px; line-height: 30px; text-align: center; margin-bottom: 30px; font-size: 30px; letter-spacing: -0.05em; color: #363636;}
.footer_r   {float: right!important; text-align: right; margin: 18px 0; font-size: 13px; color: #898989;}
.footer_l   {float: left; margin-top: 18px; font-size:13px; color:#ffffff; padding-right:10px;}
.kinx_kr    {font-size: 13px; color: #898989; padding-right: 10px; float: left; margin-top: 17px;}
.kinx_en    {font-size:12px;color:#898989;padding-right:10px; float: left; margin-top: 18px;}
.line		{border-top: 1px solid #d7d7d7; width: 100%; right: 30px; margin-bottom: 15px;}

#potal  	{width: 100%; min-width: 300px;}
.potal_tx	{width: 227px; height: 50px; background-color: #074241; border-radius: 2px; display: inline-block; color: #fff; text-align: center; font-weight:700; font-size: 16px; font-family: 'Quicksand', sans-serif; position: relative;}
/*.potal_tx:hover	{background-color: #ff620c;}*/

.potal_tx::before{
  content: "";
display: block;
width: 100%;
height: 100%;
background-color: #ff620c;
transform: scaleY(.3);
opacity: 0;
transition: all .3s;
	border-radius: 2px;
	position: absolute;
}

/*
.potal_tx:hover{
  color:#fFF;
}
*/
.potal_tx:hover::before{
  opacity: 0.3;
  background-color: #fff;
  transform: scaleY(1);
  transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;

}
table#rack_list_detail tbody tr.selected {
    background-color:rgba(18,91,80, 0.1) !important;
    color:#5E6278 !important;
}

.group-click-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='%23FFFFFF' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
    background-size:0.8rem;
    background-position: center left 10px;
    background-color: #125b50;
    color: #fff;
    padding-left: 25px!important;
}

.dimarea{
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.486);
    width:100%;
    height:100%;
    z-index: 40;
    color: #fff;
    text-align:center;
    box-sizing: border-box;
    font-weight:400;
    padding:20px;
}

.menu-state-bg .menu-item.here > .menu-link {
    border-bottom:2px solid #125b50;
}
.topselectaccount {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  width:120px;
  margin-left:5px;
}
.btn.btn-outline:not(.btn-outline-dashed) {
    border: 1px solid var(--bs-gray-300)
}
.btn.btn-outline-dashed {
    border: 1px dashed var(--bs-gray-300)
}

.tr-master-choice.inactive:hover > td > div{
    background-color: rgba(245, 248, 250, 0.8) !important;
    color: #125b50 ;
    cursor: pointer;
}
.tr-master-choice.inactive:hover > td > div > i{
    color: rgba(245, 248, 250, 0.8) !important;
}

#div-mobile-aside{
    display:none;
}
.div-mobile-topmenu{
    display:none !important;
}

@media (max-width: 1200px) {
    .dashboard-half-center-img {
        display:block;
    }
    .header-menu {
        display:none !important;
    }
    .div-mobile-topmenu{
        display:block !important;
    }
}

@media (max-width: 991px) {
    .header-menu {
        display:block !important;
    }
    .div-mobile-topmenu{
        display:none !important;
    }
    #div-mobile-aside{
        display:block;
    }
}


.aside-memu-item-kinx {
    margin-top:0;
}
.aside-memu-item-kinx a{
    justify-content: start;
    padding-left: 22px !important;
    height:44px;
}

/*left menu*/
@media (min-width: 992px) {
    .aside {
        transition: 0.3s all ease;
    }
    .aside.aside-collapse {
        width:70px;
    }
    .header-fixed .header {
        transition: 0.3s all ease;
    }
    .wrapper {
        transition: 0.3s all ease;
    }
}

/*LIZZY - TEST start*/

@media (min-width: 992px) {
    .content {
        padding: 30px 20px 40px 40px;
    }
    .container-fluid {
        padding: 30px 20px 40px 40px;
    }
}

.aside-memu-item-kinx-sub
{
    height:38px;
}

.aside-memu-item-kinx a:hover, .aside-memu-item-kinx-sub a:hover
{
    background-color: #36393b;
}

.aside-memu-item-kinx a.active, .aside-memu-item-kinx-sub a.active
{
    background-color: #36393b !important;
}

.aside-memu-title-kinx2 {
    color: white !important;
    white-space: pre-wrap;
    line-height: 14px;
}
.aside-menu-separator-kinx{
    text-align: center;
    border-bottom:1px solid #36756b;
    margin:5px auto;
    width:110px;
    transition: 0.3s all ease;
}
.aside-memu-title-kinx2,
.logo-full,
.amtk-full,
.amtk-compact {
    overflow: hidden;
    opacity: 0; /* 초기 상태: 숨김 */
    width: 0;   /* 초기 너비: 0 */
    transition: width 0.3s ease, opacity 0.3s ease; /* 트랜지션 효과 */
    text-align: left;
}
.aside-memu-title-kinx2.active{ opacity: 1; width: 65px;}
.amtk-compact.active { opacity: 1; width: 22px;  }
.amtk-full{ padding-left:0;}/*68 =>79*/
.amtk-full.active { opacity: 1; width: 79px; padding-left:8px;}/*68 =>79*/
.logo-full.active{ opacity: 1; width: 60px; }/*68 =>60*/

/* start menu-state (dashboard.css => kinx.css) */
.menu-item .menu-link .menu-arrow {
    margin-left:0.2rem;
}
.menu-state-bg .menu-item2 {
    margin-left:20px;
    margin-right:20px;
    border-bottom:1px solid #36756b;
}

#gnb_top_menu .menu-item {
    margin-right:2rem !important;
}
.menu-state-bg .menu-item > .py-3{
    padding:6px 9px !important;
}

.menu-state-bg .menu-item > .menu-link > .menu-title > a{
    color:#3e3e3e;
    font-size:14px;
}

.menu-state-bg .menu-item.here > .menu-link {
    border-bottom: 3px solid #125b50;
    border-radius: 0 !important;
    background-color: transparent !important;
    margin-bottom:-3px;
}

.menu-state-bg .menu-item.here > .menu-link > .menu-title > a{
    color:#125b50;
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23D8DAE6'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}
.menu-link.active {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #125b50 !important;
    color:#FFFFFF !important;
    border-radius: 0.475rem;
}
.symbol.symbol-15px > img {
    width: 15px;
    height: 15px;
}

.bg-404040 {
    --bs-bg-opacity: 1;
    background-color: #404040 !important;
}

.text-5a4b81 {
    color: #5a4b81 !important;
}
.text-0f4336 {
    color: #0f4336 !important;
}
.menu-state-primary .menu-item .menu-link.active .menu-arrow:after {
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06463 4.42111C1.96161 4.22088 1.9809 3.9637 2.12863 3.78597L5.12847 0.177181C5.31402 -0.046034 5.63049 -0.060261 5.83532 0.145404C6.04015 0.351069 6.05578 0.698744 5.87023 0.921959L3.19406 4.14137L5.84414 7.06417C6.03896 7.27904 6.03835 7.62686 5.84278 7.84105C5.64721 8.05524 5.33073 8.05469 5.13591 7.83982L2.14806 4.54449C2.1141 4.50704 2.08629 4.46541 2.06463 4.42111Z'/%3e%3c/svg%3e");
    /*rtl:begin:remove*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
    /*rtl:end:remove*/
  }

/* end menu-state (dashboard.css => kinx.css) */


.fs-6u {font-size: 1rem !important;}
.fs-13p {font-size: 13px !important;}




.border-6 {border-width: 6px !important;}
.border-7 {border-width: 7px !important;}
.border-b-0 {border-bottom: 0px !important;}

.pd-l-5 { padding-left: 5px; }
.pd-l-8 { padding-left: 8px; }
.pd-l-10 {padding-left: 10px;}
.pd-r-10 {padding-right: 10px;}
.pd-0-30 {padding: 0 30px !important;}
.mb-0 {margin-bottom: 0 !important;}
.pd-tb-10 {padding-top: 10px; padding-bottom: 10px;}
.mg-tb-10 {margin-top: 10px; margin-bottom: 10px;}
.pd-t-15 {padding-top: 15px; }
.pd-b-15 {padding-bottom: 15px; }
.pd-lr-13 {padding-left: 13px; padding-right: 13px;}
.mg-t-1 {margin-top: 1px !important;}
.mg-l-2 {margin-left: 2px !important;}
.mg-r-5 {margin-right: 5px !important;}
.mg-r-10 {margin-right: 10px !important;}
.mg-t-10 {margin-top: 10px !important;}

.min-w-175px {min-width: 175px !important;}
.h-28px {height: 28px !important;}
.h-34px {height: 34px !important;}
.h-37px {height: 37px !important;}
.h-74px {height: 74px !important;}
.h-200px {height: 200px !important;}
.w-85px {width: 85px !important;}
.w-105px {width: 105px !important;}
.w-110px {width: 110px !important;}
.w-115px {width: 115px !important;}
.w-135px {width: 135px !important;}
.w-145px {width: 145px !important;}
.w-220px {width: 220px !important;}
.w-360px {width: 360px !important;}
.w-390px {width: 390px !important;}
.w-500px {width: 500px !important;}

.dataTables_paginate {
    text-align: center; /* 페이지네이션 가운데 정렬 */
    margin-top: 10px;   /* 상단 여백 */
}

.dataTables_paginate .paginate_button.previous a,
.dataTables_paginate .paginate_button.next a {
    background-color: #FFF; /* 버튼 배경색 */
    color: white;              /* 글자 색 */
    border:1px solid #e4e4e4;
    border-radius: 5px;        /* 둥근 모서리 */
    padding: 5px 10px;
    margin: 2px;
}

.dataTables_paginate .paginate_button.active a {
    background-color: #FFF; /* 버튼 배경색 */
    color: #3E3E3E !important;
    font-weight:700;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #FFF; /* 버튼 hover 색상 */
}



.prime--circle-fill {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='%23000'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align:middle;
}

.alert_info_img {
    content: url('/img/icon_info.svg');
    z-index: 190;
    margin-right: 8px !important;
    width: 20px !important;
    height: 20px !important;

}


.card-body-bottomline {border-bottom:1px solid #E0E5EE;}
.btn-request-cancel {
    background-color: #5f5f5f;
    color: #ffffff;
}
.btn-request-cancel:hover {
    background-color: #3f3f3f;
    color: #ffffff;
    border-color: #5b2ebb;
}