/*
 *  Copyrightⓒ 2022. (주)매트릭스투비 All rights reserved.
 *
 */

@charset "utf-8";

@font-face {
    font-family: 'SAP-icons';
    src: url('/fonts/SAP-icons-d9cbf42f645d8d6d15c4cb5768ae2307.ttf'), url('/fonts/SAP-icons-7ad938d70ab9c97f34b189dccea7ca45.woff'), url('/fonts/SAP-icons-f21be3eb561068999c057f559db1e8f2.woff2'),
    url('../fonts/SAP-icons.eot'); /* IE9+ */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "72";
    font-weight: 400;
    src: url(/fonts/72-Regular-b0193adaa88cdbf6a8789d972b70b2e0.eot) format("eot"), url(../../images/72-Regular.svg) format("svg"), url(/fonts/72-Regular-a055c920fa3948666fc4412d72aa94f3.ttf) format("ttf"), url(/fonts/72-Regular-48cb3e07e7e509d6c81c420507d7916b.woff) format("woff"), url(/fonts/72-Regular-0072d92bfeaf57f02de04342d06a3463.woff2) format("woff2");
}
@font-face {
    font-family: "72";
    font-weight: 700;
    src: url(/fonts/72-Bold-a1a24ccc07b9c2d035002d9d9b11f925.eot) format("eot"), url(../../images/72-Bold.svg) format("svg"), url(../fonts/72-Bold.ttf) format("ttf"), url(/fonts/72-Bold-1e678655fe64a8a126dd51619f22edde.woff) format("woff"), url(/fonts/72-Bold-85e09d643e5d4b5f98c3aaf365bd1c02.woff2) format("woff2");
}
@font-face {
    font-family: "72";
    font-weight: 800;
    src: url(/fonts/72-Black-7470cd42a6f914ca28b3b03ad0c5727e.eot) format("eot"), url(../../images/72-Black.svg) format("svg"), url(/fonts/72-Black-16305e174cda6541adc3f7f4630b4d8d.ttf) format("ttf"), url(/fonts/72-Black-28de35b7c6809a96df5c5fc8ed2ec1ee.woff) format("woff"), url(/fonts/72-Black-2791a9883518f5523eac546dfb837d6a.woff2) format("woff2");
}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(/fonts/NotoSansKR-Light-ea4db2bb9f683df8998eaaaec10beeab.woff2) format('woff2'),url(/fonts/NotoSansKR-Light-1f7c8be8c0ca8d54868052ef23475cb2.woff) format('woff');}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(/fonts/NotoSansKR-Regular-9139661f6f91e4420a77e89d352452af.woff2) format('woff2'),url(/fonts/NotoSansKR-Regular-7c3141b340ddb3c1aea80d2bb11e9f12.woff) format('woff');}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(/fonts/NotoSansKR-Medium-2de688e285e7ba650eee5d0438c1d4a7.woff2) format('woff2'),url(/fonts/NotoSansKR-Medium-e63313c24774aee385441245d85fb80f.woff) format('woff');}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(/fonts/NotoSansKR-Bold-0ae2f9c5e5b82c0b15d3429dfe30f1eb.woff2) format('woff2'),url(/fonts/NotoSansKR-Bold-11ec013942ce7c5dfd5f1adf4a16d2ca.woff) format('woff');}

@font-face{font-family:'LGSmHaTL';src:url("/fonts/LGSmHaTL-158f6cd872a0d371d7455ca64dbb0fff.eot");src:local(☺),url("/fonts/LGSmHaTL-4ba5947e05292afc7e1da94e507e4c86.woff2") format("woff2"),url("/fonts/LGSmHaTL-eef8e219095be3a42fc3785b4d96fd23.woff") format("woff"),url("/fonts/LGSmHaTL-f4a681a1215cd217754e0143fd3f1d91.ttf") format("truetype")}
@font-face{font-family:'LGSmHaTR';src:url("/fonts/LGSmHaTR-5377defdfb47f44a94444f8dfa14e551.eot");src:local(☺),url("/fonts/LGSmHaTR-5f3234f279650af77a01172000bbe37d.woff2") format("woff2"),url("/fonts/LGSmHaTR-0a7122a28d5ebc8046d93582a25ae452.woff") format("woff"),url("/fonts/LGSmHaTR-96ef52f97de9a109acf5b3efe7e29787.ttf") format("truetype")}
@font-face{font-family:'LGSmHaTSB';src:url("/fonts/LGSmHaTSB-de4d51ddff3b127264fdc8cb9a970f6d.eot");src:local(☺),url("/fonts/LGSmHaTSB-23f890273296daddbe6e52a3db279d3c.woff2") format("woff2"),url("/fonts/LGSmHaTSB-f6d9849d3af078d7444d1aef363de37b.woff") format("woff"),url("/fonts/LGSmHaTSB-b97700ca4bd03b23ac16f281a055e48c.ttf") format("truetype")}
@font-face{font-family:'LGSmHaTB';src:url("/fonts/LGSmHaTB-ad231a24041f0abf5688add52fbd62de.eot");src:local(☺),url("/fonts/LGSmHaTB-a4fd2631201518bc36e8c6b8116d6a57.woff2") format("woff2"),url("/fonts/LGSmHaTB-51c31f0d662ff4f929a901593bf07592.woff") format("woff"),url("/fonts/LGSmHaTB-4992899c0b84757886b40ded2868924b.ttf") format("truetype")}
@font-face{font-family:'LGSmHaL';src:local(☺),url("../fonts/LGSmHaL_v1.4.woff2") format("woff2"),url("../fonts/LGSmHaL_v1.4.woff") format("woff")}
@font-face{font-family:'LGSmHaR';src:local(☺),url("../fonts/LGSmHaR_v1.4.woff2") format("woff2"),url("../fonts/LGSmHaR_v1.4.woff") format("woff")}
@font-face{font-family:'LGSmHaSB';src:local(☺),url("../fonts/LGSmHaSB_v1.4.woff2") format("woff2"),url("../fonts/LGSmHaSB_v1.4.woff") format("woff")}
@font-face{font-family:'LGSmHaB';src:local(☺),url("../fonts/LGSmHaB_v1.4.woff2") format("woff2"),url("../fonts/LGSmHaB_v1.4.woff") format("woff")}
@font-face{font-family:'LGSmGloL';src:local(☺),url("/fonts/LG_Smart_Light-dcba42126fdc9513095f9b35261cc890.ttf") format("woff2"),url("/fonts/LG_Smart_Light-dcba42126fdc9513095f9b35261cc890.ttf") format("truetype")}
@font-face{font-family:'LGSmGloR';src:local(☺),url("/fonts/LG_Smart_Regular-e8687fdfde69079337a5f61c69c9d940.ttf") format("woff2"),url("/fonts/LG_Smart_Regular-e8687fdfde69079337a5f61c69c9d940.ttf") format("truetype")}
@font-face{font-family:'LGSmGloRI';src:local(☺),url("/fonts/LG_Smart_Regular_Italic-5bb3e1a1d0a317daf79c76dcb5366524.ttf") format("woff2"),url("/fonts/LG_Smart_Regular_Italic-5bb3e1a1d0a317daf79c76dcb5366524.ttf") format("truetype")}
@font-face{font-family:'LGSmGloB';src:local(☺),url("/fonts/LG_Smart_Bold-58053fde81591624786213ed6056b225.ttf") format("woff2"),url("/fonts/LG_Smart_Bold-58053fde81591624786213ed6056b225.ttf") format("truetype")}
@font-face{font-family:'LGSmGloBI';src:local(☺),url("/fonts/LG_Smart_Bold_Italic-2c3619535d8e49c2cc99f4c702eeb42b.ttf") format("woff2"),url("/fonts/LG_Smart_Bold_Italic-2c3619535d8e49c2cc99f4c702eeb42b.ttf") format("truetype")}
@font-face{font-family:'LGSmGloSB';src:local(☺),url("/fonts/LG_Smart_SemiBold-1a954dc5f62c6dcb5d43f467a3bdf1e7.ttf") format("woff2"),url("/fonts/LG_Smart_SemiBold-1a954dc5f62c6dcb5d43f467a3bdf1e7.ttf") format("truetype")}


/* LGSmHaT */
@font-face {
    font-display: swap;
    font-family: 'LGSmHaT';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/LGSmHaTL-158f6cd872a0d371d7455ca64dbb0fff.eot');
    src: url('/fonts/LGSmHaTL-158f6cd872a0d371d7455ca64dbb0fff.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LGSmHaTL-4ba5947e05292afc7e1da94e507e4c86.woff2') format('woff2'),
        url('/fonts/LGSmHaTL-eef8e219095be3a42fc3785b4d96fd23.woff') format('woff'),
        url('/fonts/LGSmHaTL-f4a681a1215cd217754e0143fd3f1d91.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'LGSmHaT';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/LGSmHaTR-5377defdfb47f44a94444f8dfa14e551.eot');
    src: url('/fonts/LGSmHaTR-5377defdfb47f44a94444f8dfa14e551.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LGSmHaTR-5f3234f279650af77a01172000bbe37d.woff2') format('woff2'),
        url('/fonts/LGSmHaTR-0a7122a28d5ebc8046d93582a25ae452.woff') format('woff'),
        url('/fonts/LGSmHaTR-96ef52f97de9a109acf5b3efe7e29787.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'LGSmHaT';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/LGSmHaTSB-de4d51ddff3b127264fdc8cb9a970f6d.eot');
    src: url('/fonts/LGSmHaTSB-de4d51ddff3b127264fdc8cb9a970f6d.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LGSmHaTSB-23f890273296daddbe6e52a3db279d3c.woff2') format('woff2'),
        url('/fonts/LGSmHaTSB-f6d9849d3af078d7444d1aef363de37b.woff') format('woff'),
        url('/fonts/LGSmHaTSB-b97700ca4bd03b23ac16f281a055e48c.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'LGSmHaT';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/LGSmHaTB-ad231a24041f0abf5688add52fbd62de.eot');
    src: url('/fonts/LGSmHaTB-ad231a24041f0abf5688add52fbd62de.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LGSmHaTB-a4fd2631201518bc36e8c6b8116d6a57.woff2') format('woff2'),
        url('/fonts/LGSmHaTB-51c31f0d662ff4f929a901593bf07592.woff') format('woff'),
        url('/fonts/LGSmHaTB-4992899c0b84757886b40ded2868924b.ttf') format('truetype');
}

/* LGSmGlo */
@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/LG_Smart_Light.eot');
    src: url('../fonts/LG_Smart_Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_Light.woff2') format('woff2'),
        url('/fonts/LG_Smart_Light-baad8249f6c81eab1697f578a855b767.woff') format('woff'),
        url('/fonts/LG_Smart_Light-dcba42126fdc9513095f9b35261cc890.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/LG_Smart_Regular.eot');
    src: url('../fonts/LG_Smart_Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_Regular.woff2') format('woff2'),
        url('/fonts/LG_Smart_Regular-8073b31cd9e45ec90640fbbecc700408.woff') format('woff'),
        url('/fonts/LG_Smart_Regular-e8687fdfde69079337a5f61c69c9d940.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/LG_Smart_Regular_Italic.eot');
    src: url('../fonts/LG_Smart_Regular_Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_Regular_Italic.woff2') format('woff2'),
        url('/fonts/LG_Smart_Regular_Italic-37eca344c0d777c099ed46f396745d05.woff') format('woff'),
        url('/fonts/LG_Smart_Regular_Italic-5bb3e1a1d0a317daf79c76dcb5366524.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/LG_Smart_SemiBold.eot');
    src: url('../fonts/LG_Smart_SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_SemiBold.woff2') format('woff2'),
        url('/fonts/LG_Smart_SemiBold-ce4a40c1ee2a85d0f99327d25dc40b24.woff') format('woff'),
        url('/fonts/LG_Smart_SemiBold-1a954dc5f62c6dcb5d43f467a3bdf1e7.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/LG_Smart_Bold.eot');
    src: url('../fonts/LG_Smart_Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_Bold.woff2') format('woff2'),
        url('/fonts/LG_Smart_Bold-ea9f986a8851284fedfd99157135bc14.woff') format('woff'),
        url('/fonts/LG_Smart_Bold-58053fde81591624786213ed6056b225.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'LGSmGlo';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/LG_Smart_Bold_Italic.eot');
    src: url('../fonts/LG_Smart_Bold_Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LG_Smart_Bold_Italic.woff2') format('woff2'),
        url('/fonts/LG_Smart_Bold_Italic-fb4195beb207852ee3b251664060d0c8.woff') format('woff'),
        url('/fonts/LG_Smart_Bold_Italic-2c3619535d8e49c2cc99f4c702eeb42b.ttf') format('truetype');
}

