@charset "utf-8";

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

/* **************************************** *
 * FONT SIZE
 * **************************************** */
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs22{font-size:22px}
.fs24{font-size:24px}
.fs26{font-size:26px}
.fs28{font-size:28px}

/* **************************************** *
 * FONT WEIGHT
 * **************************************** */
.fw300{font-weight:300}
.fw600{font-weight:600}
.fwbold{font-weight:bold}

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

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


/* **************************************** *
 * height
 * **************************************** */
/* height px */
.hei50 {height:50px !important}
.hei100 {height:100px !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;}

.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:18px; font-weight:300}
h4.stit04{font-size:15px; font-weight:300}
h5.stit05{font-size:13px; font-weight:300}
h3.stit03 span{font-size:17px}
h4.stit04 span{font-size:15px}
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:1px; line-height:155%; font-weight:normal; font-size:13px; color:#505050; letter-spacing:-0.2px; vertical-align:middle}


/* **************************************** *
 * DASH
 * **************************************** */
.dash-uni,
.dash-txt,
.dash-tit{display:inline-block; line-height:150%; letter-spacing:-0.2px; vertical-align:middle}

.dash-uni{color:#808080; font-weight:normal}
.dash-txt{color:#505050; font-weight:normal}
.dash-tit{color:#303030; font-weight:300}

.dash-uni i,
.dash-txt i,
.dash-tit i{margin-top:-3px; vertical-align:middle}


/* **************************************** *
 * TEXT
 * **************************************** */
/* infoTxt */
.infoTxt01{position:relative; line-height:155%; font-size:15px; 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}


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

 .check-list02:after{content:''; display:block; clear:both}
 .check-list02 li{display:flex; align-items:center; float:left; height:32px; margin-right:2px; padding:0 6px; border:1px solid #dadada; border-radius:4px; box-sizing:border-box}

/* **************************************** *
 * SEARCHBOX
 * **************************************** */
.keySearchbox{display:flex; align-items:center}
.keySearchbox .searchTit{display:flex; align-items:center}
.keySearchbox .searchTit .tit{display:inline-block; line-height:150%; color:#303030; font-weight:300; letter-spacing:-0.2px; vertical-align:middle}
.keySearchbox .searchOpt{margin-right:2px}
.keySearchbox .searchkey{display:flex; flex: 1 1 auto; align-items:center}
.keySearchbox .searchkey .search{position:relative; width:32px; height:32px; margin-left:-30px; padding:0; background:#fff; border:1px solid #dbdbdb; font-weight:300; color:#808080; border-radius:4px}
.keySearchbox .searchkey .search i{font-size:16px}
.keySearchbox .searchkey .Textinput.af-hover + button.search,
.keySearchbox .searchkey .Textinput:focus + button.search{border:1px solid #0196fa; color:#0196fa}


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

.fixConWrap.member,
.fixConWrap.approval,
.fixConWrap.docreport,
.fixConWrap.dashboard,
.fixConWrap.docxls,
.fixConWrap.boardmng{display:flex; align-items:flex-start}

.fixConWrap.ocrtransform{display:flex; align-items:stretch}

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

.fixConWrap.member .fixCont1{min-width:280px; max-width:280px}
.fixConWrap.member .fixCont2{margin-left:15px}
.fixConWrap.approval .fixCont1{min-width:280px; max-width:280px}
.fixConWrap.approval .fixCont2{margin-left:15px}
.fixConWrap.approval .fixCont3{display:flex; flex-direction:column; min-width:460px; max-width:460px; margin-left:15px; padding-top:32px}
.fixConWrap.movectrl .fixCont1{margin-right:20px}
.fixConWrap.movectrl .fixCont2{margin-left:20px}
.fixConWrap.movectrl .fixMove{display:flex; flex-direction:column; align-items:center;}
.fixConWrap.movectrl .fixMove .Button{margin:1px 0}
.fixConWrap.docreport .fixCont1{min-width:220px; max-width:220px}
.fixConWrap.docreport .fixCont2{margin-left:15px}

.fixConWrap.boardmng .fixCont1{min-width:280px; max-width:280px}
.fixConWrap.boardmng .fixCont2{margin-left:15px}
.fixConWrap.dashboard .fixCont1{min-width:500px; max-width:500px}
.fixConWrap.dashboard .fixCont2{margin-left:15px}
.fixConWrap.ocrtransform .fixCont1{min-width:900px; max-width:900px}
.fixConWrap.ocrtransform .fixCont2{margin-left:15px}

.fixConWrap .fixCtrl{display:flex; align-items:center; margin-top:auto; padding:12px 5px; border-top:1px solid #dadada}
.fixConWrap .fixCtrl .buttonArea{margin-bottom:0}


.fixConWrap.duty {align-items: flex-start;}
.fixConWrap.duty .fixCont1,
.fixConWrap.duty .fixCont2,
.fixConWrap.duty .fixCont3
{border: 1px solid #dadada; padding: 16px; height: 700px; overflow:auto; border-radius: 8px; width: 33%;}




.columnBox{display:flex; flex-direction:column; position:relative; padding:15px; border-radius: 8px; 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; overflow:auto; background:#fff; border:1px solid #e6e6e6}


/* **************************************** *
 * require
 * **************************************** */
.require{display:inline-block; position:relative; top:-6px; font-size:0; width:5px; height:5px; margin-left:5px; background:#0196fa; border-radius:50%; vertical-align:middle}
.chat_form .require{margin-left:1px}

.mblock{display:none}
.mguide{position:relative; line-height:150%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.mguide.bul{padding-left:10px}
.mguide.bul:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#909090}
.mguide i{margin-top:-2px; font-size:24px; vertical-align:middle}
.mguide.error,
.mguide.idea{padding-left:28px}
.mguide:before{position:absolute; left:0; top:0; font-family:'xeicon'; font-size:24px; vertical-align:middle}
.mguide.error:before{content:"\e9ab"}
.mguide.idea:before{content:"\e9bf"}