@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@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;
    font-size:25px;
}

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

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

.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;
    color: #7e8299 !important;
    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 :  #01522D0D;
}
.kinxtheme-inverse {
    background-color :  #ffffff;
}



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

.tooltip-inner {
    text-align:left;
    max-width: none;
    white-space: nowrap;
    background:white;
    border:1px solid lightgray;
    margin:0;
    padding:5 5 5 5;
}

/*id,pw,master */
#KinxBody {
    margin:0;
    padding:0;
    height: auto;
    background: url('../img/bg.jpg') center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#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: 33px;
    text-decoration: none;
}

.ta_r {
    text-align: right;
}

.list {
    display: inline;
}

.top {
    width: 1200px;
    display: block;
    margin: 0 auto;
}

.KinxBox {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left:-300px;
    background-color: #fff;
    border-radius:5px;
    box-shadow: rgb(0 0 0 / 10%) 1px 1px 1px 1px;
}

.KinxBox ul.parsley-errors-list {
    padding-left:0px !important;
    margin: 2px 0px 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;
}


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

}

/* error */
#ErrorBody {
    margin:0;
    padding:0;
    height: 100%;
    background:#F2F6F5;
}

.error_404_img {
    margin-top:20px;
    margin-bottom:50px;
}



/* style.css orverride*/

/*sweet alert*/
.sweet-alert{
    width:600px;
    margin-left:-300px;
}

.top-right-menu-li-span{
    vertical-align: inherit;
    color: #363636;
    padding: 0 7px 0 6px;
    font-size: 12px;
}


/*LIZZY - TEST start*/

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





.main_menu_title {
    font-size: 20px;
    color: #3E3E3E;
    font-weight:500;
}

.main_menu_subtitle {
    font-size: 14px;
    color: #3E3E3E;
    font-weight:500;
}

ul.main_menu_subtitle li {
    font-size: 14px;
    color: #3E3E3E;
    font-weight:500;
}

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

.btn_tech_request {
    color:#3E3E3E !important;
    font-weight:800;
}

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

ul.pagination > li.paginate_button > a{
    border-radius: 0 !important;
}

/*LIZZY - TEST end*/

.form-control.form-control-solid {
    border-color:var(--bs-gray-300);
    transition: color 0.8s ease, background-color 0.8s ease;

    /*LIZZY*/
    border-radius: 0 !important;
}

.form-control.form-control-solid:focus, .form-control.form-control-solid.focus {
    background-color: #eef3f7;
    border-color:  #e2e8ee;
}

.border {
    border-width: 1px;
    border-color:#dee4e9;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
    border-color:var(--bs-gray-300);
    transition: color 0.8s ease, background-color 0.8s ease;
    padding: 0.55rem 0.75rem;
    font-size: 0.925rem;
    border-radius: 0.325rem;
}


.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
    background-color: #eef3f7;
    border: 1px solid #e2e8ee;
    box-shadow:none;
}
/*
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 4px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
*/

.btn-outline-primary {
    color: #125b50;
    border-color: #125b50;
}
.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #125b50;
    border-color: #125b50;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(30, 114, 28, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #125b50;
    border-color: #125b50;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(114, 57, 234, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #125b50;
    background-color: transparent;
}

.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
    color: #125b50;
    border-color: #01522D0D;
    background-color: #01522D0D !important;
}
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary i, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show i, .show > .btn.btn-active-light-primary i {
    color: #125b50;
}
.btn-check:checked + .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: #125b50;
}
.btn-check:checked + .btn.btn-active-light-primary .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-light-primary .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.active .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.show .svg-icon svg:hover [fill]:not(.permanent):not(g), .show > .btn.btn-active-light-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
}
  .btn-check:checked + .btn.btn-active-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-primary.dropdown-toggle:after, .btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary.active.dropdown-toggle:after, .btn.btn-active-light-primary.show.dropdown-toggle:after, .show > .btn.btn-active-light-primary.dropdown-toggle:after {
    color: #125b50;
}
  .btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
    border-color: #125b50 !important;
}

.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-0-30 {padding: 0 30px !important;}
.mb-0 {margin-bottom: 0 !important;}

