@charset "UTF-8";

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


/* **************************************** *
 * color
 * **************************************** */
.color-blue{color:#3382e9 !important}
.color-red{color:#E24840 !important}
.color-gray{color:#808080 !important}
.color-black{color:#202020 !important}


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


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


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

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


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


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


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


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

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

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

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

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


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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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


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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


/* **************************************** *
 * title
 * **************************************** */
.stitarea{display:flex; position:relative; align-items:center; margin-bottom:15px}
.stitarea:after{content:''; display:block; clear:both}
.stitarea .stit-l,
.stitarea .stit-c,
.stitarea .stit-r{display:flex; align-items:center}

.stitarea .stit-c{margin-left:auto}
.stitarea .stit-r{margin-left:auto}

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

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

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

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

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

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

h2.stit02{display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-0.8px; line-height:155%; font-family:tjs; vertical-align:middle; word-break:keep-all}
h3.stit03,
h4.stit04,
h5.stit05{display:inline-block; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-1px; line-height:1.45em; font-family:tjs; vertical-align:middle; word-break:keep-all}
h3.stit02{font-size:24px; font-weight:300}
h3.stit03{font-size:20px; font-weight:300}
h4.stit04{font-size:18px; font-weight:300}
h5.stit05{font-size:16px; font-weight:normal}
h3.stit03 span,
h3.stit04 span
h3.stit05 span{font-family:tjs}
h3.stit03 span{font-size:20px}
h4.stit04 span{font-size:18px}
h5.stit05 span{font-size:16px}
h3.stit03 > i.badge{font-size:12px; margin-left:8px}

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


/* **************************************** *
 * file download
 * **************************************** */
.filedown-raonk{position:relative; width:100%; margin:2px 0}

.filedown-box{position:relative; padding:8px 10px; background-color:#e6eef8; border:1px solid #d1e5ff; border-radius:6px}
.filedown-cmm .file-list{display:flex;  flex-direction:column}
.filedown-cmm .file-list li{margin-top:2px}
.filedown-cmm .file-list .file-tit{display:inline-block; min-width:200px; max-width:400px; color:#202020; line-height:165%; font-size:15px; letter-spacing:-0.5px; vertical-align:middle}
.filedown-cmm .file-list .file-tit .file-ico{display:inline-block; position:relative; vertical-align:middle; width:18px; top:-1px}
.filedown-cmm .file-list .file-tit span{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.filedown-cmm .file-list .file-tit:hover{color:#0432AD}
.filedown-cmm .file-list .button{margin-left:5px}

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


/* **************************************** *
 * board
 * **************************************** */
.board-basic-list.view-type,
.board-card-list.view-type{display:none}
.board-basic-list.active,
.board-card-list.active{display:block}

.board-list-button{display:flex; align-items:center; width:100%; margin-top:25px}
.board-list-button:after{content:''; display:block; clear:both}
.board-list-button .button-l,
.board-list-button .button-c,
.board-list-button .button-r{display:flex; align-items:center}
.board-list-button .button-r{margin-left:auto}

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

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

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

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

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

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

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

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

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

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

.board-basic-list.scroll .body{overflow-x:hidden; overflow-y:auto}

/* 변경공고/관심공고 */
.board-basic-list .exanment-util{display:flex; align-items:center; margin-left:auto}
.board-basic-list .scrap{flex:none; width:30px; height:30px}
.board-basic-list .scrap:after{font-size:16px}

.board-basic-list .exanment-change-toggle{display:flex; align-items:center; justify-content:center; flex:none; height:30px; margin-right:5px; padding:0 12px; padding-right:10px; background-color:#e6eef8; border:0; border-radius:1000px; cursor:pointer; box-sizing:border-box}
.board-basic-list .exanment-change-toggle span{font-size:14px; font-weight:300; letter-spacing:-0.5px; color:#3382e9; white-space:nowrap}
.board-basic-list .exanment-change-toggle:after{content:"+"; width:11px; margin-left:2px; font-size:17px; font-weight:normal; color:#3382e9}
.board-basic-list .exanment-change-toggle.active:after{content:"-"}

.board-basic-list .body > li.exanment-change{display:none; background-color:#f8f8f8}
.board-basic-list .body > li.exanment-change > div.change-archive{justify-content:flex-start; position:relative; width:100%; padding:12px 30px}
.board-basic-list .exanment-change .change-archive .tit{display:flex; align-items:center; position:relative; padding:4px 0; text-align:left; box-sizing:border-box}
.board-basic-list .exanment-change .change-archive .tit span
{
	display:-webkit-box;
	line-height:1.4em;
	color:#445c78;
	font-size:15px;
	font-weight:normal;
	letter-spacing:-0.5px;
	word-wrap:break-word;
	text-overflow:ellipsis;
	word-break:keep-all;
	overflow:hidden;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	transition:all .20s ease
}
.board-basic-list .exanment-change .change-archive .tit span.date{flex:none; margin-right:5px; color:#808080}
.board-basic-list .exanment-change .change-archive .tit:before
{
    content:"\f309";
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    position:relative;
    width:18px;
    height:18px;
    margin-right:5px;
    color:#808080;
    font-family:remixicon;
    font-size:14px;
    box-sizing:border-box
}
.board-basic-list .exanment-change .change-archive .tit:hover span{color:#3382e9}

/* 공지사항 */
.board-basic-list.notice div.col1{width:8%}
.board-basic-list.notice div.col2{width:72%}
.board-basic-list.notice div.col3{width:20%}

/* 채용시험 종합안내 */
.board-basic-list.faq div.col1{width:8%}
.board-basic-list.faq div.col2{width:22%}
.board-basic-list.faq div.col3{width:50%}
.board-basic-list.faq div.col4{width:20%}

/* 시험공고 */
.board-basic-list.exanment div.col1{width:7%}
.board-basic-list.exanment div.col2{width:14%}
.board-basic-list.exanment div.col3{width:47%}
.board-basic-list.exanment div.col4{width:12%}
.board-basic-list.exanment div.col5{width:12%}
.board-basic-list.exanment div.col6{width:8%}

/* 공무직 채용공고 */
.board-basic-list.govment div.col1{width:8%}
.board-basic-list.govment div.col2{width:16%}
.board-basic-list.govment div.col3{width:34%}
.board-basic-list.govment div.col4{width:18%}
.board-basic-list.govment div.col5{width:12%}
.board-basic-list.govment div.col6{width:12%}

/* 공무직 채용공지사항 */
.board-basic-list.govment-notice div.col1{width:8%}
.board-basic-list.govment-notice div.col2{width:15%}
.board-basic-list.govment-notice div.col3{width:57%}
.board-basic-list.govment-notice div.col4{width:20%}

/* 시험장소 및 응시여부 */
.board-basic-list.pop-exanlst div.col1{width:16%}
.board-basic-list.pop-exanlst div.col2{width:16%}
.board-basic-list.pop-exanlst div.col3{width:15%}
.board-basic-list.pop-exanlst div.col4{width:40%}
.board-basic-list.pop-exanlst div.col5{width:13%}

/* 원서접수내역 */
.board-basic-list.receipt div.col1{width:11%}
.board-basic-list.receipt div.col2{width:20%}
.board-basic-list.receipt div.col3{width:9%}
.board-basic-list.receipt div.col4{width:9%}
.board-basic-list.receipt div.col5{width:10%}
.board-basic-list.receipt div.col6{width:6%}
.board-basic-list.receipt div.col7{width:6%}
.board-basic-list.receipt div.col8{width:6%}
.board-basic-list.receipt div.col9{width:6%}
.board-basic-list.receipt div.col10{width:6%}
.board-basic-list.receipt div.col11{width:11%}

/* 응시분야 */
.board-basic-list.exanment-field div.col1{width:5%}
.board-basic-list.exanment-field div.col2{width:8%}
.board-basic-list.exanment-field div.col3{width:23%}
.board-basic-list.exanment-field div.col4{width:10%}
.board-basic-list.exanment-field div.col5{width:10%}
.board-basic-list.exanment-field div.col6{width:14%}
.board-basic-list.exanment-field div.col7{width:10%}
.board-basic-list.exanment-field div.col8{width:10%}
.board-basic-list.exanment-field div.col9{width:10%}

/* 이력서 불러오기 */
.board-basic-list.pop-profile-load div.col1{width:10%}
.board-basic-list.pop-profile-load div.col2{width:30%}
.board-basic-list.pop-profile-load div.col3{width:45%}

/* 편의제공내역 */
.board-basic-list.pop-cvn-history div.col1{width:10%}
.board-basic-list.pop-cvn-history div.col2{width:30%}
.board-basic-list.pop-cvn-history div.col3{width:40%}
.board-basic-list.pop-cvn-history div.col4{width:20%}

/* 학력 불러오기 */
.board-basic-list.pop-academi-load div.col1{width:5%}
.board-basic-list.pop-academi-load div.col2{width:20%}
.board-basic-list.pop-academi-load div.col3{width:25%}
.board-basic-list.pop-academi-load div.col4{width:20%}
.board-basic-list.pop-academi-load div.col5{width:15%}
.board-basic-list.pop-academi-load div.col6{width:15%}

/* 어학성적 사전등록 불러오기 */
.board-basic-list.pop-lansregi-load div.col1{width:10%}
.board-basic-list.pop-lansregi-load div.col2{width:18%}
.board-basic-list.pop-lansregi-load div.col3{width:20%}
.board-basic-list.pop-lansregi-load div.col4{width:20%}
.board-basic-list.pop-lansregi-load div.col5{width:12%}
.board-basic-list.pop-lansregi-load div.col6{width:20%}

/* 제출서류 전자문서 */
.board-basic-list.poplayer-edoc div.col1{width:8%}
.board-basic-list.poplayer-edoc div.col2{width:35%}
.board-basic-list.poplayer-edoc div.col3{width:35%}
.board-basic-list.poplayer-edoc div.col4{width:22%}

/* 제출서류 확인 */
.board-basic-list.poplayer-edoc-confirm div.col1{width:22%}
.board-basic-list.poplayer-edoc-confirm div.col2{width:25%}
.board-basic-list.poplayer-edoc-confirm div.col3{width:10%}
.board-basic-list.poplayer-edoc-confirm div.col4{width:10%}
.board-basic-list.poplayer-edoc-confirm div.col5{width:18%}
.board-basic-list.poplayer-edoc-confirm div.col6{width:15%}

/* 경력 불러오기 */
.board-basic-list.pop-career-load div.col1{width:10%}
.board-basic-list.pop-career-load div.col2{width:55%}
.board-basic-list.pop-career-load div.col3{width:35%}

/* 자기소개서 불러오기 */
.board-basic-list.pop-myself-load div.col1{width:10%}
.board-basic-list.pop-myself-load div.col2{width:70%}
.board-basic-list.pop-myself-load div.col3{width:20%}

/* 직무수행계획서 불러오기 */
.board-basic-list.pop-duty-flfm div.col1{width:10%}
.board-basic-list.pop-duty-flfm div.col2{width:70%}
.board-basic-list.pop-duty-flfm div.col3{width:20%}

/* 자격증 불러오기 */
.board-basic-list.pop-certification-load div.col1{width:10%}
.board-basic-list.pop-certification-load div.col2{width:10%}
.board-basic-list.pop-certification-load div.col3{width:15%}
.board-basic-list.pop-certification-load div.col4{width:10%}
.board-basic-list.pop-certification-load div.col5{width:15%}
.board-basic-list.pop-certification-load div.col6{width:10%}
.board-basic-list.pop-certification-load div.col7{width:10%}
.board-basic-list.pop-certification-load div.col8{width:10%}
.board-basic-list.pop-certification-load div.col9{width:10%}

/* FLEX 성적조회결과 */
.board-basic-list.pop-flex-graderesult div.col1{width:20%}
.board-basic-list.pop-flex-graderesult div.col2{width:20%}
.board-basic-list.pop-flex-graderesult div.col3{width:20%}
.board-basic-list.pop-flex-graderesult div.col4{width:20%}
.board-basic-list.pop-flex-graderesult div.col5{width:20%}

/* 삭제정보 확인 */
.board-basic-list.pop-memberdel-confirm div.col1{width:20%}
.board-basic-list.pop-memberdel-confirm div.col2{width:40%}
.board-basic-list.pop-memberdel-confirm div.col3{width:20%}
.board-basic-list.pop-memberdel-confirm div.col4{width:20%}

/* 발급 자격증 */
.board-basic-list.pop-certification-isua div.col1{width:5%}
.board-basic-list.pop-certification-isua div.col2{width:20%}
.board-basic-list.pop-certification-isua div.col3{width:20%}
.board-basic-list.pop-certification-isua div.col4{width:20%}
.board-basic-list.pop-certification-isua div.col5{width:20%}
.board-basic-list.pop-certification-isua div.col6{width:15%}

/* 제출서류 */
.board-basic-list.submission-doc div.col1{width:8%}
.board-basic-list.submission-doc div.col2{width:8%}
.board-basic-list.submission-doc div.col3{width:14%}
.board-basic-list.submission-doc div.col4{width:35%}
.board-basic-list.submission-doc div.col5{width:30%}
.board-basic-list.submission-doc div.col6{width:10%}

/* 채용 콜센터 문의 */
.board-basic-list.cs-inquiry div.col1{width:8%}
.board-basic-list.cs-inquiry div.col2{width:20%}
.board-basic-list.cs-inquiry div.col3{width:45%}
.board-basic-list.cs-inquiry div.col4{width:12%}
.board-basic-list.cs-inquiry div.col5{width:15%}

/* 증명자료 제출 */
.board-basic-list.attest-data div.col1{width:5%}
.board-basic-list.attest-data div.col2{width:15%}
.board-basic-list.attest-data div.col3{width:15%}
.board-basic-list.attest-data div.col4{width:40%}
.board-basic-list.attest-data div.col5{width:15%}
.board-basic-list.attest-data div.col6{width:10%}

/* 우편번호 검색 */
.board-basic-list.postnum-search div.col1{width:20%}
.board-basic-list.postnum-search div.col2{width:80%}

/* 이의신청내역 */
.board-basic-list.objection div.col1{width:8%}
.board-basic-list.objection div.col2{width:8%}
.board-basic-list.objection div.col3{width:12%}
.board-basic-list.objection div.col4{width:34%}
.board-basic-list.objection div.col5{width:24%}
.board-basic-list.objection div.col6{width:14%}

/* 합격/성적조회 */
.board-basic-list.acceptance-search div.col1{width:8%}
.board-basic-list.acceptance-search div.col2{width:8%}
.board-basic-list.acceptance-search div.col3{width:25%}
.board-basic-list.acceptance-search div.col4{width:47%}
.board-basic-list.acceptance-search div.col5{width:12%}

/* 시험통계 */
.board-basic-list.exanment-stats div.col1{width:8%}
.board-basic-list.exanment-stats div.col2{width:10%}
.board-basic-list.exanment-stats div.col3{width:15%}
.board-basic-list.exanment-stats div.col4{width:33%}
.board-basic-list.exanment-stats div.col5{width:12%}
.board-basic-list.exanment-stats div.col6{width:10%}
.board-basic-list.exanment-stats div.col7{width:12%}

/* 증명/서식 */
.board-basic-list.proof-form div.col1{width:8%}
.board-basic-list.proof-form div.col2{width:62%}
.board-basic-list.proof-form div.col3{width:15%}
.board-basic-list.proof-form div.col4{width:15%}

/* 직무수행계획서 */
.board-basic-list.duty-flfm div.col1{width:8%}
.board-basic-list.duty-flfm div.col2{width:57%}
.board-basic-list.duty-flfm div.col3{width:15%}
.board-basic-list.duty-flfm div.col4{width:20%}

/* 전자지갑 */
.board-basic-list.elt-wallet div.col1{width:8%}
.board-basic-list.elt-wallet div.col2{width:30%}
.board-basic-list.elt-wallet div.col3{width:20%}
.board-basic-list.elt-wallet div.col4{width:12%}
.board-basic-list.elt-wallet div.col5{width:15%}
.board-basic-list.elt-wallet div.col6{width:15%}

/* 첨부파일 관리 */
.board-basic-list.upload-file div.col1{width:8%}
.board-basic-list.upload-file div.col2{width:26%}
.board-basic-list.upload-file div.col3{width:24%}
.board-basic-list.upload-file div.col4{width:12%}
.board-basic-list.upload-file div.col5{width:15%}
.board-basic-list.upload-file div.col6{width:15%}

/* 자기소개서 */
.board-basic-list.sel-inct div.col1{width:8%}
.board-basic-list.sel-inct div.col2{width:57%}
.board-basic-list.sel-inct div.col3{width:15%}
.board-basic-list.sel-inct div.col4{width:20%}

/* 관심분야 설정 */
.board-basic-list.pop-interest-set div.col1{width:20%}
.board-basic-list.pop-interest-set div.col2{width:80%}

/* 어학성적 사전등록 */
.board-basic-list.langs-regist div.col1{width:5%}
.board-basic-list.langs-regist div.col2{width:5%}
.board-basic-list.langs-regist div.col3{width:10%}
.board-basic-list.langs-regist div.col4{width:20%}
.board-basic-list.langs-regist div.col5{width:16%}
.board-basic-list.langs-regist div.col6{width:7%}
.board-basic-list.langs-regist div.col7{width:7%}
.board-basic-list.langs-regist div.col8{width:6%}
.board-basic-list.langs-regist div.col9{width:6%}
.board-basic-list.langs-regist div.col10{width:8%}
.board-basic-list.langs-regist div.col11{width:10%}

/* 시험위원 위촉내역 */
.board-basic-list.submission-doc1 div.col1{width:8%}
.board-basic-list.submission-doc1 div.col2{width:8%}
.board-basic-list.submission-doc1 div.col3{width:8%}
.board-basic-list.submission-doc1 div.col4{width:8%}
.board-basic-list.submission-doc1 div.col5{width:10%}
.board-basic-list.submission-doc1 div.col6{width:10%}
.board-basic-list.submission-doc1 div.col7{width:18%}
.board-basic-list.submission-doc1 div.col8{width:12%}
.board-basic-list.submission-doc1 div.col9{width:9%}
.board-basic-list.submission-doc1 div.col10{width:9%}

/* 감염병 자진신고 내역 */
.board-basic-list.pop-inpection-selvol div.col1{width:10%}
.board-basic-list.pop-inpection-selvol div.col2{width:40%}
.board-basic-list.pop-inpection-selvol div.col3{width:25%}
.board-basic-list.pop-inpection-selvol div.col4{width:25%}

/* 면접 가산자격증 */
.board-basic-list.pop-interview-point div.col1{width:15%}
.board-basic-list.pop-interview-point div.col2{width:55%}
.board-basic-list.pop-interview-point div.col3{width:15%}
.board-basic-list.pop-interview-point div.col4{width:15%}

/* board-steck-list */
.board-steck-list .steck-list:after{content:''; display:block; clear:both}
.board-steck-list .steck-list > li{margin-bottom:20px}
.board-steck-list .steck-list > li:last-child{margin-bottom:0}
.board-steck-list .steck-box{display:flex; align-items:flex-start; margin-bottom:20px; border:1px solid #dadada; box-sizing:border-box; border-radius:12px}
.board-steck-list .steck-box:last-child{margin-bottom:0}

.board-steck-list .steck-box .steck-first{display:flex; align-items:flex-start; flex:none; min-width:200px; max-width:200px; padding:22px 30px; padding-right:0; box-sizing:border-box}
.board-steck-list .steck-box .steck-first.small{min-width:120px; max-width:120px}
.board-steck-list .steck-box .steck-cont{flex:1; padding:22px 24px; box-sizing:border-box}

.board-steck-list .steck-box .steck-check{margin-right:10px}

.board-steck-list .steck-box .steck-govment{display:flex; flex-direction:column; min-height:39px}
.board-steck-list .steck-box .steck-govment .current,
.board-steck-list .steck-box .steck-govment .parent{line-height:1.2em; font-weight:300}
.board-steck-list .steck-box .steck-govment .current{color:#505050; font-size:16px; letter-spacing:-1px}
.board-steck-list .steck-box .steck-govment .parent{margin-top:3px; color:#808080; font-size:14px; letter-spacing:-0.5px}

.board-steck-list .steck-box .steck-util{display:flex; align-items:center; justify-content:space-between; min-height:36px; margin-bottom:8px}
.board-steck-list .steck-box .steck-util.single{min-height:auto}
.board-steck-list .steck-box .steck-util .util-l,
.board-steck-list .steck-box .steck-util .util-r{display:flex; align-items:center}
.board-steck-list .steck-box .steck-util .label-cmm{margin-right:2px}
.board-steck-list .steck-box .steck-util .d-day .tit,
.board-steck-list .steck-box .steck-util .d-day .counter{color:#808080; line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-1px}
.board-steck-list .steck-box .steck-util .d-day .counter.short{color:#e30080}
.board-steck-list .steck-box .steck-util .d-day .counter.long{color:#3382e9}
.board-steck-list .steck-box .steck-util .scrap{margin-left:10px}

.board-steck-list .steck-box .steck-tit{display:flex; flex-direction:column; margin-bottom:10px}
.board-steck-list .steck-box .steck-noti{flex-direction:column; margin-bottom:10px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-height: 19px;}
.board-steck-list .steck-box .steck-noti .parent{color:#393535; font-size:15px; letter-spacing:-0.5px;}
.board-steck-list .steck-box .steck-tit .tit
{
	display:-webkit-box;
    height:auto;
    line-height:1.4em;
    color:#202020;
    font-family:tjs;
    font-size:18px;
    font-weight:300;
    letter-spacing:-1px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow: ellipsis;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden;
    transition:all .20s ease
}
.board-steck-list .steck-box .steck-tit .tit:hover{color:#3382e9}
.steck-meta{display:flex; align-items:center; margin-top:10px}
.steck-meta .meta-box{display:flex; flex-direction:column; flex:none; margin-left:50px}
.steck-meta .meta-box:first-child{margin-left:0}
.steck-meta .meta-box .tit,
.steck-meta .meta-box .date{margin-bottom:10px; line-height:1.2em; font-size:14px; font-weight:normal}
.steck-meta .meta-box .tit{color:#808080; letter-spacing:-0.8px}
.steck-meta .meta-box .tit{color:#505050; letter-spacing:-0.5px}

.steck-meta .meta-box .meta-process{display:flex; align-items:center; flex:1 auto; min-width:340px; box-sizing:border-box}
.steck-meta .meta-box .meta-process li{flex:1}
.steck-meta .meta-box .meta-process .process-box{display:flex; align-items:center; justify-content:center; position:relative; height:30px; margin-left:-1px; background-color:#fff; border:1px solid #dadada}
.steck-meta .meta-box .meta-process .process-box span{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-1px;}
.steck-meta .meta-box .meta-process li.active .process-box{background-color:#445772; border:1px solid #445772; z-index:1}
.steck-meta .meta-box .meta-process li.active .process-box span{color:#fff}
.steck-meta .meta-box .meta-process li:first-child .process-box{border-radius:5px 0 0 5px}
.steck-meta .meta-box .meta-process li:last-child .process-box{border-radius:0 5px 5px 0}

.steck-meta .meta-box .meta-process li .process-box:after
{
    content:'\ea6e';
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:50%;
    right:-7px;
    width:14px;
    height:14px;
    margin-top:-7px;
    padding-left:2px;
    color:#fff;
    font-family:"remixicon";
    border-radius:50%;
    background-color:#445772;
    box-sizing:border-box;
    z-index:2
}
.steck-meta .meta-box .meta-process li:last-child .process-box:after{display:none}

.steck-meta-row{display:flex; align-items:center; margin-top:10px}
.steck-meta-row .meta-box{display:flex; align-items:center; flex:none; margin-left:50px; box-sizing:border-box}
.steck-meta-row .meta-box:first-child{margin-left:0}
.steck-meta-row .meta-box .tit,
.steck-meta-row .meta-box .cont{margin-right:10px; line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.steck-meta-row .meta-box .tit{color:#808080}
.steck-meta-row .meta-box .cont{color:#505050}

.steck-meta-row.fit{margin-top:10px}
.steck-meta-row.fit .meta-box .cont{margin-right:0; padding-right:10px}
.steck-meta-row.fit .meta-box:last-child .cont{padding-right:0}
.steck-meta-row.col5 .meta-box{width:20%; margin-left:0}
.steck-meta-row.col4 .meta-box{width:25%; margin-left:0}

/* exanment-card-list */
.exanment-card-list .exanment-list{margin-left:-20px; margin-top:-20px}
.exanment-card-list .exanment-list:after{content:''; display:block; clear:both}
.exanment-card-list .exanment-list > li{float:left; width:33.3333333%}
.exanment-card-list .exanment-box{min-height:311px; margin-left:20px; margin-top:20px; border:1px solid #dadada; border-radius:12px}

.exanment-card-list .exanment-box .exanment-top{padding:22px 30px 0}
.exanment-card-list .exanment-box .exanment-top .exanment-util{display:flex; align-items:center; justify-content:space-between; min-height:36px; margin-bottom:12px}
.exanment-card-list .exanment-box .exanment-top .exanment-util .util-l,
.exanment-card-list .exanment-box .exanment-top .exanment-util .util-r{display:flex; align-items:center}

.exanment-card-list .exanment-box .exanment-top .exanment-util .label-cmm{margin-right:2px}
.exanment-card-list .exanment-box .exanment-top .exanment-util .d-day .tit,
.exanment-card-list .exanment-box .exanment-top .exanment-util .d-day .counter{color:#808080; line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-1px}
.exanment-card-list .exanment-box .exanment-top .exanment-util .d-day .tit{margin-right:5px}
.exanment-card-list .exanment-box .exanment-top .exanment-util .d-day .counter.short{color:#e30080}
.exanment-card-list .exanment-box .exanment-top .exanment-util .d-day .counter.long{color:#3382e9}
.exanment-card-list .exanment-box .exanment-top .exanment-util .scrap{margin-left:10px}

.exanment-card-list .exanment-box .exanment-top .exanment-govment{display:flex; flex-direction:column; min-height:39px}
.exanment-card-list .exanment-box .exanment-top .exanment-govment .current,
.exanment-card-list .exanment-box .exanment-top .exanment-govment .parent{line-height:1.2em; font-family:tjs; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.exanment-card-list .exanment-box .exanment-top .exanment-govment .current{color:#505050; font-size:16px; letter-spacing:-1px}
.exanment-card-list .exanment-box .exanment-top .exanment-govment .parent{margin-top:3px; color:#808080; font-size:14px; letter-spacing:-0.5px}

.exanment-card-list .exanment-box .exanment-cont{margin-top:15px}
.exanment-card-list .exanment-box .exanment-tit{display:flex; flex-direction:column; padding:0 30px}
.exanment-card-list .exanment-box .exanment-tit .exanment-noti{margin-top:5px; min-height:20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.exanment-card-list .exanment-box .exanment-tit .exanment-noti .parent{margin-top:3px; color:#393535; font-size:15px; letter-spacing:-0.5px;}
.exanment-card-list .exanment-box .exanment-tit .tit
{
    height:48px;
    line-height:1.4em;
    color:#202020;
    font-family:tjs;
    font-size:17px;
    font-weight:300;
    letter-spacing:-1px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:keep-all;
    transition:all .20s ease;
}
.exanment-card-list .exanment-box .exanment-tit .exanment-noti{min-height: 20px;}
.exanment-card-list .exanment-box .exanment-tit .tit:hover{color:#3382e9;}
.exanment-card-list .exanment-box .exanment-meta{margin-top:10px; padding:20px 20px 22px; background-color:#f8f8f8; border-radius:0 0 12px 12px}
.exanment-card-list .exanment-box .exanment-meta .meta-box{display:flex; align-items:center; margin-top:12px}
.exanment-card-list .exanment-box .exanment-meta .meta-box:first-child{margin-top:0}
.exanment-card-list .exanment-box .exanment-meta .tit{width:60px; line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.8px}

.exanment-card-list .exanment-box .exanment-meta .meta-process{display:flex; align-items:center; flex:1 auto; height:30px; box-sizing:border-box}
.exanment-card-list .exanment-box .exanment-meta .meta-process li{flex:1}
.exanment-card-list .exanment-box .exanment-meta .meta-process .process-box{display:flex; align-items:center; justify-content:center; position:relative; height:30px; margin-left:-1px; background-color:#fff; border:1px solid #dadada}
.exanment-card-list .exanment-box .exanment-meta .meta-process .process-box span{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-1px;}
.exanment-card-list .exanment-box .exanment-meta .meta-process li.active .process-box{background-color:#445772; border:1px solid #445772; z-index:1}
.exanment-card-list .exanment-box .exanment-meta .meta-process li.active .process-box span{color:#fff}

.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child .process-box{border-radius:5px 0 0 5px}
.exanment-card-list .exanment-box .exanment-meta .meta-process li:last-child .process-box{border-radius:0 5px 5px 0}
.exanment-card-list .exanment-box .exanment-meta .date{line-height:1.2em; color:#505050; font-size:14px; font-weight:normal; letter-spacing:normal}

.exanment-card-list .exanment-box .exanment-meta .meta-process .process-box:after
{
    content:'\ea6e';
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:50%;
    right:-7px;
    width:14px;
    height:14px;
    margin-top:-7px;
    padding-left:2px;
    color:#fff;
    font-family:"remixicon";
    border-radius:50%;
    background-color:#445772;
    box-sizing:border-box;
    z-index:2
}
.exanment-card-list .exanment-box .exanment-meta .meta-process li:last-child .process-box:after{display:none}

.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(6) .process-box span,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(6) ~ li .process-box span,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(7) .process-box span,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(7) ~ li .process-box span{font-size:13px}
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(6) .process-box:after,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(6) ~ li .process-box:after,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(7) .process-box:after,
.exanment-card-list .exanment-box .exanment-meta .meta-process li:first-child:nth-last-child(7) ~ li .process-box:after{display:none}

/* board-list-type */
.board-list-type{display:flex; align-items:center; margin-left:15px}
.board-list-type .list-type{display:flex; align-items:center; justify-content:center; position:relative; width:36px; height:32px; padding:0; margin:0; margin-left:-1px; background-color:#f5f5f5; border:1px solid #dadada; cursor:pointer; box-sizing:border-box; transition:all .20s ease}
.board-list-type .list-type.list-default{background:#f5f5f5 url('../images/common/board-type-default-off.png') no-repeat 50% 50%; background-size:16px 12px; border-radius:3px 0 0 3px}
.board-list-type .list-type.list-gallery{background:#f5f5f5 url('../images/common/board-type-gallery-off.png') no-repeat 50% 50%; background-size:16px 12px; border-radius:0 3px 3px 0}
.board-list-type .list-type.list-default.active{background:#47566a url('../images/common/board-type-default-on.png') no-repeat 50% 50%; background-size:16px 12px; border:1px solid #445772; z-index:1}
.board-list-type .list-type.list-gallery.active{background:#47566a url('../images/common/board-type-gallery-on.png') no-repeat 50% 50%; background-size:16px 12px; border:1px solid #445772; z-index:1}

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

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


/* **************************************** *
 * board-view
 * **************************************** */
.board-view .view-head{position:relative; padding:25px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.board-view .view-head .tit-area > .tit{display:inline-block; line-height:1.4em; color:#202020; font-family:tjs; font-size:20px; font-weight:300; letter-spacing:-1.2px; vertical-align:middle; word-break:keep-all}
.board-view .view-head .meta_area{position:relative}
.board-view .view-head .meta_info{display:flex; align-items:center; margin-top:12px}
.board-view .view-head .meta_info dt,
.board-view .view-head .meta_info dd{line-height:150%; font-size:15px; font-weight:normal; letter-spacing:-0.5px}
.board-view .view-head .meta_info dt{margin-right:10px; color:#808080}
.board-view .view-head .meta_info dd{position:relative; margin-right:40px; padding-left:10px; color:#202020}
.board-view .view-head .meta_info dd:before{content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#dadada}
.board-view .view-content{min-height:200px; padding:25px 20px; border-bottom:1px solid #dbdbdd}
.board-view .view-content + .filedown-box:before{content:''; position:absolute; left:0; right:0; top:-2px; height:1px; background-color:#fff}

/* discovery */
.discovery{display:flex; flex-direction:column; position:relative; gap:5px; margin-top:30px; padding:15px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; overflow:hidden}
.discovery .prev,
.discovery .next{display:flex; align-items:center; position:relative; padding-right:80px; text-align:left; box-sizing:border-box}
.discovery .prev .tit,
.discovery .next .tit
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    min-width:94px;
    height:44px;
    margin-right:12px;
    line-height:1.65em;
    color:#303030;
    font-size:15px;
    font-weight:300;
    letter-spacing:-0.8px;
    background:#f5f5f5;
    border-radius:6px;
    box-sizing:border-box
}
.discovery .prev > a,
.discovery .next > a{line-height:1.2em; font-size:15px; letter-spacing:-0.5px; color:#505050; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.discovery .prev > a:hover,
.discovery .next > a:hover{color:#3382e9}
.discovery .nodata{line-height:1.2em; font-size:15px; letter-spacing:-0.5px; color:#808080}


/* **************************************** *
 * exanment-view
 * **************************************** */
.exanment-view .view-head{position:relative; padding:25px 0; padding-right:135px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.exanment-view .view-head .tit-area{display:flex; align-items:flex-start}
.exanment-view .view-head .tit-area > .tit{display:block; line-height:1.4em; color:#202020; font-family:tjs; font-size:20px; font-weight:300; letter-spacing:-1.2px; word-break:keep-all}
.exanment-view .view-head .tit-area .label-cmm{top:-2px; margin-right:5px}

.exanment-view .view-head .meta-area{position:relative; margin-top:25px; width:75%}
.exanment-view .view-head .meta-list{margin-left:-15px; margin-top:-8px}
.exanment-view .view-head .meta-list:after{content:''; display:block; clear:both}
.exanment-view .view-head .meta-list li{float:left; width:50%}
.exanment-view .view-head .meta-list li.fill{width:100%}
.exanment-view .view-head .meta-list .meta-box{display:flex; align-items:center; margin-left:15px; margin-top:8px}
.exanment-view .view-head .meta-list .tit,
.exanment-view .view-head .meta-list .info{line-height:150%; font-size:15px; font-weight:normal; letter-spacing:-0.5px}
.exanment-view .view-head .meta-list .tit{min-width:80px; margin-right:5px; color:#808080; white-space:nowrap}
.exanment-view .view-head .meta-list .info{position:relative; padding-left:10px; color:#202020}
.exanment-view .view-head .meta-list .info:before{content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#dadada}

.exanment-view .view-head .regist-area{position:absolute; top:-1px; bottom:-1px; right:0}
.exanment-view .view-head .regist-area .regist,
.exanment-view .view-head .regist-area .un-regist
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:100%;
    padding:0 24px;
    background:#3382e9;
    border:1px solid #3382e9;
    font-weight:normal;
    font-family:tjs;
    font-size:18px;
    letter-spacing:-1px;
    color:#fff;
    border-radius:0;
    cursor:pointer;
    box-sizing:border-box;
    z-index:1;
}

.exanment-view .view-head .regist-area .regist [class^="ri-"],
.exanment-view .view-head .regist-area .regist [class*=" ri-"],
.exanment-view .view-head .regist-area .un-regist [class^="ri-"],
.exanment-view .view-head .regist-area .un-regist [class*=" ri-"]{margin-top:-2px; margin-right:2px; font-size:22px; vertical-align:text-top}

.exanment-view .view-head .regist-area .un-regist{background:#89909d; border:1px solid #89909d; cursor:no-drop}

.exanment-view .view-content{min-height:200px; padding:20px 0; border-bottom:1px solid #dbdbdd}

.exanment-view .view-archive{position:relative; margin:10px 0; padding:12px 20px; background-color:#f8f8f8; border:1px solid #ebebeb; border-radius:6px}
.exanment-view .view-archive .tit{display:flex; align-items:center; position:relative; max-width:600px; padding:4px 0; box-sizing:border-box}
.exanment-view .view-archive .tit span
{
    line-height:1.4em;
    color:#808080;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    transition:all .20s ease
}
.exanment-view .view-archive .tit span.date{flex:none; width:85px}
.exanment-view .view-archive .tit.active span{color:#202020; font-weight:300}
.exanment-view .view-archive .tit:before
{
    content:"\eb7b";
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    position:relative;
    width:18px;
    height:18px;
    margin-right:5px;
    background-color:#445772;
    color:#fff;
    font-family:remixicon;
    font-size:12px;
    border-radius:50%;
    opacity:0;
    box-sizing:border-box
}
.exanment-view .view-archive .tit.active:before{opacity:1}
.exanment-view .view-archive .tit span:hover{color:#202020}


/* **************************************** *
* search-box
* **************************************** */
.search-box
{
    display:flex;
    align-items:center;
    position:relative;
    background:#f2f5f9;
    border:1px solid #d2d6dd;
    margin-bottom:35px;
    padding:15px 15px;
    border-radius:8px 8px 22px 8px;
    box-sizing:border-box
}
.search-box.mini{padding:8px; border-radius:4px}
.search-box .search-form{flex:1}

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

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

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

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

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

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

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

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

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

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

/* search-less */
.search-less
{
    display:flex;
    align-items:center;
    position:relative;
    border:1px solid #ebebeb;
    padding:0 2px;
    border-radius:4px;
    box-sizing:border-box
}
.search-less .search-form{flex:1}

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

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

.search-less .txtinput-cmm.dateinput .ui-datepicker-trigger{top:1px}


/* **************************************** *
* list
* **************************************** */
/* check-list */
.check-list{display:flex; align-items:center; flex-wrap:wrap; margin-left:-12px; margin-top:-10px}
.check-list > li .check-cmm{margin-left:12px; margin-top:10px}
.check-list > li .radio-cmm{margin-left:12px; margin-top:10px}

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

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

.info-list.col2 li{float:left; width:50%}
.info-list.col3 li{float:left; width:33.333333%}


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

.info-box.info{background-color:#e1ecfa; border:0}
.info-box.warning{background-color:#faeee7; border:0}
.info-box.danger{background-color:#fdecf0; border:0}

.info-box.info.icon > [class^="ri-"]{color:#3382e9}
.info-box.warning.icon > [class^="ri-"]{color:#867062}
.info-box.danger.icon > [class^="ri-"]{color:#f26183}

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


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

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

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


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

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

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

 /* tab-login */
 .tab-login{position:relative; margin-bottom:50px; border-radius:8px 8px 22px 8px; overflow:hidden}
 .tab-login > ul{display:flex; align-items:center; background-color:#edeef2}
 .tab-login > ul > li{display:flex; flex:1; position:relative}
 .tab-login > ul > li:before{content:''; position:absolute; right:-1px; top:10px; bottom:10px; width:1px; background-color:#c8cace}
 .tab-login > ul > li:last-child:before{display:none}
 .tab-login > ul > li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:50px; padding:0 8px; border-radius:0 0 22px 8px; box-sizing:border-box}
 .tab-login > ul > li a > span{color:#505050; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1px}
 .tab-login > ul > li:hover a > span{color:#202020}
 .tab-login > ul > li.active:before{display:none}
 .tab-login > ul > li.active a{background:#445772; z-index:1}
 .tab-login > ul > li.active a > span{color:#fff}


/* **************************************** *
 * POPUP
 * **************************************** */
/* popup layer */
.popup-layer{display:none; position:relative; width:100%; min-width:200px; text-align:left; vertical-align:middle; box-sizing:border-box; z-index:9}
.popup-layer > .head{display:flex; align-items:center; position:relative; height:80px; background-color:#fff; text-align:left; border-radius:8px 8px 0 0; box-sizing:border-box}
.popup-layer > .head:before{content:''; position:absolute; bottom:0; left:30px; right:30px; height:1px; background:#ebebeb}
.popup-layer > .head .pop-tit{display:flex; align-items:center; padding-left:30px; line-height:1.4em; color:#202020; font-family:tjs; font-size:22px; font-weight:300; letter-spacing:-1px}

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

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

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


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

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

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

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

/* popup message */
.popup-message{margin-bottom:35px}
.popup-message .message-s{margin-top:15px}
.popup-message .message-l .message,
.popup-message .message-s .message{line-height:1.4em; font-family:tjs; font-weight:normal; letter-spacing:-1.2px}
.popup-message .message-l .message span,
.popup-message .message-s .message span{font-family:tjs}
.popup-message .message-l .message{color:#202020; font-size:20px}
.popup-message .message-s .message{font-weight:normal; color:#808080; font-size:16px}

/* alert, confirm */
.popup-layer.alert,
.popup-layer.confirm{width:440px}
.popup-layer.alert .body,
.popup-layer.confirm .body{border-radius:8px}
.popup-layer.alert .body .pop-contents,
.popup-layer.confirm .body .pop-contents{display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:200px; padding:30px}

.popup-layer.alert .message-area,
.popup-layer.confirm .message-area{display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0 20px; box-sizing:border-box}

.popup-layer.alert .message-area:before,
.popup-layer.confirm .message-area:before{display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin-bottom:15px; font-family:remixicon; font-size:30px; border-radius:50%}
.popup-layer.alert .message-area:before{content:'\ea20'; background-color:#e1ecfa; color:#3382e9}
.popup-layer.confirm .message-area:before{content:'\eb54'; background-color:#fdecf0; color:#f26183}

.popup-layer.alert .message-area .message,
.popup-layer.confirm .message-area .message{position:relative; line-height:1.65em; text-align:center; font-family:tjs; font-size:15px; font-weight:normal; color:#505050; letter-spacing:-1px}

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

/* popup imaging */
.imaging-crop-wrap{display:flex; gap:20px; margin:20px 0}
.imaging-crop-wrap .crop-stage-l,
.imaging-crop-wrap .crop-stage-r{flex:1; border-radius:8px}
.imaging-crop-wrap .crop-stage-l{padding:15px; background-color:#f5f5f5; border:1px solid #ebebeb}
.imaging-crop-wrap .crop-stage-r{display:flex; align-items:center; justify-content:center; border:1px solid #ebebeb}

.imaging-crop-wrap .crop-stage-r .cropped{margin:0 auto}
.imaging-crop-wrap .crop-stage-r .cropped > img{border:1px solid #d7d7d7}

.imaging-crop-wrap .imageBox{position:relative; height:400px; background:#fff; overflow:hidden; background-repeat:no-repeat; cursor:move}
.imaging-crop-wrap .imageBox .thumbBox{position:absolute; top:50%; left:50%; width:137px; height:177px; transform:translate(-50%, -50%); border:1px solid #c0d1df; box-sizing:border-box; box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.5); background:none repeat scroll 0% 0% transparent}
.imaging-crop-wrap .imageBox .spinner{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; bottom:0; right:0; color:#505050; font-size:14px; letter-spacing:-0.5px; line-height:1.2em; text-align:center; background:#fff}

.imaging-crop-wrap .imaging-button{display:flex; align-items:center; margin:0 -1px 10px}
.imaging-crop-wrap .imaging-button .button{margin:0 1px}
.imaging-crop-wrap .imaging-button .button-l,
.imaging-crop-wrap .imaging-button .button-r{display:flex; align-items:center}
.imaging-crop-wrap .imaging-button .button-r{margin-left:auto}

.imaging-crop-wrap .filebox input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}


/* **************************************** *
 * register-report
 * **************************************** */
.register-report-tit{display:flex; padding:0 0 20px; box-sizing:border-box}
.register-report-tit .tit
{
    display:block;
    position:relative;
    line-height:1.4em;
    text-align:center;
    font-family:tjs;
    font-size:30px;
    font-weight:normal;
    color:#202020;
    letter-spacing:-1.5px;
    word-break:keep-all
}

.register-report{position:relative; margin-top:-1px}
.register-report .report-list{margin-top:-1px; padding:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.register-report .report-list:after{content:''; display:block; clear:both}
.register-report .report-list > li{display:flex; flex-direction:column; position:relative; padding:10px 0; min-height:40px; box-sizing:border-box}
.register-report .report-list > li:last-child{border-bottom:none}

.register-report .report-list li.col2{flex-direction:row}
.register-report .report-list li.col2 .col-box{display:flex; align-items:center; width:100%}
.register-report .report-list li.col2 .col-box > li{display:flex; flex-direction:column; flex:1; position:relative; padding:6px 0; min-width:50%; max-width:50%; min-height:32px; box-sizing:border-box}
.register-report .report-list li.col2 .col-box > li:nth-child(1){padding-right:20px}
.register-report .report-list li.col2 .col-box > li:nth-child(2){padding-left:20px}
.register-report .report-list li.col2 .col-box > li:first-child:nth-last-child(1){max-width:50%}

.register-report .report-photo{display:flex; align-items:center; position:relative;; padding:30px 20px 0; border-top:1px solid #dadada; border-bottom:1px solid #fff}
.register-report .report-photo .photo-img{height:fit-content; margin-right:30px; padding:6px; border:1px solid #ebebeb; border-radius:8px}
.register-report .report-photo .photo-img img{display:block; max-width:80px}
.register-report .report-photo .report-list{position:relative; padding:0; border:none}

.register-report .report-tit{display:flex; align-items:center; margin-bottom:5px}
.register-report .report-tit .tit{display:inline-block; font-size:14px; letter-spacing:-0.8px; color:#909090; padding-right:3px; font-weight:300}
.register-report .report-cont{display:flex; align-items:center; flex:auto}
.register-report .report-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.register-report .report-cont .col-row{display:flex; flex-direction:column; flex:auto}
.register-report .report-cont .col-row .row{display:flex; align-items:center}
.register-report .report-cont .cont-txt .txt{line-height:1.4em; font-size:16px; letter-spacing:-0.8px; color:#202020; font-weight:normal}

.register-report .col-flex{flex:1}
.register-report .col-flex.none{flex:none}

.register-report .report-list > li.other-row{background:#f8f8f8}
.register-report .report-list > li.start-top{align-items:flex-start}

.register-report .report-list > li.column-row{flex-direction:column; align-items:normal}
.register-report .report-list > li.column-row .writing-cont{padding:15px 10px}

.register-report .cont-check .check{display:flex; align-items:center; flex-wrap:wrap; margin-left:-10px; margin-top:-10px}
.register-report .cont-check .check li{margin-left:10px; margin-top:10px; line-height:1.4em; color:#202020; font-size:16px; letter-spacing:-0.8px; font-weight:normal}
.register-report .cont-check .check li i{position:relative; top:1px; color:#202020; font-size:18px}

.register-report .cont-list .list{position:relative}
.register-report .cont-list .list li{position:relative; margin-bottom:4px; line-height:1.4em; color:#202020; font-size:16px; letter-spacing:-0.8px; font-weight:normal}
.register-report .cont-list .list li:last-child{margin-bottom:0}
.register-report .cont-list .list.bul li{padding-left:16px}
.register-report .cont-list .list.bul li .num{position:absolute; left:0; top:0}


/* **************************************** *
 * report-print
 * **************************************** */
.report-print{display:flex; flex-direction:column; width:800px; margin:0 auto}
.report-print .report-tit{display:flex; align-items:center; justify-content:center; margin-bottom:20px; padding:10px 20px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.report-print .report-tit .tit
{
     display:block;
     position:relative;
     line-height:1.4em;
     text-align:center;
     font-family:tjs;
     font-size:20px;
     font-weight:300;
     color:#202020;
     letter-spacing:-1.2px;
     word-break:keep-all
}

.reception-detail{display:flex}
.reception-detail .reception-cont{flex:1}

.reception-detail .reception-photo{display:flex; flex:none; width:fit-content; height:fit-content}
.reception-detail .reception-photo .photo-img{
    display:flex;
    align-items:center;
    justify-content:center;
    width:134px;
    min-height:162px;
    padding:6px;
    border:1px solid #ebebeb;
    border-radius:8px;
    box-sizing:border-box
}

.reception-detail .reception-photo .photo-img.no-thum{
    background:#fff url('../images/common/no_thum_gov.png') no-repeat 50% 50%; background-size:50px 48px;
}

.reception-detail .reception-photo .photo-img img{display:block; max-width:120px}

.reception-detail .reception-cont{min-width:360px; margin:0 30px; box-sizing:border-box}
.reception-detail .cont-detail > li{display:flex; align-items:center; position:relative; padding:1px 0; min-height:34px; box-sizing:border-box}
.reception-detail .cont-detail .detail-tit{display:flex; align-items:center; min-height:100%; padding:9px 15px; background-color:#f5f5f5; border-radius:4px; box-sizing:border-box}
.reception-detail .cont-detail .detail-tit .tit{display:inline-block; font-size:14px; letter-spacing:-0.8px; color:#505050; padding-right:3px; font-weight:300}
.reception-detail .cont-detail .detail-cont{display:flex; align-items:center; flex:auto; padding:0 12px}
.reception-detail .cont-detail .detail-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.reception-detail .cont-detail .detail-cont .cont-txt .txt{font-size:14px; letter-spacing:-0.5px; color:#202020; font-weight:normal}

.reception-official{display:flex; align-items:center; justify-content:center; margin-top:25px; box-sizing:border-box}
.reception-official .official-info{display:flex; align-items:center; position:relative}
.reception-official .official-name{
    position:relative;
    line-height:1.4em;
    font-size:20px;
    font-weight:300;
    color:#808080;
    letter-spacing:-1px;
    word-break:keep-all;
}

.reception-official .official-sign{position:absolute; right:-35px}
.reception-official .official-sign .sign{display:block; max-width:45px; height:auto}

.reception-confirm{position:relative; margin-top:25px}
.reception-confirm .confirm-message{line-height:1.65em; font-size:15px; font-weight:normal; color:#505050; letter-spacing:-0.8px; text-align:center}
.reception-confirm + .reception-official{margin-top:10px}


/* **************************************** *
 * marking-circle
 * **************************************** */
.marking-circle{display:inline-block; position:relative; width:18px; height:18px; border:1px solid #dadada; background-color:#fff; vertical-align:middle; border-radius:50%; box-sizing:border-box}
.marking-circle.correct{background-color:#202020; border:1px solid #202020}
.marking-circle.error-t1{}


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

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

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

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

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

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

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


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


/* **************************************** *
 * potal error
 * **************************************** */
.potal-error{flex:1; display:flex; align-items:center; justify-content:center; position:relative; padding:60px; background-color:#f4f4f4}
.potal-error .potal-logo{display:flex; align-items:center}
.potal-error .potal-logo .logo{margin-right:25px; margin-bottom:20px}
.potal-error .potal-logo .logo{width:142px; height:35px; background:url("../images/common/portal_login_irp.png") no-repeat 50% 50%; background-size:142px 35px}

.potal-error .error-wrap{position:relative; width:1000px; padding:120px 60px 120px; background-color:#fff;  border-radius:8px; box-shadow:2px 4px 10px 0 rgb(0 0 0 / 4%); box-sizing:border-box}
.potal-error .error-top{display:flex; flex-direction:column; align-items:center; padding-bottom:50px}
.potal-error .error-top .error-tit{display:flex; flex-direction:column; align-items:center; justify-content:center}
.potal-error .error-top .error-tit .tit
{
    display:block;
    position:relative;
    line-height:1.4em;
    font-family:tjs;
    font-size:38px;
    font-weight:100;
    color:#202020;
    text-align:center;
    letter-spacing:-3.5px;
}
.potal-error .error-top .error-tit .tit:last-child{color:#3382e9}
.potal-error .error-top .error-info{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; margin-top:50px; padding:25px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; box-sizing:border-box}
.potal-error .error-top .error-info .info
{
    position:relative;
    line-height:1.6em;
    font-size:17px;
    font-weight:normal;
    color:#808080;
    text-align:center;
    letter-spacing:-0.8px;
}
.potal-error .error-confirm{display:flex; align-items:center; justify-content:center}


/* **************************************** *
 * potal login
 * **************************************** */
.potal-login{flex:1; display:flex; align-items:center; justify-content:center; position:relative; padding:60px; background-color:#f4f4f4}
.potal-login .potal-logo{display:flex; align-items:center}
.potal-login .potal-logo .logo{margin-right:25px; margin-bottom:20px}
.potal-login .potal-logo .logo.cnc{width:165px; height:30px; background:url("../images/common/portal_login_cnc.png") no-repeat 50% 50%; background-size:165px 30px}
.potal-login .potal-logo .logo.irp{width:142px; height:35px; background:url("../images/common/portal_login_irp.png") no-repeat 50% 50%; background-size:142px 35px}

.potal-login .login-wrap{position:relative; width:1200px; min-height:746px; padding:85px 160px 85px; background-color:#fff;  border-radius:8px 8px 32px 8px; box-shadow:2px 4px 10px 0 rgb(0 0 0 / 4%); box-sizing:border-box}
.potal-login .login-top{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-bottom:40px}
.potal-login .login-top .login-tit,
.potal-login .login-top .login-info{text-align:center; overflow:hidden}
.potal-login .login-top .tit
{
    display:block;
    position:relative;
    line-height:1.2em;
    font-family:tjs;
    font-size:42px;
    font-weight:300;
    color:#202020;
    letter-spacing:-2px;
    word-break:keep-all;
    opacity:0;
    animation:login-tit 1s ease 0.5s 1 forwards
}
@keyframes login-tit{0%{top:70px; opacity:0;} 100%{top:0; opacity:1}}

.login-info{margin-top:30px; overflow:hidden}
.login-info .info
{
    position:relative;
    line-height:1.2em;
    font-family:tjs;
    font-size:18px;
    font-weight:100;
    color:#808080;
    letter-spacing:-0.8px;
    opacity:0;
    animation:tit_m02 1s ease 1s 1 forwards
}
@keyframes tit_m02{0%{top:70px; opacity:0;} 100%{top:0; opacity:1}}

.login-member{position:relative; width:400px; margin:0 auto; box-sizing:border-box}
.login-member .login-input{display:flex; flex-direction:column; align-items:flex-start; position:relative; margin-bottom:20px}
.login-member .login-input:last-child{margin-bottom:0}
.login-member .login-input .tit{margin-bottom:8px; color:#909090; line-height:1em; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px}
.login-member .login-input label{display:flex; align-items:center; justify-content:center; position:absolute; left:10px; bottom:0; width:44px; height:60px; font-size:20px; color:#909090; box-sizing:border-box}
.login-member .login-input input
{
    width:100%;
    height:60px;
    line-height:60px;
    margin:0;
    padding:1px 0;
    text-align:left;
    font-size:16px;
    color:#202020;
    letter-spacing:-0.5px;
    font-weight:normal;
    background:#fff;
    border:1px solid #dadada;
    text-indent:60px;
    border-radius:8px;
    outline:none;
    transition:all .20s ease;
    box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%);
    box-sizing:border-box;
    -webkit-appearance:none
}
.login-member .login-input:hover input,
.login-member .login-input input:focus{border:1px solid #3382e9; background:#fff}
.login-member .login-input input::-webkit-input-placeholder{color:#a4a4a4; font-size:16px; font-weight:normal}
.login-member .login-input input::-moz-placeholder{color:#a4a4a4; font-size:16px; font-weight:normal}
.login-member .login-input input[disabled],
.login-member .login-input input[readonly]{background:#f2f4f5}

.login-member .login-idsave{margin-bottom:20px}
.login-member .login-idsave .check-cmm .txt{padding-top:1px; color:#909090; font-family:tjs; letter-spacing:-0.8px}

.login-member .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:100%; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.login-member .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.login-member .login-help{position:relative; margin-top:30px}
.login-member .login-help .help-list{display:flex; position:relative; margin-left:-4px; margin-top:-4px}
.login-member .login-help .help-list li{flex:1}
.login-member .login-help a{display:flex; align-items:center; justify-content:center; height:46px; margin-left:4px; margin-top:4px; padding:0 35px; background-color:#edeef2; border-radius:200px; box-sizing:border-box; transition:all .20s ease}
.login-member .login-help a span{color:#505050; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px}
.login-member .login-help a:hover span{color:#202020}


/* **************************************** *
 * potal join
 * **************************************** */
.potal-join{flex:1; display:flex; align-items:center; justify-content:center; position:relative; padding:60px; background-color:#f4f4f4}
.potal-join .potal-logo{display:flex; align-items:center}
.potal-join .potal-logo .logo{margin-right:25px; margin-bottom:20px}
.potal-join .potal-logo .logo.cnc{width:165px; height:30px; background:url("../images/common/portal_login_cnc.png") no-repeat 50% 50%; background-size:165px 30px}
.potal-join .potal-logo .logo.irp{width:142px; height:35px; background:url("../images/common/portal_login_irp.png") no-repeat 50% 50%; background-size:142px 35px}

.potal-join .join-wrap{position:relative; width:1200px; min-height:746px; padding:85px 160px 85px; background-color:#fff;  border-radius:8px 8px 32px 8px; box-shadow:2px 4px 10px 0 rgb(0 0 0 / 4%); box-sizing:border-box}
.potal-join .join-top{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-bottom:40px}
.potal-join .join-top .join-tit,
.potal-join .join-top .join-info{overflow:hidden}
.potal-join .join-top .tit
{
    display:block;
    position:relative;
    line-height:1em;
    font-family:tjs;
    font-size:42px;
    font-weight:300;
    color:#202020;
    letter-spacing:-2px;
    opacity:0;
    animation:login-tit 1s ease 0.5s 1 forwards
}
@keyframes login-tit{0%{top:70px; opacity:0;} 100%{top:0; opacity:1}}

.potal-join .join-info{margin-top:30px; overflow:hidden}
.potal-join .join-info .info
{
    position:relative;
    line-height:1em;
    font-family:tjs;
    font-size:18px;
    font-weight:normal;
    color:#808080;
    letter-spacing:-0.8px;
    opacity:0;
    animation:tit_m02 1s ease 1s 1 forwards
}
@keyframes tit_m02{0%{top:70px; opacity:0;} 100%{top:0; opacity:1}}

/* 진행단계 */
.join-state{position:relative; width:880px; margin:0 auto 50px}
.join-state .state-list{margin-left:-34px; margin-top:-25px}
.join-state .state-list:after{content:''; display:block; clear:both}
.join-state .state-list li{float:left; width:25%; position:relative; box-sizing:border-box}
.join-state .state-list.col2 li{width:50%}
.join-state .state-box{margin-left:34px; margin-top:25px; text-align:center}
.join-state .state-box .state-top{position:relative; height:132px; padding-top:88px; background-color:#fff; border:1px solid #ebebeb; border-radius:8px; box-sizing:border-box}
.join-state .state-box .state-top .tit{font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1px; line-height:155%; color:#505050}
.join-state .state-box .state-top .next
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    width:26px;
    height:26px;
    margin-top:-12px;
    margin-right:-13px;
    padding-left:2px;
    background-color:#fff;
    border:2px solid #c6c6c6;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1
}
.join-state .state-box .state-top .next:after{content:'\ea6e'; color:#c6c6c6; font-family:remixicon; font-size:20px}
.join-state .state-list li:last-child .state-box .state-top .next{display:none}
.join-state .state-box .state-num{display:block; margin-top:10px; letter-spacing:-0.2px; line-height:135%; color:#808080; font-family:pps; font-weight:normal; font-size:15px}
.join-state .state-box.active .state-top{border:1px solid #3382e9; box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%)}
.join-state .state-box.active .state-top .tit{color:#3382e9}
.join-state .state-box.active .state-top .next{background-color:#3382e9; border:2px solid #3382e9; box-shadow:4px 6px 6px 0 rgb(51 130 233 / 50%); animation:status-next 1.8s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
.join-state .state-box.active .state-top .next:after{color:#fff}
.join-state .state-box.agree .state-top{background:#fff url("../images/common/join-agree.png") no-repeat 50% 25px; background-size:48px 47px}
.join-state .state-box.agree.active .state-top{background:#fff url("../images/common/join-agree-active.png") no-repeat 50% 25px; background-size:48px 47px}
.join-state .state-box.certifi .state-top{background:#fff url("../images/common/join-certifi.png") no-repeat 50% 25px; background-size:45px 46px}
.join-state .state-box.certifi.active .state-top{background:#fff url("../images/common/join-certifi-active.png") no-repeat 50% 25px; background-size:45px 46px}
.join-state .state-box.register .state-top{background:#fff url("../images/common/join-register.png") no-repeat 50% 25px; background-size:47px 44px}
.join-state .state-box.register.active .state-top{background:#fff url("../images/common/join-register-active.png") no-repeat 50% 25px; background-size:47px 44px}
.join-state .state-box.final .state-top{background:#fff url("../images/common/join-final.png") no-repeat 50% 25px; background-size:38px 48px}
.join-state .state-box.final.active .state-top{background:#fff url("../images/common/join-final-active.png") no-repeat 50% 25px; background-size:38px 48px}
@keyframes status-next{0%{margin-right:-13px; opacity:0;} 100%{margin-right:-49px; opacity:1}}

/* 회원가입완료 */
.join-final{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding-top:20px; box-sizing:border-box}
.join-final .final-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.join-final .final-message p{position:relative; line-height:1.4em; font-size:20px; font-weight:normal; text-align:center}
.join-final .final-message p:nth-child(1){color:#3382e9; font-family:tjs; font-size:32px; letter-spacing:-3px}
.join-final .final-message p:nth-child(2),
.join-final .final-message p:nth-child(3){margin-top:15px; color:#505050; font-family:tjs; font-size:18px; font-weight:normal; letter-spacing:-1.2px}
.join-final .final-message p:nth-child(3) span{font-family:tjs}

.join-final .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.join-final .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}

/* 로그인 실패 */
.login-failed{display:flex; flex-direction:column; align-items:center; justify-content:center}
.login-failed .failed-info{position:relative; line-height:1.65em; font-family:tjs; font-size:16px; font-weight:normal; color:#505050; letter-spacing:-1px}
.login-failed .failed-count{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:100%; margin:20px 0; padding:30px 18px; background-color:#fdecf0; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.login-failed .failed-count .count-info{line-height:1.65em; font-size:16px; font-weight:300; color:#505050; letter-spacing:-1px}
.login-failed .failed-count .count-info strong{color:#f26183}

/* 휴면계정 안내 */
.login-human{display:flex; flex-direction:column; align-items:center; justify-content:center}
.login-human .human-info{position:relative; line-height:1.65em; font-family:tjs; font-size:16px; font-weight:normal; color:#505050; letter-spacing:-1px}
.login-human .human-info span{font-family:tjs}
.login-human .human-count{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:100%; margin:20px 0; padding:30px 18px; background-color:#e1ecfa; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.login-human .human-count .count-info{line-height:1.65em; font-size:16px; font-weight:300; color:#505050; letter-spacing:-1px}
.login-human .human-count .count-info strong{color:#3382e9}

/* 간편인증 */
.simple-certifi{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-sizing:border-box}
.simple-certifi:before{content:''; width:160px; height:160px; background:#e2f3f7 url("../images/common/member_simple_certifi.svg") no-repeat 50% 50%; background-size:70px 89px; border-radius:42px 42px 72px 42px}
.simple-certifi .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.simple-certifi .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}

/* 공동금융인증서 */
.public-certifi{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-sizing:border-box}
.public-certifi:before{content:''; width:160px; height:160px; background:#fdecf0 url("../images/common/member_public_certifi.svg") no-repeat 50% 50%; background-size:70px 89px; border-radius:42px 42px 72px 42px}
.public-certifi .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.public-certifi .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.public-certifi .return-back{width:200px}

/* 휴대폰 본인인증 */
.mobile-certifi{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-sizing:border-box}
.mobile-certifi:before{content:''; width:160px; height:160px; background:#e1ecfa url("../images/common/member_mobile_certifi.svg") no-repeat 50% 50%; background-size:60px 88px; border-radius:42px 42px 72px 42px}
.mobile-certifi .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.mobile-certifi .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.mobile-certifi .confirm-btn.primary{background:#1F375F; box-shadow:none}

 /* 아이디/패스워드 찾기 실패 */
.idpsch-failed{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding:40px 0; box-sizing:border-box}
.idpsch-failed .failed-message{display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; padding:25px 20px; border:1px solid #ebebeb; border-radius:8px; box-sizing:border-box}
.idpsch-failed .failed-message p{position:relative; margin-top:5px; line-height:1.4em; font-family:tjs; font-size:22px; font-weight:normal; color:#202020; letter-spacing:-2px; text-align:center}
.idpsch-failed .failed-message p:first-child{margin-top:0}

.idpsch-failed .failed-result{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; margin:20px auto; width:100%; padding:30px 18px; background-color:#e1ecfa; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.idpsch-failed .failed-result .result-info{line-height:1.65em; font-size:16px; font-weight:300; color:#505050; letter-spacing:-1px}
.idpsch-failed .failed-result .result-info strong{color:#3382e9; font-size:18px}

.idpsch-failed .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:500px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.idpsch-failed .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}

 /* 아이디/패스워드 찾기 성공 */
.idpsch-success{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding-top:40px; box-sizing:border-box}
.idpsch-success .success-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.idpsch-success .success-message p{position:relative; line-height:1.4em; font-family:tjs; font-size:22px; font-weight:normal; color:#202020; letter-spacing:-2px; text-align:center}
.idpsch-success .success-result{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:500px; margin:20px auto; padding:30px 18px; text-align:center; background-color:#e1ecfa; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.idpsch-success .success-result .result-info{line-height:1.65em; font-size:16px; font-weight:300; color:#505050; letter-spacing:-1px}
.idpsch-success .success-result .result-info strong{color:#3382e9; font-size:18px}
.idpsch-success .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:500px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.idpsch-success .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}

/* 메인 페이지 이동/재시도 */
.return-back{position:relative; width:400px; margin-top:40px}
.return-back .return-list{display:flex; position:relative; margin-left:-4px; margin-top:-4px}
.return-back .return-list li{flex:1}
.return-back a{display:flex; align-items:center; justify-content:center; height:46px; margin-left:4px; margin-top:4px; padding:0 35px; background-color:#edeef2; border-radius:200px; box-sizing:border-box; transition:all .20s ease}
.return-back a span{color:#505050; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px}
.return-back a:hover span{color:#202020}

/* 비밀번호 찾기 */
.idpsch-search{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; width:880px; margin:0 auto; padding-top:40px; box-sizing:border-box}
.idpsch-search .search-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.idpsch-search .search-message p{position:relative; margin-top:5px; line-height:1.4em; font-family:tjs; font-size:22px; font-weight:normal; color:#202020; letter-spacing:-2px; text-align:center}
.idpsch-search .search-message p:first-child{margin-top:0}
.idpsch-search .search-form{width:400px; margin-top:40px}
.idpsch-search .search-form .login-input{display:flex; flex-direction:column; align-items:flex-start; position:relative; margin-bottom:20px}
.idpsch-search .search-form .login-input:last-child{margin-bottom:0}
.idpsch-search .search-form .login-input .tit,
.idpsch-search .search-form .login-input .info{color:#909090; line-height:1em; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px}
.idpsch-search .search-form .login-input .tit{margin-bottom:8px}
.idpsch-search .search-form .login-input .info{margin-top:8px}
.idpsch-search .search-form .login-input label{display:flex; align-items:center; justify-content:center; position:absolute; left:10px; bottom:0; width:44px; height:60px; font-size:20px; color:#909090; box-sizing:border-box}
.idpsch-search .search-form .login-input input
{
    width:100%;
    height:60px;
    line-height:60px;
    margin:0;
    padding:1px 0;
    text-align:left;
    font-size:16px;
    color:#202020;
    letter-spacing:-0.5px;
    font-weight:normal;
    background:#fff;
    border:1px solid #dadada;
    text-indent:20px;
    border-radius:8px;
    outline:none;
    transition:all .20s ease;
    box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%);
    box-sizing:border-box;
    -webkit-appearance:none
}
.idpsch-search .search-form .login-input:hover input,
.idpsch-search .search-form .login-input input:focus{border:1px solid #3382e9; background:#fff}
.idpsch-search .search-form .login-input input::-webkit-input-placeholder,
.idpsch-search .search-form .login-input input::-moz-placeholder{color:#a4a4a4; font-size:16px; font-weight:normal}
.idpsch-search .search-form .login-input input[disabled],
.idpsch-search .search-form .login-input input[readonly]{background:#f2f4f5}
.idpsch-search .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.idpsch-search .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}

/* 실명인증 */
.name-certifi{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; width:880px; margin:0 auto; padding-top:25px;  box-sizing:border-box}
.name-certifi .certifi-tit{display:flex; align-items:center; justify-content:center; flex-direction:column}
.name-certifi .certifi-tit .tit{position:relative; line-height:1em; font-family:tjs; font-size:28px; font-weight:300; color:#202020; letter-spacing:-2px; text-align:center}
.name-certifi .certifi-form{width:400px; margin-top:40px}
.name-certifi .certifi-form .login-input{display:flex; flex-direction:column; align-items:flex-start; position:relative; margin-bottom:20px}
.name-certifi .certifi-form .login-input:last-child{margin-bottom:0}
.name-certifi .certifi-form .login-input .tit,
.name-certifi .certifi-form .login-input .info{color:#909090; line-height:1.2em; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px}
.name-certifi .certifi-form .login-input .tit{margin-bottom:8px}
.name-certifi .certifi-form .login-input .info{margin-top:8px}
.name-certifi .certifi-form .login-input label{display:flex; align-items:center; justify-content:center; position:absolute; left:10px; bottom:0; width:44px; height:60px; font-size:20px; color:#909090; box-sizing:border-box}
.name-certifi .certifi-form .login-input input
{
    width:100%;
    height:60px;
    line-height:60px;
    margin:0;
    padding:1px 0;
    text-align:left;
    font-size:16px;
    color:#202020;
    letter-spacing:-0.5px;
    font-weight:normal;
    background:#fff;
    border:1px solid #dadada;
    text-indent:20px;
    border-radius:8px;
    outline:none;
    transition:all .20s ease;
    box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%);
    box-sizing:border-box;
    -webkit-appearance:none
}
.name-certifi .certifi-form .login-input:hover input,
.name-certifi .certifi-form .login-input input:focus{border:1px solid #3382e9; background:#fff}
.name-certifi .certifi-form .login-input input::-webkit-input-placeholder,
.name-certifi .certifi-form .login-input input::-moz-placeholder{color:#a4a4a4; font-size:16px; font-weight:normal}
.name-certifi .certifi-form .login-input input[disabled],
.name-certifi .certifi-form .login-input input[readonly]{background:#f2f4f5}
.name-certifi .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.name-certifi .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}


.login-guide{display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top:40px}
.login-guide p{position:relative; line-height:1.3em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px; text-align:center; word-break:keep-all}
.login-guide > [class^="ri-"]{margin-bottom:5px; color:#3382e9; font-size:21px}

/* 임시 비밀번호 변경 */
.tempass-change{position:relative; width:480px; margin:0 auto; box-sizing:border-box}

/* 캡챠 */
.captcha-wrap{display:flex; align-items:flex-start}
.captcha-wrap .captcha-l{flex:none}
.captcha-wrap .captcha-r{margin-left:30px}
.captcha-wrap .captcha-code{display:flex}
.captcha-wrap .captcha-code .captcha-img img{display:block; height:64px; border-radius:4px}
.captcha-wrap .captcha-code .captcha-btn{display:flex; flex-direction:column; margin-left:4px}
.captcha-wrap .captcha-code .captcha-btn .button{flex:1}
.captcha-wrap .captcha-code .captcha-btn .button:nth-child(1){margin-bottom:2px}
.captcha-wrap .captcha-code .captcha-btn .button:nth-child(2){margin-top:2px}

.captcha-wrap .captcha-regist{display:flex; flex-direction:column}
.captcha-wrap .captcha-regist > div .txtinput-cmm{width:150px}
.captcha-wrap .captcha-regist > div .txtinput-cmm input{height:40px}
.captcha-wrap .captcha-regist > div:last-child{margin-top:5px}
.captcha-wrap .captcha-regist .dash-txt{margin-top:0 !important}

.captcha-wrap.row-mode{flex-direction:column; width:100%}
.captcha-wrap.row-mode .captcha-r{width:100%; margin-left:0; margin-top:10px}
.captcha-wrap.row-mode .captcha-regist > div:first-child{display:flex; align-items:center}
.captcha-wrap.row-mode .captcha-regist > div .txtinput-cmm{width:100%; margin-right:4px}


/* **************************************** *
 * terms
 * **************************************** */
 .terms{position:relative; margin-bottom:35px}
 .terms:after{content:''; display:block; clear:both}
 .terms .terms-group{position:relative; margin-bottom:35px}
 .terms .terms-top{display:flex; align-items:center; position:relative; height:55px; padding:0 15px; background:#fff; border:1px solid #ebebeb; border-radius:8px 8px 0 0; box-sizing:border-box; z-index:1}
 .terms .terms-top strong{font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.5px; color:#202020}
 .terms .terms-body{position:relative; height:250px; margin-top:-1px; padding:30px 25px; border:1px solid #ebebeb; overflow-y:auto; box-sizing:border-box}
 .terms .terms-body.auto{height:auto}
 .terms .terms-check{position:relative; margin-top:-1px; padding:20px; background-color:#f8f8f8; border:1px solid #ebebeb; border-radius:0 0 8px 8px}
 .terms .terms-group.all-check .terms-check{border-radius:8px}


/* **************************************** *
 * step
 * **************************************** */
/* steparrow-cmm */
.steparrow-cmm{position:relative; padding:5px 0; margin-bottom:20px; overflow:hidden}
.steparrow-cmm .steparrow-list{display:flex; margin-left:-5px; margin-top:-10px; padding-right:19px}
.steparrow-cmm .steparrow-list > li{flex:1}
.steparrow-cmm .steparrow-box{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height:44px; margin-left:5px; margin-top:10px; background:#f5f5f5; text-align:center; border-radius:5px}
.steparrow-cmm .steparrow-box .steparrow-stit,
.steparrow-cmm .steparrow-box .steparrow-tit{position:relative; padding-left:12px; padding-top:2px; letter-spacing:-1px; line-height:1em; color:#808080; font-family:tjs; font-weight:normal; font-size:14px; z-index:3}
.steparrow-cmm .steparrow-box .steparrow-stit{letter-spacing:-0.5px; font-size:13px}
.steparrow-cmm .steparrow-box .steparrow-tit{letter-spacing:-1px; font-size:14px}

.steparrow-cmm .steparrow-box:after,
.steparrow-cmm .steparrow-box:before{content:''; position:absolute; top:6px; width:32px; height:32px; transform:rotate(45deg)}
.steparrow-cmm .steparrow-box:after{right:-13px; background:#f5f5f5; border-radius:3px; z-index:2}
.steparrow-cmm .steparrow-box:before{left:-22px; background:#fff; border-radius:3px; z-index:1}
.steparrow-cmm .steparrow-list > li:first-child .steparrow-box:before{display:none}

.steparrow-cmm .steparrow-box.parent{background:#e6eef8}
.steparrow-cmm .steparrow-box.parent:after{background:#e6eef8}
.steparrow-cmm .steparrow-box.parent .steparrow-stit{color:#505050}
.steparrow-cmm .steparrow-box.parent .steparrow-tit{color:#505050}

.steparrow-cmm .steparrow-box.active{background:#3382e9}
.steparrow-cmm .steparrow-box.active:after{background:#3382e9}
.steparrow-cmm .steparrow-box.active .steparrow-stit{color:#fff}
.steparrow-cmm .steparrow-box.active .steparrow-tit{color:#fff}

/* steparrow-date */
.steparrow-date .steparrow-list{display:flex; margin-left:-20px; margin-top:-10px}
.steparrow-date .steparrow-list > li{flex:1}
.steparrow-date .steparrow-box{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height:64px; margin-left:20px; margin-top:10px; background:#f5f5f5; text-align:center; border-radius:5px}
.steparrow-date .steparrow-box .steparrow-stit,
.steparrow-date .steparrow-box .steparrow-tit{position:relative; padding-top:2px; letter-spacing:-1px; line-height:1em; color:#808080; font-family:tjs; font-weight:normal; font-size:14px; z-index:3}
.steparrow-date .steparrow-box .steparrow-stit{margin-bottom:5px; letter-spacing:-0.5px; font-size:13px}
.steparrow-date .steparrow-box .steparrow-tit{letter-spacing:-1px; font-size:14px}

.steparrow-date .steparrow-box.parent{background:#e6eef8}
.steparrow-date .steparrow-box.parent:after{background:#e6eef8}
.steparrow-date .steparrow-box.parent .steparrow-stit{color:#505050}
.steparrow-date .steparrow-box.parent .steparrow-tit{color:#505050}

.steparrow-date .steparrow-box.active{background:#3382e9}
.steparrow-date .steparrow-box.active:after{background:#3382e9}
.steparrow-date .steparrow-box.active .steparrow-stit{color:#fff}
.steparrow-date .steparrow-box.active .steparrow-tit{color:#fff}

.steparrow-date .steparrow-box .next
{
    display:none;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    width:26px;
    height:26px;
    margin-top:-12px;
    margin-right:-13px;
    padding-left:2px;
    background-color:#fff;
    border:2px solid #3382e9;
    box-shadow:4px 6px 6px 0 rgb(51 130 233 / 50%);
    border-radius:50%;
    box-sizing:border-box;
    z-index:1;
}
.steparrow-date .steparrow-box .next:after{content:'\ea6e'; color:#3382e9; font-family:remixicon; font-size:20px}
.steparrow-date .steparrow-box.active .next{display:flex}


/* **************************************** *
 * register-guide
 * **************************************** */
 .register-guide img{width:100%; height:auto}


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


/* **************************************** *
 * payment
 * **************************************** */
.payment-result .message-area{display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0 10px; box-sizing:border-box}
.payment-result .message-area:before{content:'\eb7a'; display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin-bottom:10px; font-family:remixicon; font-size:30px; background-color:#fdecf0; color:#f26183; border-radius:50%}
.payment-result .message-area .message{position:relative; line-height:1.45em; text-align:center; font-family:tjs; font-size:17px; font-weight:normal; color:#202020; letter-spacing:-1.2px; word-break:keep-all}


/* **************************************** *
 * oacx-type
 * **************************************** */
.oacx-type{display:flex; align-items:center}
.oacx-btn{width:30px; height:30px; margin:0 2px; background-repeat:no-repeat; background-position:50% 50%; background-size:30px 30px; border-radius:4px}
.oacx-btn.oacx-kakao{background-image:url("../images/common/oacx_kakao.png")}
.oacx-btn.oacx-kb{background-image:url("../images/common/oacx_kb.png")}
.oacx-btn.oacx-payco{background-image:url("../images/common/oacx_payco.png")}
.oacx-btn.oacx-pass{background-image:url("../images/common/oacx_pass.png")}
.oacx-btn.oacx-samsung{background-image:url("../images/common/oacx_samsung.png")}
.oacx-btn.oacx-naver{background-image:url("../images/common/oacx_naver.png")}


/* **************************************** *
 * 통합검색
 * **************************************** */
.tsearch-key{display:flex; align-items:center; position:relative; margin-bottom:35px; border-radius:8px; box-sizing:border-box}
.tsearch-key .key-inner{display:flex; align-items:center; position:relative; width:600px; margin:0 auto; box-sizing:border-box}
.tsearch-key .key-tit{display:flex; align-items:center; flex:none; margin-right:20px; padding-left:15px}
.tsearch-key .key-tit:before{content:'\f0d1'; display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin-right:10px; padding-left:2px; font-family:"remixicon"; font-size:20px; color:#fff; background-color:#3382e9; border-radius:50%; box-sizing:border-box}
.tsearch-key .key-tit .tit{color:#202020; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.2px}

.tsearch-key .key-form{position:relative; flex:auto}
.tsearch-key .key-form fieldset{display:flex; align-items:center}
.tsearch-key .key-form .form-input{width:100%; height:50px; border:2px solid #3382e9; background-color:#fff; border-radius:6px 6px 18px 6px; box-sizing:border-box; z-index:1}
.tsearch-key .key-form .form-input input
{
    width:100%;
    height:46px;
    margin:0;
    padding:0 20px;
    padding-right:50px;
    background:none;
    text-align:left;
    font-family:tjs;
    color:#202020;
    font-size:16px;
    font-weight:normal;
    letter-spacing:-0.8px;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    cursor:pointer;
}
.tsearch-key .key-form .form-input input::-webkit-input-placeholder{color:#a4a4a4; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-0.8px}
.tsearch-key .key-form .form-input input::-moz-placeholder{color:#a4a4a4; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-0.8px}
.tsearch-key .key-form .search-btn{position:absolute; right:0; z-index:1}
.tsearch-key .key-form .search-btn button{display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin:0; padding:0; color:#3382e9; background:none; border:0; text-align:center; border-radius:0; cursor:pointer; outline:none}
.tsearch-key .key-form .search-btn button i{font-size:24px}

.tsearch-key .key-reset{flex:none; margin-left:10px}
.tsearch-key .key-reset button{display:flex; align-items:center; margin:0; padding:0; color:#808080; background:none; border:0; border-radius:0; cursor:pointer; outline:none}
.tsearch-key .key-reset button span{font-size:15px; font-weight:300; letter-spacing:-0.8px}
.tsearch-key .key-reset button i{margin-right:2px; font-size:18px}
.tsearch-key .key-reset button:hover{color:#3382e9}

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

/* tsearch-result */
.tsearch-result{position:relative; border-top:3px solid #47566a}
.tsearch-result .result-list:after{content:''; display:block; clear:both}
.tsearch-result .result-box{display:flex; align-items:flex-start; margin-bottom:20px; border-bottom:1px solid #dadada; box-sizing:border-box}
.tsearch-result .result-box:last-child{margin-bottom:0}
.tsearch-result .result-box .result-cont{flex:1; padding:28px 20px; box-sizing:border-box}
.tsearch-result .result-box .result-tit{display:flex; align-items:flex-start; margin-bottom:15px}
.tsearch-result .result-box .result-tit .tit
{
    display: -webkit-box;
    height:auto;
    padding-right:40px;
    line-height:1.4em;
    color:#202020;
    font-family:tjs;
    font-size:17px;
    font-weight:300;
    letter-spacing:-1px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:keep-all;
    overflow:hidden;
    transition:all .20s ease
}
.tsearch-result .result-box .result-tit .tit:hover{color:#3382e9}
.tsearch-result .result-box .result-tit .date{display:flex; align-items:center; flex:none; margin-left:auto; padding-top:2px}
.tsearch-result .result-box .result-tit .date strong,
.tsearch-result .result-box .result-tit .date span{line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.tsearch-result .result-box .result-tit .date strong{margin-right:10px; color:#808080}
.tsearch-result .result-box .result-tit .date span{color:#505050}
.tsearch-result .result-box .result-info{padding-right:200px}
.tsearch-result .result-box .result-info .info
{
    display: -webkit-box;
    line-height:1.4em;
    color:#505050;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.8px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:keep-all;
    overflow:hidden;
    transition:all .20s ease
}
.tsearch-result .result-box .result-info .info:hover{color:#3382e9}

.tsearch-result .result-meta{display:flex; align-items:center; margin-top:15px}
.tsearch-result .result-meta .meta-box{display:flex; align-items:center; flex:none; width:20%; padding-right:10px; box-sizing:border-box}
.tsearch-result .result-meta .meta-box:first-child{margin-left:0}
.tsearch-result .result-meta .meta-box .tit,
.tsearch-result .result-meta .meta-box .cont{margin-right:10px; line-height:1.2em; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.tsearch-result .result-meta .meta-box .tit{flex:none; color:#808080}
.tsearch-result .result-meta .meta-box .cont{color:#505050}

.tsearch-result .more{position:absolute; right:0; top:-52px}
.tsearch-result .more{display:flex; align-items:center; justify-content:center; height:36px; padding:0 15px; padding-right:5px; background:#e6eef8; border-radius:200px; box-sizing:border-box; z-index:1}
.tsearch-result .more:after{content:'\ea6e'; margin-left:-2px; color:#3382e9; font-family:remixicon; font-size:22px}
.tsearch-result .more span{color:#3382e9; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1.2px}

.tsearch-result-group .stitarea{margin-top:50px}
.tsearch-result-group .stitarea:first-child{margin-top:0}

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

/* ui-autocomplete */
.ui-autocomplete{border:1px solid #c5c6ca !important; border-radius:4px; overflow-x:hidden}
.ui-state-active{background:#445772 !important; border:1px solid #445772 !important}