@charset "utf-8";

@font-face { font-family: "WebFontB"; src: url(/resources/font/cj/NotoSansKR-Bold.otf); }
@font-face { font-family: "WebFontL"; src: url(/resources/font/cj/NotoSansKR-Light.otf); }
@font-face { font-family: "WebFontM"; src: url(/resources/font/cj/NotoSansKR-Medium.otf); }

@font-face { font-family: "CJOnlyOneTB"; src: url(/resources/font/onlyone/CJONLYONENEWtitleBold.woff) format('woff'); }
@font-face { font-family: "CJOnlyOneTM"; src: url(/resources/font/onlyone/CJONLYONENEWtitleMedium.woff) format('woff'); }

@font-face { font-family: "CJOnlyOneBR"; src: url(/resources/font/onlyone/CJONLYONENEWbodyRegular.woff) format('woff'); }
@font-face { font-family: "CJOnlyOneBL"; src: url(/resources/font/onlyone/CJONLYONENEWbodyLight.woff) format('woff'); }

/* 글꼴 CSS - 위험성평가 */
.aui-grid-drop-list-item:has( .raList-style){text-align:left;	font-size:larger;	margin: 1px 0px;}
.aui-grid-drop-list-item-wrapper:has( .raList-style){width: fit-content;	max-width: 2000px !important;	max-height: 500px;}
.aui-grid-drop-list-item:nth-child(odd):has( .raList-style){background : #d3d3d34a;}
.aui-grid-drop-list-item:nth-child(odd):hover:has( .raList-style){background : #4374D9;}
.aui-grid-drop-list-item:hover:has( .raList-style){font-weight: bold;}
.aui-grid-drop-list-item.aui-grid-drop-list-item-selected:has( .raList-style){background : #4374D9; color:white;}
.raList-style .raList-col {overflow: hidden;    text-overflow: ellipsis;    display:inline-block;    text-align: left;    padding-left : 5px;}
.raList-style .raList-col.rbd {border-right:solid 1px gray;}
span.raList-col:empty:before{ content: "\200b"; }

/* 공통 CSS */

*, ::after, ::before { box-sizing:border-box; }
html, body { overflow: hidden; width:100%; height:100%; font-family: WebFontL; font-size:13px; letter-spacing:-0.5px;}
h1, h2, h3, h4, h5, h6 {font-weight:400}
label { cursor:pointer; font-weight:normal; }
legend, hr, caption { position:absolute; top:0; left:-10000px; overflow:hidden; visibility:hidden;  width:0; height:0; line-height:0; font-size:0;  text-align:left }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
label, td, a { vertical-align:middle; }
ol, ul, li { list-style:none; margin : 0; }
em { font-style:normal; }
a { text-decoration:none; color:#000; }
form { display:inline; }
p { margin: 0px; }

table { width:100%; border-spacing:0; table-layout:fixed; border-collapse:collapse; }
table a{color:#071c5b;}
table a:hover{color:#0c3892;}
th, td, dt, dd { empty-cells:show; word-break:break-all }

input { ime-mode:active; }
input::-webkit-input-placeholder { color:#ccc }
input:-ms-input-placeholder { color:#ccc }
input:-mos-input-placeholder { color:#ccc }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

input[type=checkbox], input[type=radio] { margin:0 }
input[type="text"], input[type="password"] { height: 26px; line-height: normal; padding: .4em .4em; text-indent: 2px; font-size: 12px; border:.8px solid #ccc; vertical-align: middle; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: .8px solid #0b2d88; font-size: 12px; }
textarea { resize:none; border: 1px solid #ccc; font-size: 12px; }
textarea::placeholder { color:#ccc; }

img, select, input, td, th, input, select, button, textarea { vertical-align:middle }

.no-drag { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* color */
.main-background-color-1  { background-color: #ef151e; } /* CJ RED 		RGB(239,  21,  30) */
.main-background-color-2  { background-color: #ff9700; } /* CJ YELLOW	RGB(255, 151,   0) */
.main-background-color-3  { background-color: #006ecd; } /* CJ BLUE 	RGB(  0, 110,  205) */

.sub-background-color-1 { background-color: #33383e; }

/* 개별 CSS */
/* p : percent, px : pixel */
/* width percent 0 ~ 100 */
.w0p { width: 0%; } .w1p { width: 1%; } .w2p { width: 2%; } .w3p { width: 3%; } .w4p { width: 4%; } .w5p { width: 5%; } .w6p { width: 6%; } .w7p { width: 7%; } .w8p { width: 8%; } .w9p { width: 9%; } .w10p { width: 10%; } .w11p { width: 11%; } .w12p { width: 12%; } .w13p { width: 13%; } .w14p { width: 14%; } .w15p { width: 15%; } .w16p { width: 16%; } .w17p { width: 17%; } .w18p { width: 18%; } .w19p { width: 19%; } .w20p { width: 20%; } .w21p { width: 21%; } .w22p { width: 22%; } .w23p { width: 23%; } .w24p { width: 24%; } .w25p { width: 25%; } .w26p { width: 26%; } .w27p { width: 27%; } .w28p { width: 28%; } .w29p { width: 29%; } .w30p { width: 30%; } .w31p { width: 31%; } .w32p { width: 32%; } .w33p { width: 33%; } .w34p { width: 34%; } .w35p { width: 35%; } .w36p { width: 36%; } .w37p { width: 37%; } .w38p { width: 38%; } .w39p { width: 39%; } .w40p { width: 40%; } .w41p { width: 41%; } .w42p { width: 42%; } .w43p { width: 43%; } .w44p { width: 44%; } .w45p { width: 45%; } .w46p { width: 46%; } .w47p { width: 47%; } .w48p { width: 48%; } .w49p { width: 49%; } .w50p { width: 50%; } .w51p { width: 51%; } .w52p { width: 52%; } .w53p { width: 53%; } .w54p { width: 54%; } .w55p { width: 55%; } .w56p { width: 56%; } .w57p { width: 57%; } .w58p { width: 58%; } .w59p { width: 59%; } .w60p { width: 60%; } .w61p { width: 61%; } .w62p { width: 62%; } .w63p { width: 63%; } .w64p { width: 64%; } .w65p { width: 65%; } .w66p { width: 66%; } .w67p { width: 67%; } .w68p { width: 68%; } .w69p { width: 69%; } .w70p { width: 70%; } .w71p { width: 71%; } .w72p { width: 72%; } .w73p { width: 73%; } .w74p { width: 74%; } .w75p { width: 75%; } .w76p { width: 76%; } .w77p { width: 77%; } .w78p { width: 78%; } .w79p { width: 79%; } .w80p { width: 80%; } .w81p { width: 81%; } .w82p { width: 82%; } .w83p { width: 83%; } .w84p { width: 84%; } .w85p { width: 85%; } .w86p { width: 86%; } .w87p { width: 87%; } .w88p { width: 88%; } .w89p { width: 89%; } .w90p { width: 90%; } .w91p { width: 91%; } .w92p { width: 92%; } .w93p { width: 93%; } .w94p { width: 94%; } .w95p { width: 95%; } .w96p { width: 96%; } .w97p { width: 97%; } .w98p { width: 98%; } .w99p { width: 99%; } .w100p { width: 100%; }
/* width pixel 0 ~ 500 */
.w0px { width: 0px; } .w1px { width: 1px; } .w2px { width: 2px; } .w3px { width: 3px; } .w4px { width: 4px; } .w5px { width: 5px; } .w6px { width: 6px; } .w7px { width: 7px; } .w8px { width: 8px; } .w9px { width: 9px; } .w10px { width: 10px; } .w11px { width: 11px; } .w12px { width: 12px; } .w13px { width: 13px; } .w14px { width: 14px; } .w15px { width: 15px; } .w16px { width: 16px; } .w17px { width: 17px; } .w18px { width: 18px; } .w19px { width: 19px; } .w20px { width: 20px; } .w21px { width: 21px; } .w22px { width: 22px; } .w23px { width: 23px; } .w24px { width: 24px; } .w25px { width: 25px; } .w26px { width: 26px; } .w27px { width: 27px; } .w28px { width: 28px; } .w29px { width: 29px; } .w30px { width: 30px; } .w31px { width: 31px; } .w32px { width: 32px; } .w33px { width: 33px; } .w34px { width: 34px; } .w35px { width: 35px; } .w36px { width: 36px; } .w37px { width: 37px; } .w38px { width: 38px; } .w39px { width: 39px; } .w40px { width: 40px; } .w41px { width: 41px; } .w42px { width: 42px; } .w43px { width: 43px; } .w44px { width: 44px; } .w45px { width: 45px; } .w46px { width: 46px; } .w47px { width: 47px; } .w48px { width: 48px; } .w49px { width: 49px; } .w50px { width: 50px; } .w51px { width: 51px; } .w52px { width: 52px; } .w53px { width: 53px; } .w54px { width: 54px; } .w55px { width: 55px; } .w56px { width: 56px; } .w57px { width: 57px; } .w58px { width: 58px; } .w59px { width: 59px; } .w60px { width: 60px; } .w61px { width: 61px; } .w62px { width: 62px; } .w63px { width: 63px; } .w64px { width: 64px; } .w65px { width: 65px; } .w66px { width: 66px; } .w67px { width: 67px; } .w68px { width: 68px; } .w69px { width: 69px; } .w70px { width: 70px; } .w71px { width: 71px; } .w72px { width: 72px; } .w73px { width: 73px; } .w74px { width: 74px; } .w75px { width: 75px; } .w76px { width: 76px; } .w77px { width: 77px; } .w78px { width: 78px; } .w79px { width: 79px; } .w80px { width: 80px; } .w81px { width: 81px; } .w82px { width: 82px; } .w83px { width: 83px; } .w84px { width: 84px; } .w85px { width: 85px; } .w86px { width: 86px; } .w87px { width: 87px; } .w88px { width: 88px; } .w89px { width: 89px; } .w90px { width: 90px; } .w91px { width: 91px; } .w92px { width: 92px; } .w93px { width: 93px; } .w94px { width: 94px; } .w95px { width: 95px; } .w96px { width: 96px; } .w97px { width: 97px; } .w98px { width: 98px; } .w99px { width: 99px; } .w100px { width: 100px; } .w101px { width: 101px; } .w102px { width: 102px; } .w103px { width: 103px; } .w104px { width: 104px; } .w105px { width: 105px; } .w106px { width: 106px; } .w107px { width: 107px; } .w108px { width: 108px; } .w109px { width: 109px; } .w110px { width: 110px; } .w111px { width: 111px; } .w112px { width: 112px; } .w113px { width: 113px; } .w114px { width: 114px; } .w115px { width: 115px; } .w116px { width: 116px; } .w117px { width: 117px; } .w118px { width: 118px; } .w119px { width: 119px; } .w120px { width: 120px; } .w121px { width: 121px; } .w122px { width: 122px; } .w123px { width: 123px; } .w124px { width: 124px; } .w125px { width: 125px; } .w126px { width: 126px; } .w127px { width: 127px; } .w128px { width: 128px; } .w129px { width: 129px; } .w130px { width: 130px; } .w131px { width: 131px; } .w132px { width: 132px; } .w133px { width: 133px; } .w134px { width: 134px; } .w135px { width: 135px; } .w136px { width: 136px; } .w137px { width: 137px; } .w138px { width: 138px; } .w139px { width: 139px; } .w140px { width: 140px; } .w141px { width: 141px; } .w142px { width: 142px; } .w143px { width: 143px; } .w144px { width: 144px; } .w145px { width: 145px; } .w146px { width: 146px; } .w147px { width: 147px; } .w148px { width: 148px; } .w149px { width: 149px; } .w150px { width: 150px; } .w151px { width: 151px; } .w152px { width: 152px; } .w153px { width: 153px; } .w154px { width: 154px; } .w155px { width: 155px; } .w156px { width: 156px; } .w157px { width: 157px; } .w158px { width: 158px; } .w159px { width: 159px; } .w160px { width: 160px; } .w161px { width: 161px; } .w162px { width: 162px; } .w163px { width: 163px; } .w164px { width: 164px; } .w165px { width: 165px; } .w166px { width: 166px; } .w167px { width: 167px; } .w168px { width: 168px; } .w169px { width: 169px; } .w170px { width: 170px; } .w171px { width: 171px; } .w172px { width: 172px; } .w173px { width: 173px; } .w174px { width: 174px; } .w175px { width: 175px; } .w176px { width: 176px; } .w177px { width: 177px; } .w178px { width: 178px; } .w179px { width: 179px; } .w180px { width: 180px; } .w181px { width: 181px; } .w182px { width: 182px; } .w183px { width: 183px; } .w184px { width: 184px; } .w185px { width: 185px; } .w186px { width: 186px; } .w187px { width: 187px; } .w188px { width: 188px; } .w189px { width: 189px; } .w190px { width: 190px; } .w191px { width: 191px; } .w192px { width: 192px; } .w193px { width: 193px; } .w194px { width: 194px; } .w195px { width: 195px; } .w196px { width: 196px; } .w197px { width: 197px; } .w198px { width: 198px; } .w199px { width: 199px; } .w200px { width: 200px; } .w201px { width: 201px; } .w202px { width: 202px; } .w203px { width: 203px; } .w204px { width: 204px; } .w205px { width: 205px; } .w206px { width: 206px; } .w207px { width: 207px; } .w208px { width: 208px; } .w209px { width: 209px; } .w210px { width: 210px; } .w211px { width: 211px; } .w212px { width: 212px; } .w213px { width: 213px; } .w214px { width: 214px; } .w215px { width: 215px; } .w216px { width: 216px; } .w217px { width: 217px; } .w218px { width: 218px; } .w219px { width: 219px; } .w220px { width: 220px; } .w221px { width: 221px; } .w222px { width: 222px; } .w223px { width: 223px; } .w224px { width: 224px; } .w225px { width: 225px; } .w226px { width: 226px; } .w227px { width: 227px; } .w228px { width: 228px; } .w229px { width: 229px; } .w230px { width: 230px; } .w231px { width: 231px; } .w232px { width: 232px; } .w233px { width: 233px; } .w234px { width: 234px; } .w235px { width: 235px; } .w236px { width: 236px; } .w237px { width: 237px; } .w238px { width: 238px; } .w239px { width: 239px; } .w240px { width: 240px; } .w241px { width: 241px; } .w242px { width: 242px; } .w243px { width: 243px; } .w244px { width: 244px; } .w245px { width: 245px; } .w246px { width: 246px; } .w247px { width: 247px; } .w248px { width: 248px; } .w249px { width: 249px; } .w250px { width: 250px; } .w251px { width: 251px; } .w252px { width: 252px; } .w253px { width: 253px; } .w254px { width: 254px; } .w255px { width: 255px; } .w256px { width: 256px; } .w257px { width: 257px; } .w258px { width: 258px; } .w259px { width: 259px; } .w260px { width: 260px; } .w261px { width: 261px; } .w262px { width: 262px; } .w263px { width: 263px; } .w264px { width: 264px; } .w265px { width: 265px; } .w266px { width: 266px; } .w267px { width: 267px; } .w268px { width: 268px; } .w269px { width: 269px; } .w270px { width: 270px; } .w271px { width: 271px; } .w272px { width: 272px; } .w273px { width: 273px; } .w274px { width: 274px; } .w275px { width: 275px; } .w276px { width: 276px; } .w277px { width: 277px; } .w278px { width: 278px; } .w279px { width: 279px; } .w280px { width: 280px; } .w281px { width: 281px; } .w282px { width: 282px; } .w283px { width: 283px; } .w284px { width: 284px; } .w285px { width: 285px; } .w286px { width: 286px; } .w287px { width: 287px; } .w288px { width: 288px; } .w289px { width: 289px; } .w290px { width: 290px; } .w291px { width: 291px; } .w292px { width: 292px; } .w293px { width: 293px; } .w294px { width: 294px; } .w295px { width: 295px; } .w296px { width: 296px; } .w297px { width: 297px; } .w298px { width: 298px; } .w299px { width: 299px; } .w300px { width: 300px; } .w301px { width: 301px; } .w302px { width: 302px; } .w303px { width: 303px; } .w304px { width: 304px; } .w305px { width: 305px; } .w306px { width: 306px; } .w307px { width: 307px; } .w308px { width: 308px; } .w309px { width: 309px; } .w310px { width: 310px; } .w311px { width: 311px; } .w312px { width: 312px; } .w313px { width: 313px; } .w314px { width: 314px; } .w315px { width: 315px; } .w316px { width: 316px; } .w317px { width: 317px; } .w318px { width: 318px; } .w319px { width: 319px; } .w320px { width: 320px; } .w321px { width: 321px; } .w322px { width: 322px; } .w323px { width: 323px; } .w324px { width: 324px; } .w325px { width: 325px; } .w326px { width: 326px; } .w327px { width: 327px; } .w328px { width: 328px; } .w329px { width: 329px; } .w330px { width: 330px; } .w331px { width: 331px; } .w332px { width: 332px; } .w333px { width: 333px; } .w334px { width: 334px; } .w335px { width: 335px; } .w336px { width: 336px; } .w337px { width: 337px; } .w338px { width: 338px; } .w339px { width: 339px; } .w340px { width: 340px; } .w341px { width: 341px; } .w342px { width: 342px; } .w343px { width: 343px; } .w344px { width: 344px; } .w345px { width: 345px; } .w346px { width: 346px; } .w347px { width: 347px; } .w348px { width: 348px; } .w349px { width: 349px; } .w350px { width: 350px; } .w351px { width: 351px; } .w352px { width: 352px; } .w353px { width: 353px; } .w354px { width: 354px; } .w355px { width: 355px; } .w356px { width: 356px; } .w357px { width: 357px; } .w358px { width: 358px; } .w359px { width: 359px; } .w360px { width: 360px; } .w361px { width: 361px; } .w362px { width: 362px; } .w363px { width: 363px; } .w364px { width: 364px; } .w365px { width: 365px; } .w366px { width: 366px; } .w367px { width: 367px; } .w368px { width: 368px; } .w369px { width: 369px; } .w370px { width: 370px; } .w371px { width: 371px; } .w372px { width: 372px; } .w373px { width: 373px; } .w374px { width: 374px; } .w375px { width: 375px; } .w376px { width: 376px; } .w377px { width: 377px; } .w378px { width: 378px; } .w379px { width: 379px; } .w380px { width: 380px; } .w381px { width: 381px; } .w382px { width: 382px; } .w383px { width: 383px; } .w384px { width: 384px; } .w385px { width: 385px; } .w386px { width: 386px; } .w387px { width: 387px; } .w388px { width: 388px; } .w389px { width: 389px; } .w390px { width: 390px; } .w391px { width: 391px; } .w392px { width: 392px; } .w393px { width: 393px; } .w394px { width: 394px; } .w395px { width: 395px; } .w396px { width: 396px; } .w397px { width: 397px; } .w398px { width: 398px; } .w399px { width: 399px; } .w400px { width: 400px; } .w401px { width: 401px; } .w402px { width: 402px; } .w403px { width: 403px; } .w404px { width: 404px; } .w405px { width: 405px; } .w406px { width: 406px; } .w407px { width: 407px; } .w408px { width: 408px; } .w409px { width: 409px; } .w410px { width: 410px; } .w411px { width: 411px; } .w412px { width: 412px; } .w413px { width: 413px; } .w414px { width: 414px; } .w415px { width: 415px; } .w416px { width: 416px; } .w417px { width: 417px; } .w418px { width: 418px; } .w419px { width: 419px; } .w420px { width: 420px; } .w421px { width: 421px; } .w422px { width: 422px; } .w423px { width: 423px; } .w424px { width: 424px; } .w425px { width: 425px; } .w426px { width: 426px; } .w427px { width: 427px; } .w428px { width: 428px; } .w429px { width: 429px; } .w430px { width: 430px; } .w431px { width: 431px; } .w432px { width: 432px; } .w433px { width: 433px; } .w434px { width: 434px; } .w435px { width: 435px; } .w436px { width: 436px; } .w437px { width: 437px; } .w438px { width: 438px; } .w439px { width: 439px; } .w440px { width: 440px; } .w441px { width: 441px; } .w442px { width: 442px; } .w443px { width: 443px; } .w444px { width: 444px; } .w445px { width: 445px; } .w446px { width: 446px; } .w447px { width: 447px; } .w448px { width: 448px; } .w449px { width: 449px; } .w450px { width: 450px; } .w451px { width: 451px; } .w452px { width: 452px; } .w453px { width: 453px; } .w454px { width: 454px; } .w455px { width: 455px; } .w456px { width: 456px; } .w457px { width: 457px; } .w458px { width: 458px; } .w459px { width: 459px; } .w460px { width: 460px; } .w461px { width: 461px; } .w462px { width: 462px; } .w463px { width: 463px; } .w464px { width: 464px; } .w465px { width: 465px; } .w466px { width: 466px; } .w467px { width: 467px; } .w468px { width: 468px; } .w469px { width: 469px; } .w470px { width: 470px; } .w471px { width: 471px; } .w472px { width: 472px; } .w473px { width: 473px; } .w474px { width: 474px; } .w475px { width: 475px; } .w476px { width: 476px; } .w477px { width: 477px; } .w478px { width: 478px; } .w479px { width: 479px; } .w480px { width: 480px; } .w481px { width: 481px; } .w482px { width: 482px; } .w483px { width: 483px; } .w484px { width: 484px; } .w485px { width: 485px; } .w486px { width: 486px; } .w487px { width: 487px; } .w488px { width: 488px; } .w489px { width: 489px; } .w490px { width: 490px; } .w491px { width: 491px; } .w492px { width: 492px; } .w493px { width: 493px; } .w494px { width: 494px; } .w495px { width: 495px; } .w496px { width: 496px; } .w497px { width: 497px; } .w498px { width: 498px; } .w499px { width: 499px; } .w500px { width: 500px; }
/* height percent 0 ~ 100 */
.h0p { height: 0%; } .h1p { height: 1%; } .h2p { height: 2%; } .h3p { height: 3%; } .h4p { height: 4%; } .h5p { height: 5%; } .h6p { height: 6%; } .h7p { height: 7%; } .h8p { height: 8%; } .h9p { height: 9%; } .h10p { height: 10%; } .h11p { height: 11%; } .h12p { height: 12%; } .h13p { height: 13%; } .h14p { height: 14%; } .h15p { height: 15%; } .h16p { height: 16%; } .h17p { height: 17%; } .h18p { height: 18%; } .h19p { height: 19%; } .h20p { height: 20%; } .h21p { height: 21%; } .h22p { height: 22%; } .h23p { height: 23%; } .h24p { height: 24%; } .h25p { height: 25%; } .h26p { height: 26%; } .h27p { height: 27%; } .h28p { height: 28%; } .h29p { height: 29%; } .h30p { height: 30%; } .h31p { height: 31%; } .h32p { height: 32%; } .h33p { height: 33%; } .h34p { height: 34%; } .h35p { height: 35%; } .h36p { height: 36%; } .h37p { height: 37%; } .h38p { height: 38%; } .h39p { height: 39%; } .h40p { height: 40%; } .h41p { height: 41%; } .h42p { height: 42%; } .h43p { height: 43%; } .h44p { height: 44%; } .h45p { height: 45%; } .h46p { height: 46%; } .h47p { height: 47%; } .h48p { height: 48%; } .h49p { height: 49%; } .h50p { height: 50%; } .h51p { height: 51%; } .h52p { height: 52%; } .h53p { height: 53%; } .h54p { height: 54%; } .h55p { height: 55%; } .h56p { height: 56%; } .h57p { height: 57%; } .h58p { height: 58%; } .h59p { height: 59%; } .h60p { height: 60%; } .h61p { height: 61%; } .h62p { height: 62%; } .h63p { height: 63%; } .h64p { height: 64%; } .h65p { height: 65%; } .h66p { height: 66%; } .h67p { height: 67%; } .h68p { height: 68%; } .h69p { height: 69%; } .h70p { height: 70%; } .h71p { height: 71%; } .h72p { height: 72%; } .h73p { height: 73%; } .h74p { height: 74%; } .h75p { height: 75%; } .h76p { height: 76%; } .h77p { height: 77%; } .h78p { height: 78%; } .h79p { height: 79%; } .h80p { height: 80%; } .h81p { height: 81%; } .h82p { height: 82%; } .h83p { height: 83%; } .h84p { height: 84%; } .h85p { height: 85%; } .h86p { height: 86%; } .h87p { height: 87%; } .h88p { height: 88%; } .h89p { height: 89%; } .h90p { height: 90%; } .h91p { height: 91%; } .h92p { height: 92%; } .h93p { height: 93%; } .h94p { height: 94%; } .h95p { height: 95%; } .h96p { height: 96%; } .h97p { height: 97%; } .h98p { height: 98%; } .h99p { height: 99%; } .h100p { height: 100%; }
/* height pixel 0 ~ 500 */
.h0px { height: 0px; } .h1px { height: 1px; } .h2px { height: 2px; } .h3px { height: 3px; } .h4px { height: 4px; } .h5px { height: 5px; } .h6px { height: 6px; } .h7px { height: 7px; } .h8px { height: 8px; } .h9px { height: 9px; } .h10px { height: 10px; } .h11px { height: 11px; } .h12px { height: 12px; } .h13px { height: 13px; } .h14px { height: 14px; } .h15px { height: 15px; } .h16px { height: 16px; } .h17px { height: 17px; } .h18px { height: 18px; } .h19px { height: 19px; } .h20px { height: 20px; } .h21px { height: 21px; } .h22px { height: 22px; } .h23px { height: 23px; } .h24px { height: 24px; } .h25px { height: 25px; } .h26px { height: 26px; } .h27px { height: 27px; } .h28px { height: 28px; } .h29px { height: 29px; } .h30px { height: 30px; } .h31px { height: 31px; } .h32px { height: 32px; } .h33px { height: 33px; } .h34px { height: 34px; } .h35px { height: 35px; } .h36px { height: 36px; } .h37px { height: 37px; } .h38px { height: 38px; } .h39px { height: 39px; } .h40px { height: 40px; } .h41px { height: 41px; } .h42px { height: 42px; } .h43px { height: 43px; } .h44px { height: 44px; } .h45px { height: 45px; } .h46px { height: 46px; } .h47px { height: 47px; } .h48px { height: 48px; } .h49px { height: 49px; } .h50px { height: 50px; } .h51px { height: 51px; } .h52px { height: 52px; } .h53px { height: 53px; } .h54px { height: 54px; } .h55px { height: 55px; } .h56px { height: 56px; } .h57px { height: 57px; } .h58px { height: 58px; } .h59px { height: 59px; } .h60px { height: 60px; } .h61px { height: 61px; } .h62px { height: 62px; } .h63px { height: 63px; } .h64px { height: 64px; } .h65px { height: 65px; } .h66px { height: 66px; } .h67px { height: 67px; } .h68px { height: 68px; } .h69px { height: 69px; } .h70px { height: 70px; } .h71px { height: 71px; } .h72px { height: 72px; } .h73px { height: 73px; } .h74px { height: 74px; } .h75px { height: 75px; } .h76px { height: 76px; } .h77px { height: 77px; } .h78px { height: 78px; } .h79px { height: 79px; } .h80px { height: 80px; } .h81px { height: 81px; } .h82px { height: 82px; } .h83px { height: 83px; } .h84px { height: 84px; } .h85px { height: 85px; } .h86px { height: 86px; } .h87px { height: 87px; } .h88px { height: 88px; } .h89px { height: 89px; } .h90px { height: 90px; } .h91px { height: 91px; } .h92px { height: 92px; } .h93px { height: 93px; } .h94px { height: 94px; } .h95px { height: 95px; } .h96px { height: 96px; } .h97px { height: 97px; } .h98px { height: 98px; } .h99px { height: 99px; } .h100px { height: 100px; } .h101px { height: 101px; } .h102px { height: 102px; } .h103px { height: 103px; } .h104px { height: 104px; } .h105px { height: 105px; } .h106px { height: 106px; } .h107px { height: 107px; } .h108px { height: 108px; } .h109px { height: 109px; } .h110px { height: 110px; } .h111px { height: 111px; } .h112px { height: 112px; } .h113px { height: 113px; } .h114px { height: 114px; } .h115px { height: 115px; } .h116px { height: 116px; } .h117px { height: 117px; } .h118px { height: 118px; } .h119px { height: 119px; } .h120px { height: 120px; } .h121px { height: 121px; } .h122px { height: 122px; } .h123px { height: 123px; } .h124px { height: 124px; } .h125px { height: 125px; } .h126px { height: 126px; } .h127px { height: 127px; } .h128px { height: 128px; } .h129px { height: 129px; } .h130px { height: 130px; } .h131px { height: 131px; } .h132px { height: 132px; } .h133px { height: 133px; } .h134px { height: 134px; } .h135px { height: 135px; } .h136px { height: 136px; } .h137px { height: 137px; } .h138px { height: 138px; } .h139px { height: 139px; } .h140px { height: 140px; } .h141px { height: 141px; } .h142px { height: 142px; } .h143px { height: 143px; } .h144px { height: 144px; } .h145px { height: 145px; } .h146px { height: 146px; } .h147px { height: 147px; } .h148px { height: 148px; } .h149px { height: 149px; } .h150px { height: 150px; } .h151px { height: 151px; } .h152px { height: 152px; } .h153px { height: 153px; } .h154px { height: 154px; } .h155px { height: 155px; } .h156px { height: 156px; } .h157px { height: 157px; } .h158px { height: 158px; } .h159px { height: 159px; } .h160px { height: 160px; } .h161px { height: 161px; } .h162px { height: 162px; } .h163px { height: 163px; } .h164px { height: 164px; } .h165px { height: 165px; } .h166px { height: 166px; } .h167px { height: 167px; } .h168px { height: 168px; } .h169px { height: 169px; } .h170px { height: 170px; } .h171px { height: 171px; } .h172px { height: 172px; } .h173px { height: 173px; } .h174px { height: 174px; } .h175px { height: 175px; } .h176px { height: 176px; } .h177px { height: 177px; } .h178px { height: 178px; } .h179px { height: 179px; } .h180px { height: 180px; } .h181px { height: 181px; } .h182px { height: 182px; } .h183px { height: 183px; } .h184px { height: 184px; } .h185px { height: 185px; } .h186px { height: 186px; } .h187px { height: 187px; } .h188px { height: 188px; } .h189px { height: 189px; } .h190px { height: 190px; } .h191px { height: 191px; } .h192px { height: 192px; } .h193px { height: 193px; } .h194px { height: 194px; } .h195px { height: 195px; } .h196px { height: 196px; } .h197px { height: 197px; } .h198px { height: 198px; } .h199px { height: 199px; } .h200px { height: 200px; } .h201px { height: 201px; } .h202px { height: 202px; } .h203px { height: 203px; } .h204px { height: 204px; } .h205px { height: 205px; } .h206px { height: 206px; } .h207px { height: 207px; } .h208px { height: 208px; } .h209px { height: 209px; } .h210px { height: 210px; } .h211px { height: 211px; } .h212px { height: 212px; } .h213px { height: 213px; } .h214px { height: 214px; } .h215px { height: 215px; } .h216px { height: 216px; } .h217px { height: 217px; } .h218px { height: 218px; } .h219px { height: 219px; } .h220px { height: 220px; } .h221px { height: 221px; } .h222px { height: 222px; } .h223px { height: 223px; } .h224px { height: 224px; } .h225px { height: 225px; } .h226px { height: 226px; } .h227px { height: 227px; } .h228px { height: 228px; } .h229px { height: 229px; } .h230px { height: 230px; } .h231px { height: 231px; } .h232px { height: 232px; } .h233px { height: 233px; } .h234px { height: 234px; } .h235px { height: 235px; } .h236px { height: 236px; } .h237px { height: 237px; } .h238px { height: 238px; } .h239px { height: 239px; } .h240px { height: 240px; } .h241px { height: 241px; } .h242px { height: 242px; } .h243px { height: 243px; } .h244px { height: 244px; } .h245px { height: 245px; } .h246px { height: 246px; } .h247px { height: 247px; } .h248px { height: 248px; } .h249px { height: 249px; } .h250px { height: 250px; } .h251px { height: 251px; } .h252px { height: 252px; } .h253px { height: 253px; } .h254px { height: 254px; } .h255px { height: 255px; } .h256px { height: 256px; } .h257px { height: 257px; } .h258px { height: 258px; } .h259px { height: 259px; } .h260px { height: 260px; } .h261px { height: 261px; } .h262px { height: 262px; } .h263px { height: 263px; } .h264px { height: 264px; } .h265px { height: 265px; } .h266px { height: 266px; } .h267px { height: 267px; } .h268px { height: 268px; } .h269px { height: 269px; } .h270px { height: 270px; } .h271px { height: 271px; } .h272px { height: 272px; } .h273px { height: 273px; } .h274px { height: 274px; } .h275px { height: 275px; } .h276px { height: 276px; } .h277px { height: 277px; } .h278px { height: 278px; } .h279px { height: 279px; } .h280px { height: 280px; } .h281px { height: 281px; } .h282px { height: 282px; } .h283px { height: 283px; } .h284px { height: 284px; } .h285px { height: 285px; } .h286px { height: 286px; } .h287px { height: 287px; } .h288px { height: 288px; } .h289px { height: 289px; } .h290px { height: 290px; } .h291px { height: 291px; } .h292px { height: 292px; } .h293px { height: 293px; } .h294px { height: 294px; } .h295px { height: 295px; } .h296px { height: 296px; } .h297px { height: 297px; } .h298px { height: 298px; } .h299px { height: 299px; } .h300px { height: 300px; } .h301px { height: 301px; } .h302px { height: 302px; } .h303px { height: 303px; } .h304px { height: 304px; } .h305px { height: 305px; } .h306px { height: 306px; } .h307px { height: 307px; } .h308px { height: 308px; } .h309px { height: 309px; } .h310px { height: 310px; } .h311px { height: 311px; } .h312px { height: 312px; } .h313px { height: 313px; } .h314px { height: 314px; } .h315px { height: 315px; } .h316px { height: 316px; } .h317px { height: 317px; } .h318px { height: 318px; } .h319px { height: 319px; } .h320px { height: 320px; } .h321px { height: 321px; } .h322px { height: 322px; } .h323px { height: 323px; } .h324px { height: 324px; } .h325px { height: 325px; } .h326px { height: 326px; } .h327px { height: 327px; } .h328px { height: 328px; } .h329px { height: 329px; } .h330px { height: 330px; } .h331px { height: 331px; } .h332px { height: 332px; } .h333px { height: 333px; } .h334px { height: 334px; } .h335px { height: 335px; } .h336px { height: 336px; } .h337px { height: 337px; } .h338px { height: 338px; } .h339px { height: 339px; } .h340px { height: 340px; } .h341px { height: 341px; } .h342px { height: 342px; } .h343px { height: 343px; } .h344px { height: 344px; } .h345px { height: 345px; } .h346px { height: 346px; } .h347px { height: 347px; } .h348px { height: 348px; } .h349px { height: 349px; } .h350px { height: 350px; } .h351px { height: 351px; } .h352px { height: 352px; } .h353px { height: 353px; } .h354px { height: 354px; } .h355px { height: 355px; } .h356px { height: 356px; } .h357px { height: 357px; } .h358px { height: 358px; } .h359px { height: 359px; } .h360px { height: 360px; } .h361px { height: 361px; } .h362px { height: 362px; } .h363px { height: 363px; } .h364px { height: 364px; } .h365px { height: 365px; } .h366px { height: 366px; } .h367px { height: 367px; } .h368px { height: 368px; } .h369px { height: 369px; } .h370px { height: 370px; } .h371px { height: 371px; } .h372px { height: 372px; } .h373px { height: 373px; } .h374px { height: 374px; } .h375px { height: 375px; } .h376px { height: 376px; } .h377px { height: 377px; } .h378px { height: 378px; } .h379px { height: 379px; } .h380px { height: 380px; } .h381px { height: 381px; } .h382px { height: 382px; } .h383px { height: 383px; } .h384px { height: 384px; } .h385px { height: 385px; } .h386px { height: 386px; } .h387px { height: 387px; } .h388px { height: 388px; } .h389px { height: 389px; } .h390px { height: 390px; } .h391px { height: 391px; } .h392px { height: 392px; } .h393px { height: 393px; } .h394px { height: 394px; } .h395px { height: 395px; } .h396px { height: 396px; } .h397px { height: 397px; } .h398px { height: 398px; } .h399px { height: 399px; } .h400px { height: 400px; } .h401px { height: 401px; } .h402px { height: 402px; } .h403px { height: 403px; } .h404px { height: 404px; } .h405px { height: 405px; } .h406px { height: 406px; } .h407px { height: 407px; } .h408px { height: 408px; } .h409px { height: 409px; } .h410px { height: 410px; } .h411px { height: 411px; } .h412px { height: 412px; } .h413px { height: 413px; } .h414px { height: 414px; } .h415px { height: 415px; } .h416px { height: 416px; } .h417px { height: 417px; } .h418px { height: 418px; } .h419px { height: 419px; } .h420px { height: 420px; } .h421px { height: 421px; } .h422px { height: 422px; } .h423px { height: 423px; } .h424px { height: 424px; } .h425px { height: 425px; } .h426px { height: 426px; } .h427px { height: 427px; } .h428px { height: 428px; } .h429px { height: 429px; } .h430px { height: 430px; } .h431px { height: 431px; } .h432px { height: 432px; } .h433px { height: 433px; } .h434px { height: 434px; } .h435px { height: 435px; } .h436px { height: 436px; } .h437px { height: 437px; } .h438px { height: 438px; } .h439px { height: 439px; } .h440px { height: 440px; } .h441px { height: 441px; } .h442px { height: 442px; } .h443px { height: 443px; } .h444px { height: 444px; } .h445px { height: 445px; } .h446px { height: 446px; } .h447px { height: 447px; } .h448px { height: 448px; } .h449px { height: 449px; } .h450px { height: 450px; } .h451px { height: 451px; } .h452px { height: 452px; } .h453px { height: 453px; } .h454px { height: 454px; } .h455px { height: 455px; } .h456px { height: 456px; } .h457px { height: 457px; } .h458px { height: 458px; } .h459px { height: 459px; } .h460px { height: 460px; } .h461px { height: 461px; } .h462px { height: 462px; } .h463px { height: 463px; } .h464px { height: 464px; } .h465px { height: 465px; } .h466px { height: 466px; } .h467px { height: 467px; } .h468px { height: 468px; } .h469px { height: 469px; } .h470px { height: 470px; } .h471px { height: 471px; } .h472px { height: 472px; } .h473px { height: 473px; } .h474px { height: 474px; } .h475px { height: 475px; } .h476px { height: 476px; } .h477px { height: 477px; } .h478px { height: 478px; } .h479px { height: 479px; } .h480px { height: 480px; } .h481px { height: 481px; } .h482px { height: 482px; } .h483px { height: 483px; } .h484px { height: 484px; } .h485px { height: 485px; } .h486px { height: 486px; } .h487px { height: 487px; } .h488px { height: 488px; } .h489px { height: 489px; } .h490px { height: 490px; } .h491px { height: 491px; } .h492px { height: 492px; } .h493px { height: 493px; } .h494px { height: 494px; } .h495px { height: 495px; } .h496px { height: 496px; } .h497px { height: 497px; } .h498px { height: 498px; } .h499px { height: 499px; } .h500px { height: 500px; }

/* margin-left pixel 0 ~ 100 */
.ml0px { margin-left: 0px; } .ml1px { margin-left: 1px; } .ml2px { margin-left: 2px; } .ml3px { margin-left: 3px; } .ml4px { margin-left: 4px; } .ml5px { margin-left: 5px; } .ml6px { margin-left: 6px; } .ml7px { margin-left: 7px; } .ml8px { margin-left: 8px; } .ml9px { margin-left: 9px; } .ml10px { margin-left: 10px; } .ml11px { margin-left: 11px; } .ml12px { margin-left: 12px; } .ml13px { margin-left: 13px; } .ml14px { margin-left: 14px; } .ml15px { margin-left: 15px; } .ml16px { margin-left: 16px; } .ml17px { margin-left: 17px; } .ml18px { margin-left: 18px; } .ml19px { margin-left: 19px; } .ml20px { margin-left: 20px; } .ml21px { margin-left: 21px; } .ml22px { margin-left: 22px; } .ml23px { margin-left: 23px; } .ml24px { margin-left: 24px; } .ml25px { margin-left: 25px; } .ml26px { margin-left: 26px; } .ml27px { margin-left: 27px; } .ml28px { margin-left: 28px; } .ml29px { margin-left: 29px; } .ml30px { margin-left: 30px; } .ml31px { margin-left: 31px; } .ml32px { margin-left: 32px; } .ml33px { margin-left: 33px; } .ml34px { margin-left: 34px; } .ml35px { margin-left: 35px; } .ml36px { margin-left: 36px; } .ml37px { margin-left: 37px; } .ml38px { margin-left: 38px; } .ml39px { margin-left: 39px; } .ml40px { margin-left: 40px; } .ml41px { margin-left: 41px; } .ml42px { margin-left: 42px; } .ml43px { margin-left: 43px; } .ml44px { margin-left: 44px; } .ml45px { margin-left: 45px; } .ml46px { margin-left: 46px; } .ml47px { margin-left: 47px; } .ml48px { margin-left: 48px; } .ml49px { margin-left: 49px; } .ml50px { margin-left: 50px; } .ml51px { margin-left: 51px; } .ml52px { margin-left: 52px; } .ml53px { margin-left: 53px; } .ml54px { margin-left: 54px; } .ml55px { margin-left: 55px; } .ml56px { margin-left: 56px; } .ml57px { margin-left: 57px; } .ml58px { margin-left: 58px; } .ml59px { margin-left: 59px; } .ml60px { margin-left: 60px; } .ml61px { margin-left: 61px; } .ml62px { margin-left: 62px; } .ml63px { margin-left: 63px; } .ml64px { margin-left: 64px; } .ml65px { margin-left: 65px; } .ml66px { margin-left: 66px; } .ml67px { margin-left: 67px; } .ml68px { margin-left: 68px; } .ml69px { margin-left: 69px; } .ml70px { margin-left: 70px; } .ml71px { margin-left: 71px; } .ml72px { margin-left: 72px; } .ml73px { margin-left: 73px; } .ml74px { margin-left: 74px; } .ml75px { margin-left: 75px; } .ml76px { margin-left: 76px; } .ml77px { margin-left: 77px; } .ml78px { margin-left: 78px; } .ml79px { margin-left: 79px; } .ml80px { margin-left: 80px; } .ml81px { margin-left: 81px; } .ml82px { margin-left: 82px; } .ml83px { margin-left: 83px; } .ml84px { margin-left: 84px; } .ml85px { margin-left: 85px; } .ml86px { margin-left: 86px; } .ml87px { margin-left: 87px; } .ml88px { margin-left: 88px; } .ml89px { margin-left: 89px; } .ml90px { margin-left: 90px; } .ml91px { margin-left: 91px; } .ml92px { margin-left: 92px; } .ml93px { margin-left: 93px; } .ml94px { margin-left: 94px; } .ml95px { margin-left: 95px; } .ml96px { margin-left: 96px; } .ml97px { margin-left: 97px; } .ml98px { margin-left: 98px; } .ml99px { margin-left: 99px; } .ml100px { margin-left: 100px; }
/* margin-top pixel 0 ~ 100 */
.mt0px { margin-top: 0px; } .ml1px { margin-top: 1px; } .ml2px { margin-top: 2px; } .ml3px { margin-top: 3px; } .ml4px { margin-top: 4px; } .ml5px { margin-top: 5px; } .ml6px { margin-top: 6px; } .ml7px { margin-top: 7px; } .ml8px { margin-top: 8px; } .ml9px { margin-top: 9px; } .ml10px { margin-top: 10px; } .ml11px { margin-top: 11px; } .ml12px { margin-top: 12px; } .ml13px { margin-top: 13px; } .ml14px { margin-top: 14px; } .ml15px { margin-top: 15px; } .ml16px { margin-top: 16px; } .ml17px { margin-top: 17px; } .ml18px { margin-top: 18px; } .ml19px { margin-top: 19px; } .ml20px { margin-top: 20px; } .ml21px { margin-top: 21px; } .ml22px { margin-top: 22px; } .ml23px { margin-top: 23px; } .ml24px { margin-top: 24px; } .ml25px { margin-top: 25px; } .ml26px { margin-top: 26px; } .ml27px { margin-top: 27px; } .ml28px { margin-top: 28px; } .ml29px { margin-top: 29px; } .ml30px { margin-top: 30px; } .ml31px { margin-top: 31px; } .ml32px { margin-top: 32px; } .ml33px { margin-top: 33px; } .ml34px { margin-top: 34px; } .ml35px { margin-top: 35px; } .ml36px { margin-top: 36px; } .ml37px { margin-top: 37px; } .ml38px { margin-top: 38px; } .ml39px { margin-top: 39px; } .ml40px { margin-top: 40px; } .ml41px { margin-top: 41px; } .ml42px { margin-top: 42px; } .ml43px { margin-top: 43px; } .ml44px { margin-top: 44px; } .ml45px { margin-top: 45px; } .ml46px { margin-top: 46px; } .ml47px { margin-top: 47px; } .ml48px { margin-top: 48px; } .ml49px { margin-top: 49px; } .ml50px { margin-top: 50px; } .ml51px { margin-top: 51px; } .ml52px { margin-top: 52px; } .ml53px { margin-top: 53px; } .ml54px { margin-top: 54px; } .ml55px { margin-top: 55px; } .ml56px { margin-top: 56px; } .ml57px { margin-top: 57px; } .ml58px { margin-top: 58px; } .ml59px { margin-top: 59px; } .ml60px { margin-top: 60px; } .ml61px { margin-top: 61px; } .ml62px { margin-top: 62px; } .ml63px { margin-top: 63px; } .ml64px { margin-top: 64px; } .ml65px { margin-top: 65px; } .ml66px { margin-top: 66px; } .ml67px { margin-top: 67px; } .ml68px { margin-top: 68px; } .ml69px { margin-top: 69px; } .ml70px { margin-top: 70px; } .ml71px { margin-top: 71px; } .ml72px { margin-top: 72px; } .ml73px { margin-top: 73px; } .ml74px { margin-top: 74px; } .ml75px { margin-top: 75px; } .ml76px { margin-top: 76px; } .ml77px { margin-top: 77px; } .ml78px { margin-top: 78px; } .ml79px { margin-top: 79px; } .ml80px { margin-top: 80px; } .ml81px { margin-top: 81px; } .ml82px { margin-top: 82px; } .ml83px { margin-top: 83px; } .ml84px { margin-top: 84px; } .ml85px { margin-top: 85px; } .ml86px { margin-top: 86px; } .ml87px { margin-top: 87px; } .ml88px { margin-top: 88px; } .ml89px { margin-top: 89px; } .ml90px { margin-top: 90px; } .ml91px { margin-top: 91px; } .ml92px { margin-top: 92px; } .ml93px { margin-top: 93px; } .ml94px { margin-top: 94px; } .ml95px { margin-top: 95px; } .ml96px { margin-top: 96px; } .ml97px { margin-top: 97px; } .ml98px { margin-top: 98px; } .ml99px { margin-top: 99px; } .ml100px { margin-top: 100px; }

/* display */
.display-none { display: none; }
.display-inline-block { display: inline-block; }

/* float */
.float-right { float: right;}
.float-left { float: left; }

/* color */
.color-red { color: rgb(255, 0, 0, 0.5); }
.color-green { color: rgb(0, 255, 0, 0.5); }
.color-yellow { color: rgb(230, 215, 0); }
.color-blue { color: rgba(0, 0, 255, 0.5); }
.color-orange { color: orange; }
.color-custom { color: rgb(0, 45, 144); }
.color-star { color: #F2A154 }
.color-seagreen { color: seagreen; }
.color-cornflowerblue { color: cornflowerblue; }
.text-color-blue { color: rgb(0, 0, 255); }
.color-lightblue { color: #0b2972; }
.color-black { color: #000000; }
.color-common-001 { color: rgb(104, 103, 172); }
.color-common-002 { color: rgb(217, 83, 79); }
.color-common-003 { color: rgb(146, 169, 189); }
.color-common-004 { color: rgb(199, 177, 152); }

.background-a-color-red { background-color: rgba(255, 0, 0, 0.2); }
.background-a-color-green { background-color: rgba(0, 255, 0, 0.2); }
.background-a-color-yellow { background-color: rgba(230, 215, 0, 0.2); }
.background-a-color-blue { background-color: rgba(0, 0, 255, 0.2); }
.background-a-color-orange { background-color: rgba(255, 165, 0, 0.2) }
.background-a-color-custom { background-color: rgba(0, 45, 144, 0.2); }
.background-a-color-star { background-color: rgba(242, 161, 84, 0.2) }
.background-a-color-seagreen { background-color: rgba(46, 139, 87, 0.2); }
.background-a-color-cornflowerblue { background-color: rgba(100, 149, 237, 0.2); }
.background-a-text-color-blue { background-color: rgba(0, 0, 255, 0.2); }
.background-a-color-lightblue { background-color: rgba(11, 41, 114, 0.2); }
.background-a-color-black { background-color: rgba(0, 0, 0, 0.2); }
.background-a-color-common-001 { background-color: rgba(104, 103, 172, 0.2); }
.background-a-color-common-002 { background-color: rgba(217, 83, 79, 0.2); }
.background-a-color-common-003 { background-color: rgba(146, 169, 189, 0.2); }
.background-a-color-common-004 { background-color: rgba(199, 177, 152, 0.2); }

.background-color-red { background-color: rgba(255, 0, 0, 1); }
.background-color-green { background-color: rgba(0, 255, 0, 1); }
.background-color-yellow { background-color: rgba(230, 215, 0, 1); }
.background-color-blue { background-color: rgba(0, 0, 255, 1); }
.background-color-orange { background-color: rgba(255, 165, 0, 1) }
.background-color-custom { background-color: rgba(0, 45, 144, 1); }
.background-color-star { background-color: rgba(242, 161, 84, 1) }
.background-color-seagreen { background-color: rgba(46, 139, 87, 1); }
.background-color-cornflowerblue { background-color: rgba(100, 149, 237, 1); }
.background-text-color-blue { background-color: rgba(0, 0, 255, 1); }
.background-color-lightblue { background-color: rgba(11, 41, 114, 1); }
.background-color-black { background-color: rgba(0, 0, 0, 1); }
.background-color-common-001 { background-color: rgba(104, 103, 172, 1); }
.background-color-common-002 { background-color: rgba(217, 83, 79, 1); }
.background-color-common-003 { background-color: rgba(146, 169, 189, 1); }
.background-color-common-004 { background-color: rgba(199, 177, 152, 1); }
 
/* Grid */
.data_area { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 90px); }
.data_area_10 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 10px); }
.data_area_20 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 20px); }
.data_area_30 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 30px); }
.data_area_40 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 40px); }
.data_area_50 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 50px); }
.data_area_60 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 60px); }
.data_area_70 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 70px); }
.data_area_80 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 80px); }
.data_area_90 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 90px); }
.data_area_100 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 100px); }
.data_area_110 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 110px); }
.data_area_120 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 120px); }
.data_area_130 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 130px); }
.data_area_140 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 140px); }
.data_area_150 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 150px); }
.data_area_160 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 160px); }
.data_area_170 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 170px); }
.data_area_180 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 180px); }
.data_area_190 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 190px); }
.data_area_200 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 200px); }
.data_area_210 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 210px); }
.data_area_220 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 220px); }
.data_area_230 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 230px); }
.data_area_240 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 240px); }
.data_area_250 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 250px); }
.data_area_260 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 260px); }
.data_area_270 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 270px); }
.data_area_280 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 280px); }
.data_area_290 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 290px); }
.data_area_300 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 300px); }
.data_area_310 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 310px); }
.data_area_320 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 320px); }
.data_area_330 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 330px); }
.data_area_340 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 340px); }
.data_area_350 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 350px); }
.data_area_360 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 360px); }
.data_area_370 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 370px); }
.data_area_380 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 380px); }
.data_area_390 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 390px); }
.data_area_400 { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 400px); }