.shadow-xxs{box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.05) !important;}
.border-secondary2 { border-color: #C5CDD7 !important; }
.btn-check:checked + .btn.border-secondary2, .btn-check:active + .btn.border-secondary2, .btn.border-secondary2:focus:not(.btn-active), .btn.border-secondary2:hover:not(.btn-active), .btn.border-secondary2:active:not(.btn-active), .btn.border-secondary2.active, .btn.border-secondary2.show, .show > .btn.border-secondary2 {
    color: #7E8299;
    border-color: #A4ADBA !important;
    background-color: #FFFFFF !important;
  }

.div-left-board-half {background: url('../img/bg_table_th.png') no-repeat left;color:#585858;text-align:center}
.div-page-title {
    font-size:20px;
    color:#3E3E3E;
    font-weight:700;
}


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



.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;
}
.topusertype {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    width:142px;
    background: #125b50;
    color: white;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 0.85rem;
    text-align:center;
}

.btn.btn-outline-dashed {
    border: 1px dashed var(--bs-gray-300)
}

@media (min-width: 992px) {
    .footer-auto-fixed{
        position: fixed;
        width:100%;
        bottom:10px;
        margin-left:-26px;
        background-color: #d2d8ddc7;
        padding-top:5px;
        padding-bottom:5px;
    }
    .footer-auto-absolute{
        position: absolute;
        left:50%;
    }
}
@media (max-width: 991.98px) {
    .footer-auto-fixed{
        position: fixed;
        width:100%;
        bottom:10px;
        background-color: #d2d8ddc7;
        padding-top:5px;
        padding-bottom:5px;
    }
    .footer-auto-fixed > .text-center{
        margin-left:-15px;
    }
    .footer-auto-absolute{
        position: absolute;
        width:100%;
        margin-bottom:10px;
    }
}

.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: 991.98px) {
    .dashboard-half-center-img {
        display:block;
    }
    .header-menu {
        display:none !important;
    }
    .div-mobile-topmenu{
        display:block !important;
    }
    #div-member-list-notice {
        display:none !important;
    }
}

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


/*========datepicker=======*/
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    color: #fff;
    background-color: #125b50 !important;
    border-color: #125b50 !important;
}
.datepicker-years, .datepicker-days, .datepicker-months{
    padding:10px;
}

/*========border-color=======*/
.border-light-primary {
    border-color: #125b5059 !important;
}
.border-light-info {
    border-color:#009ef773 !important;
}


@media (min-width: 992px) {
    .modal-900 {max-width: 900px;}
    .modal-855 {max-width: 857px;}
}

.support_balloon {
    background-image: url('/img/icon_tag_balloon.svg');
    background-repeat: no-repeat;
    width: 100%;
    height:100%;
}

.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 색상 */
}



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

.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 */
    text-align: left;
    transition: width 0.3s ease, opacity 0.3s ease, padding-left 0.3s ease; /* 트랜지션 효과 */
}
.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; }

/* 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;
}
@media (max-width: 1350px) {
    #gnb_top_menu .menu-item {
        width: 50px;
    }
}
@media (max-width: 992px) {
    #gnb_top_menu .menu-item {
        width: auto;
    }
}
@media (max-width: 1120px) {
    #gnb_top_menu .menu-item {
        margin-right:1rem !important;
    }
}
@media (max-width: 1080px) {
    #gnb_top_menu .menu-item {
        margin-right:5px !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;
}
/* end menu-state (dashboard.css => kinx.css) */




.btn.btn-kinxtheme {
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.05) !important;
}
.btn-check:checked + .btn-kinxtheme:focus, .btn-check:active + .btn-kinxtheme:focus, .btn-kinxtheme:active:focus, .btn-kinxtheme.active:focus, .show > .btn-kinxtheme.dropdown-toggle:focus {
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.05) !important;
}

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

.div-support-show-side {
    margin-top:45px;
}
@media (max-width: 1538px) {
    .div-support-show-side {
        display:none;
    }
}

.pd-l-5 { padding-left: 5px; }
.pd-l-8 { padding-left: 8px; }
.pd-l-10 { padding-left: 10px; }
.pd-t-15 {padding-top: 15px; }
.max-w-330px { max-width: 330px; }