body{font-size:14px !important;font-family: 'LGSmHaTL', "Apple SD Gothic Neo", roboto, Verdana, Tahoma, '72', sans-serif !important;}
body {background: #ffffff !important; }

input[readonly] {border: 1px solid #bfbfbf;}

.h50 {
    height:50px;
}


.la-root {
    font-family: 'LGSmHaT', "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Dotum", '72', sans-serif;
    font-weight: 400;
    width: 100%;
    height: 100%;
    min-width: 360px;
    display: table;
    border-collapse: separate;
    border-spacing: 0; }
.la-root .la-header {
    display: table-row;
    height: 48px;
    width: 100%;
    background-color: #1C84EE;
    position: absolute;
    z-index: 999;
    overflow: hidden;
}
.la-root .la-header:after {
    content: "";
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    height: 3px;
    display: block;
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 1;
    width: 100%;
}
.la-root .la-header .la-header-cont {
    position: relative;
    box-sizing: border-box;
    height: 100%; }
.la-root .la-header .la-header-cont:after {
    content: "";
    /* border-bottom: 1px solid #bebebe; */
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0; }


.la-root .la-header .la-header-cont .menu-bar {
    /* min-width: 1024px; */
    height: 100%;
    overflow: hidden; }
.la-root .la-header .la-header-cont .menu-bar .menu-bar-cont {
    display: table;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }


.la-root .la-header .la-header-cont .menu-bar .menu-bar-cont nav {
    vertical-align: middle;
    display: inline-block;
    margin-left:20px;
}

.la-root .la-container {
    padding-top: 48px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    /*line-height: 0;
    font-size: 0; */
    position: relative;
}
.la-root .la-container .la-aside-dock {
    position: relative;
}
.la-root .la-container .la-aside-dock:after {
    content: "";
    box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
    width: 6px;}

.la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button i, .la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button span {
    padding-bottom: 10px;
    display: inline-block;
}
.la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button span {font-family:'LGSmHaTR';}


.la-root .la-container .la-aside-dock .la-aside-dock-cont:after {
    content: "";
    /*  border-right: 1px solid #bebebe; */
    box-sizing: border-box;
    width:3px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 10;
    /* -webkit-box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
      box-shadow: 0 2px 4px rgb(15 34 58 / 12%); */
}

.la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button {
    display: inline-block;
    font-size: 13px;
    font-weight:500;
    text-decoration: none;
    color: #9F9F9F;
    padding: 0 80px;
    box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.16);
    height: 30px;
    box-sizing: border-box; }
.la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button:hover, .la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box .dock-button.active {
    background: #F7F7F7;
    color: #A50034;
    font-weight:700;
}
.la-root .la-container .la-aside {
    background-color: #FFFFFF;
    width: 180px;
    display: none;
    height: 100%;
    position:relative;

}
.la-root .la-container .la-aside .la-aside-cont:after {
    content: "";
    box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
    width: 6px;

}
.la-root .la-container .la-bside-dock {
    width: 40px;
    height: 100%;
    line-height: 30px;
    display: table-cell;
    background:#FBFBFB;
    position: relative;
    top: 0px;
    right: 0;
}


.la-root .la-container .la-bside-dock:after {
    content: "";
    box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 33px;
    z-index: 1;
    width: 6px;
}

.la-root .la-container .la-bside-dock.tabsub:after {
    height: calc(100% - 42px);
    top: 42px;
}


.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-close{
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    color: #9F9F9F;
    padding: 8px 5px 8px 5px;
    margin-bottom:10px;
    /* border-right: 1px solid #bebebe; */
    width:50px;
    text-align:center;
    box-sizing: border-box;
}
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-close > span{
    display: none;
}
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button {
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    color: #9F9F9F;
    padding: 8px 6px 8px 8px;
    margin-bottom:10px;
    /* border-right: 1px solid #bebebe; */
    width:40px;
    height: auto;
    text-align:center;
    box-sizing: border-box; }
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button:hover, .la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button.active {
    background: #F7F7F7;
    color: #A50034;
}
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button i, .la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button span {
    vertical-align: middle;

}
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-button span {
    vertical-align: middle;
    display:none;
}

.la-root .la-container .la-bside {
    background-color: #FFFFFF;
    width: 300px;
    display: none;
    height: calc(100% - 49px);
    vertical-align: top;
    position: absolute;
    z-index: 3;
    right: 50px;
    top: 49px;
    box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.la-root .la-container .la-contents {
    display: block;
    width:100%;
    height: 100%;
    overflow: hidden;
    vertical-align: top;
    position: relative; }
.la-root .la-container .la-contents .la-pages {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box {padding-top: 0px;margin-top:20px;}
.la-root .la-container .la-bside-dock.tabsub .la-bside-dock-cont .dock-box {padding-top: 0px;margin-top:42px;}

.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-close{
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    color: #9F9F9F;
    padding: 8px 5px 8px 5px;
    margin-bottom:10px;
    /* border-right: 1px solid #bebebe; */
    width:50px;
    text-align:center;
    box-sizing: border-box;
}
.la-root .la-container .la-bside-dock .la-bside-dock-cont .dock-box .dock-close > span{
    display: none;
}


.la-root .la-container .la-bside-dock .taballclose {
    display: none;}


.la-root .la-container .la-bside-dock.tabsub .taballclose {
    position:absolute;
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    color: #9F9F9F;
    padding:2px 0px;
    border-bottom: 1px solid #ededed;
    margin-bottom:0px;
    /* border-right: 1px solid #bebebe; */
    width:40px;
    height: 42px;
    text-align:center;
    background:#f7f7f7;
    box-sizing: border-box;
    z-index: 1;}

.la-root .la-container .la-bside-dock.tabsub .taballclose:before{
    display: inline-block;
    width:25px;
    height:42px;
    box-sizing: border-box;
    content:"";
    background-image:url('/images/icon/taballclose-df4620e4d0054c261d7b130c29b59acc.png');
    background-repeat:no-repeat;
    background-position: center;
}
.la-root .la-container .la-bside-dock .taballclose > span{
    display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left {border-bottom: 1px solid #ededed;}

.la-root .la-container .la-bside {
    background-color: #FFFFFF;
    width: 300px;
    display: none;
    height: 100%;
    vertical-align: top;
    position: absolute;
    z-index: 3;
    right: 40px;
    top: 47px;
    box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.la-root .la-container .la-bside.tabsub {
    height: calc(100% - 90px);
    top: 90px;
}

.btn-dark {
    color: #0854A0;
    background-color: #ffffff;
    border-color: #0854A0;
}
.btn-group-sm > .btn, .btn-sm {
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.2rem !important;
}

button.btn-primary {
    margin: 0px 2px;
    color: #fff;
    background: #0A6ED1;
    border: 1px solid #0A6ED1;
}

.la-panel-box .user_info {
    box-sizing:border-box;
    display:block;
    width:192px;
    height:auto;
    margin:10px auto 15px;
}

.la-panel-box .user_info .avatar{
    border-radius:48px;
    width:48px;
    height:48px;
    /* vertical-align:top; */
    line-height:48px;
    text-align:center;
    background:#D7177B;
    color:#fff;
    font-size:18px;
    display:none;
    margin:0 auto;
}
.la-panel-box .user_info .user_d{
    color:#333;
    font-size:14px;
    line-height:20px;
    padding-top:5px;
    margin:0 auto;
    max-width:162px;
    height:48px;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.la-panel-box .user_info .user_d span{
	font-weight:600;
    font-family: "LGSmHaTR";
}

/*
.la-panel-box .user_info .user_d:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
 */

.la-panel-box hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #DFE3E2;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    width:100%;
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.la-panel-box .user_info .count {
    display: flex;
    flex-wrap: wrap;
}

.la-panel-box .user_info .count .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    text-align:center;
}

.la-panel-box .user_info ul li span {
    font-size: 11px;
    font-weight: 400;
    color:#333333;
}
.la-panel-box .user_info ul li h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    color:#333333;
}

.ztree *{
    margin: 0;
    font-size: 15px;
    background-color: transparent;
}
.ztree {
    padding: 0 10px 0 15px;

}
.ztree li {display:block;white-space: normal;}
.ztree > li {margin-bottom: 5px;}
.ztree li a {height:auto;border: 1px solid transparent;}
.ztree li.level1 {padding:3px 0;}
.ztree li span.button {
    display: none;
}


.ztree li.level1 span {
    font-size: 14px;
    line-height:16px;
	

}


.ztree li a.level0 > span{
    font-size: 15px;
    overflow:hidden;
}

.ztree li > a {

    margin: 0;
    cursor: pointer;
    color: #3C3E3B;
    background-color: transparent;
    text-decoration: none;
    display: block;
    border: 1px solid transparent;
    position:relative;
    width:128px;
    word-break:break-word;
    line-height:25px;

}
.ztree > li > a.level0 {padding: 3px 0px;width: 148px;}

.ztree > li > a.level1 {line-height:25px;margin-bottom:3px;}

.ztree li a.curSelectedNode {
    padding-top: initial;
    background-color: transparent;
    color: #A50034;
    border: 1px solid transparent;
    height: auto;
}

.ztree li ul .level1 a:before {
    display: block;
    position:absolute;
    content:"";
    top: 8px;
    left: -15px;
    width: 7px;
    height: 1px;
    background-color: #8C8C8C;
}

.ztree li ul .level1 a.curSelectedNode:before {
    background-color: #A50034;
}




#GNB-BAR .lo-ui-menubar .lo-menu-body .lo-menu-item[data-has-child='true']:before {
    position: absolute;
    content: '';
    border-radius: 50px;
    width: 96%;
    height: 4px;
    background: transparent;
    left: 0%;
    margin-left: -2px;
    bottom: 0px; }
#GNB-BAR .lo-ui-menubar .lo-menu-body .lo-menu-item:hover, #GNB-BAR .lo-ui-menubar .lo-menu-body .lo-menu-item.hover {
    color: #fff;
    font-weight: 700;
}
#GNB-BAR .lo-ui-menubar .lo-menu-body .lo-menu-item:hover[data-has-child='true']:before, #GNB-BAR .lo-ui-menubar .lo-menu-body .lo-menu-item.hover[data-has-child='true']:before {
    background: #D1E8FF; }

.lo-ui-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    min-width: 120px;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    /* border: 1px solid #BEBEBE; */ }
.lo-ui-menu .lo-menu-body .lo-menu-item {
    background: white; }
.lo-ui-menu .lo-menu-body .lo-menu-item:hover, .lo-ui-menu .lo-menu-body .lo-menu-item.hover {
    color: #468db6;
    background: #ffffff; }

.page-root {
    width: 100%;
    height: 100%;
    font-family: 'LGSmHaT', "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Dotum", sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 0; }

.la-panel {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    font-family: 'LGSmHaT','72','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Dotum", sans-serif;
    font-weight: 400; }
.la-panel .la-panel-box {
    height: 100%; }
.la-panel .la-panel-box .la-panel-head {
    /* background: #F3FCF6; */
    /* border-bottom: 1px solid #bebebe; */
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #3C3E3B;
    padding: 0 15px;
    margin-top:15px;
    margin-bottom:5px;
}

.la-panel .la-panel-box .la-panel-head i {
    vertical-align: top;
    color: #A50034;
    font-size:20px;
    line-height: 25px;
}
.la-panel .la-panel-box .la-panel-head span {
    vertical-align: top;
    line-height: 25px;

}


.container-area {padding:0 30px;}
.entry-content {background-color: #fdfdfd !important;}

#page-content-wrapper {background:#ffffff;}


.btn-type {width:26px;height:26px;min-width:26px;border:1px solid #89919A;border-radius:0 2px 2px 0;}
.btn-type:before {color:#a50034d6;}

.btn-type02 {position:relative;float:left;top:0px;width:26px;height:26px;min-width:26px;background:#fff;border:1px solid #89919A;border-left:0;border-radius:0 3px 3px 0;text-align:center;cursor:pointer;box-sizing:border-box;left: -2px;}
.btn-type02:before {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); display:inline-block; font: normal normal normal 16px/1 SAP-icons; color:#0854A0; line-height:23px;}
.btn-type02.btn-search:before {content: "\e00d";font-weight:700;}


/* 서브타이틀 영역 */


/*
.container-area.titNavDiv {padding:0 20px;box-shadow: 0 3px 4px -4px rgb(0 0 0 / 25%);margin-bottom:10px; border-bottom:1px solid #E3E3E3}
.container-area.titNavDiv > div {padding:5px 0px 0px 0px;}
.container-area  .titNavWrap .titNavIcon {display:none;}
.container-area  .titNavWrap .titNav h2 {font-size:24px; color:#32363A; line-height:24px; display:inline-block; margin-right:3px; font-weight:400;padding: 0; margin: 0;border: 0}
.container-area  .titNavWrap .titNav h3 {display: none !important;}
.container-area .titNavWrap .titNav h3.entit {
    font-size: 15px;
    line-height: 24px;
    color: #6A6D70;
    font-weight: 400;
    visibility: visible;
    display: block !important;
    padding: 0;
    margin: 0;
    border: 0;
}
*/

.btn-group-sm > .btn, .btn-sm {font-size: 14px !important;line-height: 1.2 !important;}

.gridarea{padding:0 30px;background: #f7f7f7;}
.tab-pane .col {padding:0 5px;}
.tab-pane .gridarea{background: #ffffff;padding:0 0px;}

.tab-pane section.groupBox .entry-group {
    border-top: none;
    padding: 0px 0px !important;
}


section h4 {font-size:14px; font-weight:700; color:#32363A; line-height:18px; padding-bottom:15px;width: auto;display:inline-block;}
section.groupBox h4 {margin-left: 10px;margin-top:15px; padding-bottom: 0px !important;border-bottom:none !important;display:block;font-size:15px;}
section.groupBox .entry-group {border-top:1px solid #D9D9D9;padding:0px 0px !important;}
section.groupBox .entry-group:before {position:relative;left:0;top:0;padding:0;margin:0;content:"";width:100%;display:block;height:3px;box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, 0.1);}

.tab-pane section.groupBox .entry-group:before {position:relative;left:0;top:0;padding:0;margin:0;content:"";width:100%;display:none;height:3px;box-shadow: inset 0px 1px 2px 0 rgb(0 0 0 / 10%);}

#nav-entry-tabContent > div { margin-top:0px;}


.dhxtabbar_base_material div.dhxtabbar_tabs {border-width: 0px 0 0 0 !important;font-family: 'LGSmHaT','72','Noto Sans KR', "Apple SD Gothic Neo", roboto,'맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma,  sans-serif;color: #404040;}

.col-form-label{color: #6A6D70 !important;}
.form-control{height: 26px !important;}
.txtlft .form-control{height: 26px !important;margin-bottom:3px;}

.entry-group .form-group{padding-bottom: 5px !important;margin-bottom: 0px !important;}


.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs {font-size:15px;font-weight: 400; }

.nav-tabs .nav-item {
    margin-bottom: -4px;
}

.la-panel .nav-tabs .nav-item {
    height:38px;
}


.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-tabs  a {color:#777;}


.tab-item-group a {color: #777;border-bottom: 3px solid #f3f3f4 !important;min-width:89px;padding: 0.5rem 0.5rem;}
.tab-item-group a:hover {color: #333130;border-bottom: 3px solid #A50034 !important;}

.sub-tabs .tab-item-group a {color: #777;border-bottom: 3px solid transparent !important;min-width:89px;padding: 0.5rem 0.5rem;}

.sub-tabs02 nav {position:relative;background:transparent;overflow:hidden;/* box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.15); */}
.sub-tabs02 nav:before {position:absolute;bottom:0px;content:"";width:100%;background:#cecece;height:1px;z-index:0;}
.sub-tabs02 .nav-tabs {background: transparent;}
.sub-tabs02 .nav.nav-tabs .tab-item-group {
    margin:0 0px 0px 0px;
    align-self: flex-end;
}

.sub-tabs02 .tab-item-group a {color: #bababa;border: 1px solid transparent !important;background-color: #ececec;min-width:89px;height:33px;padding: 0.4rem 0.5rem;border-radius:0px;border-bottom:1px solid #cecece !important;}
.sub-tabs02 .tab-item-group.active_new a {color: #333333;background-color: #ffffff;padding: 0.3.8rem 0.5rem;font-weight:500;height:36px;border:1px solid #cecece !important;border-bottom: 1px solid #ffffff !important;}
.sub-tabs02 .tab-item-group a.active {background-color: #ececec;}
.sub-tabs02 .tab-item-group a.active.active_new  {background-color: #ffffff;}
.sub-tabs02 .tab-item-group a:hover,.sub-tabs02 .tab-item-group a:active {color: #333333;font-weight:500;background: #ececec;}
.la-panel .nav-tabs {
    border-bottom: 2px solid #E0E7ED;
}


.nav-tabs .nav-link {
    display: block;
    text-align:center;

}

.la-panel .nav-tabs .nav-link {
    border: 2px solid transparent;
    border-radius:0 0.25rem 0 0;
    color:#8C8C8C;
    font-size:16px;
    min-width:40px;
    height:36px;
    padding:7px 5px;
    text-decoration: none;
}

.la-panel .nav-tabs .nav-link.active {
    color: #A50034;
    font-size:16px;
    font-weight:700;
    min-width:63px;
    padding: 0.5rem 0.3rem !important;
    background-color: transparent;
    border-color: #E0E7ED #E0E7ED #ffffff transparent;
}
.la-panel .nav-tabs .nav-link.active {
    border-bottom: 2px solid #ffffff;
}


.icon {
    font-size: 24px;
    vertical-align: middle; }


.btn-skyblue {
    color: #fff !important;
    background-color: #333130 !important;
    border-color: #333130 !important;
}
.btn-skyblue:hover {
    color: #fff !important;
    background-color: #05407b !important;
    border-color: #05407b !important;
}

.btn-skyblue.disable{
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    color: #ffffff !important;
}
.btn-skyblue:hover.disable {
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    color: #ffffff !important;
}


/*
###DO-LIST####
*/
.doList .title {color: #3C3E3B;font-size: 16px;font-weight: 700;line-height: 16px;font-family: '72','Noto Sans KR', "Apple SD Gothic Neo", roboto,'맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma,  sans-serif !important;}
.sub_title {color: #3C3E3B;text-align:left;display: inline-block;cursor: pointer;}
.count{color:#1C84EE;cursor: pointer;font-weight:700;}
.group-sub-title{padding:20px 0px 0px 5px !important;}

.col-form-label {
    font-size:14px !important;
    display:block;
}
.entry-group .col-form-label {
    padding-top: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 5px;
}

.entry-group .group-sub-title {
    padding-top: 15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.inputgroup {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.titNavDiv .row {
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
}
.entry-content .titNavDiv .row {
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
}
/* .entry-group * label {
    text-align: left !important;
} */

.headerline2 {
    box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.25);
    border-bottom:1px solid rgba(0, 0, 0, 0.25);
    background:#fff;
    display: block;
    min-height:10px;
}

.nav.nav-tabs .tab-item-group {position:relative;}
.tab-menu-icon {position: absolute;top: 8px;right: 3px;cursor: pointer;color: #a6a6a6;}

.headerline2 .nav-link.active_new {min-width:100px;padding: 0.5rem 0.5rem;color: #333130 !important;font-weight:700;border-bottom: 3px solid #A50034 !important;}


.sub-tabs .nav.nav-tabs {background:#F7F7F7;}
.sub-tabs .nav-tabs a {height: 35px;    line-height: 20px;background:transparent !important;}

.sub-tabs .nav-link.active_new { border-bottom: 3px solid #A50034 !important; color: #333130;}
.sub-tabs .tab-item-group a:hover {color: #333130;border-bottom: 3px solid #A50034 !important;}
.sub-tabs .nav-link.active_new {color: #333130;border-bottom: 3px solid #A50034 !important;}






.groupt_line {
    border-bottom:1px solid rgb(0 0 0 / 15%);
    width:100%;
    display:block;

}

input[readonly] {
    background:rgba(242,242,242,.7) !important;
}

.Breadcrumbs {display:block;font-size:14px;font-weight:500;color:#0A6ED1;margin-bottom:5px;}
.Breadcrumbs span{display:inline-block;color:#6A6D70;}


.toolbar  {position:relative;background:#f7f7f7;padding-top: 8px !important;}

.quickbg {background:#fff !important;/*padding-top:20px;*/}


.pinnable {
    /* box-shadow: 0 2px 0.15em 0 rgb(0 0 0 / 5%), inset 0 -0.0625rem 0 0 #d9d9d9;
    z-index: 2; */
    position: relative;
    width:100%;
    float:left;
}

.pinnable .Indicator, .pinnable .PinButton {
    width:24px;
    padding: 0;
    bottom: -0.70rem;
    height: 24px;
    border-radius:2px;
}

.pinnable .Indicator {
    position: absolute;
    left:  calc(50% - 24px);
    z-index:1;
}

.pinnable .PinButton {
    position: absolute;
    left: 50% ;
    margin-left: 0.25rem;
}

.pinnable .Indicator .btninner, .pinnable .PinButton .btninner{
    position: absolute !important;
    top:0px;
    z-index: 1;
    border-radius: 0.1875rem;
    padding-left: 0;
    padding-right: 0;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background:#fff;
    border:1px solid #A50034;
    display: inline-block;
    justify-content: center;

    font-family: SAP-icons;
}


.pinnable .btninner .btnicon {
    display: inline-block;
    font-family: SAP-icons;
    width: 100%;
    position: relative;
    font-size: 16px;
    color: #A50034;
    text-align: center;
}

.pinnable .PinButton:before {
    background-image: linear-gradient(to left, #0854a0, rgba(8,84,160,0));
    right: 100%;
    content: "";
    position: absolute;
    width: 6rem;
    top: 50%;
    height: 0.0625rem;
}
.pinnable .PinButton:after {
    background-image: linear-gradient(to right, #0854a0, rgba(8,84,160,0));
    left: 100%;
    content: "";
    position: absolute;
    width: 4rem;
    top: 50%;
    height: 0.0625rem;
}

.gridbtn {
    position:relative;
    display:inline-block;
    margin: 0 0.3rem 0 0;
    height: 2rem;
    padding: 0.1875rem 0;
}

.gridbtn .btninner{
    position: relative;
    border-radius: 0.1875rem;
    padding-left: 0;
    padding-right: 0;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background:transparent;
    border:1px solid transparent;
    display: inline-block;
    justify-content: center;
    color:#0854a0;
    font-size: 16px;
}

.gridbtn .btninner .fa-download {padding-top:6px;}

.gridbtn .btninner .btnicon {
    display: inline-block;
    font-family: SAP-icons;
    width: 100%;
    position: relative;
    font-size: 16px;
    color: #0854a0;
    text-align: center;
}


.tools .grouping {
    position:relative;
    display:inline-block;
    width:51px;
}
.tools .segbtn01,.tools .segbtn02 {padding:0 0px;}
.segbtn01 {
    position:relative;
    display:inline-block;
    height: 2rem;
    margin-right: 2rem;
}
.segbtn02 {
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height: 2rem;
}

.segbtn01 .btninner, .segbtn02 .btninner{
    position: relative;
    top:0px;
    padding-left: 0;
    padding-right: 0;
    min-width: 26px;
    height: 24px;
    border:1px solid #0854A0;
    display: block;
    justify-content: center;
    font-family: SAP-icons;
}

.segbtn01 .btninner{
    background:#0854A0;
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
    border-right:none;
    color: #ffffff;
}
.segbtn02 .btninner{
    color: #0854a0;
    background:#ffffff;
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}


.tools .btninner .btnicon {
    display: inline-block;
    font-family: SAP-icons;
    position: relative;
    font-size: 16px;
    line-height: 1.4rem;

    text-align: center;
    margin-left: 0.2rem;
    margin-right: 0.25rem;
}

.btn-area {
    position:relative;
    float:right;
    display:block;
    width:auto;
    padding: 0.1875rem 0;
    z-index: 999;
}

.btn-area > button:not(:first-child){margin-left:2px;}
.btn-area > a:not(:first-child){margin-left:2px;}
.btn-area .btn {font-size:14px !important;font-weight:400;}

.btn-area .btn-primary {
    color: #fff !important;
    background-color: #333130 !important;
    border-color: #333130 !important;
}
.btn-area .btn-primary02 {
    color: #fff;
    background-color: #a50034;
    border-color: #a50034;
    border: 1px solid #a50034 !important;
}
.btn-area .btn-primary03 {
    color: #333130;
    background-color: #ffffff;
    border-color: #606060;
    border: 1px solid #bbb;
}
.btn-area .btn-primary04 {
    color: #ffffff;
    background-color: #606060;
    border-color: #606060;
    border: 1px solid #606060;
}

.btn-margin-area {
    margin-top: -10px;
    margin-bottom: -10px;
    padding-right: 15px;
}

.schlist {
    width:100%;
    display:block;
    position: relative;
    margin: 0;
    padding: 0;
}

.schlist .searchbar {
    position:absolute;
    right:0;
    bottom:0;
}


.schlist .schlayout {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.layoutitem {
    padding-top: 0.5rem;
    padding-right: 40px;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
    flex-shrink: 1;
    flex-grow: 0;
}

.layoutitem.calcauto {
    flex-basis: auto;
}

ul li.layoutitem {
    flex-basis: calc( 100% / 3);
    padding-top: 0.5rem;
    padding-right: 20px;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
    flex-shrink: 1;
    flex-grow: 0;
}

ul li.layoutitem.merge02 {
    flex-basis: calc(( 100% / 3) *2);
    padding-top: 0.5rem;
    padding-right: 20px;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
    flex-shrink: 1;
    flex-grow: 0;
}
ul li.layoutitem > div:first-child {
    width:140px !important;
    padding-right:13px;
}


ul li.layoutitem > div:last-child {
    width:calc(100% - 140px);
}

ul li.layoutitem div {
    float:left;
}


.layoutitem.row3 {
    flex-basis: 18rem;
    max-width: 18rem;
    margin-top: 0.5rem;
    margin-right: 40px;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
}

.entrylayout {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    padding: 0;
}

.entryitem {
    flex-basis: 15rem;
    max-width: 37rem;
    margin: 0rem 1.2rem 0.5rem 1.2rem;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
}

.list-content {
    box-shadow: 0 2px 0.15em 0 rgb(0 0 0 / 5%), inset 0 -0.0625rem 0 0 #d9d9d9;
    z-index: 2;
    position: relative;
}

.entrystit {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    padding: 0;
}
.entrystit .entryitem03 {
    flex-basis: 25rem;
    max-width: 40rem;
    margin: 0rem 2rem 0.2rem 2rem;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
}

.entrylayout {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0px 0 5px;
    padding: 0;
}

.entryitem03 {
    flex-basis: 25rem;
    max-width: 40rem;
    margin: 0rem 2rem 0.5rem 2rem;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 1rem;
    display:inline-block;
}

.schlist .txtblack .col-form-label {
    color: #32363a !important;
}
.schlist .layoutitem select {
    margin-bottom:2px;
}

.UiFormCLContent {
    display:block;
    /*  padding-top: 0.5rem;
     padding-bottom: 1rem; */
    margin-left: -1.875em;
    margin-right: -1.875em;
}

.UiFormCLContent:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.UiFormTitle {
    margin-bottom: 1rem;
    height: 1.5rem;
    font-weight: 700;
    font-size: 14px;
    color: #32363a;
    box-shadow:0 3px 5px -4px rgba(0, 0, 0, 0.15%);
    -webkit-box-shadow:0 3px 5px -4px rgba(0, 0, 0, 0.15%);
    -moz-box-shadow:0 3px 5px -4px rgba(0, 0, 0, 0.15%);
    /* box-shadow: 0 1px 2px -4px rgb(0 0 0 / 5%); */
    border-bottom:1px solid #d9d9d9;
    position:relative;
    display:block;
    width:100%;
}

.UiFormTitleH5 {
    margin-bottom: 1rem;
    height: 1.5rem;
    font-weight: 700;
    font-size: 14px;
    color: #32363a;
    box-shadow:none;
    /* box-shadow: 0 1px 2px -4px rgb(0 0 0 / 5%); */
    border-bottom:none;
    position:relative;
}



.txtblack .UiFormTitleH5 {

    font-size: 15px;
}

.UiFormCLContainer {
    float:left;
    min-height: 1px;
    overflow: hidden;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    padding-left:3.5rem !important;
    padding-right:3.5rem !important;
    box-sizing: border-box;
    width: 100%;
    display:grid;

    min-width:250px;
}

.txtlft.UiFormCLContainer {
    float: left;
    min-height: 1px;
    overflow: hidden;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    box-sizing: border-box;
    width: 100%;
    display: block;
}


.UiFormCLContainerCont02_harf .UiFormCLContainer {
    float:left;
    min-height: 1px;
    overflow: hidden;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;
    box-sizing: border-box;
    width: 100%;
    display:block;
}

.UiFormTitle > span{
    line-height: 1.2rem;
    padding-bottom: 0;
    display:inline-block;
}
.UiFormCLContainerCont01 {
    column-count: 1;
    column-gap: 7rem;
    font-size: 0;
    display:block;
}
.UiFormCLContainerCont02 {
    column-count: 2;
    column-gap: 7rem;
    font-size: 0;
    display:block;
}
.UiFormCLContainerCont02_harf {
    column-count: 2;
    column-gap: 3.5rem;
    font-size: 0;
    display:block;
}
.UiFormCLContainerCont03 {
    column-count: 3;
    column-gap: 7rem;
    font-size: 0;
    display:block;
}

.txtlft .UiFormCLContainerCont03 {
    column-count: 3;
    column-gap: 3rem;
    font-size: 0;
    display: block;
}


.UiFormCLContainerCont {
    display: grid;
    grid-gap: 0rem 9%;

}

.txtlft .UiFormCLContainerCont {
    display: grid;
    grid-gap: 0rem 7%;

}

.UiFormCLContainerCont2type {
    display: grid;
    flex-direction:column;
    padding-right:9%;
}
.UiFormCLContainerCont3type {
    display: grid;
    flex-direction:column;

}

.UiFormCLContainerCont .column {
    display: flex;
    flex-direction:column;
    width:100%;
}

.txtlft .UiFormCLContainerCont .Tablefree {
    display: flex;
    flex-wrap:wrap;
    align-content: stretch;
}

.txtlft .UiFormCLContainerCont .column.colspan-2 {

    grid-column: 2 / span 2;

}

.txtlft .UiFormCLContainerCont .column.colspan-3 {

    grid-column: 1 / span 3;

}

.UiFormCLContainerCont03.balance {
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
}




.UiFormCLElement {
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
    padding-top: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    min-width:270px;
    display: inline-block;
    font-size: 16px;
    position:relative;
}

.txtlft .UiFormCLElement {
    margin-top: 0.1rem;
    margin-bottom: 0rem;
}



.UiFormCLElement .UiFormCLCells {
    width: 100%;
    font-size: 14px;
    display:block;
    float:left;
    padding: 0.25rem 0rem 0.16rem 0rem;
    box-sizing: border-box;
}



.UiFormCLElement .UiFormCLCells {
    padding: 0.25rem 0rem 0.1rem 0rem;
}

.UiFormCLElement .UiFormElementLbl {
    padding-top: 0.6rem;
    text-align: right;
}

.txtlft .UiFormCLElement .UiFormCLCells {
    padding: 0.1rem 0rem 0.1rem 0rem;
    min-height:30px;
}


.txtlft .UiFormCLElement .UiFormElementGroup  {


}

.txtlft .UiFormCLElement .UiFormElementLbl {
    width: 100%;
    padding-top: 0.1rem;
    text-align: right;
    float:left;
    min-height:30px;
}

.txtlft .UiFormCLElement .UiFormElementInp {
    width: 100%;
    padding: 0.1rem 0rem 0.1rem 0rem;
    width:auto;
    float:left;
    min-height:30px;
}



.UiFormCLCells .MLabel {
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: left;
    color: #32363a;
    font-size: 14px;
    font-weight: normal;
    cursor: text;
    box-sizing: border-box;
}

.UiFormElementLbl .MLabel {
    display:block;
    text-align:right;
    padding-top:0.3rem;
    padding-right:16px;
    height: auto;
    color: #32363a;
    line-height:1;
    font-size: 14px;
    font-weight: normal;
    cursor: text;
    text-overflow: ellipsis;
    box-sizing: border-box;
    position:relative;
}


.txtblack .UiFormCLCells .MLabel {
    color: #32363a;
}

.UiFormElementLbl .MLabel:after {
    /*content:":";*/
    width:auto;
    line-height:1.6;
    height: 100%;
    color: #89919A;
    font-size: 14px;
    font-weight: normal;
    cursor: text;
    vertical-align:top;
    position:absolute;
    top:0;
    right:7px;
    display:inline-block;
}



.formbox {border:1px solid #CFD4DA;padding:10px 14px 6px 14px;position:relative;}
.formbox h6 {position:absolute;left:5px;top:-10px;font-weight:700;font-size:14px;color:#0A6ED1;background:#fff;padding:3px 5px;}

.formbox .UiFormCLElement {min-width: 242px;}



.UiFormTitle > a {
    display: inline-block;
    font-family: SAP-icons;
    width: 24px;
    position: relative;
    font-size: 14px;
    color: #0A6ED1;
    text-align: center;
    vertical-align:middle;
    margin-left:5px;
    text-decoration: none;
}
.UiFormTitle > a i{padding-top:3px;}

.ico-information:before {
    content: "\e289";
}

/* timer */
.biding-count {position:relative;display:block;width:100%;height:auto;border:1px solid #c2e0fb;border-radius:3px;margin:10px 0px;}
.biding-count > ul {display:table;width:100%;overflow:hidden;margin:0;}
.biding-count > ul li {display:table-cell;vertical-align:middle;float:left;margin:0;padding:0;height:60px;}
.biding-count .count_time {margin: 0;width:30%;flex: 0 0 30%;background: rgb(227,242,255);
    /* background: linear-gradient(315deg, rgba(227,242,255,1) 0%, rgba(235,245,254,1) 55%, rgba(237,246,255,1) 88%, rgba(243,249,255,1) 88%, rgba(232,243,255,1) 98%, rgba(219,239,255,1) 100%); *//* background: rgb(78,163,229);background: linear-gradient(343deg, rgba(78,163,229,1) 43%, rgba(162,211,243,1) 86%, rgba(177,219,246,1) 88%, rgba(174,215,244,1) 95%); */padding:10px 15px;line-height:37px;text-align:center;}
.biding-count .count_time b {position:absolute;top:10%;left:20px;display:inline-block;margin:0;font-size:18px;color:#0854A0;margin-right:15px;}
.biding-count .count_time b:before {position:relative;top:5px;display:inline-block;font-size:28px;font-weight:700;color:#a4d3fe;padding-right:8px;}
.biding-count .count_time div {font-family: '맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma, sans-serif !important;letter-spacing:1px;display:inline-block;font-size:1.5rem;font-weight:700;color:#0A6ED1;text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.biding-count .count_time div em {font-size:15px;}
.biding-count .count_price {width:45%;flex: 0 0 45%;}

.biding-count .count_price div {display:block;width:50%;padding:8px 10px 5px 30px;float:left;height:100%;}
.biding-count .count_price div b {position:relative;display:block;height:21px;margin:0;font-size:14px;font-weight:400;color:#32363a;margin-right:15px;}
.biding-count .count_price span {display:block;padding-top:0px;overflow:hidden;font-family: '맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma, sans-serif !important;font-size:1.375rem;color:#1672EC;font-weight:700;line-height:26px;}
.biding-count .count_price span em {display:inline-block;font-family: '맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma, sans-serif !important;font-size:12px;color:#1672EC;font-weight:400;padding-left:3px;}
.biding-count .count_price .price_01 span{color:#1672EC;}
.biding-count .count_price .price_02 span{color:#D04343;}
.biding-count .count_lanking {width:25%;flex: 0 0 25%;border-left:1px solid #c2e0fb;}
.biding-count .count_lanking div {display:block;width:50%;padding:8px 10px 5px 10px;float:left;height:100%;text-align:center;}
.biding-count .count_lanking div b {display:block;width:100%;height:21px;font-weight:400;font-size:14px;white-space: nowrap;}
.biding-count .count_lanking div span {display:block;width:100%;padding-top:0px;font-weight:500;line-height:32px;}
.biding-count .count_lanking .lanking_01 span{font-size:18px;color:#1672EC;}
.biding-count .count_lanking .lanking_01 em {font-size:12px;}
.biding-count .count_lanking .lanking_02 span{font-size:14px;}
@media(max-width:1280px){
    .biding-count .count_price span {padding-top:10px; }
    .biding-count .count_lanking div span {line-height:37px;padding-top:10px; }
}
@media(max-width:941px){
    .biding-count .count_price span {padding-top:0px; }
    .biding-count .count_lanking div span {line-height:27px;padding-top:0px; }
    .biding-count .count_lanking div.lanking_02 {padding-top:0px;}
}
/* main dashboard */
.res_dashboard {display:block;margin:0 auto;padding: 0px 30px;width:100%;height:auto;}
.res_dashboard .row {margin-right: -10px;margin-left: -10px;}
.res_dashboard .row > div {margin-top:12px;width: 100%;padding-right: 10px;padding-left: 10px;}

.res_dashboard .l-cont-01 {display:block;width:100%;height:150px;background:#377ADF;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.l-cont-01 .date{color:#fff;font-size:15px;text-align:center;display:block;width:100%;line-height:2.2;background:#2466C9;}
section.l-cont-01 .info {position:relative;display:block;padding:10px 30px;}
section.l-cont-01 .info span {color:#fff;display:inline-block;width:60%;}
section.l-cont-01 .info b {display:block;width:100%;color:#fff;font-size:20px;letter-spacing:2px;font-weight:700;line-height:1.6;}
section.l-cont-01 .info em {display:block;width:100%;color:#fff;font-size:15px;}
section.l-cont-01 .info button {position:absolute;right:30px;top:30px;}
section.l-cont-01 .info ul {margin:20px 0 10px;padding:0;display:block;overflow:hidden;}
section.l-cont-01 .info li {display:block;float:left;margin:0;padding:0;width:50%;color:#fff;font-size:15px;}
section.l-cont-01 .info li:first-child {padding-right:30px;}
section.l-cont-01 .info li label {display:inline-block;width:50%;font-size:15px;}
section.l-cont-01 .info li span {display:inline-block;width:50%;text-align:right;font-size:18px;font-weight:700;}
section.l-cont-01 .info li small {font-size:14px;font-weight:400;margin-left:5px;}

.res_dashboard .l-cont-02,.res_dashboard .l-cont-03 {display:block;width:100%;height:100%;height:333px;background:#fff;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.l-cont-02, section.l-cont-03 {display:block;width:100%;padding:30px 30px;}
section.l-cont-02 h3, section.l-cont-03 h3 {position:relative;display:block;width:100%;font-size:20px;font-weight:700;}
section.l-cont-02 span, section.l-cont-03 span {position:absolute;display:inline-block;right:0px;}
section.l-cont-02 span:before , section.l-cont-03 span:before {font-size:16px;font-weight:400;color:#9F9F9F;}
section.l-cont-02 .list, section.l-cont-03 .list {display:block;width:100%;margin-top:15px;padding:0px;}
section.l-cont-02 .list ul, section.l-cont-03 .list ul {display:block;width:100%;margin:0;padding:0px;}
section.l-cont-02 .list li, section.l-cont-03 .list li {margin:0;padding:0px;padding:8px 0;font-size:16px;display:table;table-layout:fixed;width:100%;}
section.l-cont-02 .list li a, section.l-cont-03 .list li a {width:65%;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:table-cell;}
section.l-cont-02 .list li a:hover, section.l-cont-03 .list li a:hover {color:#333;}
section.l-cont-02 .list li em, section.l-cont-03 .list li em {width:30%;color:#333;display:table-cell;text-align:right;}

.res_dashboard .r-cont-01 {position:relative;display:block;width:100%;height:100%;padding:20px 40px;height: 305px;background:#fff;box-shadow:0px 2px 10px 0px rgba(76, 78, 100, 0.22);-webkit-box-shadow:0px 2px 10px 0px rgba(76, 78, 100, 0.22);-moz-box-shadow:0px 2px 10px 0px rgba(76, 78, 100, 0.22);align-items: center;}
section.r-cont-01 h3 {display:block;margin-top:2.4rem;line-height:2;width:100%;font-size:24px;font-weight:700;}
section.r-cont-01 span {display:block;width:80%;font-size:16px;line-height:1.3;font-weight:400;word-break:keep-all;}
section.r-cont-01 .link {position:absolute;right:40px;bottom:50px;display:inline-block;text-align:right;}
section.r-cont-01 .link i{width: 74px;height: 66px;font-size: 2.0rem;color:#fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5%;}

.res_dashboard .r-cont-02 {display:block;width:100%;height:100%;padding:15px 20px;min-height: 19px;background: #fff;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.r-cont-02 h3 {display:block;width:100%;font-size:20px;font-weight:700;line-height:1.5;}
section.r-cont-02 .chart {display:block;width:100%;height:calc(100% - 30px);background:#e9eff5;}

.res_dashboard .r-cont-03 {display:block;width:100%;height:100%;padding:10px 40px;min-height: 178px;background:#fff;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.r-cont-03 .title {display: flex; justify-content: center;flex-direction: column;align-items: center;width:calc(100% - 80px);height:100%;float:left;}
section.r-cont-03 .title h3 {display:block;margin-bottom:.4rem;line-height:1;width:100%;font-size:24px;font-weight:700;word-break:keep-all;}
section.r-cont-03 .title span {display:block;width:100%;font-size:16px;line-height:1.3;font-weight:400;word-break:keep-all;}
section.r-cont-03 .link {display:flex;align-items: center;justify-content: center;float:right;width:80px;height:100%;text-align:right;}
section.r-cont-03 .link i{width: 74px;height: 66px;font-size: 2.0rem;color:#fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5%;}

.res_dashboard .r-cont-04 {display:block;width:100%;height:100%;padding:15px 20px;min-height: 19px;background: #fff;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.r-cont-04 h3 {display:block;width:100%;font-size:20px;font-weight:700;line-height:1.5;}
section.r-cont-04 .chart {display:block;width:100%;height:calc(100% - 30px);background:#e9eff5;}

.res_dashboard .rb-cont-01 {display:block;width:100%;height:100%;min-height: 153px;text-align:center;padding-top:30px;background:#F7F7F7;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.rb-cont-01 i {width: 74px;height: 66px;font-size: 2.0rem;color:#fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5%;}
section.rb-cont-01 span {display:block;width:100%;padding-top:15px;font-size:16px;font-weight:500;}

.res_dashboard .rb-cont-02 {display:block;height:100%;min-height: 167px;width:100%;background:#F7F7F7;box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-webkit-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;-moz-box-shadow: rgba(76, 78, 100, 0.22) 0px 2px 10px 0px;}
section.rb-cont-02 {display:block;width:100%;padding:10px 30px 20px;text-align:center;}
section.rb-cont-02 .link {width:100%;height:100%;padding:0.8rem 0 0;}
section.rb-cont-02 .link i{width: 74px;height: 66px;font-size: 2.0rem;color:#fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5%;}
section.rb-cont-02 .link span {display:block;width:100%;padding-top:15px;font-size:16px;font-weight:500;}


.res_dashboard section i.c1{background:#65A4F8;box-shadow: 0px 4px 0px #3F8AEE;}
.res_dashboard section i.c2{background:#3EB8A8;box-shadow: 0px 4px 0px #349B8E;}
.res_dashboard section i.c3{background:#F6AE35;box-shadow: 0px 4px 0px #D9921B;}
.res_dashboard section i.c4{background:#937DEA;box-shadow: 0px 4px 0px #7561C6;}
.res_dashboard section i.c5{background:#3EB56F;box-shadow: 0px 4px 0px #2A9657;}
.res_dashboard section i.c6{background:#6D82F1;box-shadow: 0px 4px 0px #4D63D8;}
.res_dashboard section i.c7{background:#40BAD3;box-shadow: 0px 4px 0px #3AA9C0;}

@media(min-width:1598px){
    .schlist .schlayout {margin:0 -25px 0 25px;}
    .layoutitem {
        flex-basis: calc( 100% / 5 );
        padding-right: 50px;
    }
    .txtlft .Tablefree .UiFormCLElement{
        padding-right:3%;
    }
    .layoutitem.calc2 {
        flex-basis: calc(100%/5*2);
    }
    .sch-fix3 .layoutitem {
        flex-basis: calc( 100% / 3 );
        padding-right: 50px;
    }
}
@media(min-width:1281px) and (max-width:1596px){
    .schlist .schlayout {margin:0 -25px 0 25px;}
    .layoutitem {
        flex-basis: calc( 100% / 4 );
        padding-right: 50px;
    }
    .txtlft .Tablefree .UiFormCLElement {
        padding-right: 1%;
    }

    .sch-fix3 .layoutitem {
        flex-basis: calc( 100% / 2 );
        padding-right: 50px;
    }
}
@media(min-width:942px) and (max-width:1280px){

    .UiFormElementLbl .MLabel {
        text-align: left;
    }
    .schlist .schlayout {margin:0 -25px 0 25px;}
    .layoutitem {
        flex-basis: calc( 100% / 3 );
    }
    .layoutitem.calc2 {
        flex-basis: calc(100%/3*2);
    }

    .sch-fix3 .layoutitem {
        flex-basis: calc( 100% / 2 );
        padding-right: 50px;
    }

    ul li.layoutitem {
        flex-basis: 45%;
        padding-top: 0.5rem;
        padding-right: 20px;
        overflow: hidden;
        font-size: 1rem;
        display:inline-block;
        flex-shrink: 1;
        flex-grow: 0;
    }
    .schlist .searchbar {
        position:absolute;

        right:22px;
        bottom:0px;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .UiFormCLContainerCont {
        grid-template-columns: repeat(2, 1fr);
        grid-column: 1 / span 2;

    }
    .UiFormCLContainerCont2type {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0rem 7rem;

    }

    .UiFormCLContainerCont .column:nth-child(1){  grid-column: span 2 / span 2;}
    .txtlft .UiFormCLContainerCont .column.colspan-2 {  grid-column: span 2 / span 2;}
    .txtlft .UiFormCLContainerCont .column.colspan-3 {grid-column: span 2 / span 2;}
    .UiFormCLContainerCont2type .column:nth-child(2){  grid-column: 1 / span 2;}
    .txtlft .colspan-2 .UiFormCLElement .UiFormCLCells {
        max-width: 81.5%;
        flex: 0 0 81.5%;
    }
    .txtlft .colspan-2 .UiFormCLElement .UiFormElementLbl {
        max-width: 18.5%;
        flex: 0 0 18.5%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormCLCells {
        max-width: 81.5%;
        flex: 0 0 81.5%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormElementLbl {
        max-width: 18.5%;
        flex: 0 0 18.5%;
    }

    .txtlft .UiFormCLContainerCont.grid-1 {
        display: table;
        width:100%;
    }
    .txtlft .UiFormCLContainerCont.grid-2 {
        display: table;
        width:100%;
        padding-bottom:3rem;
    }
    .txtlft .UiFormCLContainerCont.grid-3 {
        display: table;
        width:100%;
        margin-left: 0%;
    }

    .txtlft .Tablefree .UiFormCLElement .UiFormCLCells {
        width: 100%;
        flex: 0 0 calc(100%);
        max-width: calc(100%);
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }

    /* 2025.06.05 Modify : 주석처리
    .txtlft .Tablefree .UiFormCLElement .UiFormElementLbl {
        width: 100%;
        flex: 0 0 150px;
        max-width: 150px;
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }
    */

    .txtlft .grid-2 .Tablefree .UiFormCLElement {
        display: table-cell;
        width: calc(100% / 1);
        float:left;
    }

    .txtlft .Tablefree .UiFormCLElement {
        display: table-cell;
        width: calc(100% / 2);
        float:left;
    }
    .txtlft .Tablefree .Tcolspan-2 {
        display: table-cell;
        width: calc(100% / 2);
    }

    .txtlft .grid-2 .Tablefree .Tcolspan-2 {
        display: table-cell;
        width: calc(100% / 1);
    }

    .txtlft .Tablefree .Tcolspan-3 {
        display: table-cell;
        width: 100%;
        float:left;
    }


    .txtlft .Tablefree .UiFormCLElement:nth-child(3) {
        display: table-cell;
        width: calc(100% / 2);
    }

    .txtlft .grid-2 .Tablefree .UiFormCLElement:nth-child(3) {
        display: table-cell;
        width: calc(100% / 1);
    }


    /* timer */
    .biding-count > ul li {height: 80px;}
    .biding-count .count_time {line-height: 28px;width: 25%;flex: 0 0 25%;}
    .biding-count .count_price span em {display:block;line-height:20px;}
    .biding-count .count_lanking {width: 30%;flex: 0 0 30%;}
}

@media (min-width:1280px) {
    .UiFormCLContainerCont  {
        grid-template-columns: repeat(3, 1fr);
    }



    .UiFormCLContainerCont .column:nth-child(1){  grid-column: span 3 / span 3;}

    .UiFormCLContainerCont .row2  {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column: 2 / span 2;
        grid-gap: 0rem 2%;
    }
    .UiFormCLContainerCont .row2 .column:nth-child(1){  grid-column: span 2 / span 2;}


    .UiFormCLContainerCont .one-two  {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column: 2 / span 2;
        grid-gap: 0rem 2%;
        align-content: start;
    }
    .UiFormCLContainerCont .one-two .column:nth-child(1){  grid-column: span 2 / span 2;}

    .UiFormCLContainerCont .row3  {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column: 1 / span 2;
        grid-gap: 0rem 2%;

    }
    .UiFormCLContainerCont .row3 .column:nth-child(1){  grid-column: span 2 / span 2;}

    .UiFormCLContainerCont .two-one  {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column: 1 / span 2;
        grid-gap: 0rem 2%;

    }
    .UiFormCLContainerCont .two-one .column:nth-child(1){  grid-column: span 2 / span 2;}



    .UiFormCLContainerCont2type {
        flex-grow: 1;
        grid-template-columns: repeat(1, 1fr);
        grid-column: 1 / span 1;


    }

    .UiFormCLContainerCont3type {
        flex-grow: 2;
        grid-template-columns: repeat(2, 1fr);
        grid-column: 1 / span 2;
        grid-gap: 0rem 2%;

    }
    .UiFormCLContainerCont3type .column:nth-child(1){  grid-column: 1 / span 2;}
    .txtlft .colspan-2 .UiFormCLElement .UiFormCLCells {
        flex: 0 0 82.5%;
        max-width: 82.5%;
    }
    .txtlft .colspan-2 .UiFormCLElement .UiFormElementLbl {
        flex: 0 0 17.5%;
        max-width: 17.5%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormCLCells {
        flex: 0 0 89.1%;
        max-width: 89.1%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormElementLbl {
        flex: 0 0 10.9%;
        max-width: 10.9%;
    }

    .txtlft .UiFormCLContainerCont.grid-1 {
        display: table;
        width:100%;
    }
    /*  .txtlft .UiFormCLContainerCont.grid-2 .UiFormTitle{
         width:93%;
     }
     .txtlft .UiFormCLContainerCont.grid-3 .UiFormTitle{
         width:93%;
     } */
    .txtlft .UiFormCLContainerCont.grid-2 {
        display: table;
        width: calc((100% / 3)* 2);
        float:left;
    }
    .txtlft .UiFormCLContainerCont.grid-2 .UiFormTitle{width: 100%;}
    .txtlft .UiFormCLContainerCont.grid-3 {
        display: table;
        width: calc(33.3333% - 7%);
        float:left;
        margin-left:7%;
    }
    .txtlft .UiFormCLContainerCont.grid-4 {
        display: table;
        width: calc(33.3333%);
        float:left;
    }

    .txtlft .Tablefree .UiFormCLElement{
        display: table-cell;
        width: calc(100% / 3);
        float:left;
    }


    .txtlft .grid-2 .Tablefree .UiFormCLElement{
        display: table-cell;
        width: calc(100% / 2);
        float:left;
    }
    .txtlft .grid-3 .Tablefree .UiFormCLElement{
        display: table-cell;
        width: calc(100% / 1);
        float:left;
    }

    .txtlft .Tablefree .Tcolspan-2 {
        width: calc((100% / 3)* 2);
    }

    .txtlft .grid-2 .Tablefree .Tcolspan-2 {
        width: calc((100% / 2)* 2);
    }

    .txtlft .Tablefree .Tcolspan-3 {
        width: 100%;
    }
    .txtlft .Tablefree .UiFormCLElement .UiFormCLCells {
        width: 100%;
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }

    .UiFormCLCellsVer {
        flex: 0 0 calc(100%) !important;
        max-width: calc(100%) !important;
    }

    .txtlft .Tablefree .UiFormCLElement .UiFormElementLbl {
        width: 100%;
        flex: 0 0 150px;
        max-width: 150px;
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }
    .txtlft .Tablefree .Tcolspan-2 .UiFormCLCells {

        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
    }
    .txtlft .Tablefree .Tcolspan-2 .UiFormElementLbl {
        flex: 0 0 150px;
        max-width: 150px;
    }
    .txtlft .Tablefree .Tcolspan-3 .UiFormCLCells {
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
    }
    .txtlft .Tablefree .Tcolspan-3 .UiFormElementLbl {
        flex: 0 0 150px;
        max-width: 150px;
    }





}



@media all and (min-width: 751px) and (max-width: 941px) {
    .schlist .schlayout {
        width:100%;
        display: inline-flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        /*margin: 0 0 50px 0;*/
        padding: 0;
        gap: 0px 10%;
    }

    .lov-content .schlist .schlayout {
        gap: 0px 1% !important;
    }

    .lov-content .schlayout .layoutitem  {
        padding-right: 0px !important;
        flex-basis: 49%;
    }

    .layoutitem {
        min-width:290px;
        flex-basis: auto;
        width:45%;
        align-items: center;
        padding-top: 0.5rem;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
        font-size: 1rem;
        display:inline-block;
    }
    .layoutitem.calc2 {
        flex-basis: auto;
        width: 45%;
    }
    ul li.layoutitem {
        flex-basis: 45%;
        padding-top: 0.5rem;
        padding-right: 20px;
        overflow: hidden;
        font-size: 1rem;
        display:inline-block;
        flex-shrink: 1;
        flex-grow: 0;
    }
    .schlist .searchbar {
        position:absolute;

        right:22px;
        bottom:0px;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .UiFormCLContainerCont {
        grid-template-columns: repeat(2, 1fr);
        grid-column: 1 / span 2;

    }
    .UiFormCLContainerCont2type {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0rem 7rem;

    }

    .UiFormCLContainerCont .column:nth-child(1){  grid-column: span 2 / span 2;}
    .txtlft .UiFormCLContainerCont .column.colspan-2 {  grid-column: span 2 / span 2;}
    .txtlft .UiFormCLContainerCont .column.colspan-3 {grid-column: span 2 / span 2;}
    .UiFormCLContainerCont2type .column:nth-child(2){  grid-column: 1 / span 2;}
    .txtlft .colspan-2 .UiFormCLElement .UiFormCLCells {
        max-width: 81.5%;
        flex: 0 0 81.5%;
    }
    .txtlft .colspan-2 .UiFormCLElement .UiFormElementLbl {
        max-width: 18.5%;
        flex: 0 0 18.5%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormCLCells {
        max-width: 81.5%;
        flex: 0 0 81.5%;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormElementLbl {
        max-width: 18.5%;
        flex: 0 0 18.5%;
    }

    .txtlft .UiFormCLContainerCont.grid-1 {
        display: table;
        width:100%;
    }
    .txtlft .UiFormCLContainerCont.grid-2 {
        display: table;
        width:100%;
        padding-bottom:3rem;
    }
    .txtlft .UiFormCLContainerCont.grid-3 {
        display: table;
        width:100%;
        margin-left: 0%;
    }

    /* 2025.06.05 Modify : 주석처리
    .txtlft .Tablefree .UiFormCLElement .UiFormCLCells {
        width: 100%;
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }
    */

    .UiFormCLCellsVer {
        flex: 0 0 calc(100%) !important;
        max-width: calc(100%) !important;
    }

    /* 2025.06.05 Add */
    .UiFormElementLbl .MLabel {
        text-align: left;
    }

    /* 2025.06.05 Modify : 주석처리
    .txtlft .Tablefree .UiFormCLElement .UiFormElementLbl {
        width: 100%;
        flex: 0 0 150px;
        max-width: 150px;
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }
    */

    .txtlft .Tablefree .UiFormCLElement {
        display: table-cell;
        width: calc(100% / 2);
        float:left;
    }
    .txtlft .Tablefree .Tcolspan-2 {
        display: table-cell;
        width: calc(100% / 2);
    }
    .txtlft .Tablefree .Tcolspan-3 {
        display: table-cell;
        width: 100%;
        float:left;
    }


    .txtlft .Tablefree .UiFormCLElement:nth-child(3) {
        display: table-cell;
        width: calc(100% / 2);
    }

    /* timer */
    /* .biding-count > ul li {height: 80px;}
    .biding-count .count_time {line-height: 28px;width: 25%;flex: 0 0 25%;}
    .biding-count .count_price span em {display:block;line-height:20px;}
    .biding-count .count_lanking div span {line-height:50px;}
    .biding-count .count_lanking {width: 30%;flex: 0 0 30%;}   */
    /* timer */
    .biding-count > ul li {height: 120px;}
    .biding-count .count_time {height: 50px;padding-top:5px;line-height: 30px;width: 100%;flex: 0 0 100%;}
    .biding-count .count_price {width: 65%;flex: 0 0 65%;}
    .biding-count .count_lanking {width: 35%;flex: 0 0 35%;}
    .biding-count .count_price div {height:auto;}
    .biding-count .count_price span em {display:inline-block;line-height:20px;}
    .biding-count .count_lanking div span {line-height:30px;}
    .biding-count .count_price div {display: block;width: 100%;padding: 8px 10px 0px 30px;}
    .biding-count .count_lanking div {display: block;width: 100%;height:auto;}


}
@media (max-width:750px) {

    .schlist .schlayout {
        width:100%;
        display: block;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        /* margin: 0 0 50px 0;*/
        padding: 0 20px;

    }

    .layoutitem {
        min-width:290px;
        flex-basis: auto;
        width:100%;
        padding-top: 0.5rem;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
        font-size: 1rem;
        display:inline-block;
    }
    .layoutitem.calc2 {
        flex-basis: auto;
    }
    ul li.layoutitem > div:first-child {
        width:33% !important;
        padding-right:13px;
    }


    ul li.layoutitem > div:last-child {
        width:calc(100% - 33%);
    }

    .schlist .searchbar {
        position:absolute;

        right:42px;
        bottom:-45px;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .UiFormCLContainerCont {
        grid-template-columns: repeat(1, 1fr);
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
    }
    .UiFormCLContainerCont > .row2  {
        margin-top:4rem;

    }
    .UiFormCLContainerCont > .row3  {
        margin-bottom:4rem;

    }
    .UiFormCLContainerCont .column:nth-child(1){  grid-column: span 1 / span 1;}
    .UiFormCLContainerCont .column:nth-child(2){  grid-column: span 1 / span 1;}
    .txtlft .UiFormCLContainerCont .column.colspan-2 {  grid-column: span 1 / span 1;}
    .txtlft .UiFormCLContainerCont .column.colspan-3 {grid-column: span 1 / span 1;}

    .txtlft .UiFormCLContainerCont.grid-2 {
        padding-bottom:3rem;
    }
    .txtlft .colspan-3 .UiFormCLElement .UiFormElementLbl {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .txtlft .Tablefree .UiFormCLElement .UiFormCLCells {
        width: 100%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }

    .UiFormCLCellsVer {
        flex: 0 0 calc(100%) !important;
        max-width: calc(100%) !important;
    }

    .txtlft .Tablefree .UiFormCLElement .UiFormElementLbl {
        width: 100%;
        flex: 0 0 35.4%;
        max-width: 35.4%;
        padding-top: 0.1rem;
        text-align: right;
        float: left;
        min-height: 30px;
    }

    .la-root .la-container .la-aside-dock {
        display:none !important;
    }
    .la-root .la-container .la-aside {
        display:none !important;
    }
    .la-root .la-container .la-bside-dock {
        display:none !important;
    }
    .la-root .la-container .la-bside {
        display:none !important;
    }
    .toolbar .tools {
        display:block;
        width:100%;
        text-align:right;
        float: right;
    }

    .la-root .la-header .la-header-cont .menu-bar .menu-bar-cont .groupmenu {
        display:none !important;
    }

    /* timer */
    .biding-count > ul li {height: 120px;}
    .biding-count .count_time {height: auto;padding-top:5px;padding-bottom:0px;width: 100%;flex: 0 0 100%;}
    .biding-count .count_price {width: 65%;flex: 0 0 65%;}
    .biding-count .count_lanking {width: 35%;flex: 0 0 35%;}
    .biding-count .count_price div {height:auto;}
    .biding-count .count_price span em {display:inline-block;line-height:20px;}
    .biding-count .count_lanking div span {}
    .biding-count .count_price div {display: block;width: 100%;padding: 8px 10px 0px 20px;}
    .biding-count .count_lanking div {display: block;width: 100%;height:auto;}

}


.lov-schlayout{margin: 0px !important;}

.UiFormTitle > a {

    display: inline-block;

    font-family: SAP-icons;

    width: 20px;

    height:20px;

    margin-right:4px;

    margin-bottom:4px;

    margin-left:0px;

    line-height:20px;

    border-radius:2px;

    position: relative;

    font-size: 14px;

    color: #A1A1A1;

    text-align: center;

    vertical-align:middle;

    text-decoration: none;

    right:0;

    position:absolute;

}

.UiFormTitle > a:hover {

    background:#F4F4F4;

}

.info-box{border: 1px solid #e3e3e3;}
.info-box > .UiFormCLContent {padding-bottom: 0px !important;}


.schlist .layoutitem .search-label select {font-weight:400;}
select.col-form-label {border: 0px !important;background: none !important;}
select:not(.realpivot-setup) {font-size: 14px;}
.input-type input {font-size: 14px;}
.search-label:before{font-family:FontAwesome;content: "\f0da";color: #6a6d70;position: relative;top: 1px;}
.entry-content .gridarea{background: #ffffff !important;}

.entryInfo .UiFormCLContent {padding-bottom: 0px !important;}
.entryInfo  .entry-group{padding-bottom: 0px !important;}


.free-area * input:not(:first-child){margin-left:2px;}


.la-root .la-container .la-aside-dock .la-aside-dock-cont .dock-box {
    -webkit-transform: rotate(-90deg) translate(-100vh, 0);
    -moz-transform: rotate(-90deg) translate(-100vh, 0);
    -ms-transform: rotate(-90deg) translate(-100vh, 0);
    transform: rotate(-90deg) translate(-100vh, 0);
    min-width: 100vh;
}

.form-group .gridarea{padding-left: 0px !important;padding-right: 0px !important;}
.lov-content  .pinnable:nth-child(1) {
    padding-bottom:  5px !important;
}
.list-bg{background: #f7f7f7;}
.ax-picker-buttons btn{line-height: 1.0 !important;}
.grid-row-btn{z-index: 100 !important;}



/* 해드영역 */
/** position: absolute 로 줘야 viewport 영역이 제대로 잡힘*/
#adm-header {
    position: absolute;
    float: left;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    background: #ffffff;
    padding: 0px 10px 0px 0px;
    display: table-row;
    z-index: 200;
}
#adm-header:after {content: "";box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.25);box-sizing: border-box;height: 3px;display: block;position: absolute;top: 45px;right: 0px;z-index: 1;width: 100%;}
#adm-header .lnbBtn{display:block; float:left; position:absolute; top:0; left:0; overflow:hidden; width:50px; height:75px; background:#383838; outline:none; transition:0.25s;}
#adm-header .lnbBtn span{display:block; position:absolute; top:35px; left:15px; height:3px; background:#fff; width:20px; border-radius:5px;}
#adm-header .lnbBtn span:before, #adm-header .lnbBtn span:after{position:absolute; display:block; left:0; width:100%; height:3px; border-radius:5px; background-color:#fff; content:''; transition-delay:0.3s, 0s; transition-duration:0.3s, 0.3s;}
#adm-header .lnbBtn span:before{width:100%; top:-7px; transition-property:top, transform;}
#adm-header .lnbBtn span:after{width:100%; bottom:-7px; transition-property:bottom, transform;}
#adm-header .lnbBtn.on span{width:20px}
#adm-header .lnbBtn.on span:before, #adm-header .lnbBtn.on span:after{transition-delay:0s, 0.3s;}
#adm-header .lnbBtn.on span:before{width:75%; top:-7px; }
#adm-header .lnbBtn.on span:after{width:50%; bottom:-7px; }
#adm-header .headerleft {position:relative; float:left;display:flex;height:48px;align-items: center;padding:0 30px 0 0;/* padding-top:23px; */}
#adm-header .logo {position:relative; display:inline-block;padding-left:28px;padding-top:0px;padding-right:24px;height:48px; border-bottom: 48px solid #ffffff;}
#adm-header .logo img {margin-top:7px;}

#adm-header .groupmenu{display: flex;align-items: center;text-decoration:none;height:34px;margin-left:20px;}
#adm-header .groupmenu span {position:relative;font-size:14px;font-weight:700;padding-left:5px;padding-right:10px;color:#fff;}
#adm-header .groupmenu:focus{box-shadow: none !important;}
#adm-header .groupmenu::after {display: none;}
#adm-header .select {display: inline-block;min-width:120px;margin-right:5px;}
#adm-header .select i{color:#b7d6f5;}
#adm-header .select i:hover {color:#fff;}

#adm-header .select .selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 5px;
}
#adm-header .btn-primary {padding:6px 2px;font-size:20px;font-weight:700;background-color:#ffffff;color:#000000;border:none;line-height:20px;min-width:30px;height:28px;}
/*#adm-header .btn-primary:hover {color:#c50a45;}*/
#adm-header .btn-primary:focus {
    border-color: transparent;
    box-shadow: none;
}
#adm-header .groupmenu a.stake {color:#000;font-weight:400;font-size:16px;display:flex;align-items: center;padding-right: 5px;font-family:'LGSmHaTSB';}
#adm-header .groupmenu a.stake:hover {text-decoration:none;}
#adm-header .select ul li,
#adm-header .select .selected .selected-value {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#adm-header .select ul {
    width: 120px;
    border: 1px solid #3291f1;
    border-radius:3px;
    display: none;
    position: absolute;
    background: #fff;
    border-top: none;
    margin: 1px 0 0 -1px;
    cursor: pointer;
    z-index:200;
}

#adm-header .select.active ul {display: initial;}
#adm-header .option:focus, .option:hover {color: #3e3a39;background-color: #e5f0fa;padding: 5px 10px;}
#adm-header .option{display: block;width: 100%;padding: 5px 10px;font-size:15px;font-weight:500;color: #3e3a39;}
#adm-header .select ul li:hover {background-color: #e5f0fa;}


.adm-gnb {position:relative;display:block; float:left; width:calc((100% - 345px) - 50px); margin-left:10px; height:48px; top:0px; overflow:hidden;}
.adm-gnb.on {width:calc((100% - 345px) - 50px - 70px);}
.adm-gnb ul {width:100%; height:auto;}
.adm-gnb ul > li {float:left; height:auto; box-sizing:border-box; padding:0 8px;}
.adm-gnb ul > li > a {font-size:16px; line-height:18px; text-align:center; font-weight:400; color:#000000;text-decoration:none;position:relative;}
.adm-gnb ul > li > a:hover,
.adm-gnb ul > li > a:focus {color:#A50034;font-weight:400;}
.adm-gnb ul > li > a:hover:before, .adm-gnb ul > li > a:focus:before {
		content:"";
        display: inline-block;
        opacity: 1;
        visibility: inherit;
        position: absolute;
        left: 50%;
        bottom: 0px;
        width: 100%;
        height: 2px;
        background-color: #A50034;
        transform: translateX(-50%);
    }
.adm-gnb ul:after {content:""; display:block; clear:both;}
.gnbMoreIcon {position:relative; left:0; top:15px; float:left; font-size:14px; line-height:18px; font-weight:600; margin:0 25px; display:none;}
.gnbMoreIcon a {color:#000000;text-decoration:none;}
.gnbMoreIcon .navOverBox {position:absolute; left:50%; top:30px; transform:translateX(-50%); width:150px; height:auto; min-height:150px; background:#ffffff; box-shadow:2px 0px 5px rgba(0,0,0,0.15);-webkit-box-shadow:2px 0px 5px rgba(0,0,0,0.15);-moz-box-shadow:2px 0px 5px rgba(0,0,0,0.15); box-sizing:border-box; padding:20px 25px; z-index:100; border-radius:4px; display:none;}
.gnbMoreIcon .navOverBox:before {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); top:-6px;  width: 0px; height: 0px; border-top:6px solid none; border-bottom:6px solid #ffffff; border-right: 6px solid transparent; border-left: 6px solid  transparent;}
.gnbMoreIcon .navOverBox .nav {display:block;}
.gnbMoreIcon .navOverBox .nav > li {text-align:left; padding:5px 0; box-sizing:border-box;}
.gnbMoreIcon .navOverBox .nav > li:first-child {padding-left:0;}
.gnbMoreIcon .navOverBox .nav > li > a {display:block; width:100%; font-size:15px; line-height:18px; font-weight:500; color:#3e3a39; transition:0.25s; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding:0;}
.gnbMoreIcon .navOverBox .nav > li > a.active,
.gnbMoreIcon .navOverBox .nav > li > a:hover,
.gnbMoreIcon .navOverBox .nav > li > a:focus{color:#A50034;}
.gnbMoreIcon .navOverBox .nav:after {content:""; display:block; clear:both;}
.gnbMoreIcon .navOverBox.on {display:block;}

.adm-util {position:relative; float:right; height:auto; text-align:right; top:8px;} /* width:255px */
.adm-util ul {height:auto;margin:0;position:relative;}
.adm-util ul > li {position:relative; float:left; height:32px; box-sizing:border-box;}

.adm-util ul > li.smap {display:none;}
/* .adm-util ul > li.logout {background-image:url("/images/site/mall/common/adm_util_logout-9e5585c4807f491be62793e3c518c1fe.jpg"); } */
.adm-util ul > li.msg {background-image:url("/images/site/mall/common/adm_util_alert-02046b1fffe926556e9b871770b5448e.jpg"); }
.adm-util ul > li.msg > a > span { padding-left:4px; }
.adm-util ul > li > a {display:block; position:relative;text-decoration:none; width:100%; height:100%; padding-left:15px; font-size:14px; line-height:32px; font-weight:400; color:#000000; z-index:20;}
.adm-util ul > li > a span {font-family: 'LGSmHaT',"Malgun Gothic", "Dotum", sans-serif;}
.adm-util ul > li.timeview > a {border: 1px solid #6B6B6B;background-color:#fff;border-radius:5px;display:flex;align-items: center;justify-content: space-between;width:120px;height:32px;color:#333;font-family: 'LGSmHaT';padding-left:0;margin-right:10px;}
.adm-util ul > li.timeview > a span.text-time {color:#333;font-size:16px;padding:0 10px;width:92px;text-align:center;display:flex;align-items: center;justify-content: center;}
.adm-util ul > li.timeview > a i {border-left: 1px solid #6B6B6B;color: #333;font-size: 16px;width: 28px;height: 32px;display: flex;align-items: center;border-radius: 0 5px 5px 0px;justify-content: center;}

.adm-util ul > li.timeview > a:hover i, .adm-util ul > li.timeview > a:focus i {color:#A50034;}
.adm-util ul > li.nameview > a span {display:flex;align-items: center;justify-content: center;min-width:60px;height:32px;color:#000000;font-family: 'LGSmHaT'; font-size: 14px;font-weight:500;letter-spacing:1px;padding-left:0;margin-right:10px;}
.adm-util ul > li.logout > a {font-size:18px;color:#44  4444;}



.adm-util ul > li > a > .count {position:absolute; left:12px; top:0; border-radius:18px; width:18px; height:18px; font-size:11px; line-height:18px; font-weight:500; background:#e41111; color:#fff; text-align:center;}
.adm-util ul > li select {width:100px;}
.adm-util ul > li .btn-move {display:inline-block; position:relative; top:-1px; width:57px; height:32px; text-align:center; line-height:32px; background:#3e3a39; color:#fff;}
.adm-util ul:after {content:""; display:block; clear:both;}


/* language selct */
.adm-util ul > li.lang .language_item {width:100px;}
.link_item {display: block;position: relative;margin-right: 25px;}
.language_button {
    position: relative;
    padding-left: 24px;
    padding-right: 44px;
    font-size: 13px;
    color: #7d7d7d;
    line-height: 45px;
    display: block;
    width: 110px;
}


.language_button{position:relative; padding-left:15px; padding-right:0px; font-size:14px; color:#6B6B6B; line-height:35px;text-align:left;font-family: LGSmHaT, 'Roboto', sans-serif !important;}
.language_button:focus {outline: none;}
.language_button:hover,.language_button:focus {color:#7d7d7d;}
.language_button:after{display:block; position:absolute; background-image:url('/images/login/language_sprite-0b14e9011ed6dea795c1d373a000ae12.png'); background-repeat:no-repeat;content: "";}
.language_button:after{top:15px; right:5px; width:9px; height:5px; background-position:left 32.89%;}
.language_panel{display:none; position:absolute; top:35px;  right:0px; z-index:50; background-color:#fff; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-style:solid; border-color:#e5e7ee; border-radius:0 0 3px 3px; box-shadow:0 10px 20px rgba(0,0,0,0.07);}
.language_item{border-top:1px solid #e5e7ee;}
.language_anchor{display:block; position:relative; padding-left:34px;padding-right:10px; font-size:13px; color:#7d7d7d; line-height:35px;text-align: left;font-family: LGSmHaT, 'Roboto', sans-serif;}
.language_anchor:hover{color:#1a1a1a;}
.language_anchor:hover:before{background-position:left 100%;}
.link_item.language.active .language_button{color:#1a1a1a;}
.link_item.language.active .language_button:after{background-position:left 52.63%;}
.language_item.active .language_anchor{color:#1a1a1a;}
.language_item.active .language_anchor:before{background-position:left 100%;}




.ax5-ui-menu.primary .ax-menu-body .ax-menu-item .ax-menu-item-cell {font-size:14px;}
.ax5-ui-menu.primary .ax-menu-body .ax-menu-item:hover, .ax5-ui-menu.primary .ax-menu-body .ax-menu-item.hover {
    background: #efefef;
    color: #A50034;
}




/*  */
/* mobile menu */
#mobile-menu{overflow: visible;padding:0 !important;}
#mobile-menu .modal-dialog {float:right;max-width:100%;width:100%;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content {position: relative;height: 100%;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;z-index: 3;width:100%;height:70px;padding: 0 20px;background: #005ca5;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile strong {display:inline-block;position: relative;width: 86px;height: 35px;margin: 17.5px 0 0;background: url(/images/kor/common/m_logo.png)no-repeat;font-size: 0;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile strong a {display:block; width:100%; height:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {display:inline-block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {position:relative;padding: 0 30px;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang:before {display:block;position:absolute;left: 12px;top: 26px;content:'';width:1px;height: 16px;background:#4d8dc0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button {display:block;width:100%;line-height: 70px;color: #fff;font-size: 15px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > button {opacity:0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div {display:none;position:absolute;left: 0;top: 70px;z-index: 3;width:100%;padding: 5px 0;background: #005ca5;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > div {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button{display:block;width:100%;position:absolute;top:-70px;left: 30px;height: 70px;line-height: 70px;color: #fff;font-size: 15px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 10px 0;color: #fff;font-size: 15px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span:last-child a {border:none;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu {position:absolute;top: 70px;left:0;z-index: 2;width:100%;padding:20px;text-align:left;box-shadow: 4px 4px 10px rgba(0,0,0,.05);-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.05);-moz-box-shadow: 4px 4px 10px rgba(0,0,0,.05);}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong {display:block; margin:0 0 10px;  font-size:18px; color:#282828;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong span {display:inline-block;  font-weight:700; font-size:18px; color:#004a84;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner {overflow-x:auto;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner2 {width: 890px;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner a {display:inline-block;height:40px;margin-right:10px;padding:0 10px;border:1px solid #ddd;border-radius:10px 0 10px 0;line-height:38px;font-size:14px;color:#282828;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;position: relative;left: 0;top: 0;height:100%;padding: 65px 0 0;background: #484848;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {display:block;position:absolute;content:'';right: 0;top: 0;bottom: 0;width: calc(100% - 200px);height: 120%;background: #fff;}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;position:absolute;z-index: 1;width: 200px;padding-left: 30px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:hover {text-decoration:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {display:block;opacity: 0;position:absolute;content:'';right: -25px;top:50%;width: 70px;height:3px;margin-top:-1.5px;background: #A50034;transition: all 0.3s;-webkit-transition: all 0.3s;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {opacity:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:65px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:calc(60px * 2);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:calc(60px * 3);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:calc(60px * 4);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:calc(60px * 5);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:calc(60px * 6);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:calc(60px * 7);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(8) > a {top:calc(60px * 8);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(9) > a {top:calc(60px * 9);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(10) > a {top:calc(60px * 10);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(11) > a {top:calc(60px * 11);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(12) > a {top:calc(60px * 12);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(13) > a {top:calc(60px * 13);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(14) > a {top:calc(60px * 14);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(15) > a {top:calc(60px * 15);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;position: relative;line-height: 1;padding: 0;font-size: 18px;font-weight: 700;color: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:hover span,#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:focus span{color:#ffffff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;float:right;width: calc(100% - 200px);height: 100%;padding: 0 30px 0 70px;background: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul:after {display:block; clear:both; visibility:hidden; content:''; }
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;float: left;width: 100%;padding-right: 20px;margin: 0 0 30px;}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;z-index: 10;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block;font-size: 19px;font-weight: bold;line-height:1.4;color: #222222;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:0 0 0 5px;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display: block;margin: 10px 0 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;position: relative;z-index: 10;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display: inline-block;font-size: 15px;color: #666;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/images/kor/common/target.png)no-repeat;content:'';vertical-align:middle;}
#mobile-menu .mobile-close {position:absolute;z-index: 4;top: 30px;right: 30px;}
#mobile-menu .mobile-close span {display:block;position:relative;width: 35px;height: 35px;font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width:100%;height: 1px;background: #000;}
#mobile-menu .mobile-close span:after {width: 1px;height:100%;background: #000;}
.modal-backdrop.in{opacity: .8;z-index: 16;}
.modal-backdrop{z-index: 0}

.modal-open,
.modal-open #body_layout {height:100%;}
@media(max-width:750px){

    .adm-gnb, .gnbMoreIcon {display:none !important;}

    .adm-util:not([access]) ul > li.smap {display:inline-block;}
    .adm-util ul > li.logout {padding-right:15px;}
    .adm-util:not([access]) .sitemap_anchor{display:block;margin:0 auto;padding:0;text-align:center;width:100%;height:auto;font-size:0px;color:#000;}
    .adm-util:not([access]) .sitemap_anchor:before {font-size:22px;}
    .adm-util:not([access]) .sitemap_anchor:hover {text-decoration:none;}
    .adm-util:not([access]) .sitemap_anchor:focus {outline:1px dotted #000;}
    .adm-util ul > li.timeview {display:none;}
    .adm-util ul > li.lang {display:none;}

    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul {padding: 65px 0 0;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul > li.list {display:block;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {top:auto; bottom:-10px; left:30px; right:45px; width:auto;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {font-size:17px;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {font-size:17px;}
}

@media(max-width:640px){
    .adm-util ul > li.logout span{display:none !important;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {width:100%;padding: 0;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {padding:0 50px;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(3),
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(4),
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(5),
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(6),
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(3){height:auto; min-height:auto;}
}

@media all and (max-width: 425px) {
    #adm-header .select .selected {padding: 8px 0px;}
    #adm-header .select {max-width: 95px;min-width: 90px;}
    .adm-util ul > li > a {padding-left: 0px;}
    .adm-util ul > li > a:before {padding-right: 0px;}
    .groupmenu {display: none !important;}
}


@media all and (max-width: 575px) {
    .la-footer-cont{height: 40px !important;}
    .cont-copyright{text-align: center !important;float:none !important;}
}

@media(max-width:400px){

    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 150px); }
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:150px;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width:calc(100% - 150px);padding:0 30px;}
    #mobile-menu:not([access]) .modal-dialog .modal-content .modal-body .depth1_ul > li.list a {left: 15px;width: 100px;}
    #mobile-menu:not([access]) .mobile-close {right: 20px;top: 15px;}
}

.toast-top-right { top:30px; right:30px; }
#ALARM { padding-left:3px; }
/* top menu css */
#shortcut .ui-menu-item {text-align: left;padding-left: 5px;}
.ui-autocomplete-category {font-weight: bold;font-size: 14px;}
.ui-autocomplete {max-height: 400px;overflow-y: auto;overflow-x: hidden;z-index: 1000 !important;}
.shortcut {height: 20px;font-size: 11px;border-radius: 3px;background-color: #ffffff;}
.nav>li>a {position: relative;display: flex;
    padding: 15px 15px;
    align-items: center;}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-width: 0 0px 1px 0px;
}
.excel-btn{height: calc(1.5em + 0.75rem + 2px);}

.MLabel {
    text-align:right;
    padding-top:0.3rem;
    padding-right:16px;
    height: auto;
    color: #32363a;
    line-height:1;
    font-size: 14px;
    font-weight: normal;
    cursor: text;
    text-overflow: ellipsis;
    box-sizing: border-box;
    position:relative;
}


.hand{cursor: pointer !important;}


.col-form-label {height: 28px !important;}
/* infomodal */
/* The Modal (background) */
.i_modal {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 50; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 10px;
    top: 0;
    max-width: 600px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /* background-color: rgb(0,0,0);*/ /* Fallback color */
    /* background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

/* Modal Content */
.i_modal-content {
    background-color: #fefefe;
    margin:0 auto;
    width: 80%;
    min-height: 160px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.42), 0px 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
}

.i_modal-content .title {box-sizing: border-box;display: block;width: 100%;height: 40px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), inset 0px -1px 0px #0A6ED1;border-radius: 4px 4px 0px 0px;  padding:5px 20px;}
.i_modal-content .title h4 {margin: 0;padding: 0;font-size: 16px;font-weight: 700;line-height: 30px;}

.i_modal-content .title h4:before {content: "ⓘ";width: 16px;height: 17px;font-size: 16px;line-height: 17px;color: #0A6ED1;padding-right: 5px;}
.i_modal-content .info_text {position: relative;margin: 0;padding:20px 20px 10px;box-sizing: border-box;display: block;width: 100%;height: 100%;}
.i_modal-content .info_text p {margin: 0;box-sizing: border-box;display: block;width: 100%;font-size: 14px;line-height: 16px;word-break: break-all;}



/* The Close Button */
.close {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.mwf-input {
    border: 1px solid rgba(38, 38, 38, .7) !important;
}

.mwf-input:focus {
    border: 1px solid rgba(0, 112, 192, .6) !important;
}

.mwf-input:hover {
    border: 2px solid rgba(0, 112, 192, .6) !important;
}

.mwf-input-mandatory {
    background-color: #fff !important;
    border: 1px solid rgba(38, 38, 38, .6) !important;
}

.mwf-input-mandatory:focus {
    background-color: #fff !important;
    border: 1px solid rgba(228, 108, 10, .6) !important;
}

.mwf-input-mandatory:hover {
    border: 2px solid rgba(228, 108, 10, .6) !important;
}

.mwf-input-readonly {
    background-color: rgba(242, 242, 242, .7) !important;
    border: 1px solid rgba(127, 127, 127, .7) !important;
}

.mwf-input-readonly:focus {
    background-color: rgba(242, 242, 242, .7) !important;
    border: 1px solid rgba(127, 127, 127, .7) !important;
}

.mwf-input-readonly:hover {
    background-color: rgba(242, 242, 242, .7) !important;
    border: 1px solid rgba(127, 127, 127, .7) !important;
}

@element '.divMedia' and (min-width: 150px) and (max-width: 800px) {

    .txtlft .grid-2 .Tablefree .UiFormCLElement {
        display: table-cell;
        width: calc(100% / 1) !important;
        float:left;
    }

    .txtlft .grid-2 .Tablefree .Tcolspan-2 {
        display: table-cell;
        width: calc(100% / 1) !important;
    }
}

.ico-decline:before {
    content: "\e03e";
    font-size: 17px;
    top: 1px;
    position: relative;
}

.ico-exitfullscreen:before {
    content: "\e1f5";
    margin-right: 4px;
}

.ico-full-screen:before {
    content: "\e166";
    position: relative;
    top: -4px;
}

.v-mwf-element:focus {border: 2px solid #000000 !important;background: skyblue !important;}
.v-mwf-element-label{color:red !important;}

.note-num {

    position: absolute;

    top: 7px;

    right: 11px;

    z-index: 3;

    height: 18px;

    width: 18px;

    line-height: 18px;

    text-align: center;

    background-color: #A50034;

    border-radius: 15px;

    display: inline-block;

    color: #ffffff;

    font-size: 9px;

}



#notification {

    position: relative;

}



.rg-filter-panel-renderer {

    text-align: center !important;

    border-top: none;

    border-right: 1px solid #E5E5E5;

    border-bottom: 1px solid #E5E5E5;

    border-left: none;

}



.rg-filter-panel-renderer * input {

    width: 100% !important;

}



button.btn-default {

    padding-top: 0px !important;

}
.attachFileType{
    background: #ffffff url(/images/common/angle-down-fdb70e048f2f52ebd72a9747b19d1c06.gif) no-repeat right 10px top 50% !important;
    margin-right: 5px;
    display: inline-block;
    width: auto;
    line-height: 24px !important;
    height: 24px !important;
}

.lbFileType{
    font-weight: bold;
}


.dock-button .quick_icon {
    width: 24px;
}

.dock-button .quick_icon. qicon{
    display: inline-block;
}


.blue{
    color: #1818bd !important;
}

.green{
    color: #38b438 !important;
}

.yellow{
    color: #fda301 !important;
}

.orange{
    color: #f87129 !important;
}

.red{
    color: #ee0909 !important;
}

.overflow-x-hidden{
overflow-x: hidden !important;
}

.text-primary {
    color: #A50034 !important;
}

.t_circle {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    border-style: solid;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "파일 찾기";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.dhx_list-item:hover .dhx_item--btn-remove, .dhx_list-item:hover .dhx_item--hover-block, .dhx_list-item:hover .dhx_list-item--error-info {
    padding-left: 18px !important;
}

.dhx_item--info {
    width: calc(25% - 12px) !important;
}