.data_area_nonetab { overflow-y: auto; overflow-x: hidden; width: 100%; height: calc(100% - 40px); }

/* text-align */
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }

/* Component CSS */
.input_button_white { background:#fff; border:1px solid #dcdcdc; color: #555; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius:3px; transition: all 0.3s; font-size: 13px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:80px; }
.input_button_white:hover { background:#00a1e9; color:#fff; border:1px solid #00a1e9 }
.input_button_red { background-color: #e77c7c; border:1px solid #e77c7c; color: #fff; text-align: center; text-decoration: none; border-radius:3px; transition: all 0.3s; font-size: 13px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:80px; }
.input_button_red:hover { background:#00a1e9; color:#fff; border:1px solid #00a1e9 }
.input_button_navy { background: #006ecd; border:1px solid #006ecd; color: #fff; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; transition: all 0.3s; border-radius: 3px; font-size: 13px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:80px; }
.input_button_navy:hover { background:#00a1e9; color:#fff; border:1px solid #00a1e9; }
.input_button_green { background:#0E7438; border:1px solid #185C37; color: #fff; text-align: center; text-decoration: none;  display: inline-block; cursor: pointer; transition: all 0.3s; border-radius: 3px; font-size: 13px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:80px; }
.input_button_green:hover { background:#00a1e9; color:#000000; border:1px solid #00a1e9; }

/*  Button Color */
button.common-btn { font-family: CJOnlyOneTB; min-width: 75px; height:28px; line-height:26px; padding:0 10px; border-radius: 50px; font-size: 13px; font-weight:bold; transition: all 0.3s; text-align: center; text-decoration: none; cursor: pointer; }
button.common-btn:hover { background: #555555; color: #FFFFFF; border: 1px solid #666666; }
button.hidden { display: none; }

button.btn-color-white { background:#fff; color: #555; border:1px solid #dcdcdc; }
button.btn-color-navy { background:#006ecd; color:#fff; border:1px solid #006ecd; }
button.btn-color-red { background-color: #e77c7c; color: #fff; border:1px solid #e77c7c; }
button.btn-color-green { background:#0E7438;  color: #fff; border:1px solid #185C37; }

/*
button.btn-color-register { background-color: #83A95C; color: #DDDDDD; border:1px solid #C6EBC9; }
button.btn-color-edit { background-color: #7EA04D; color: #DDDDDD; border:1px solid #7EA04D; }
button.btn-color-save { background-color: #335D2D; color: #DDDDDD; border:1px solid #335D2D; }
button.btn-color-delete { background-color: #E77E7E; color: #DDDDDD; border:1px solid #E77E7E; }
button.btn-color-search { background-color: #838383; color: #DDDDDD; border:1px solid #838383; }
button.btn-color-list { background-color: #30475E; color: #DDDDDD; border:1px solid #7E8A97; }
button.btn-color-redo { background: #D6EFC7; color: #606060; border: 1px solid #D6EFC7; }
button.btn-color-close { background-color: #008891; color: #DDDDDD; border:1px solid #008891; }
button.btn-color-excel { background: #0E7438;  color: #DDDDDD; border: 1px solid #0E7438; }
button.btn-color-add { background: #1687A7;  color: #DDDDDD; border: 1px solid #1687A7; }
*/
button.btn-color-common { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }

button.btn-color-register { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-edit { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-save { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-delete { background-color: #E77E7E; color: #DDDDDD; border:1px solid #E77E7E; }
button.btn-color-search { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-list { background-color: #006ecd; color: #DDDDDD; border:1px solid #006ecd; }
button.btn-color-redo { background: #FFFFFF; color: #606060; border: 1px solid #DDDDDD; }
button.btn-color-close { background-color: #1A4F8B; color: #DDDDDD; border:1px solid #1A4F8B; }
button.btn-color-excel { background: #0E7438;  color: #DDDDDD; border: 1px solid #0E7438; }
button.btn-color-add { background: #FFFFFF;  color: #606060; border: 1px solid #DDDDDD; }
button.btn-color-permission { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-approval { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-cancel { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-approved { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-decision-arbitrary { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-decision-another { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-return { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-line { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-select { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-print { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-apply { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }
button.btn-color-export { background-color: #FFFFFF; color: #606060; border:1px solid #DDDDDD; }

button .btn-icon { float: left; height: 100%; font-size: 13px; }
button .btn-text { float: left; font-size: 13px; padding-left: 10px; }
button .font-white { color: #fff; }
button .font-black { color: #000; }

button .font-icon-register:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f15b"; }			/* 등록  */
button .font-icon-edit:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f044"; }				/* 수정  */
button .font-icon-save:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f0c7"; }				/* 저장  */
button .font-icon-delete:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f2ed"; }				/* 삭제  */
button .font-icon-search:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f002"; }				/* 조회  */
button .font-icon-list:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f03a"; }				/* 목록   */
button .font-icon-redo:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f01e"; }				/* 초기화  */
button .font-icon-close:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f057"; }				/* 닫기 */
button .font-icon-excel:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f1c3"; }				/* 엑셀  */
button .font-icon-add:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f65e"; }				/* 추가  */
button .font-icon-permission:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f14a"; }			/* 허가(공통)  */
button .font-icon-load:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f56f"; }				/* 불러오기 */
button .font-icon-approval:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f15c"; }			/* 결재 */
button .font-icon-cancel:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f05e"; }				/* 취소 */
button .font-icon-approved:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f573"; }			/* 승인 */
button .font-icon-decision-arbitrary:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f573"; }	/* 전결 */
button .font-icon-decision-another:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f573"; }	/* 대결 */
button .font-icon-return:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f0a8"; }				/* 반려 */
button .font-icon-line:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f02d"; }				/* 라인 */
button .font-icon-select:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f058"; }				/* 선택 */
button .font-icon-print:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f02f"; }				/* 출력 */
button .font-icon-apply:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f46c"; }				/* 신청 */
button .font-icon-export:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f56e"; }				/* 지급 */
button .font-icon-check-circle:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f058"; }		/* 완료 */
button .font-icon-exclamation:before { font-family: "Font Awesome 5 Free"; font-style: normal; content: "\f12a"; }			/* 통보 */

button.btn-disabled { pointer-events: none; color : #606060ab;}

.srchBtn { display:inline-block; width:26px; height:26px; overflow:hidden; text-indent:-10000px; background:url(/resources/img/common/icon/search_icon.png) no-repeat; vertical-align:top; background-size: 26px; border-left: 0; border-right: 0; border-bottom: 0; }

.input_button_white_small{ background:#fff; border:1px solid #dcdcdc; color: #555; text-align: center; text-decoration: none; cursor: pointer; border-radius:3px; transition: all 0.3s; font-size: 13px; font-weight:bold; height:30px; line-height:30px; padding:0 10px;	min-width:76px;	vertical-align: middle;	margin-top: -11px; margin-left: 28px; }
.input_button_white_small:hover { opacity: 0.5; right: 0px; }

.approval_span { border: none; text-align: center; text-decoration: none; display: inline-block; border-radius: 4px; transition: all 0.3s; box-shadow: 0px 0px 3px 0px #919191; font-size: 12px; font-weight:bold; padding:2px 9px 2px 10px; width : 60%; margin-top:3px; }
.aprval { background-color: #1051ac; color: #fff; }
.reject { background-color: #ea1549; color: #fff; }
.appsub { background-color : #177726; color: #fff; }
.apparb { background-color : #177726; color: #fff; }
.commaChk { text-align: right; }

.select { height: 30px; line-height: normal; padding: .4em .4em; border: 0.5px solid #ccc; text-indent: 2px; vertical-align: middle; }
.comboBox { vertical-align: middle;  margin-right: 5px; }

.list_area { padding: 10px 0px 10px 0px; background-color:#fff; margin-bottom:-1px }
.list_area .list_mid { margin: 0px; height: 100%; }

.datepicker { width: 80px; }
.ui-datepicker-trigger { height: 26px; cursor: pointer; }

.monthpicker { width: 80px; }

.aui-grid { box-sizing: border-box !important; width: 100% !important; height: 100% !important; }

.aui-grid .aui-img { cursor: pointer; }
img .aui-img { width: 20px !important; height: auto !important; }

/* Table */
.level00 { position: relative; display: flex; padding: 0px 0px 0px 10px; color: #074b88 !important; font-size: 15px; letter-spacing: -1px; text-align: left; background: #fff; border-top: 0; border-bottom: 2px solid #0b2972 !important; border-left: 0px; border-right: 0px; min-height: 35px; align-items: center; }
.level00:before { content: ""; display:inline-block; width:12px; height:12px; background:url(/resources/img/common/cj/icon_title.png) no-repeat; margin-right: 5px; vertical-align:middle }
.level00>span { font-size: 15px; font-weight: 700; vertical-align: middle; }

.level01 { height: 30px !important; line-height: 20px; padding-left: 21px; color: #1051ac!important; text-align: left; border-bottom: 2px solid #1051ac!important; background: url(/resources/img/template/t.png) 0.4% 43% no-repeat; background-size: 11px; }
.level01>span { font-size: 16px; font-weight: 700; vertical-align: middle; }

.level00 > .right-button-area { position: absolute; right: 0; }

/*.level02 { padding-left: 18px; margin-right: 5px; font-size: 13px; font-weight: 600; background:url(/resources/img/common/icon/level02.png) 0 50%  no-repeat; vertical-align: middle; }*/
/* 2026-01-07 */
/* DELETE02 바튼 CSS 깨짐 수정 */
.level02 { padding-left: 18px; margin-right: 0px; font-size: 13px; font-weight: 600; background:url(/resources/img/common/icon/level02.png) 0 50%  no-repeat; vertical-align: middle; }

.level03 { padding-left: 17px; margin-right: 5px; font-size: 12px;color:#666; font-weight: 600; background:url(/resources/img/common/icon/level03.png) 0 50% no-repeat; }

/* 테이블 모음  */
.writeTable01 { width:100%; height: 100%; margin-bottom: 15px; color:#666; }
.writeTable01 td>img, .writeTable01 th>img{/* height: 26px; */ padding:0; padding-right:10px;vertical-align: middle !important;}
.writeTable01 .input_button_detail {height: 26px;}
.writeTable01 li {float:left;min-width:320px;}
.writeTable01 a:visited {color: #666;}
.writeTable01 th.th_lineg { padding: 0px 0px 0px 10px; color: #074b88 !important; font-size: 15px; letter-spacing: -1px; text-align: left; background: #fff; border-top: 0; border-bottom: 2px solid #00a1e9 !important; border-left: 0px; border-right: 0px; }
.writeTable01 th.th_lineg:before { font-family: "Font Awesome 5 Free"; content: "\f192"; padding-right: 5px; color: #ff0000; font-size: 14px; }
.writeTable01 th { background:#f6f6f6; padding:6px 1px 3px; color: #323232;border: 1px solid #dddddd; text-align: center; height: 35px; font-size:12px}
.writeTable01 td { padding:3px 10px 3px 10px;border: 1px solid #dddddd;/* border-bottom: 1px solid #dddddd; */height: 20px;height: 30px;}
.writeTable01 td.form {padding:2px 1px 2px}
.writeTable01 td.taCenter {text-align:center;}
.writeTable01 td.taLeft {text-align:left;}
.writeTable01 td.taRight {text-align:right}
.writeTable01 th.taCenter {text-align:center;}
.writeTable01 th.taLeft {text-align:left;}
.writeTable01 th.taRight {text-align:right}
.writeTable01 td.subTxt {background:#f0f0f0; font-size:11px; letter-spacing:-1px; font-weight:bold; padding:7px 0 4px}
.writeTable01 th.formPd {padding:1px}
.writeTable01 .hidden{    text-align: right;padding-bottom:10px;}
.writeTable01 input[type="text"]:hover,
.writeTable01 input[type="text"]:active,
.writeTable01 input[type="text"]:focus,
.writeTable01 textarea:hover,
.writeTable01 textarea:active,
.writeTable01 textarea:focus  {	background-color: #f6f6f6; color: black; }
.writeTable01 .padding-0 { padding: 0px; }
.writeTable01 .padding-0 .border-none { border: 0px; }
.writeTable01 .padding-0 .border-top-none { border-top: 0px; }
.writeTable01 .padding-0 .border-right-none { border-right: 0px; }
.writeTable01 .padding-0 .border-bottom-none { border-bottom: 0px; }
.writeTable01 .padding-0 .border-left-none { border-left: 0px; }
.writeTable01 .border-top-none { border-top: 0px; }
.writeTable01 .border-right-none { border-right: 0px; }
.writeTable01 .border-bottom-none { border-bottom: 0px; }
.writeTable01 .border-left-none { border-left: 0px; }

.appro .writeTable01 th,.appro .writeTable01 td { width: 150px; } /* 결재 테이블 css 별도적용 */

/* Search Area */
.search_area { padding: 10px; background:#f5f5f5; border-bottom:1px solid #bfbfbf }
.search_area ul { padding-bottom: 10px; }
.search_area .search_box { width: 100%; height: 100%; }
.search_area .search_box .search_tag { width: 100%; font-size: 12px; }
.search_area .search_box .search_tag th { padding:2px; }
.search_area .search_box .search_tag tr {  }
.search_area .search_box .search_tag td { padding:2px; }
.search_area .search_box .search_tag th span { display: flex; align-items: center; }
.search_area .search_box .search_tag th span:before { position: relative; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f138"; padding-right: 5px; font-size: 10px; color: #606060; }
.search_area .search_box .search_tag img { width: 26px; vertical-align: top !important; cursor: pointer; }


/* Custom */
#wrap-loading { position: fixed; display: none; top: 0;	right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2);	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');	z-index: 9999999; }
#wrap-loading div { position: fixed; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; z-index: 9999999; }

.container { width: 1000px; margin: 0 auto; margin-top: 10px; margin-bottom: 60px; min-height: 730px; background-size: 180px; overflow:hidden; padding: 0px; }
.none_left_container { width: 1000px; margin: 0 auto; margin-top: 10px; margin-bottom: 30px; min-height: 730px; overflow:hidden; padding: 0px; }

.layout { min-width:1250px; }
.modal-full { width: 100%; height: 100%; padding: 0px; margin-top: -1px; }
.box-fill { padding: 0px 0px 0px; background-color:#fff; margin-top: -1px; }

.grid_area { padding: 20px 0px; box-shadow: 0px 0px 6px 0px #dcdcdc; background-color: #fff; margin-top: 10px; padding-left: 30px; padding-right: 30px; height: 570px; }
.left_grid { height: 520px; width: 50%; float: left; padding-right: 50px; }
.right_grid { float: right; width: 50%; height: 520px; padding-left: 50px; }
.right_grid1 { float: right; width: 50%; height: 520px; padding-left: 0px; padding-right: 2px; margin-left: -10px; }

.grid-section { overflow: hidden; width: 100%; height: 100%; }
.common-grid { width: 100%; height: 100% }
.title-grid { width: 100%; height: calc(100% - 35px); }

.side_space { padding:10px; }

.year_select_box { display: inline-block; margin-right: 10px; }
.year_select_box button { vertical-align: middle; height: 15px; width: 14px; padding: 0px 3px; color: #3993be; font-weight: 600; background-color: white; background-size: cover; border: none; }
.year_select_box .year_btn1 { background-image: url(/resources/img/common/icon/back.png); }
.year_select_box .year_btn2 { background-image: url(/resources/img/common/icon/plus.png); }
.year_select_box input{ width: 45px; padding: 2px; font-size: 14px; text-align: center; background-color: white; border: none; }
.year_select_box span{ font-size: 14px; vertical-align: middle; }

.under_text { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 50px; padding: 0; margin: 0; font-size: 15px; font-weight: bold; }

.keyin_left { background-color: #E0F8F1; font-size: 12px; font-weight: bold; text-align: left; }
.keyin_right { background-color: #E0F8F1; font-size: 12px; font-weight: bold; text-align: right; }
.keyin_center { background-color: #E0F8F1; font-size: 12px; font-weight: bold; text-align: center; }

.pageTitle-icon { margin-right: 10px; font-size: 20px; }

.search-item { border-bottom: 1px solid black; height: 26px; line-height: 26px; background: white; padding-left: .4em; }
.search-item:last-child { border: none; }
.search-item:hover { background: #4374D9; color: #fff; padding-left: .4em; }

.search_input_text2 { position: absolute; border: 1px solid black; min-height: 26px; min-width: 279px; height: 130px; overflow-y: auto; padding: 0px; margin: 0px; list-style: none; display: block; z-index: 999; background: white; }
.search_input_text2 .selected-search-item { background: #4374D9; color: #fff; }

.checkbox-tooltip-icon { display : inline-table; width : 18px; height : 18px;  margin-right: 20px; color: transparent; background-image: url(/resources/img/common/icon/tool-red01.png); background-repeat: no-repeat; background-position: center center; background-size: 18px 18px; }

.readonly { background-color : #EAEAEA; cursor : pointer; }

.none_space_icon { font-size:0 }

input#calendar_text { float:left; width:90px; }
select#calendar,#calendar2{ width:90px;height: auto;line-height: normal;padding: .4em .4em;border: 0.5px solid #ccc; text-indent: 2px;vertical-align: middle;}

.canvas_img_box div { margin: 0; background-color: #e7e7e7; }
div#canvas_boxx { position: absolute; top: -999999999px; }

.text-shortening { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.common-scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.common-scroll::-webkit-scrollbar-thumb { background-color: rgba(200, 200, 200, 0.6); border-radius: 10px; }
.common-scroll::-webkit-scrollbar-track { background-color: rgba(200, 200, 200, 0.3); border-radius: 10px; }

.table-row { overflow: hidden; font-size: 0px;white-space: nowrap; height: 45px; border-bottom: 1px solid #dcdcdc; }
.table-row .row-title { display: inline-block; width: 200px; height: 100%; padding: 10px; background-color: #efefef; font-size: 16px; text-align: center; vertical-align: middle;  }
.table-row .row-text { display: inline-block; width: calc(100% - 200px); height: 100%; padding: 10px; font-size: 16px; vertical-align: top; }
.table-row .nav-close { position: relative; top: 4px; border: 1px solid #929292; display: inline-block; width: 21px; height: 21px; background: url(/resources/img/common/icon_close.png) 50% 50% no-repeat; background-size: 15px; overflow: hidden; text-indent: -10000px; cursor: pointer; box-sizing: border-box; border-radius: 1px; padding: 10px; }
span.nav-close.none { display: none;}

label.radiolabel {margin-bottom: 0px}
label.radiolabel input[type=radio] {margin-top: -2px}

.clear-input-container { position: relative; display: inline-block; }
.clear-input-button { position: absolute; right: 4px; top: 5px; bottom: 0; justify-content: center; align-items: center; width: 16px; height: 16px; appearance: none; border: none; border-radius: 50%; background: gray; margin: 0; padding: 1px 2px 3px 3px; color: white; font-size: 13px; cursor: pointer; display: none; }
.clear-input-button:hover { background: darkgray; }
.clear-input--touched:focus + .clear-input-button,
.clear-input--touched:hover + .clear-input-button,
.clear-input--touched + .clear-input-button:hover { display: inline-flex; }