@charset "utf-8";


/* 공통 사용자 지정 변수 */
    :root{

        
        /* 네비탭컬러 */
        --first-color:#234b96; /*234b96 전체 */
        --second-color:#598AD7; /*598AD7 생산 */
        --third-color:#01A3B0; /*01A3B0 유통 */
        
        /* 텍스트컬러 */
        --text-color:#242424;
        
        /* 테이블컬러 */
        --th-color:#f7f9fd;
        --TpointLine-color:#1977d0;
        --border-color:#dfdfdf;
        
        /* size */
        font-size:62.5%;
        --Stext-Size:calc(var(--text-size) * 0.87); /* 13.92px */
        --text-size:1.6rem;        
        --Mtext-Size:calc(var(--text-size) * 1.1); /* 17.6px */
        --Ltext-Size:calc(var(--text-size) * 1.3); /* 20.8px */
        --XLtext-Size:calc(var(--text-size) * 1.4); /* 22.4px */
        --XXLtext-Size:calc(var(--text-size) * 2); /* 32px */        
    }

.c_first{color:var(--first-color);}
.c_second{color:var(--second-color);}
.c_third{color:var(--third-color);}
.c_red{color:#e53935;}
.c_gray{color:#666;}
.c_yellow{color:#ffcc00;}


.bold{font-weight:bold !important;}
.lighter{font-weight:lighter;}
.ul_lidot li{line-height:1.6;}
.ul_lidot li::before{content:'·';display:inline-block;margin-right:5px;font-weight:bold;}

.fs0{font-size:var(--Stext-Size);}
.fs1{font-size:var(--text-size);}
.fs2{font-size:var(--Mtext-Size);}
.fs3{font-size:var(--Ltext-Size);}
.fs4{font-size:var(--XLtext-Size);}
.fs5{font-size:var(--XXLtext-Size);}
.fs0.bold, .fs1.bold, .fs2.bold, .fs3.bold, .fs4.bold{font-weight:bold;}

.btn_icon{
    background: #fff;
    width: 40px;
    height: 40px;
    color: var(--first-color);
    border: 1px solid #aaa;
    padding: 0;
}
.btn_type0{
	background: transparent;
    border:0;
    color: #666;
    padding:0;
    min-height:0;
}
.btn_type0 .glyphicon{color: #666;}
.btn_type1{
	background: #fff;
    border: 1px solid var(--first-color);
    color: var(--first-color);
}
.btn_type1 .glyphicon{color: var(--first-color);}
.btn_type2{
	background: var(--first-color);
    border: 1px solid var(--first-color);
    color: #fff;
}
.btn_type2 .glyphicon{color: #fff;}
.btn_type3{
	background: #fff;
    border: 1px solid var(--second-color);
    color: var(--second-color);
}
.btn_type3 .glyphicon{color: var(--second-color);}
.btn_type3.on{
	background: var(--second-color);
    border: 1px solid var(--second-color);
    color: #fff;
}
.btn_type3.on .glyphicon{color: #fff;}
.btn_type4{
	background: var(--second-color);
    border: 1px solid var(--second-color);
    color: #fff;
}
.btn_type4 .glyphicon{color: #fff;}
.btn_type5{
	background: #fff;
    border: 1px solid var(--third-color);
    color: var(--third-color);
}
.btn_type5 .glyphicon{color: var(--third-color);}
.btn_type6{
	background: var(--third-color);
    border: 1px solid var(--third-color);
    color: #fff;
}
.btn_type6 .glyphicon{color: #fff;}
.btn_type7{
	background: #fff;
    border: 1px solid #77ad3b;
    color: #77ad3b;
}
.btn_type6 .glyphicon{color: #77ad3b;}
.btn_type8{
	background: #77ad3b;
    border: 1px solid #77ad3b;
    color: #fff;
}
.btn_type8 .glyphicon{color: #fff;}
.btn_type9{
	background: #fff;
     border: 1px solid #aaa;
    color: #222;
}
.btn_type9 .glyphicon{color: #666;}
.btn_type10{
	background: #c0c0c0;
    border: 1px solid #c0c0c0;
    color: #fff;
}
.btn_type10 .glyphicon{color: #fff;}
.btn_type11{
	background: #fff;
    border: 1px solid #C8ABD9;
    color: #C8ABD9;
}
.btn_type11 .glyphicon{color: #C8ABD9;}
.btn_type12{
	background: #C8ABD9;
    border: 1px solid #C8ABD9;
    color: #fff;
}
.btn_type12 .glyphicon{color: #fff;}
.btn_type13{
	background: #fff;
    border: 1px solid #f65656;
    color: #f65656;
}
.btn_type13 .glyphicon{color: #f65656;}
.btn_type14{
	background: #f65656;
    border: 1px solid #f65656;
    color: #fff;
}
.btn_type14 .glyphicon{color: #fff;}
.btn_type15{
	background: #fff;
    border: 1px solid #ffcc00;
    color: #ffcc00;
}
.btn_type15 .glyphicon{color: #ffcc00;}
.btn_type16{
	background: #ffcc00;
    border: 1px solid #ffcc00;
    color: #fff;
}
.btn_type16 .glyphicon{color: #fff;}
.btn_type17{
	background: #393f4e;
    border: 1px solid #393f4e;
    color: #fff;
}
.btn_type17 .glyphicon{color: #fff;}


/* 글꼴 embeded 설정 */

@font-face {
    font-family: 'SUIT';
    font-weight: 100;
    font-style: normal;
    src: url('suit/SUIT-Thin.eot');
    src: url('suit/SUIT-Thin.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Thin.woff2') format('woff2'),
        url('suit/SUIT-Thin.woff') format('woff'),
        url('suit/SUIT-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 200;
    font-style: normal;
    src: url('suit/SUIT-ExtraLight.eot');
    src: url('suit/SUIT-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-ExtraLight.woff2') format('woff2'),
        url('suit/SUIT-ExtraLight.woff') format('woff'),
        url('suit/SUIT-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    font-style: normal;
    src: url('suit/SUIT-Light.eot');
    src: url('suit/SUIT-Light.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Light.woff2') format('woff2'),
        url('suit/SUIT-Light.woff') format('woff'),
        url('suit/SUIT-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-style: normal;
    src: url('suit/SUIT-Regular.eot');
    src: url('suit/SUIT-Regular.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Regular.woff2') format('woff2'),
        url('suit/SUIT-Regular.woff') format('woff'),
        url('suit/SUIT-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    font-style: normal;
    src: url('suit/SUIT-Medium.eot');
    src: url('suit/SUIT-Medium.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Medium.woff2') format('woff2'),
        url('suit/SUIT-Medium.woff') format('woff'),
        url('suit/SUIT-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    font-style: normal;
    src: url('suit/SUIT-SemiBold.eot');
    src: url('suit/SUIT-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-SemiBold.woff2') format('woff2'),
        url('suit/SUIT-SemiBold.woff') format('woff'),
        url('suit/SUIT-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-style: normal;
    src: url('suit/SUIT-Bold.eot');
    src: url('suit/SUIT-Bold.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Bold.woff2') format('woff2'),
        url('suit/SUIT-Bold.woff') format('woff'),
        url('suit/SUIT-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    font-style: normal;
    src: url('suit/SUIT-ExtraBold.eot');
    src: url('suit/SUIT-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-ExtraBold.woff2') format('woff2'),
        url('suit/SUIT-ExtraBold.woff') format('woff'),
        url('suit/SUIT-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SUIT';
    font-weight: 900;
    font-style: normal;
    src: url('suit/SUIT-Heavy.eot');
    src: url('suit/SUIT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('suit/SUIT-Heavy.woff2') format('woff2'),
        url('suit/SUIT-Heavy.woff') format('woff'),
        url('suit/SUIT-Heavy.ttf') format("truetype");
    font-display: swap;
}



.clear {clear: both;}
.clear:after {content: ""; display: block; clear: both;}
.hide,caption,legend {overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);white-space: nowrap;}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center;line-height:3;}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:200;height:50px;background:rgba(0,0,0,0.7);font-weight:bold;color:#fff;font-size:var(--text-size);text-decoration:none;display:block;width:100%;border-bottom:1px solid #fff;}

/* 문자 줄바꿈, 단어 줄바꿈, 공백 있는 그대로 */
.word_break {word-wrap: break-word;word-break:normal;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;}


/* 정렬 */
.vt {vertical-align:top !important}
.vb {vertical-align:bottom !important}
.vm {vertical-align:middle !important}
.ac {text-align:center !important;}
.ar {text-align:right !important}
.al {text-align:left !important}
.auto {margin:0 auto}

.fl {float:left;}
.fr {float:right;}
.cl {clear:both !important;}
.cl:after {display: block;content:'';clear:both;}

.show, .block{display:block !important;}
.inblock {display:inline-block;}
.none{display:none !important;}
.visible{visibility: visible;}
.d-flex{display:flex;}
.flex-none{flex:none;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}
.direction-row-reverse{
    flex-direction: row-reverse
}
/* 여백 */
.mt0{margin-top:0 !important}
.mt2{margin-top:2px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px}
.mt40{margin-top:40px !important}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mla{margin-left:auto !important}
.mra{margin-right:auto !important}
.ml0{margin-left:0 !important}
.ml3{margin-left:3px !important}
.ml5{margin-left:5px !important}
.ml7{margin-left:7px !important}
.ml8{margin-left:8px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}


.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !important}
.mb7{margin-bottom:7px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}

.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p20{padding:20px !important}
.p7_bb{padding:7px !important;box-sizing:border-box !important;}
.p15_60{padding:15px 60px !important;}

.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}

.pl4{padding-left:4px}
.pl5{padding-left:5px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important}

.pb5{padding-bottom:5px}
.pb7{padding-bottom:7px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}


/* width 값 */
.w10 {width:10px !important}
.w20 {width:20px !important}
.w30 {width:30px !important}
.w40 {width:40px !important}
.w45 {width:45px !important}
.w50 {width:50px !important}
.w55 {width:55px !important}
.w60 {width:60px !important}
.w65 {width:65px !important}
.w70 {width:70px !important}
.w75 {width:75px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w90 {width:90px !important}
.w95 {width:95px !important}
.w100 {width:100px !important}
.w110 {width:110px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w180 {width:180px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w230 {width:230px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w300 {width:300px !important}
.w400 {width:400px !important}


.minw50 {min-width:50px !important}
.minw55 {min-width:55px !important}
.minw60 {min-width:60px !important}
.minw65 {min-width:65px !important}
.minw70 {min-width:70px !important}
.minw75 {min-width:75px !important}
.minw80 {min-width:80px !important}
.minw85 {min-width:85px !important}
.minw90 {min-width:90px !important}
.minw95 {min-width:95px !important}
.minw100 {min-width:100px !important}
.minw110 {min-width:110px !important}
.minw120 {min-width:120px !important}
.minw130 {min-width:130px !important}
.minw140 {min-width:140px !important}
.minw150 {min-width:150px !important}
.minw160 {min-width:160px !important}
.minw170 {min-width:170px !important}
.minw180 {min-width:180px !important}
.minw190 {min-width:190px !important}
.minw200 {min-width:200px !important}
.minw210 {min-width:210px !important}
.minw220 {min-width:220px !important}
.minw230 {min-width:230px !important}
.minw240 {min-width:240px !important}
.minw250 {min-width:250px !important}
.minw260 {min-width:260px !important}
.minw270 {min-width:270px !important}
.minw280 {min-width:280px !important}
.minw300 {min-width:300px !important}
.minw400 {min-width:400px !important}

.maxw100p{max-width:100% !important;}
.maxw100 {max-width:100px !important}
.maxw110 {max-width:110px !important}
.maxw120 {max-width:120px !important}
.maxw130 {max-width:130px !important}
.maxw140 {max-width:140px !important}
.maxw150 {max-width:150px !important}
.maxw160 {max-width:160px !important}
.maxw170 {max-width:170px !important}
.maxw180 {max-width:180px !important}
.maxw190 {max-width:190px !important}
.maxw200 {max-width:200px !important}
.maxw210 {max-width:210px !important}
.maxw220 {max-width:220px !important}
.maxw230 {max-width:230px !important}
.maxw240 {max-width:240px !important}
.maxw250 {max-width:250px !important}
.maxw260 {max-width:260px !important}
.maxw270 {max-width:270px !important}
.maxw280 {max-width:280px !important}
.maxw300 {max-width:300px !important}
.maxw400 {max-width:400px !important}


.w100p {width:100% !important;}
.w98p {width:98% !important;}
.w97p {width:97% !important;}
.w96p {width:96% !important;}
.w95p {width:95% !important;}
.w94p {width:94% !important;}
.w93p {width:93% !important;}
.w92p {width:92% !important;}
.w91p {width:91% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w40p {width:40% !important;}
.w30p {width:30% !important;}
.w20p {width:20% !important;}
.w10p {width:10% !important;}

.bt0{border-top:0 !important;}

/* 캘린더 input */
.input_calen {width:140px;padding:0 6px;margin-right:3px;border:solid 1px #ced4da;background:#fff url(../img/sub/icon_calen.png) no-repeat 90% center !important; border-color:#ced4da; display:inline-block;transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.input_calen[readonly]{background:#eaeaea url(../img/sub/icon_calen.png) no-repeat 90% center !important;}
.input_calen[readonly='readonly']{background:#eaeaea url(../img/sub/icon_calen.png) no-repeat 90% center !important;}

.input_calen::-ms-clear {display:none}
.input_calen:hover {cursor:pointer;}
.input_calen:focus {background:#fff url(../img/sub/icon_calen_focus.png) no-repeat 90% center !important;}

.glyphicon.glyphicon-calendar {
    right:2.1rem;
    top: 0.18rem;
    color: #555555;
    font-size: .9rem;
    cursor: pointer;
    padding: .4rem;
    border-left: 1px solid #dedede;
}
.glyphicon.glyphicon-calendar:hover {
    transition: all 0.3s;
    background: #094f79;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 0 .2rem .2rem 0;
    font-weight: normal;
    cursor:pointer;
}

/* 파일 찾기 */
.file_input label {position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:20px; background:#fff; color:#212529; text-align:center; line-height:22px;  border:0; border:1px solid #dedede;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; display:none; }
.file_input input[type=text] {vertical-align:middle; display:inline-block; line-height:22px; font-size:11px; padding:1px 3px; border:0; border:1px solid #dedede;}




/* 프로그래스바 */
::-webkit-progress-bar {
  background-color: #eaecf4;
}

::-webkit-progress-value {
  background-color: #4f78d1;
}


/* 스크롤바 */

::-webkit-scrollbar {
    width: 1.6rem;
    height: 1.6rem;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: #ebebeb;
}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius:2.6rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #808080;
    cursor:default;
}

::-webkit-scrollbar-thumb:active {
    background-color: #808080;
    cursor:default;
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
    background-color: #ebebeb;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
}

/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
}

/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>");

}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
}

/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}




label{margin:0 12px;}



.file_uploading{clear: both;background: #f5f5f5;padding: 20px;}
.file_uploading ul li{background: #fff;padding: 10px 10px 15px 10px;margin-bottom:20px;overflow:hidden;}
.file_uploading ul li:last-child{margin-bottom:0;}
.file_uploading ul li p{display:flex;    align-items: center;}
.file_uploading ul li p .file_name{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file_uploading .file_del{padding:0; background:transparent;margin-left:auto;cursor: pointer !important;}
.file_uploading .file_volumn{padding-right:100px;}
.file_uploading .file_volumn span{color:#666;font-weight:400;}
.file_uploading .progress{margin-left:auto;}
.nodata_msg{color:#666;}
.ui-datepicker .ui-datepicker-header{padding:0 !important;}
.mtz-monthpicker.mtz-monthpicker-year{width:100%;text-align:center;font-weight: 500;font-size: 1.8rem;}
.mtz-monthpicker td{border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;padding:12px 0 !important;background:#fff !important; cursor:pointer !important;font-weight: 400 !important;}
.mtz-monthpicker-month:hover{background-color:#f5f5f5 !important;}
tbody.mtz-monthpicker{border: 1px solid #dfdfdf;   border-top: 0;}
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date{background-color:var(--swiper-theme-color);}
.mtz-monthpicker td:nth-child(3n){border-right:0;}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr{height:49px !important;line-height:49px !important;}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year{font-size:1.8rem !important;}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover{top:9px;}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover{top:9px;}
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img{left:69px !important;}
div.gridbox_material.gridbox table.obj.row20px tr td{/* padding:17px 8px; 2023-01-19 */vertical-align:middle !important;}
.dhx_combo_select{border-radius:0;}
.dhx_combo_select option:hover{background: #f5f5f5;}
select.dhx_combo_select{padding:0 !important;    text-indent: 5px;}
/*div.gridbox_material.gridbox table.obj tr td.editable{padding:0 !important;}*/
.dhx_combo_select, .gridbox_material.gridbox .dhx_combo_edit, .gridbox_material.gridbox .dhx_textarea{    font-size: var(--text-size) !important;    font-family: 'SUIT' !important;}
/* div.gridbox_material.gridbox table.obj tr td{line-height:normal !important;} */
/*div.xhdr table.hdr{border-bottom:0 !important;}
 div.gridbox .objbox{border-bottom:0 !important;} */


/* grid colspan */
.dhtml_grid table.hdr td[colspan]{border-bottom: solid 1px var(--border-color);}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label{font-weight:300 !important;}
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend .dhtmlxcalendar_label{color:#fff;} 

.xhdr{background: var(--th-color);
    border:1px solid var(--border-color);
    border-top:2px solid #000;
    border-right:0;
}
.xhdr div{
	font-weight:600 !important;
}
div.gridbox{max-width:100%;}
div.gridbox_material.gridbox table.hdr{border-top:0 !important;border-bottom:0;}
div.gridbox .objbox{border-left:1px solid var(--border-color);border-top:0;}

#message{
	background: #fff; 
position: absolute; 
top: 50%; left: 50%;
 transform: translate(-50%, -50%);
  z-index: 99999;
  box-shadow: 5px 0 15px rgb(0 0 0 / 10%);
  border-radius: 8px;
  }
#wrap_notice{border:1px solid var(--border-color); border-radius: 8px;}

#header_notice h2{
	text-align:left !important;
	height: 47px;   
	line-height: 47px;   
	padding-left: 10px;  
	color: #000;   
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;  
	margin-bottom: 20px;
}
#header_notice h2 i.xi-warning{color:#ffcc00;}
#header_notice h2 i{margin-right:5px; display: none; }
#content_notice{padding: 15px; padding-top:0;}
#content_notice .maintext{text-align:center; line-height:1.4; font-size: 15px; }
#content_notice .btn_box{display: flex; margin-top:15px; gap: 4px; justify-content: center;}
#content_notice .btn_box button{width: 70px;}
.glyphicon-ok:before{display: none;}
.glyphicon-ban-circle:before {display: none;}


#message hr{
	display: none;
} 




pre.pre{line-height:1.8;padding-left:20px;white-space: break-spaces;}

.lh17{line-height:1.7;}

.bdT{border-top:1px solid #000;}

.mobile_btn{display:none;}
.mobile{display:none;}
.dhtml_div.mobile{display:none;}
.web{display:block;}
.table_sumnum {
		color: #f15b22;
		font-weight: bold;
		line-height: 32px;
}