@charset "UTF-8";

/* **************************************** *
 * align
 * **************************************** */
.tleft{text-align:left !important}
.tcenter{text-align:center !important}
.tright{text-align:right !important}
.tjust{text-align:justify !important}


/* **************************************** *
 * text color
 * **************************************** */
 .color-primary{color:#3e55e1 !important}
 .color-error{color:#d50136 !important}
 .color-success{color:#006e18 !important}
 .color-warning{color:#98690a !important}
 .color-info{color:#1f53cc !important}
 .color-gray{color:#808080 !important}


.link-txt{position:relative; color:#505050; cursor:pointer}
.link-txt:before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#505050}
.link-txt.primary{position:relative; color:#3e55e1; cursor:pointer}
.link-txt.primary:before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#3e55e1}


/* **************************************** *
 * font size
 * **************************************** */
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important}
.fs16{font-size:16px !important}
.fs17{font-size:17px !important}
.fs18{font-size:18px !important}
.fs19{font-size:19px !important}
.fs20{font-size:20px !important}
.fs21{font-size:21px !important}
.fs22{font-size:22px !important}
.fs23{font-size:23px !important}
.fs24{font-size:24px !important}
.fs25{font-size:25px !important}
.fs26{font-size:26px !important}
.fs27{font-size:27px !important}
.fs28{font-size:28px !important}
.fs29{font-size:29px !important}
.fs30{font-size:30px !important}


/* **************************************** *
 * font weight
 * **************************************** */
.fw300{font-weight:300 !important}
.fw600{font-weight:600 !important}
.fw900{font-weight:900 !important}


/* **************************************** *
 * custom scroll
 * **************************************** */
 .custom-scroll::-webkit-scrollbar{width:8px; height:8px}
 .custom-scroll::-webkit-scrollbar-corner{background:transparent}
 .custom-scroll::-webkit-scrollbar-track
 {
     background-color:transparent;
     background-image:-moz-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
     background-image: linear-gradient(to left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
     background-image: -webkit-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
     background-image: -ms-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
 }
 .custom-scroll::-webkit-scrollbar-thumb{background:rgba(69,80,101,.6)}
 .custom-scroll::-webkit-scrollbar-thumb:hover{background:rgba(69,80,101,.6)}


/* **************************************** *
 * contents layout
 * **************************************** */
.flexcont-wrap{display:flex}
.flexcont-wrap > .flexcont-l,
.flexcont-wrap > .flexcont-r{flex:1}
.flexcont-wrap > .flexcont-l > .flexcont-inner{padding-right:10px}
.flexcont-wrap > .flexcont-r > .flexcont-inner{padding-left:10px}
.flexcont-wrap .search-box.mini{margin-bottom:0; border-radius:4px 4px 0 0}

.column-box{display:flex; flex-direction:column; position:relative; margin-top:-1px; padding:10px; background:#fff; border:1px solid #dadada; box-sizing:border-box}
.column-box .box-inner{overflow:auto}
.column-check-list{display:flex; flex-direction:column; padding:10px 0;}
.column-check-list li{margin-bottom:10px}
.column-move{display:flex; flex-direction:column; justify-content:center; margin-top:45px}
.column-move .button{margin:2px 0}


/* **************************************** *
 * background color
 * **************************************** */
.bg-gray-alpha{background-color:#f0f2f5 !important}


/* **************************************** *
 * section line
 * **************************************** */
.section-hr{height:1px; margin-top:30px; margin-bottom:30px; background-color:#ebebeb}
.section-hr:after{content:''; display:block; clear:both}


/* **************************************** *
 * default
 * **************************************** */
.fl{float:left !important}
.fr{float:right !important}
.inblk{display:inline-block !important}
.vgt{vertical-align:top !important}
.vgm{vertical-align:middle !important}
.vgb{vertical-align:bottom !important}
.ovh{overflow:hidden !important}
.ova{overflow:auto !important}
.ovv{overflow:visible !important}
.blind,legend{display:block !important; position:absolute !important; top:-100000em !important; left:0 !important; overflow:hidden}
:root legend{margin-top:-1px !important; font-size:0 !important; line-height:0 !important}
.ellip{display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; -o-text-overflow:ellipsis !important}


/* **************************************** *
 * width
 * **************************************** */
/* width px */
.wid10{width:10px !important}
.wid20{width:20px !important}
.wid30{width:30px !important}
.wid40{width:40px !important}
.wid50{width:50px !important}
.wid60{width:60px !important}
.wid70{width:70px !important}
.wid80{width:80px !important}
.wid90{width:90px !important}
.wid100{width:100px !important}
.wid110{width:110px !important}
.wid120{width:120px !important}
.wid130{width:130px !important}
.wid135{width:135px !important}
.wid140{width:140px !important}
.wid150{width:150px !important}
.wid157{width:157px !important}
.wid160{width:160px !important}
.wid170{width:170px !important}
.wid180{width:180px !important}
.wid190{width:190px !important}
.wid200{width:200px !important}
.wid210{width:210px !important}
.wid222{width:222px !important}
.wid220{width:220px !important}
.wid230{width:230px !important}
.wid240{width:240px !important}
.wid250{width:250px !important}
.wid260{width:260px !important}
.wid265{width:265px !important}
.wid270{width:270px !important}
.wid280{width:280px !important}
.wid290{width:290px !important}
.wid300{width:300px !important}
.wid310{width:300px !important}
.wid320{width:320px !important}
.wid330{width:330px !important}
.wid340{width:340px !important}
.wid350{width:350px !important}
.wid360{width:360px !important}
.wid370{width:370px !important}
.wid375{width:375px !important}
.wid376{width:376px !important}
.wid380{width:380px !important}
.wid390{width:390px !important}
.wid400{width:400px !important}
.wid440{width:440px !important}
.wid500{width:500px !important}
.wid550{width:550px !important}
.wid600{width:600px !important}
.wid640{width:640px !important}
.wid700{width:700px !important}
.wid800{width:800px !important}
.wid900{width:900px !important}
.wid1000{width:1000px !important}
.wid1100{width:1100px !important}
.wid1200{width:1200px !important}
.wid1300{width:1300px !important}
.wid1400{width:1400px !important}
.wid1500{width:1500px !important}
.wid1600{width:1600px !important}
.wid1700{width:1700px !important}
.wid1800{width:1800px !important}
.wid1900{width:1900px !important}
.wid2000{width:2000px !important}

/* min width px */
.mwid10{min-width:10px !important}
.mwid20{min-width:20px !important}
.mwid30{min-width:30px !important}
.mwid40{min-width:40px !important}
.mwid50{min-width:50px !important}
.mwid60{min-width:60px !important}
.mwid70{min-width:70px !important}
.mwid80{min-width:80px !important}
.mwid90{min-width:90px !important}
.mwid100{min-width:100px !important}
.mwid110{min-width:110px !important}
.mwid120{min-width:120px !important}
.mwid130{min-width:130px !important}
.mwid140{min-width:140px !important}
.mwid150{min-width:150px !important}
.mwid160{min-width:160px !important}
.mwid170{min-width:170px !important}
.mwid180{min-width:180px !important}
.mwid190{min-width:190px !important}
.mwid200{min-width:200px !important}
.mwid210{min-width:210px !important}
.mwid220{min-width:220px !important}
.mwid230{min-width:230px !important}
.mwid240{min-width:240px !important}
.mwid250{min-width:250px !important}
.mwid260{min-width:260px !important}
.mwid270{min-width:270px !important}
.mwid280{min-width:280px !important}
.mwid290{min-width:290px !important}
.mwid300{min-width:300px !important}
.mwid380{min-width:380px !important}

/* max width px */
.mxwid10{max-width:10px !important}
.mxwid20{max-width:20px !important}
.mxwid30{max-width:30px !important}
.mxwid40{max-width:40px !important}
.mxwid50{max-width:50px !important}
.mxwid60{max-width:60px !important}
.mxwid70{max-width:70px !important}
.mxwid80{max-width:80px !important}
.mxwid90{max-width:90px !important}
.mxwid100{max-width:100px !important}
.mxwid110{max-width:110px !important}
.mxwid120{max-width:120px !important}
.mxwid130{max-width:130px !important}
.mxwid140{max-width:140px !important}
.mxwid150{max-width:150px !important}
.mxwid160{max-width:160px !important}
.mxwid170{max-width:170px !important}
.mxwid180{max-width:180px !important}
.mxwid190{max-width:190px !important}
.mxwid200{max-width:200px !important}
.mxwid210{max-width:210px !important}
.mxwid220{max-width:220px !important}
.mxwid230{max-width:230px !important}
.mxwid240{max-width:240px !important}
.mxwid250{max-width:250px !important}
.mxwid260{max-width:260px !important}
.mxwid270{max-width:270px !important}
.mxwid280{max-width:280px !important}
.mxwid290{max-width:290px !important}
.mxwid300{max-width:300px !important}
.mxwid320{max-width:320px !important}
.mxwid400{max-width:400px !important}
.mxwid800{max-width:800px !important}

/* width % */
.wid10p{width:10% !important}
.wid15p{width:15% !important}
.wid20p{width:20% !important}
.wid25p{width:25% !important}
.wid30p{width:30% !important}
.wid35p{width:35% !important}
.wid40p{width:40% !important}
.wid45p{width:45% !important}
.wid50p{width:50% !important}
.wid55p{width:55% !important}
.wid60p{width:60% !important}
.wid65p{width:65% !important}
.wid70p{width:70% !important}
.wid75p{width:75% !important}
.wid80p{width:80% !important}
.wid85p{width:85% !important}
.wid90p{width:90% !important}
.wid95p{width:95% !important}
.wid100p{width:100% !important}

/* min width % */
.mwid10p{min-width:10% !important}
.mwid15p{min-width:15% !important}
.mwid20p{min-width:20% !important}
.mwid25p{min-width:25% !important}
.mwid30p{min-width:30% !important}
.mwid35p{min-width:35% !important}
.mwid40p{min-width:40% !important}
.mwid45p{min-width:45% !important}
.mwid50p{min-width:50% !important}
.mwid55p{min-width:55% !important}
.mwid60p{min-width:60% !important}
.mwid65p{min-width:65% !important}
.mwid70p{min-width:70% !important}
.mwid75p{min-width:75% !important}
.mwid80p{min-width:80% !important}
.mwid85p{min-width:85% !important}
.mwid90p{min-width:90% !important}
.mwid95p{min-width:95% !important}
.mwid100p{min-width:100% !important}


/* **************************************** *
 * height
 * **************************************** */
/* height px */
.hei10{height:10px !important}
.hei20{height:20px !important}
.hei40{height:40px !important}
.hei50{height:50px !important}
.hei100{height:100px !important}
.hei150{height:150px !important}
.hei170{height:170px !important}
.hei200{height:200px !important}
.hei250{height:250px !important}
.hei300{height:300px !important}
.hei305{height:305px !important}
.hei350{height:350px !important}
.hei400{height:400px !important}
.hei450{height:450px !important}
.hei500{height:500px !important}
.hei550{height:550px !important}
.hei600{height:600px !important}
.hei650{height:650px !important}
.hei700{height:700px !important}
.hei750{height:750px !important}
.hei800{height:800px !important}
.hei850{height:850px !important}
.hei900{height:900px !important}
.hei950{height:950px !important}
.hei1000{height:1000px !important}

/* height % */
.hei10p{height:10% !important}
.hei15p{height:15% !important}
.hei20p{height:20% !important}
.hei25p{height:25% !important}
.hei30p{height:30% !important}
.hei35p{height:35% !important}
.hei40p{height:40% !important}
.hei45p{height:45% !important}
.hei50p{height:50% !important}
.hei55p{height:55% !important}
.hei60p{height:60% !important}
.hei65p{height:65% !important}
.hei70p{height:70% !important}
.hei75p{height:75% !important}
.hei80p{height:80% !important}
.hei85p{height:85% !important}
.hei90p{height:90% !important}
.hei95p{height:95% !important}
.hei100p{height:100% !important}

/* min height px */
.mhei200{min-height:200px !important}


/* **************************************** *
 * margin
 * **************************************** */
/* margin px */
.mg00{margin:0px !important}
.mg05{margin:5px !important}
.mg10{margin:10px !important}
.mg15{margin:15px !important}
.mg20{margin:20px !important}
.mg25{margin:25px !important}
.mg30{margin:30px !important}
.mg35{margin:35px !important}
.mg40{margin:40px !important}
.mg45{margin:45px !important}
.mg50{margin:50px !important}
.mg55{margin:55px !important}
.mg60{margin:60px !important}
.mg65{margin:65px !important}
.mg70{margin:70px !important}
.mg75{margin:75px !important}
.mg80{margin:80px !important}
.mg85{margin:85px !important}
.mg90{margin:90px !important}
.mg95{margin:95px !important}
.mg100{margin:100px !important}

.mgt00{margin-top:0px !important}
.mgt02{margin-top:2px !important}
.mgt05{margin-top:5px !important}
.mgt08{margin-top:8px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}
.mgt55{margin-top:55px !important}
.mgt60{margin-top:60px !important}
.mgt65{margin-top:65px !important}
.mgt70{margin-top:70px !important}
.mgt75{margin-top:75px !important}
.mgt80{margin-top:80px !important}
.mgt85{margin-top:85px !important}
.mgt90{margin-top:90px !important}
.mgt95{margin-top:95px !important}
.mgt100 {margin-top:100px !important}

.mgr00{margin-right:0px !important}
.mgr02{margin-right:2px !important}
.mgr05{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr45{margin-right:45px !important}
.mgr50{margin-right:50px !important}
.mgr55{margin-right:55px !important}
.mgr60{margin-right:60px !important}
.mgr65{margin-right:65px !important}
.mgr70{margin-right:70px !important}
.mgr75{margin-right:75px !important}
.mgr80{margin-right:80px !important}
.mgr85{margin-right:85px !important}
.mgr90{margin-right:90px !important}
.mgr95{margin-right:95px !important}
.mgr100{margin-right:100px !important}

.mgb-auto{margin-bottom:auto !important}
.mgb00{margin-bottom:0px !important}
.mgb05{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb55{margin-bottom:55px !important}
.mgb60{margin-bottom:60px !important}
.mgb65{margin-bottom:65px !important}
.mgb70{margin-bottom:70px !important}
.mgb75{margin-bottom:75px !important}
.mgb80{margin-bottom:80px !important}
.mgb85{margin-bottom:85px !important}
.mgb90{margin-bottom:90px !important}
.mgb95{margin-bottom:95px !important}
.mgb100{margin-bottom:100px !important}

.mgl00{margin-left:0px !important}
.mgl02{margin-left:2px !important}
.mgl05{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl45{margin-left:45px !important}
.mgl50{margin-left:50px !important}
.mgl55{margin-left:55px !important}
.mgl60{margin-left:60px !important}
.mgl65{margin-left:65px !important}
.mgl70{margin-left:70px !important}
.mgl75{margin-left:75px !important}
.mgl80{margin-left:80px !important}
.mgl85{margin-left:85px !important}
.mgl90{margin-left:90px !important}
.mgl95{margin-left:95px !important}
.mgl100{margin-left:100px !important}

.mgx02{margin:0 2px !important}
.mgx05{margin:0 5px !important}
.mgx10{margin:0 10px !important}
.mgx20{margin:0 20px !important}
.mgx28{margin:0 28px !important}
.mgx30{margin:0 30px !important}
.mgx40{margin:0 40px !important}
.mgx50{margin:0 50px !important}
.mgx60{margin:0 60px !important}
.mgx70{margin:0 70px !important}
.mgx80{margin:0 80px !important}
.mgx90{margin:0 90px !important}
.mgx100{margin:0 100px !important}

.mgy05{margin:5px 0 !important}
.mgy10{margin:10px 0 !important}
.mgy20{margin:20px 0 !important}
.mgy30{margin:30px 0 !important}
.mgy40{margin:40px 0 !important}
.mgy50{margin:50px 0 !important}
.mgy60{margin:60px 0 !important}
.mgy70{margin:70px 0 !important}
.mgy80{margin:80px 0 !important}
.mgy90{margin:90px 0 !important}
.mgy100{margin:100px 0 !important}


/* **************************************** *
 * padding
 * **************************************** */
/* padding px */
.pd00{padding:0px !important}
.pd05{margin:5px !important}
.pd10{margin:10px !important}
.pd15{margin:15px !important}
.pd20{margin:20px !important}
.pd25{margin:25px !important}
.pd30{margin:30px !important}
.pd35{margin:35px !important}
.pd40{margin:40px !important}
.pd45{margin:45px !important}
.pd50{margin:50px !important}
.pd55{margin:55px !important}
.pd60{margin:60px !important}
.pd65{margin:65px !important}
.pd70{margin:70px !important}
.pd75{margin:75px !important}
.pd80{margin:80px !important}
.pd85{margin:85px !important}
.pd90{margin:90px !important}
.pd95{margin:95px !important}
.pd100{margin:100px !important}

.pdt00{padding-top:0px !important}
.pdt05{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40px !important}
.pdt45{padding-top:45px !important}
.pdt50{padding-top:50px !important}
.pdt55{padding-top:55px !important}
.pdt60{padding-top:60px !important}
.pdt65{padding-top:65px !important}
.pdt70{padding-top:70px !important}
.pdt75{padding-top:75px !important}
.pdt80{padding-top:80px !important}
.pdt85{padding-top:85px !important}
.pdt90{padding-top:90px !important}
.pdt95{padding-top:95px !important}
.pdt100{padding-top:100px !important}

.pdr00 {padding-right:0px !important}
.pdr05 {padding-right:5px !important}
.pdr10 {padding-right:10px !important}
.pdr15 {padding-right:15px !important}
.pdr20 {padding-right:20px !important}
.pdr25 {padding-right:25px !important}
.pdr30 {padding-right:30px !important}
.pdr35 {padding-right:35px !important}
.pdr40 {padding-right:40px !important}
.pdr45 {padding-right:45px !important}
.pdr50 {padding-right:50px !important}
.pdr55 {padding-right:55px !important}
.pdr60 {padding-right:60px !important}
.pdr65 {padding-right:65px !important}
.pdr70 {padding-right:70px !important}
.pdr75 {padding-right:75px !important}
.pdr80 {padding-right:80px !important}
.pdr85 {padding-right:85px !important}
.pdr90 {padding-right:90px !important}
.pdr95 {padding-right:95px !important}
.pdr100 {padding-right:100px !important}

.pdb00{padding-bottom:0px !important}
.pdb05{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}
.pdb35{padding-bottom:35px !important}
.pdb40{padding-bottom:40px !important}
.pdb45{padding-bottom:45px !important}
.pdb50{padding-bottom:50px !important}
.pdb55{padding-bottom:55px !important}
.pdb60{padding-bottom:60px !important}
.pdb65{padding-bottom:65px !important}
.pdb70{padding-bottom:70px !important}
.pdb75{padding-bottom:75px !important}
.pdb80{padding-bottom:80px !important}
.pdb85{padding-bottom:85px !important}
.pdb90{padding-bottom:90px !important}
.pdb95{padding-bottom:95px !important}
.pdb100{padding-bottom:100px !important}

.pdl00{padding-left:0px !important}
.pdl05{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl35{padding-left:35px !important}
.pdl40{padding-left:40px !important}
.pdl45{padding-left:45px !important}
.pdl50{padding-left:50px !important}
.pdl55{padding-left:55px !important}
.pdl60{padding-left:60px !important}
.pdl65{padding-left:65px !important}
.pdl70{padding-left:70px !important}
.pdl75{padding-left:75px !important}
.pdl80{padding-left:80px !important}
.pdl85{padding-left:85px !important}
.pdl90{padding-left:90px !important}
.pdl95{padding-left:95px !important}
.pdl100{padding-left:100px !important}

.pdx05{padding:0 5px !important}
.pdx10{padding:0 10px !important}
.pdx20{padding:0 20px !important}
.pdx30{padding:0 30px !important}
.pdx40{padding:0 40px !important}
.pdx50{padding:0 50px !important}
.pdx60{padding:0 60px !important}
.pdx70{padding:0 70px !important}
.pdx80{padding:0 80px !important}
.pdx90{padding:0 90px !important}
.pdx100{padding:0 100px !important}


/* **************************************** *
 * dash
 * **************************************** */
.dash-uni,
.dash-txt,
.dash-tit{display:inline-block; line-height:150%; font-size:15px; letter-spacing:-0.5px; vertical-align:middle}
.dash-uni i,
.dash-txt i,
.dash-tit i{position:relative; top:-1px; font-size:18px; vertical-align:middle}
.dash-uni{color:#808080; font-weight:normal}
.dash-txt{color:#505050; font-weight:normal}
.dash-tit{color:#202020; font-weight:300}


/* **************************************** *
 * badge
 * **************************************** */
.badge-cmm{display:inline-block; position:relative; min-width:22px; height:22px; padding:5px 8px; padding-bottom:0; background:rgba(86,41,238,.9); text-align:center; color:#fff; font-size:12px; font-weight:300; font-style:normal; line-height:100%; border-radius:200px; vertical-align:middle; white-space:nowrap; box-sizing:border-box}
.badge-cmm.alarm{background:#fa196d}


/* **************************************** *
 * signal
 * **************************************** */
/* signal-color */
.signal-cmm{display:inline-block; position:relative; padding-left:11px; vertical-align:middle}
.signal-cmm:before{content:""; position:absolute; top:4px; left:0; width:11px; height:11px; background:#b6b9c5; border-radius:50%; box-sizing:border-box}
.signal-cmm.small{padding-left:7px}
.signal-cmm.small:before{width:7px; height:7px}
.signal-cmm.color01:before{background:#f10f3a}
.signal-cmm .cont-txt{display:block; padding-left:4px; font-size:13px; letter-spacing:-0.2px; color:#707070; line-height:150%}


/* **************************************** *
 * label
 * **************************************** */
.label-cmm{display:inline-block; position:relative; vertical-align:middle; border-radius:5px; box-sizing:border-box}
.label-cmm .tit{display:flex; align-items:center; justify-content:center; height:32px; padding:0 15px; font-family:tjs; font-weight:normal; letter-spacing:-0.8px; white-space:nowrap; box-sizing:border-box}
.label-cmm.small .tit{height:22px; padding:0 8px; font-size:13px}
.label-cmm.medium .tit{height:32px; padding:0 15px; font-size:14px}
.label-cmm.large .tit{height:42px; padding:0 18px; font-size:14px}

.label-cmm.color01{background:#f10f3a; color:#fff}
.label-cmm.color01.light{background:rgba(241,15,58,.1); color:#f10f3a}

.label-cmm.color02{background:#ff6a00; color:#fff}
.label-cmm.color02.light{background:rgba(255,106,0,.1); color:#ff6a00}

.label-cmm.color03{background:#ff9600; color:#fff}
.label-cmm.color03.light{background:rgba(255,176,0,.1); color:#ff9600}

.label-cmm.color04{background:#18c030; color:#fff}
.label-cmm.color04.light{background:rgba(24,192,48,.1); color:#18c030}

.label-cmm.color05{background:#758680; color:#fff}
.label-cmm.color05.light{background:rgba(117,134,128,.1); color:#758680}

.label-cmm.color06{background:#32c4c0; color:#fff}
.label-cmm.color06.light{background:rgba(50,196,192,.1); color:#32c4c0}

.label-cmm.color07{background:#22d6dd; color:#fff}
.label-cmm.color07.light{background:rgba(34,214,221,.1); color:#22d6dd}

.label-cmm.color10{background:#4265d6; color:#fff}
.label-cmm.color10.light{background:rgba(66,101,214,.1); color:#4265d6}

.label-cmm.color11{background:#1aabe7; color:#fff}
.label-cmm.color11.light{background:rgba(26,171,231,.1); color:#1aabe7}

.label-cmm.color12{background:#0061ff; color:#fff}
.label-cmm.color12.light{background:rgba(0,97,255,.1); color:#0061ff}

.label-cmm.color13{background:#3854e0; color:#fff}
.label-cmm.color13.light{background:rgba(95,33,199,.1); color:#3854e0}

.label-cmm.color14{background:#103783; color:#fff}
.label-cmm.color14.light{background:rgba(16,55,131,.1); color:#103783}

.label-cmm.color15{background:#f26183; color:#fff}
.label-cmm.color15.light{background:rgba(242,97,131,.1); color:#f26183}

.label-cmm.color16{background:#ff8379; color:#fff}
.label-cmm.color16.light{background:rgba(255,131,121,.1); color:#ff8379}

.label-cmm.color17{background:#77af9c; color:#fff}
.label-cmm.color17.light{background:rgba(119,175,156,.1); color:#77af9c}

.label-cmm.color18{background:#02636c; color:#fff}
.label-cmm.color18.light{background:rgba(2,99,108,.1); color:#02636c}

.label-cmm.color19{background:#636c7d; color:#fff}
.label-cmm.color19.light{background:rgba(99,108,125,.1); color:#636c7d}

.label-cmm.color20{background:#555555; color:#fff}
.label-cmm.color20.light{background:rgba(85,85,85,.1); color:#555555}

.label-cmm.color21{background:#fea626; color:#fff}
.label-cmm.color21.light{background:rgba(254,166,38,.1); color:#fea626}

.label-cmm.round-max{border-radius:1000px !important}

.label-update{display:inline-block; position:relative; top:-1px; background:#f26183; color:#fff !important; vertical-align:middle; border-radius:100px; box-sizing:border-box}
.label-update .label-tit{display:flex; align-items:center; justify-content:center; height:18px; padding:0 8px; padding-left:5px; font-family:pps; font-weight:300; font-size:12px; letter-spacing:-0.5px; white-space:nowrap; box-sizing:border-box}
.label-update .label-tit i{font-size:11px !important}


/* **************************************** *
 * require
 * **************************************** */
.require-cmm{flex:none; display:inline-block; position:relative; top:-8px; font-size:0 !important; width:4px; height:4px; margin-left:5px; background:#eb003b; border-radius:50%; vertical-align:middle}


/* **************************************** *
 *  paging
 * **************************************** */
/* paging-cmm */
.paging-cmm{display:flex; align-items:center; justify-content:center; margin-top:30px}
.paging-cmm.align-l{justify-content:flex-start}
.paging-cmm .ctrl{display:flex; align-items:center; justify-content:center; position:relative; width:36px; height:36px; margin-left:-1px; background-color:#fff; border:1px solid #dadada; box-sizing:border-box}
.paging-cmm .ctrl i{padding-top:1px; color:#808080; font-size:18px}
.paging-cmm .ctrl:hover{border:1px solid #3e55e1; z-index:1}
.paging-cmm .ctrl:first-child{border-radius:4px 0 0 4px}
.paging-cmm .ctrl:last-child{border-radius:0 4px 4px 0px}
.paging-cmm .num{display:flex; align-items:center; justify-content:center; position:relative; min-width:36px; height:36px; margin-left:-1px; padding:0 5px; background-color:#fff; border:1px solid #dadada; box-sizing:border-box}
.paging-cmm .num:hover{border:1px solid #3e55e1; z-index:1}
.paging-cmm .num p{padding-top:2px; line-height:130%; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.2px}
.paging-cmm .num.active{color:#fff; background-color:#3e55e1; font-weight:normal; border:1px solid #3e55e1; z-index:1}
.paging-cmm .num.active:after{content:""; position:absolute; left:10px; right:10px; bottom:5px; height:2px; background:#fff}
.paging-cmm .ctrl,
.paging-cmm .num{transition:all .20s ease}


/* **************************************** *
 * title
 * **************************************** */
.stitarea{display:flex; position:relative; align-items:center; margin-bottom:12px}
.stitarea:after{content:''; display:block; clear:both}

.stitarea .stit-l,
.stitarea .stit-c,
.stitarea .stit-r{display:flex; align-items:center}
.stitarea .stit-c{margin-left:auto}
.stitarea .stit-r{margin-left:auto}

.stitarea .view-num{width:100px; margin-left:2px}

.stitarea .helpGuide{display:flex; align-items:center}
.stitarea .helpGuide .guideButton{margin-right:10px}

.stitarea .total-num{display:flex; align-items:center}
.stitarea .total-num span{line-height:1em; font-size:15px; color:#808080; letter-spacing:-0.5px}
.stitarea .total-num span.num{color:#3e55e1}
.stitarea .total-num span:first-child{flex:none}
.stitarea .total-num > .num{margin:0 4px}

.stitarea .counter{margin-left:3px; padding-top:2px; font-size:15px; font-weight:300; color:#808080; vertical-align:middle}

.stitarea .txtinput-cmm input,
.stitarea .select-cmm select{height:30px}
.stitarea .txtinput-cmm.dateinput .ui-datepicker-trigger{top:1px}

.stitarea .more{display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0; padding:0; background-color:#e6eef8; border-radius:50%}
.stitarea .more:before{content:'\ea6e'; padding-left:2px; color:#3382e9; font-family:remixicon; font-size:24px}

h2.stit02{display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-0.8px; line-height:155%; vertical-align:middle; word-break:keep-all}
h3.stit03,
h4.stit04,
h5.stit05{display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-1px; line-height:1.45em; vertical-align:middle; word-break:keep-all}
h3.stit02{font-size:22px; font-weight:600}
h3.stit03{font-size:18px; font-weight:600}
h4.stit04{font-size:16px; font-weight:600}
h5.stit05{font-size:14px; font-weight:normal}
h3.stit03 span{font-size:18px}
h4.stit04 span{font-size:16px}
h5.stit05 span{font-size:14px}

h2.stit02 + .total-num{margin-left:15px; padding-top:3px}
h3.stit03 + .total-num{margin-left:15px; padding-top:3px}
h4.stit04 + .total-num{margin-left:10px; padding-top:2px}

.stitarea .total-num + .total-num{margin-left:10px}


/* **************************************** *
 * file download
 * **************************************** */
.filedown-box{position:relative; padding:12px; background-color:#f5f6fd; border:1px solid #d8ddf9; border-radius:8px}
.filedown-cmm .file-list{display:flex;  flex-direction:column}
.filedown-cmm .file-list li{display:flex; align-items:center; margin-top:8px}
.filedown-cmm .file-list li:first-child{margin-top:0}
.filedown-cmm .file-list .file-tit{display:inline-block; min-width:200px; max-width:400px; color:#202020; line-height:100%; font-size:15px; letter-spacing:-0.5px; vertical-align:middle}
.filedown-cmm .file-list .file-tit span{display:-webkit-box; word-wrap:break-word; text-overflow:ellipsis; word-break:keep-all; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.filedown-cmm .file-list .file-tit:hover{color:#1f53cc}
.filedown-cmm .file-list .button{margin-left:auto}

.filedown-cmm .file-nodata{display:flex; align-items:center; justify-content:center; padding:7px 10px}
.filedown-cmm .file-nodata .message{display:flex; align-items:center}
.filedown-cmm .file-nodata .message:before{content:'\ee59'; position:relative; top:-1px; margin-right:2px; color:#808080; font-family:remixicon; font-size:21px}
.filedown-cmm .file-nodata .message span{line-height:135%; color:#808080; font-size:15px; font-weight:normal; letter-spacing:-0.5px}


/* **************************************** *
 * board
 * **************************************** */
.board-list-button{display:flex; align-items:center; width:100%; margin-top:25px}
.board-list-button:after{content:''; display:block; clear:both}
.board-list-button .button-l,
.board-list-button .button-c,
.board-list-button .button-r{display:flex; align-items:center}
.board-list-button .button-r{margin-left:auto}
 
/* board-basic-list */
.board-basic-list .head{position:relative; border-top:2px solid #47566a; border-bottom:1px solid #dadada; background-color:#f5f5f5}
.board-basic-list .head li{display:flex}
.board-basic-list .head li > div{display:flex; align-items:center; justify-content:center; position:relative; height:48px; padding:0 10px; box-sizing:border-box}
.board-basic-list .head li > div:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#dadada; z-index:1}
.board-basic-list .head li > div:last-child:after{display:none}
.board-basic-list .head li > div > span{padding-right:1px; line-height:1em; letter-spacing:-0.8px; text-align:center; color:#505050; font-weight:300; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.board-basic-list .head li > div > .soting{display:flex; flex-direction:column; position:absolute; right:0; top:0; bottom:0; border-left:1px solid #dadada}
.board-basic-list .head li > div > .soting .up,
.board-basic-list .head li > div > .soting .dw{display:flex; align-items:center; justify-content:center; position:relative; width:16px; height:50%; margin:0; padding:0; background:none; border:0; border-bottom:1px solid #dadada; cursor:pointer; box-sizing:border-box}
.board-basic-list .head li > div > .soting .up:after,
.board-basic-list .head li > div > .soting .dw:after{color:#808080; font-family:"remixicon"; font-size:15px}
.board-basic-list .head li > div > .soting .up:after{content:'\ea78'; padding-top:1px}
.board-basic-list .head li > div > .soting .dw:after{content:'\ea4e'; padding-top:2px}
.board-basic-list .head li > div > .soting .up:hover,
.board-basic-list .head li > div > .soting .dw:hover{background-color:#e8e8e8}
.board-basic-list .head li > div > .soting .dw{border-bottom:none}

.board-basic-list .body > li{display:flex; position:relative; border-bottom:1px solid #ebebeb; box-sizing:border-box}
.board-basic-list .body > li > div{display:flex; align-items:center; justify-content:center; position:relative; min-height:54px; padding:12px 10px; text-align:center; box-sizing:border-box}
.board-basic-list .body > li > div.tleft{justify-content:flex-start}
.board-basic-list .body > li > div.center{justify-content:center}
.board-basic-list .body > li > div.tright{justify-content:flex-end}

.board-basic-list .body > li .col-tit
 {
     display:none;
     flex:none;
     margin-right:8px;
     padding:6px 12px;
     font-size:15px;
     font-weight:normal;
     line-height:145%;
     letter-spacing:-1px;
     color:#808080;
     background:#fff;
     border:1px solid #ebebeb;
     border-radius:200px;
     box-sizing:border-box
 }
 .board-basic-list .body > li .col-cont{display:contents}
 .board-basic-list .body > li .col-cont .cont-link,
 .board-basic-list .body > li .col-cont .cont-txt
 {
     display:-webkit-box;
     line-height:1.2em;
     letter-spacing:-0.2px;
     font-size:15px;
     word-wrap:break-word;
     text-overflow:ellipsis;
     word-break:keep-all;
     overflow:hidden;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical;
 }
.board-basic-list .body > li .col-cont .cont-link{padding-right:5px; color:#445c78; font-weight:300; transition:all .20s ease}
.board-basic-list .body > li .col-cont .cont-link:hover{color:#3382e9}

.board-basic-list .body > li .col-cont .cont-txt{color:#505050; font-weight:normal}
.board-basic-list .body > li .col-cont .cont-date-small{margin-top:5px; line-height:1.2em; letter-spacing:-0.2px; font-size:13px; color:#808080; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.board-basic-list .body > li .col-cont .cont-column{display:flex; flex-direction:column; align-items:center; justify-content:center}
.board-basic-list .body > li .col-cont .cont-column .button{width:fit-content}
.board-basic-list .body > li > div.tleft .col-cont .cont-column{align-items:flex-start}

.board-basic-list .body > li .col-cont .radio-cmm + .radio-cmm{margin-left:8px}
.board-basic-list .body > li .col-cont .exanment-change{margin-left:5px}
.board-basic-list .body > li .col-cont .exanment-change .change-toggle span{height:28px; padding:0 12px; padding-right:8px}
.board-basic-list .body > li .col-cont .exanment-change .change-archive{top:30px}

.board-basic-list .body .category-label{display:inline-block; position:relative; top:-1px; margin-right:5px; padding:6px 14px; font-size:15px; letter-spacing:-0.5px; line-height:135%; background:#fff; border:1px solid #ebebeb; color:#808080 !important; font-weight:300; border-radius:200px; text-align:center; box-sizing:border-box}
.board-basic-list .body .notice-label{display:inline-block; position:relative; top:-1px; margin-right:5px; padding:7px 14px; font-size:14px; letter-spacing:-0.5px; line-height:135%; background:#1DA7C4; color:#fff !important; font-weight:300; border-radius:200px; text-align:center; box-sizing:border-box}
.board-basic-list .body .icon-reply{display:inline-block; position:relative; width:8px; height:8px; vertical-align:middle; margin-top:-1px}

.board-basic-list .nodata{min-height:90px; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}

.board-basic-list .body > li.selected{background-color:#f2f5f9 !important}
.board-basic-list .body > li.notice{background-color:#f2f5f9 !important}

.board-basic-list.large .body > li > div{min-height:88px}


.board-basic-list.small .head li > div > span{font-size:14px}
.board-basic-list.small .body > li > div{min-height:44px}
.board-basic-list.small .body > li .col-cont .cont-link,
.board-basic-list.small .body > li .col-cont .cont-txt{font-size:14px}

.board-basic-list.scroll{position:relative}
.board-basic-list.scroll .body{overflow-x:hidden; overflow-y:auto}
.board-basic-list.scroll:after{content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background-color:#ebebeb}


/* 기관조회 */
.board-basic-list.pop-search-organization div.col1{width:8%}
.board-basic-list.pop-search-organization div.col2{width:11%}
.board-basic-list.pop-search-organization div.col3{width:11%}
.board-basic-list.pop-search-organization div.col4{width:29%}
.board-basic-list.pop-search-organization div.col5{width:40%}

/* (구)상황전파 메신저 아이디 찾기 */
.board-basic-list.pop-search-messenger-id div.col1{width:10%}
.board-basic-list.pop-search-messenger-id div.col2{width:18%}
.board-basic-list.pop-search-messenger-id div.col3{width:28%}
.board-basic-list.pop-search-messenger-id div.col4{width:48%}

/* 신청가능 권한 */
.board-basic-list.apply-permission div.col1{width:10%}
.board-basic-list.apply-permission div.col2{width:32%}
.board-basic-list.apply-permission div.col3{width:30%}
.board-basic-list.apply-permission div.col4{width:28%}

/* 신청권한 */
.board-basic-list.apply-authority div.col1{width:8%}
.board-basic-list.apply-authority div.col2{width:22%}
.board-basic-list.apply-authority div.col3{width:20%}
.board-basic-list.apply-authority div.col4{width:20%}
.board-basic-list.apply-authority div.col5{width:14%}
.board-basic-list.apply-authority div.col6{width:16%}

/* 권한승인자 */
.board-basic-list.pop-authority-approver div.col1{width:10%}
.board-basic-list.pop-authority-approver div.col2{width:49%}
.board-basic-list.pop-authority-approver div.col3{width:20%}
.board-basic-list.pop-authority-approver div.col4{width:25%}

/* board-list-nodata */
.board-list-nodata{display:flex; align-items:center; justify-content:center; min-height:80px; border-bottom:1px solid #ebebeb}
.board-list-nodata .message{display:flex; align-items:center}
.board-list-nodata .message:before{content:'\eb4d'; margin-right:5px; color:#808080; font-family:remixicon; font-size:20px}
.board-list-nodata .message span{line-height:135%; color:#808080; font-size:15px; font-size:15px; font-weight:normal; letter-spacing:-0.2px}

.board-basic-list.move-list .head li > div{height:40px}
.board-basic-list.move-list .body > li > div{min-height:60px; padding:12px 8px}


/* **************************************** *
* search-box
* **************************************** */
.search-box
{
    display:flex;
    align-items:center;
    position:relative;
    background:#F8F9FF;
    border:1px solid #D8DDF9;
    margin-bottom:35px;
    padding:15px 15px;
    border-radius:8px;
    box-sizing:border-box
}
.search-box.basic{background:#fff; border:1px solid #ebebeb}
.search-box.mini{padding:8px}
.search-box .search-form{flex:1}

.search-box .form-tit{display:flex; align-items:center; flex:none; padding:0 10px; box-sizing:border-box}
.search-box .form-tit .tit{display:inline-block; font-size:15px; font-weight:300; letter-spacing:-0.8px; color:#202020}
.search-box .form-cont{display:flex; align-items:center; flex:auto; gap:0 4px}
.search-box .search-controll{display:flex; position:relative; align-items:center; margin-top:6px; padding:0 6px}
.search-box .search-controll .controll-r{display:flex; align-items:center; margin-left:auto; gap:0 4px}

.search-box .form-list{display:flex; display:flex; align-items:center; flex-wrap:wrap}
.search-box .form-list > li{flex:1; display:flex; align-items:center; position:relative; padding:6px; box-sizing:border-box}
.search-box .form-list > li.fit{flex:none}
.search-box .form-list > li > .search-controll{margin-top:0; width:100%}

.search-box .txtinput-cmm input,
.search-box .select-cmm select,
.search-box .select-cmm .custom-combobox .custom-combobox-input{height:32px}
.search-box .select-cmm .custom-combobox > a{height:34px}
.search-box .txtinput-cmm.dateinput .ui-datepicker-trigger{top:1px}
.search-box .txtinput-cmm.search .btn-search{height:30px; line-height:30px}


/* search-langs */
.search-langs{display:flex; align-items:center; position:relative; margin-bottom:35px; padding:10px 0; background:#e6eef8; border-radius:8px; box-sizing:border-box}
.search-langs .search-inner{display:flex; flex-direction:column; align-items:flex-start; position:relative; width:1100px; margin:0 auto; padding:20px 25px; padding-right:240px; border-radius:8px; box-sizing:border-box}
.search-langs .search-tit{display:flex; align-items:center; padding-left:15px}
.search-langs .search-tit:before{content:'\ecda'; display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin-right:10px; font-family:"remixicon"; font-size:20px; color:#fff; background-color:#3382e9; border-radius:50%; box-sizing:border-box}
.search-langs .search-tit .tit{color:#202020; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.2px}

.search-langs .regist-area{display:flex; align-items:center; position:absolute; top:0; bottom:0; right:0}
.search-langs .regist-area .regist
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    min-width:120px;
    height:84px;
    padding:0 10px;
    background:#3382e9;
    border:1px solid #3382e9;
    border-radius:8px 0 0 8px;
    cursor:pointer;
    box-sizing:border-box;
    z-index:1;
}
.search-langs .regist-area .regist [class^="ri-"],
.search-langs .regist-area .regist [class*=" ri-"]{color:#fff; font-size:21px}
.search-langs .regist-area .regist span{margin-top:2px; color:#fff; font-weight:normal; font-family:tjs; font-size:15px; letter-spacing:-1.2px}

.search-langs .regist-area .regist.guide{background:#3d516f; border:1px solid #3d516f; border-radius:0 8px 8px 0}
.search-langs .regist-area .regist.guide span{color:#fff}
.search-langs .regist-area .regist.guide [class^="ri-"],
.search-langs .regist-area .regist.guide [class*=" ri-"]{color:#fff}

.search-langs .search-form{margin-top:8px}
.search-langs .form-tit{display:flex; align-items:center; flex:none; padding:0 10px; box-sizing:border-box}
.search-langs .form-tit .tit{display:inline-block; font-size:15px; font-weight:300; letter-spacing:-0.8px; color:#202020}
.search-langs .form-cont{display:flex; align-items:center; flex:auto; gap:0 4px}

.search-langs .form-list{display:flex; display:flex; align-items:center; flex-wrap:wrap}
.search-langs .form-list > li{flex:1; display:flex; align-items:center; position:relative; padding:6px; box-sizing:border-box}
.search-langs .form-list > li.fit{flex:none}

.search-langs .next
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    position:relative;
    width:26px;
    height:26px;
    right:-10px;
    padding-left:2px;
    background-color:#fff;
    border:2px solid #3382e9;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1;
    overflow:hidden;
}
.search-langs .next:after{content:'\ea6e'; color:#3382e9; font-family:remixicon; font-size:20px}

.search-langs .txtinput-cmm input,
.search-langs .select-cmm select{height:32px}
.search-langs .txtinput-cmm.dateinput .ui-datepicker-trigger{top:1px}

/* search-less */
.search-less{display:flex; align-items:center; position:relative; border:1px solid #ebebeb; padding:0 2px; border-radius:4px; box-sizing:border-box}
.search-less .search-form{flex:1}
.search-less .form-tit{display:flex; align-items:center; flex:none; padding:0 10px; box-sizing:border-box}
.search-less .form-tit .tit{display:inline-block; font-size:14px; font-weight:300; letter-spacing:-0.8px; color:#202020}
.search-less .form-cont{display:flex; align-items:center; flex:auto; gap:0 4px}
.search-less .search-controll{display:flex; position:relative; align-items:center}
.search-less .search-controll .controll-r{display:flex; align-items:center; margin-left:auto; gap:0 4px}
.search-less .form-list{display:flex; display:flex; align-items:center; flex-wrap:wrap}
.search-less .form-list > li{flex:1; display:flex; align-items:center; position:relative; padding:3px; box-sizing:border-box}
.search-less .form-list > li.fit{flex:none}
.search-less .txtinput-cmm.dateinput .ui-datepicker-trigger{top:1px}


/* **************************************** *
* list
* **************************************** */
/* check-list */
.check-list{display:inline-block; margin-left:-12px; margin-top:-10px; vertical-align:middle}
.check-list:after{content:''; display:block; clear:both}
.check-list > li{float:left}
.check-list > li .check-cmm{margin-left:12px; margin-top:10px}
.check-list > li .radio-cmm{margin-left:12px; margin-top:10px}
.check-list.gap20{margin-left:-20px}
.check-list.gap20 > li .check-cmm{margin-left:20px}
.check-list.gap20 > li .radio-cmm{margin-left:20px}

/* signal-list */
.signal-list{display:inline-block; vertical-align:middle}
.signal-list:after{content:''; display:block; clear:both}
.signal-list > li{float:left; margin-left:8px}
.signal-list > li:first-child{margin-left:0}

/* info-list */
.info-list{position:relative}
.info-list:after{content:''; display:block; clear:both}
.info-list > li{position:relative; margin-bottom:2px; line-height:1.55em; color:#505050; letter-spacing:-0.5px; font-size:15px}
.info-list.fs14 > li{font-size:14px; line-height:1.5em}
.info-list > li:last-child{margin-bottom:0}
.info-list > li > ul{margin-top:2px}
.info-list.bul > li{padding-left:10px}
.info-list.bul > li:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#808080}
.info-list.uni > li{padding-left:16px}
.info-list.uni > li > span.uni{position:absolute; left:0; top:0}

.info-list.col2 li{float:left; width:50%}
.info-list.col3 li{float:left; width:33.333333%}
.info-list .button{position:relative; top:-2px}


/* **************************************** *
* box
* **************************************** */
/* info-box */
.info-box{position:relative; padding:20px 28px; border:1px solid #ebebeb; border-radius:8px}
.info-box.mini{padding:13px 18px; border:1px solid #ebebeb}
.info-box.icon{padding-left:50px}
.info-box.icon > [class^="ri-"]{position:absolute; left:18px; font-size:21px; color:#808080}

.info-box.info{background-color:#f4f7ff; border:1px solid #d4e1ff}
.info-box.warning{background-color:#fff8e9; border:1px solid #ffedc8}
.info-box.danger{background-color:#fef2f5; border:1px solid #fcd9e2}

.info-box.info.icon > [class^="ri-"]{color:#1f53cc}
.info-box.warning.icon > [class^="ri-"]{color:#98690a}
.info-box.danger.icon > [class^="ri-"]{color:#d50136}

.section-box{position:relative; padding:20px 18px; border:1px solid #ebebeb; border-radius:8px}


/* **************************************** *
 * text
 * **************************************** */
/* info-txt */
.info-txt{position:relative; line-height:1.65em; font-size:15px; font-weight:normal; color:#505050; letter-spacing:-0.5px}
.info-txt.fs14{line-height:1.5em; font-size:14px}
.info-txt.bul{padding-left:10px}
.info-txt.bul:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#808080}
.info-txt.uni{padding-left:16px}
.info-txt.uni > .uni{position:absolute; top:0; left:0}
.info-txt i{position:relative; top:-1px; font-size:18px !important; vertical-align:middle}
.info-txt.key{padding:5px 20px; color:#fff; background-color:#3B5578; border-radius:200px;}

/* info ckpoint */
.info-ckpoint{position:relative; margin-bottom:50px; padding-left:58px}
.info-ckpoint:before{content:'\f039'; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-family:"remixicon"; font-size:22px; color:#3382e9; background-color:#e1ecfa; border-radius:6px 6px 12px 6px; box-sizing:border-box}
.info-ckpoint:after{content:''; position:absolute; left:0; top:0; width:8px; height:8px; background-color:#3382e9; border-radius:50%; box-sizing:border-box}
.info-ckpoint .ckpoint-s{margin-top:15px}
.info-ckpoint .ckpoint-l .message,
.info-ckpoint .ckpoint-s .message{line-height:1.5em; font-family:tjs; font-weight:normal; letter-spacing:-1.5px; word-break:keep-all}
.info-ckpoint .ckpoint-l .message span,
.info-ckpoint .ckpoint-s .message span{font-family:tjs}
.info-ckpoint .ckpoint-l .message{color:#505050; font-size:18px}
.info-ckpoint .ckpoint-s .message{font-weight:normal; color:#808080; font-size:16px}

.info-box .info-ckpoint{margin-bottom:0}
.info-box .info-ckpoint:before{background-color:#fff}
.info-box .info-ckpoint .ckpoint-s{margin-top:5px}
.info-box .info-ckpoint .ckpoint-s .message{color:#505050; font-size:15px; letter-spacing:-1.2px}


/* **************************************** *
 * tab
 * **************************************** */
 /* tab-cont */
 .tab-cont{display:none}
 .tab-cont.active{display:block}

 /* tab-large */
.tab-large{position:relative; margin-bottom:30px; border-radius:8px 8px 22px 8px; overflow:hidden}
.tab-large > ul{display:flex; align-items:center; background-color:#edeef2}
.tab-large > ul > li{display:flex; flex:1; position:relative}
.tab-large > ul > li:before{content:''; position:absolute; right:-1px; top:10px; bottom:10px; width:1px; background-color:#c8cace}
.tab-large > ul > li:last-child:before{display:none}
.tab-large > ul > li a{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:100%; height:56px; padding:0 8px; border-radius:0 0 22px 8px; gap:3px; box-sizing:border-box}
.tab-large > ul > li a > span{color:#505050; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1px; text-align:center}
.tab-large > ul > li:hover a > span{color:#202020}
.tab-large > ul > li.active:before{display:none}
.tab-large > ul > li.active a{background:#3382e9; z-index:1}
.tab-large > ul > li.active a > span{color:#fff}
.tab-large > ul > li a > .stxt{color:#808080; font-family:ptd; font-size:14px; letter-spacing:-0.5px}

 /* tab-small */
.tab-small{position:relative; margin-bottom:30px}
.tab-small:before{content:''; position:absolute; left:3px; right:3px; top:50%; height:1px; margin-top:-0.5px; background:#dadada}
.tab-small > ul{display:flex; margin-left:-3px; position:relative}
.tab-small > ul:after{content:''; display:block; clear:both}
.tab-small > ul > li{display:flex}
.tab-small > ul > li a{display:flex; align-items:center; justify-content:center; width:100%; height:40px; margin-left:3px; padding:0 15px; background:#fff; border:1px solid #dadada; border-radius:200px; box-sizing:border-box; z-index:1}
.tab-small > ul > li a > span{color:#808080; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1px}
.tab-small > ul > li.active a{background:#445772; border:1px solid #445772}
.tab-small > ul > li.active a > span{color:#fff}


/* **************************************** *
 * POPUP
 * **************************************** */
/* popup layer */
.popup-layer{display:none; position:relative; width:100%; min-width:200px; text-align:left; background-color:#fff; border-radius:0; vertical-align:middle; box-sizing:border-box; z-index:9}
.popup-layer > .head{display:flex; align-items:center; position:relative; height:50px; background-color:#455065; text-align:left; box-sizing:border-box}
.popup-layer > .head .pop-tit{display:flex; align-items:center; padding-left:20px; line-height:1.4em; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.5px}

.popup-layer .body {position:relative; box-sizing:border-box}
.popup-layer .body .pop-contents{position:relative; min-height:100px; padding:35px 20px;  box-sizing:border-box}
.popup-layer.menual .body .pop-contents{padding:30px}
.popup-layer .close-modal{display:flex; align-items:center; justify-content:center; position:absolute; top:9px; right:10px; width:30px; height:30px; font-size:0; border-radius:50%; background:rgba(255,255,255,0)}
.popup-layer .close-modal:before{content:"\eb99"; font-family:"remixicon"; font-size:22px; color:#fff}

.popup-layer.menual > .head{height:44px; background:#31435e}
.popup-layer.menual > .head:before{display:none}
.popup-layer.menual > .head .pop-tit{padding-top:2px; color:#fff; font-weight:normal; font-size:16px;  letter-spacing:-1.2px}
.popup-layer.menual .close-modal{top:2px}
.popup-layer.menual .close-modal:before{color:rgba(255,255,255,1); font-size:22px}

.blocker{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:20px; overflow:auto; background-color:rgba(0, 0, 0, 0.35); text-align:center; box-sizing:border-box; z-index:10}
.blocker:before{content: ""; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.05em}
.blocker.behind{background-color:transparent}

/* popup window */
.popup-window{position:relative; box-sizing:border-box}
.popup-window > .head,
.popup-window > form > .head{display:flex; align-items:center; position:relative; height:80px; background-color:#fff; text-align:left; border-radius:8px 8px 0 0; box-sizing:border-box}
.popup-window > .head:before,
.popup-window > form > .head:before{content:''; position:absolute; bottom:0; left:30px; right:30px; height:1px; background:#ebebeb}
.popup-window > .head .pop-tit,
.popup-window > form > .head .pop-tit{display:flex; align-items:center; padding-left:20px; line-height:1.65em; color:#202020; font-family:tjs; font-size:22px; font-weight:300; letter-spacing:-1px}

.popup-window .body {position:relative; background-color:#fff; border-radius:0 0 8px 8px; box-sizing:border-box}
.popup-window .body .pop-contents{position:relative; min-height:100px; padding:30px; box-sizing:border-box}
.popup-window .close-window{display:flex; align-items:center; justify-content:center; position:absolute; top:19px; right:16px; width:42px; height:42px; font-size:0; border:0; border-radius:0; background:rgba(255,255,255,0)}
.popup-window .close-window:before{content:"\eb99"; font-family:"remixicon"; font-size:28px; color:#202020}

.popup-window.menual > .head,
.popup-window.menual > form > .head{height:44px; background:#31435e; border-radius:0}
.popup-window.menual > .head:before,
.popup-window.menual > form > .head:before{display:none}
.popup-window.menual > .head .pop-tit,
.popup-window.menual > form > .head .pop-tit{padding-top:2px; color:#fff; font-weight:normal; font-size:17px;  letter-spacing:-1.2px}
.popup-window.menual .close-window{top:0; right:5px; width:44px; height:44px}
.popup-window.menual .close-window:before{color:rgba(255,255,255,1); font-size:24px}
.popup-window.menual .print-window
{
    display:inline-block;
    position:absolute;
    top:6px;
    right:47px;
    height:32px;
    padding:7px 12px;
    line-height: 1em;
    background:none;
    border:1px solid rgba(255,255,255,.2);
    font-weight:300;
    font-size:14px;
    letter-spacing:-0.8px;
    color:#fff;
    text-align:center;
    border-radius:200px;
    vertical-align:middle;
    cursor:pointer;
    box-sizing:border-box
}
.popup-window.menual .print-window i{font-size:18px}

/* popup button */
.popup-button{display:flex; align-items:center; position:relative; width:100%; margin:35px -1px 0}
.popup-button:after{content:''; display:block; clear:both}
.popup-button .button-l,
.popup-button .button-c,
.popup-button .button-r{display:flex; align-items:center}
.popup-button .button-c{margin:0 auto}
.popup-button .button-r{margin-left:auto}
.popup-button .button-l .button,
.popup-button .button-c .button,
.popup-button .button-r .button{min-width:75px; margin:0 1px}
.popup-button .side-r{position:absolute; right:0}

/* alert, confirm */
.popup-layer.alert,
.popup-layer.confirm{width:440px}
.popup-layer.alert .body .pop-contents,
.popup-layer.confirm .body .pop-contents{display:flex; justify-content:center; flex-direction:column; min-height:200px; padding:50px 20px}

.popup-layer.alert .popup-message:before,
.popup-layer.confirm .popup-message:before{display:flex; align-items:center; justify-content:center; margin-bottom:10px; font-family:remixicon; font-size:48px}
.popup-layer.alert .popup-message:before{content:'\ea20'}
.popup-layer.confirm .popup-message:before{content:'\eb80'}

/* popup message */
.popup-message{display:flex; flex-direction:column}
.popup-message .message-info{position:relative; line-height:1.45em; text-align:center; font-size:15px; font-weight:normal; color:#505050; letter-spacing:-0.5px}

.popup-message .message-confirm{display:flex; flex-direction:column; align-items:center; margin:15px 0; padding:20px 10px; text-align:center; background-color:#f4f7ff; border-radius:8px}
.popup-message .message-confirm:first-child{margin-top:0}
.popup-message .message-confirm i{display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:6px; color:#1f53cc; font-size:23px; background-color:#fff; border-radius:50%}
.popup-message .message-confirm .confirm-info{line-height:1.45em; font-size:17px; font-weight:300; color:#1f53cc; letter-spacing:-0.8px}

.popup-message .message-failed{display:flex; flex-direction:column; align-items:center; margin:15px 0; padding:30px 10px; text-align:center; background-color:#fef2f5; border-radius:8px}
.popup-message .message-failed:first-child{margin-top:0}
.popup-message .message-failed i{display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:6px; color:#d50136; font-size:22px; background-color:#fff; border-radius:50%}
.popup-message .message-failed .failed-info{line-height:1.45em; font-size:15px; font-weight:300; color:#505050; letter-spacing:-0.8px}

.popup-message .message-return{display:flex; flex-direction:column; flex:1; margin-top:25px; padding:8px; background-color:#fff; border:1px dashed #dadada; border-radius:8px}
.popup-message .message-return .return-inner{display:flex; flex-direction:column; flex:1; max-height:88px; padding:8px; overflow:hidden; overflow-y:auto; box-sizing:border-box}
.popup-message .message-return p{line-height:1.3em !important; color:#505050 !important; font-size:14px !important; font-weight:normal !important; letter-spacing:-0.4px!important}

/* popup main */
 .popup-main{display:none; height:auto !important; min-width:300px !important; margin:0; padding:0; border:2px solid #445772; z-index:10}
 .popup-main .body{position:relative; background-color:#fff; box-sizing:border-box}
 .popup-main .body .pop-contents{position:relative; padding:10px; box-sizing:border-box}
 .popup-main .body .pop-contents img{display:block; width:100%;  height:auto}
 .popup-main .util{display:flex; align-items:center; height:44px; padding:2px 10px 0; background-color:#445772; gap:4px; box-sizing:border-box}
 .popup-main .util .today,
 .popup-main .util .close{display:flex; align-items:center; justify-content:center; flex:none; height:30px; padding:0; border:1px solid rgba(255,255,255,.3); background:#2f415b; cursor:pointer}
 .popup-main .util .close:before{content:"\eb99"; font-family:"remixicon"; font-size:21px; color:#fff}
 .popup-main .util .close{width:30px; margin-left:auto}
 .popup-main .util .today{margin-left:auto}
 .popup-main .util .today span{padding:0 12px; line-height:1.3em; font-size:13px; font-weight:normal; color:#fff; letter-spacing:-0.5px}
 .popup-main .util .today + .close{margin-left:0}

 /* popup day-close */
.popup-dayclose{display:flex; align-items:center; margin-top:20px; margin:30px -20px -35px; padding:10px 20px; background-color:#798291}
.popup-dayclose .dayclose-check{display:inline-block; position:relative; min-width:18px; min-height:18px; padding-right:1px; vertical-align:middle; overflow:hidden}
.popup-dayclose .dayclose-check input[type="checkbox"]{position:absolute; top:-100px; left:0; margin:0}
.popup-dayclose .dayclose-check .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:18px; height:18px; background-color:rgba(255,255,255,.4); border-radius:2px; cursor:pointer}
.popup-dayclose .dayclose-check .check:after{content:'\eb7b'; color:rgba(255,255,255,.3); font-size:18px; font-family:remixicon}
.popup-dayclose .dayclose-check input[type='checkbox']:checked + .check:after{color:rgba(255,255,255,1); background-color:rgba(62,85,225,1)}
.popup-dayclose .dayclose-check .txt{display:flex; align-items:center; line-height:1em; padding-left:23px; padding-top:2px; font-size:14px; color:#fff; letter-spacing:-0.8px; font-weight:normal; cursor:pointer}
.popup-dayclose .dayclose-close{margin-left:auto}

/* **************************************** *
 * datepicker
 * **************************************** */
.ui-datepicker{display:none; width:17em; padding:5px !important; margin-top:2px !important; z-index:99999 !important}
.ui-datepicker .ui-datepicker-header{position:relative !important; padding:8px 0 !important; color:#fff !important; font-size:12px !important; font-weight:normal !important; background:#445772 !important; border-radius:4px 4px 0 0 !important; overflow:hidden !important}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute !important; top:0 !important; width:35px !important; height:100% !important}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{top:0 !important}
.ui-datepicker .ui-datepicker-prev{left:0 !important}
.ui-datepicker .ui-datepicker-next{right:0 !important}
.ui-datepicker .ui-datepicker-prev-hover{left:0 !important}
.ui-datepicker .ui-datepicker-next-hover{right:0 !important}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display:block !important; position:absolute !important; left:50% !important; margin-left:-8px !important; top:50% !important; margin-top:-8px !important; background:none !important}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em !important; line-height:1.8em !important; text-align:center !important}
.ui-datepicker .ui-datepicker-title select{margin:1px 0 !important}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width:40% !important}
.ui-datepicker select.ui-datepicker-month{width:30% !important}
.ui-datepicker table{table-layout:fixed !important; width:100% !important; margin:0 !important; font-size:13px !important; border-collapse:collapse !important; overflow:hidden !important}
.ui-datepicker th{padding:.7em .3em !important; text-align:center !important; border:0 !important; color:#fff !important; font-size:13px !important; font-weight:300 !important; background-color:#445772 !important}
.ui-datepicker td{border:0 !important; padding:1px !important}
.ui-datepicker td span,
.ui-datepicker td a{display:block !important; padding:5px !important; text-align:center !important; text-decoration:none !important}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right; width:auto; margin:.5em .2em .4em; padding:.2em .6em .3em .6em; cursor:pointer; overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker .ui-icon{display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat}
.ui-datepicker .ui-datepicker-prev{background:url("../images/common/btn_datepicker_left.png") no-repeat 50% 50% !important; background-size:7px 12px !important; cursor:pointer !important}
.ui-datepicker .ui-datepicker-prev-hover{background:#445772 url("../images/common/btn_datepicker_left.png") no-repeat 50% 50% !important; background-size:7px 12px !important; border:none !important}
.ui-datepicker .ui-datepicker-next{background:url("../images/common/btn_datepicker_right.png") no-repeat 50% 50% !important; background-size:7px 12px !important; cursor:pointer !important}
.ui-datepicker .ui-datepicker-next-hover{background:#445772 url("../images/common/btn_datepicker_right.png") no-repeat 50% 50% !important; background-size:7px 12px !important; border:none !important}
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month{height:22px !important; line-height:22px !important; color:#fff !important; padding:0 !important; padding-left:10px !important; font-family:pps !important; font-size:14px !important; -webkit-appearance:none !important; -moz-appearance:none !important; border:0 !important; margin:0!important; cursor:pointer !important; border-radius:0 !important;  background:#445772 url('../images/common/datepicker_combo.png') right 50% no-repeat !important; background-size:31px 34px !important}
.ui-datepicker .ui-datepicker-year option,
.ui-datepicker .ui-datepicker-month option{line-height:30px !important; font-size:14px !important; color:#202020 !important; background:#fff !important; font-weight:normal !important}
.ui-datepicker .ui-datepicker-year::-ms-expand,
.ui-datepicker .ui-datepicker-month::-ms-expand{display:none !important}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%; margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{width:100%; font-size:0; clear:both}

/* RTL support */
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px; left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px; right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0; border-left-width:1px}

/* Component containers */
.ui-datepicker.ui-widget{font-size:1em}
.ui-datepicker.ui-widget .ui-widget{font-size:1em}
.ui-datepicker.ui-widget input,
.ui-datepicker.ui-widget select,
.ui-datepicker.ui-widget textarea,
.ui-datepicker.ui-widget button{font-weight:300}
.ui-datepicker.ui-widget-content{margin-left:-1px; background:#fff; color:#404040; letter-spacing:normal; border:1px solid #d6d6d6; border-radius:4px}
.ui-datepicker.ui-widget-content a{color:#404040}
.ui-datepicker.ui-widget-header a{color:#404040}
.ui-datepicker .ui-widget-header{border:0 !important}

/* Interaction states */
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{border:1px solid #fff; background:#fff; font-weight:normal; color:#505050}
.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited{color:#404040; text-decoration:none}
.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker.ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus{border:1px solid #ddd; background:#f5f5f5; color:#2b2b2b}
.ui-datepicker .ui-state-hover a,
.ui-datepicker .ui-state-hover a:hover,
.ui-datepicker .ui-state-hover a:link,
.ui-datepicker .ui-state-hover a:visited,
.ui-datepicker .ui-state-focus a,
.ui-datepicker .ui-state-focus a:hover,
.ui-datepicker .ui-state-focus a:link,
.ui-datepicker .ui-state-focus a:visited{color:#2b2b2b; text-decoration:none}
.ui-datepicker .ui-state-active,
.ui-datepicker.ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active{border:1px solid #3382e9; background:#3382e9; color:#fff}
.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited{color:#fff; text-decoration:none}

.ui-datepicker .ui-state-disabled{cursor:default !important}

/* Interaction Cues */
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight{border:1px solid #bfd9d1; background:#eaf8f4; color:#404040}
.ui-datepicker .ui-state-highlight a,
.ui-datepicker.ui-widget-content .ui-state-highlight a,
.ui-datepicker .ui-widget-header .ui-state-highlight a{color:#404040}
.ui-datepicker .ui-state-error,
.ui-datepicker.ui-widget-content .ui-state-error,
.ui-datepicker .ui-widget-header .ui-state-error{border:1px solid #e90030; background:#fde6ea; color:#e90030}
.ui-datepicker .ui-state-error a,
.ui-datepicker.ui-widget-content .ui-state-error a,
.ui-datepicker .ui-widget-header .ui-state-error a{color:#e90030}
.ui-datepicker .ui-state-error-text,
.ui-datepicker.ui-widget-content .ui-state-error-text,
.ui-datepicker .ui-widget-header .ui-state-error-text{color:#e90030}
.ui-datepicker .ui-priority-primary,
.ui-datepicker.ui-widget-content .ui-priority-primary,
.ui-datepicker .ui-widget-header .ui-priority-primary{font-weight:normal}
.ui-datepicker .ui-priority-secondary,
.ui-datepicker.ui-widget-content .ui-priority-secondary,
.ui-datepicker .ui-widget-header .ui-priority-secondary{opacity:.7; filter:Alpha(Opacity=70); font-weight:normal}
.ui-datepicker .ui-state-disabled,
.ui-datepicker.ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled{opacity:.35; filter:Alpha(Opacity=35); background-image:none}
.ui-datepicker .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35); /* For IE8 - See #6059 */}


/* **************************************** *
 * tooltip
 * **************************************** */
.ui-tooltip
{
    padding:7px 10px !important;
    background-color:rgba(49,67,94,.9) !important;
    color:rgba(255,255,255,.98) !important;
    font-size:13px !important;
    font-weight:normal !important;
    letter-spacing:-0.4px !important;
    border:0 !important;
    border-radius:5px !important;
    box-shadow:2px 2px 5px rgb(0 0 0 / 20%) !important;
    box-sizing:border-box
}


/* **************************************** *
 * potal error
 * **************************************** */
.potal-error .error-header{background-color:#172e55}
.potal-error .error-header .header-inner{display:flex; align-items:center; width:1000px; height:100px; margin:0 auto; padding:0 20px; box-sizing:border-box}
.potal-error .error-header .error-logo{width:317px; height:51px; background:url("../images/common/error_logo.png") center no-repeat}

.potal-error .error-container{background-color:#fff}
.potal-error .error-container .container-inner{display:flex; flex-direction:column; width:1000px; margin:0 auto; padding:100px 60px}

.potal-error .error-top .error-tit .tit{display:block; position:relative; line-height:1.4em; color:#1a3c63; font-size:44px; font-weight:normal; letter-spacing:-2px}
.potal-error .error-top .error-info{margin-top:45px}
.potal-error .error-top .error-info p{position:relative; line-height:1.6em; font-size:16px; font-weight:normal; color:#505050; letter-spacing:-0.5px}
.potal-error .error-confirm{margin-top:50px}
.potal-error .error-foot{display:flex; align-items:center; margin-top:40px; padding:15px 0; border-top:1px solid #ebebeb}
.potal-error .error-foot .helpdesk{display:flex; align-items:center}
.potal-error .error-foot .helpdesk .tit,
.potal-error .error-foot .helpdesk .tel{font-size:16px; letter-spacing:-0.2px}
.potal-error .error-foot .helpdesk .tit{position:relative; margin-right:20px; color:#3e55e1; font-weight:600}
.potal-error .error-foot .helpdesk .tel{color:#505050; font-weight:300}


/* **************************************** *
 * loading
 * **************************************** */
.screen-loader{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,.8); z-index:999}
.screen-loader.active{display:block}
.screen-loader:before
{
    content:'';
    position:absolute;
    top:50%; left:50%;
    width:70px;
    height:70px;
    margin-left:-35px;
    margin-top:-35px;
    border:6px solid #d8e5f6;
    border-top:6px solid #3382e9;
    border-radius:50%;
    animation:circle_spin 1s ease 0.2s infinite;
    box-sizing:border-box
}
@keyframes circle_spin{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}

/* **************************************** *
 * tree-wrap
 * **************************************** */
 .tree-wrap{border:1px solid;}