@charset "utf-8";

.pointer {cursor: pointer;}

/* **************************************** *
 * ALIGN
 * **************************************** */
.tleft{text-align:left !important}
.tcenter{text-align:center !important}
.tright{text-align:right !important}
.clearfix {display:block; clear:both; height:0}
.clearfix:after{content:""; display: block; clear:both}


/* **************************************** *
 * TEXT COLOR
 * **************************************** */
.color-blue1{color:#0196fa !important}
.color-black1{color:#101010 !important}
.color-black2{color:#303030 !important}
.color-gray1{color:#606060 !important}
.color-gray2{color:#909090 !important}
.color-red1{color:#ff3532 !important}

/* **************************************** *
 * BACKGROUND COLOR
 * **************************************** */
.bg-gray1{background-color:#f0f2f5 !important}
.bg-gray2{background-color:#606060 !important}

/* **************************************** *
 * DEFAULT
 * **************************************** */
.fl{float:left}
.fr{float:right}
.cboth{display:block; content:""; clear:both}
.inblk{display:inline-block}
.vgt{vertical-align:top}
.vgm{vertical-align:middle}
.ovh{overflow:hidden}
.ova{overflow:auto}
.blind,legend{display:block; position:absolute; top:-100000em; left:0; overflow:hidden}
:root legend{margin-top:-1px; font-size:0; line-height:0}
.ellip{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.hidden{display:none}


/* **************************************** *
 * SCROLL
 * **************************************** */
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-corner{background:transparent; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
::-webkit-scrollbar-track
{
	background-color:#f2f2f2; background-image:-moz-linear-gradient(left, #f2f2f2 0%, #fff 100%);
 	background-image: linear-gradient(to left, #f2f2f2 0%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	background-image: -o-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	background-image: -ms-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	border: 1px solid #e6e6e6;
}
::-webkit-scrollbar-thumb{background:#c8c8c8; border:1px solid #b8b8b8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#8a8a8a; border:1px solid #737373;}


/* **************************************** *
 * BORDER
 * **************************************** */
.bd{border:1px solid #dcdfe2}


/* **************************************** *
 * WIDTH
 * **************************************** */
/* width px */
.wid01 {width:1px !important}
.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}
.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}
.wid213 {width:213px !important}
.wid215 {width:213px !important}
.wid220 {width:220px !important}
.wid228 {width:228px !important}
.wid230 {width:230px !important}
.wid240 {width:240px !important}
.wid250 {width:250px !important}
.wid260 {width:260px !important}
.wid270 {width:270px !important}
.wid280 {width:280px !important}
.wid290 {width:290px !important}
.wid300 {width:300px !important}
.wid310 {width:300px !important}
.wid317 {width:317px !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}
.wid500 {width:500px !important}
.wid550 {width:550px !important}
.wid600 {width:600px !important}
.wid700 {width:700px !important}
.wid800 {width:800px !important}
.wid900 {width:900px !important}
.wid1000 {width:1000px !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}

/* width % */
.wid05p {width:5% !important}
.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}
.wid98p {width:98% !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 */
.hei35 {height:35px !important}
.hei40 {height:40px !important}
.hei50 {height:50px !important}
.hei75 {height:75px !important}
.hei100 {height:100px !important}
.hei120 {height:120px !important}
.hei150 {height:150px !important}
.hei200 {height:200px !important}
.hei250 {height:250px !important}
.hei280 {height:280px !important}
.hei300 {height:300px !important}
.hei350 {height:350px !important}
.hei400 {height:400px !important}
.hei450 {height:450px !important}
.hei500 {height:500px !important}
.hei550 {height:550px !important}
.hei580 {height:580px !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}


/* **************************************** *
 * 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}

.mgt-1 {margin-top:-1px !important}
.mgt00 {margin-top:0px !important}
.mgt05 {margin-top:5px !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}

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

.mgx01 {margin:0 1px !important}
.mgx05 {margin:0 5px !important}
.mgx10 {margin:0 10px !important}
.mgx20 {margin:0 20px !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}
.mgxauto {margin:0 auto !important}

.mgy01 {margin:1px 0 !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}
.mgyauto {margin:auto 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}


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

.stitArea.tgBox{padding:5px; padding-left:10px; border:1px solid #dadada; background:#f7f7f7}

.stitArea.box{padding:10px; border:1px solid #dadada}

.stitArea .stitL,
.stitArea .stitC,
.stitArea .stitR{display:flex; align-items:center}

.stitArea .stitC{margin-left:auto}
.stitArea .stitR{margin-left:auto}

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

.stitArea .counter{margin-left:5px; padding-top:2px; font-size:15px; font-weight:300; color:#808080; vertical-align:middle}
h2.stit02{font-size: 24px; font-weight: 600;
	display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-0.8px; line-height:155%; vertical-align:middle}
h3.stit03,
h4.stit04,
h5.stit05{display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-0.8px; line-height:155%; vertical-align:middle}
h3.stit03{font-size:20px; font-weight:600}
h4.stit04{font-size:16px; font-weight:300}
h5.stit05{font-size:13px; font-weight:300}
h3.stit03 span{font-size:20px}
h4.stit04 span{font-size:16px}
h5.stit05 span{font-size:13px}
h3.stit03 > i,
h4.stit04 > i,
h5.stit05 > i{font-size:22px; margin-right:2px; margin-top:-4px; vertical-align:middle}
h3.stit03 > .axl-ico,
h4.stit04 > .axl-ico,
h5.stit05 > .axl-ico{margin-top:-2px; margin-right:2px}
h3.stit03 > .dfi,
h4.stit04 > .dfi,
h5.stit05 > .dfi{width:18px; margin-top:-3px; vertical-align:middle}
h4.stit04 + .signal_list{position:relative; top:3px}
h3.stit03 + .Button.trans-ico i,
h4.stit04 + .Button.trans-ico i,
h3.stit05 + .Button.trans-ico i{margin-top:-3px}
h3.stit03 > span.require{font-size: 0px;}

/* **************************************** *
 * SWITCH
 * **************************************** */
.switch{display:inline-block; vertical-align:middle}
.switch input[type="checkbox"]{display:none}
.switch .switch-ground{display:inline-block; position:relative; width:32px; height:22px; background-color:#909090; border-radius:120px; vertical-align:middle; cursor:pointer; transition:all .3s; overflow:hidden}
.switch .switch-ground > *{vertical-align:sub; transition: all .3s}
.switch .switch-ground .marble{display:block; position:absolute; top:1px; left:1px; width:20px; height:20px; background-color:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, .3)}
.switch .switch-ground .on,
.switch .switch-ground .off{display:inline-block; height:22px; margin:0; padding:0; line-height:23px; color:#fff; font-size:11px; font-weight: normal; letter-spacing:-0.2px; vertical-align:top}
.switch .switch-ground .on {display:none; padding-left:12px}
.switch .switch-ground .off {padding-left:26px}
.switch input[type="checkbox"]:checked + .switch-ground{background-color:#0196fa}
.switch input[type="checkbox"]:checked + .switch-ground .on{display:inline-block}
.switch input[type="checkbox"]:checked + .switch-ground .off{display:none}
.switch input[type="checkbox"]:checked + .switch-ground .marble{left:11px}
.switch .label{display:inline-block; padding-top:2px; line-height:155%; font-weight:normal; font-size:13px; color:#505050; letter-spacing:-0.2px; vertical-align:middle}



/* **************************************** *
 * TEXT
 * **************************************** */
/* infoTxt */
.infoTxt01{position:relative; line-height:155%; font-size:13px; font-weight:normal; color:#505050; letter-spacing:-0.5px}
.infoTxt01.bul{padding-left:12px}
.infoTxt01.bul:before{content:''; position:absolute; left:0; top:5px; width:3px; height:3px; background:#909090}
.infoTxt01.uni{padding-left:12px}
.infoTxt01.uni > .uni{position:absolute; top:0; left:0}
.infoTxt01 i{margin-top:-2px; font-size:24px; vertical-align:middle}
.infoTxt01.error{padding-left:14px}
.infoTxt01.error:before{content:"\e9ab"; position:absolute; left:0; top:0; font-family:'xeicon'; font-size:24px; vertical-align:middle}

/* infoList */
.infoList01{position:relative}
.infoList01 > li{display:flex; align-items:center; position:relative; margin-bottom:3px; color:#505050; letter-spacing:-0.5px; font-size:13px}
.infoList01 > li:last-child{margin-bottom:0}
.infoList01 > li > ul{margin-top:2px}
.infoList01.bul > li{padding-left:10px}
.infoList01.bul > li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#909090}
.infoList01.unt > li{padding-left:22px}
.infoList01.unt > li .unt{position:absolute; top:0; left:5px}
.infoList01 i{font-size:16px; vertical-align:middle; margin-top:-1px}


/* **************************************** *
 * input data
 * **************************************** */
input[type="date"],
input[type="text"],
input[type="number"],
input[type="password"]
{
	position: relative;
	min-height:36px;
	border: 1px solid #ddd;
	border-radius: 4px;
  }
  
  input[type="date"]::-webkit-clear-button,
  input[type="date"]::-webkit-inner-spin-button { 
	  display: none;
  } 
  input[type="date"]::-webkit-calendar-picker-indicator { 
	  background: transparent;
	  z-index: 1;
  } 
  
  .input-date input:after{
	content:"\e9a0";
	font-family: 'xeicon';
	display: block;
	font-size: 20px;
	position: absolute;
	right:4px;
	width: 20px;
	height:22px;  
	z-index: 0;
	color:#5c6072;
	padding-bottom:8px
  }
  


/* **************************************** *
 * CHECK & RADIO ALIGN
 * **************************************** */
 .check-list01:after{content:''; display:block; clear:both}
 .check-list01 li{float:left; margin-right:8px}


/* **************************************** *
 * SEARCHBOX
 * **************************************** */
.Searchbox{display:flex; align-items:center; border-radius: 8px;}
.Searchbox .tit{display:inline-block; line-height:150%; color:#303030; font-weight:bold; font-size: 15px;}
.last-item {margin-left: auto;}

/* **************************************** *
 * CONTENTS LAYOUT : FIX
 * **************************************** */
.fixConWrap{display:flex; align-items:center}

.fixConWrap .fixCont1,
.fixConWrap .fixCont2,
.fixConWrap .fixCont3{flex:1 1 auto}

.columnBox{display:flex; flex-direction:column; position:relative; padding:15px; background:#fff; border:1px solid #dadada; overflow:auto; box-sizing:border-box}
.columnBox .keySearchbox{padding:5px; border-bottom:1px solid #dadada}
.columnBox .columnTit{display:flex; align-items:center; justify-content:center; padding:5px; border-bottom:1px solid #dadada}
.columnBox .columnTit .tit{flex:1 1 auto; position:relative; margin:0; padding:5px; background-color:#6c7080; font-size:13px; font-weight:300; color:#fff; text-align:center; letter-spacing:-0.8px; line-height:155%; vertical-align:middle}

.fixConWrap.ocrtransform .columnBox{height:100%}

/* **************************************** *
 * CONTENTS BOX
 * **************************************** */
/* guide-box */
.guide-box{position:relative; padding:15px 20px; background-color:rgba(1,150,250,.04); border:0.5px solid rgba(1,150,250,.2)}
.guide-box:before{content:''; position:absolute; left:6px; top:6px; bottom:6px; width:2px; background:#0196fa}

/* form-box */
.form-box{position:relative; padding:15px; border:1px solid #dadada; overflow:auto; border-radius: 8px; padding: 8px 12px}


/* **************************************** *
 * FILL & HALF CONTENTS
 * **************************************** */
.fillCont{height:100%; box-sizing:border-box}


/* **************************************** *
 * BADGE
 * **************************************** */
.badge{display:inline-block; position:relative; min-width:22px; height:18px; padding:3px 6px; padding-bottom:0; background:rgba(255,53,50,.9); text-align:center; color:#fff; font-size:12px; font-weight:600; font-style:normal; line-height:100%; border-radius:200px; vertical-align:middle; white-space:nowrap; box-sizing:border-box}
.badge-color{display:inline-block; height:20px; padding:2px 10px 3px; text-align:center; border-radius:30px; vertical-align:middle; box-sizing:border-box}
.badge-color.color01{background:#4885d8; color:#fff}
.badge-color.color02{background:#e4e4e4; color:#202020}
.badge-color.color03{background:#5c6072; color:#fff}
.badge-color.color04{background:#61b946; color:#fff}
.badge-color.color05{background:#f34444; color:#fff}
.badge-color.color06{background:#9445d4; color:#fff}




/* **************************************** *
 * approval
 * **************************************** */
 .sum-approval:after{content:''; clear:both; display:block}

.flag-approval{display:flex; align-items:center; justify-content:flex-end; position:relative; margin:2px 0 15px;}
.flag-approval .approval-wrap{display:flex; align-items:center; border:1px solid #dadada; overflow:auto}
.flag-approval .approval-list{display:flex; min-width:100%}
.flag-approval .approval-list:after{content:''; display:block; clear:both}
.flag-approval .approval-list li{margin-left:-1px}
.flag-approval .approval-box{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:120px; border-left:1px solid #dadada}

.flag-approval .approval-t,
.flag-approval .approval-p,
.flag-approval .approval-d{display:flex; align-items:center; justify-content:center; width:100%; height:28px; min-height:28px; padding:0 5px; text-align:center; box-sizing:border-box}

.flag-approval .approval-t,
.flag-approval .approval-p{background-color:#f9fafc; border-bottom:1px solid #dadada}
.flag-approval .approval-d{border-top:1px solid #dadada}

.flag-approval .approval-s{display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:52px; min-height:52px; text-align:center; box-sizing:border-box}
.flag-approval .approval-s img{display:inline-block; max-height:38px}

.flag-approval .approval-t .txt,
.flag-approval .approval-p .txt,
.flag-approval .approval-d .txt{display:block; font-size:13px; letter-spacing:-0.2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.flag-approval .approval-t .txt,
.flag-approval .approval-p .txt{color:#202020; font-weight:300}
.flag-approval .approval-d .txt{color:#505050}


/* **************************************** *
 * COVER
 * **************************************** */
 .cover-img.cover-stamp{display:inline-block; margin:0; padding:0; font-size:0; vertical-align:middle}
 .cover-img.cover-stamp img{width:64px; height:64px; margin:0; padding:0}
 .cover-img.cover-stamp.small img{width:34px; height:34px}
 .cover-img.cover-stamp.default{position:relative; width:64px; height:64px; border:1px solid #ededed; background:#f9fafc}
 .cover-img.cover-stamp.default:before{content:'\ea4e'; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; right:0; bottom:0; font-family:xeicon; font-size:26px; color:#b2b2b2}

 .cover-img.cover-logo{display:inline-block; margin:0; padding:0; font-size:0; vertical-align:middle}
 .cover-img.cover-logo img{max-height:52px; margin:0; padding:0}
 .cover-img.cover-logo.default{position:relative; width:64px; height:64px; border:1px solid #ededed; background:#f9fafc}
 .cover-img.cover-logo.default:before{content:'\ea4e'; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; right:0; bottom:0; font-family:xeicon; font-size:26px; color:#b2b2b2}


/* **************************************** *
 * SIGNAL
 * **************************************** */
 /* signal-color */
.signal-color{display:inline-block; position:relative; padding-left:11px; vertical-align:middle}
.signal-color:before{content:""; position:absolute; top:4px; left:0; width:11px; height:11px; background:#b6b9c5; border-radius:50%; box-sizing:border-box}
.signal-color.small{padding-left:7px}
.signal-color.small:before{width:7px; height:7px}
.signal-color.color01:before{background:#ffba00; background:-webkit-linear-gradient(136deg, #ffba00, #ff9000); background:-moz-linear-gradient(136deg, #ffba00, #ff9000); background:linear-gradient(136deg, #ffba00, #ff9000)}
.signal-color.color02:before{background:#ff8400; background:-webkit-linear-gradient(136deg, #ff8400, #ff6600); background:-moz-linear-gradient(136deg, #ff8400, #ff6600); background:linear-gradient(136deg, #ff8400, #ff6600)}
.signal-color.color03:before{background:#e65050; background:-webkit-linear-gradient(136deg, #e65050, #d92626); background:-moz-linear-gradient(136deg, #e65050, #d92626); background:linear-gradient(136deg, #e65050, #d92626)}
.signal-color.color04:before{background:#b31212; background:-webkit-linear-gradient(136deg, #b31212, #8c0e0e); background:-moz-linear-gradient(136deg, #b31212, #8c0e0e); background:linear-gradient(136deg, #b31212, #8c0e0e)}
.signal-color.color05:before{background:#16b221; background:-webkit-linear-gradient(136deg, #16b221, #107f18); background:-moz-linear-gradient(136deg, #16b221, #107f18); background:linear-gradient(136deg, #16b221, #107f18)}
.signal-color.color06:before{background:#9eb216; background:-webkit-linear-gradient(136deg, #9eb216, #798811); background:-moz-linear-gradient(136deg, #9eb216, #798811); background:linear-gradient(136deg, #9eb216, #798811)}
.signal-color.color07:before{background:#515b75; background:-webkit-linear-gradient(136deg, #515b75, #3e475f); background:-moz-linear-gradient(136deg, #515b75, #3e475f); background:linear-gradient(136deg, #515b75, #3e475f)}
.signal-color.color08:before{background:#b6b9c5; background:-webkit-linear-gradient(136deg, #b6b9c5, #8a8e9f); background:-moz-linear-gradient(136deg, #b6b9c5, #8a8e9f); background:linear-gradient(136deg, #b6b9c5, #8a8e9f)}
.signal-color.color09:before{background:#0095da; background:-webkit-linear-gradient(136deg, #0095da, #0077ae); background:-moz-linear-gradient(136deg, #0095da, #0077ae); background:linear-gradient(136deg, #0095da, #0077ae)}
.signal-color.color10:before{background:#2bc7db; background:-webkit-linear-gradient(136deg, #2bc7db, #209bab); background:-moz-linear-gradient(136deg, #2bc7db, #209bab); background:linear-gradient(136deg, #2bc7db, #209bab)}
.signal-color.color11:before{background:#8253d8; background:-webkit-linear-gradient(136deg, #8253d8, #653bb1); background:-moz-linear-gradient(136deg, #8253d8, #653bb1); background:linear-gradient(136deg, #8253d8, #653bb1)}
.signal-color.color12:before{background:#e43f85; background:-webkit-linear-gradient(136deg, #e43f85, #c81e66); background:-moz-linear-gradient(136deg, #e43f85, #c81e66); background:linear-gradient(136deg, #e43f85, #c81e66)}
.signal-color.color13:before{background:#e4e4e4; background:-webkit-linear-gradient(136deg, #e4e4e4, #cccccc); background:-moz-linear-gradient(136deg, #e4e4e4, #cccccc); background:linear-gradient(136deg, #e4e4e4, #cccccc)}
.signal-color.color14:before{background:#95e3ed; background:-webkit-linear-gradient(136deg, #95e3ed, #95e3ed); background:-moz-linear-gradient(136deg, #95e3ed, #95e3ed); background:linear-gradient(136deg, #95e3ed, #95e3ed); border:1px solid #2bc7db}
.signal-color.color15:before{background:#ffdc7f; background:-webkit-linear-gradient(136deg, #ffdc7f, #ffdc7f); background:-moz-linear-gradient(136deg, #ffdc7f, #ffdc7f); background:linear-gradient(136deg, #ffdc7f, #ffdc7f); border:1px solid #ffba00}
.signal-color.color16:before{background:#ced88a; background:-webkit-linear-gradient(136deg, #ced88a, #ced88a); background:-moz-linear-gradient(136deg, #ced88a, #ced88a); background:linear-gradient(136deg, #ced88a, #ced88a); border:1px solid #9eb216}
.signal-color.color17:before{background:#e1e5ec; border:1px solid #e1e5ec}
.signal-color.color18:before{background:#82c6f4; border:1px solid #82c6f4}
.signal-color.color19:before{background:#9be786; border:1px solid #9be786}
.signal-color.color20:before{background:#ffa2a6; border:1px solid #ffa2a6}
.signal-color .cont-txt{display:block; padding-left:4px; font-size:13px; letter-spacing:-0.2px; color:#707070; line-height:150%}

 /* docsignal-color */
.docsignal-color{display:inline-block; position:relative; padding-left:16px; vertical-align:middle}
.docsignal-color:before{content:""; position:absolute; top:4px; left:0; width:16px; height:11px; background:#b6b9c5; border-radius:0; box-sizing:border-box}
.docsignal-color.color01:before{background:#95e3ed; background:-webkit-linear-gradient(136deg, #95e3ed, #95e3ed); background:-moz-linear-gradient(136deg, #95e3ed, #95e3ed); background:linear-gradient(136deg, #95e3ed, #95e3ed); border:1px solid #2bc7db}
.docsignal-color.color02:before{background:#ffdc7f; background:-webkit-linear-gradient(136deg, #ffdc7f, #ffdc7f); background:-moz-linear-gradient(136deg, #ffdc7f, #ffdc7f); background:linear-gradient(136deg, #ffdc7f, #ffdc7f); border:1px solid #ffba00}
.docsignal-color.color03:before{background:#ced88a; background:-webkit-linear-gradient(136deg, #ced88a, #ced88a); background:-moz-linear-gradient(136deg, #ced88a, #ced88a); background:linear-gradient(136deg, #ced88a, #ced88a); border:1px solid #9eb216}
.docsignal-color .cont-txt{display:block; padding-left:4px; font-size:13px; letter-spacing:-0.2px; color:#707070; line-height:150%}

/* 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}


/* **************************************** *
 * LABEL
 * **************************************** */
.Label-color{display:inline-block; height:27px; padding:4px 10px 3px; text-align:center; border-radius:2px; vertical-align:middle; box-sizing:border-box}
.Label-color.color01{background:#ffba00; color:rgba(255,255,255,.9)}
.Label-color.color02{background:#ff8400; color:rgba(255,255,255,.9)}
.Label-color.color03{background:#e65050; color:rgba(255,255,255,.9)}
.Label-color.color04{background:#b31212; color:rgba(255,255,255,.9)}
.Label-color.color05{background:#16b221; color:rgba(255,255,255,.9)}
.Label-color.color06{background:#9eb216; color:rgba(255,255,255,.9)}
.Label-color.color07{background:#515b75; color:rgba(255,255,255,.9)}
.Label-color.color08{background:#b6b9c5; color:rgba(255,255,255,.9)}
.Label-color.color09{background:#0095da; color:rgba(255,255,255,.9)}
.Label-color.color10{background:#2bc7db; color:rgba(255,255,255,.9)}
.Label-color.color11{background:#8253d8; color:rgba(255,255,255,.9)}
.Label-color.color12{background:#e43f85; color:rgba(255,255,255,.9)}
.Label-color.color13{background:#e4e4e4; color:#202020}
.Label-color.color14{background:#95e3ed; color:#202020}
.Label-color.color15{background:#ffdc7f; color:#202020}
.Label-color.color16{background:#ced88a; color:#202020}
.Label-color.color17{background:#e1e5ec; color:#202020}
.Label-color.color18{background:#82c6f4; color:#202020}
.Label-color.color19{background:#9be786; color:#202020}
.Label-color.color20{background:#ffa2a6; color:#202020}
.Label-color.color21{background:#e6ddf7; color:#202020}
.Label-color.color22{background:#ffe6cc; color:#202020}

.Label-color .cont-txt{display:block; font-size:12px; letter-spacing:-0.2px; line-height:150%}

.Label-color.large{height:35px; padding:9px 13px 8px; font-size:13px}