@charset "UTF-8";

/*------------------------------------
date: 2019.11
developed by: smartport
developer url: smartport
------------------------------------*/




/****************
**** default ****
****************/

*{
    word-break: keep-all;
}
.flL{
    float: left;
}
.clear:after{
    content: "";
    display: block;
    clear: both;
}


/****************
**** 공통 ****
****************/
.cvyPgWrap,
.BdPgWrap{
    width: 100%;
    height: 100%;
    position: relative;
    background: url('../images/cvyBg.png') center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.headerWrap {
    width: 100%;
    height: 100px;
    background-image: linear-gradient(to right, #0b254c 60%, #1d5589);
    position: relative;
    border-bottom: 4px solid #74a7da;
}
.headerWrap::after{
    content: '';
    width: 147px;
    height: 35px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    background: url('../images/logo_w.png')no-repeat;
}
.headerWrap h1 {
    padding-left: 50px;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    line-height: 100px;
    text-transform: uppercase;
}

.headerWrap .hdBtnWrap {
	width: auto;
	height: 46px;
	display: inline-block;
	position: absolute;
	top: 27px;
	right: 750px;
}
.hdBtnWrap .btn {
	width: auto;
	height: 46px;
	padding: 0 10px;
	padding-left: 40px;
	margin-right: 10px;
	font-family: 'NanumSquare';
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	border-radius: 10px;
}
.hdBtnWrap .btn:last-child {
	margin-right: 0;
}
.hdBtnWrap .btn.excel {
	background: #224984 url('../images/ico_excel.png')no-repeat 10px center;
	background-size: 26px;
}
.dateWrap {
	display: inline-block;
	margin-right: 10px;
}
.dateWrap input {
	width: 160px;
	height: 45px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
.dateWrap .hpn {
	margin: 0 5px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}
/****************
**** Main ****
****************/
.mainWrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/mainBg.jpg')no-repeat;
    background-size: cover;
}
.main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: table;
}
.mainCon {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}
.mainCon header h1 {
    width: 156px;
    height: 38px;
    margin-bottom: 30px;
    text-indent: -999em;
    background: url('../images/logo_main.png')no-repeat;
}
.mainCon header .sysTit {
    padding-bottom: 30px;
    font-family: 'NanumSquare';
    color: #fff;
    font-size: 70px;
    font-weight: 800;
    position: relative;
}
.mainCon header .sysTit::after {
    content: '';
    width: 50%;
    height: 1px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 30%;
}
.mainCon header .sysTit em {
    margin-right: 10px;
    color: #74a7da;
    font-weight: 800;
}
.mainCon > nav {
    margin-top: 100px;
    margin-bottom: 120px;
}
.mainCon > nav ul li {
    width: 200px;
    height: auto;
    margin-right: 50px;
    float: left;
}
.mainCon > nav ul li:last-child {
    margin-right: 0;
}
.mainCon > nav ul li > a {
    width: 100%;
    height: 200px;
    display: block;
    text-align: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.10);
    position: relative;
    transition: ease 0.2s;
}
.mainCon > nav .ico {
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    top:0;
    left: 0;
    background: url('../images/btn_main_nav.png')no-repeat center 0;
}
.mainCon > nav .nav02 .ico {
    background: url('../images/btn_main_nav.png')no-repeat center -200px;
}
.mainCon > nav .nav03 .ico {
    background: url('../images/btn_main_nav.png')no-repeat center -400px;
}
.mainCon > nav .nav04 .ico {
    background: url('../images/btn_main_nav.png')no-repeat center -600px;
}
.mainCon > nav .nav05 .ico {
    background: url('../images/btn_main_nav.png')no-repeat center -800px;
}
.mainCon > nav .navTit {
    padding-top: 230px;
    display: inline-block;
    font-family: 'NanumSquare';
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}
.mainCon > nav ul li > a:hover {
    background: #285cab;
}
.mainCon > nav ul li > a:hover .navTit {
    font-weight: 600;
}

/****************
**** error ****
****************/


/* section */
.errorPgWrap {
    width: 100%;
    height: 100%;
    padding: 100px;
    background: url('../images/errorPg_bg.jpg')no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.errorPgWrap h1 {
    position: absolute;
    right: 50px;
    top: 30px;
}
.errorPgWrap h1 img {
    width: 150px;
    height: auto;
}
.errConWrap {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.errConWrap i {
    width: 100%;
    height: 280px;
    background: url('../images/errorPg_img.png')no-repeat center;
    background-size: contain;
}
.errConWrap p {
    font-family: 'NanumSquare';
    text-align: center;
}
.errConWrap .csEnTxt {
    margin: 60px 0 30px 0;
    color: #285cab;
    font-size: 90px;
    font-weight: 800;
    text-transform: uppercase;
}
.errConWrap .csKrTxt {
    width: 700px;
    margin: 0 auto;
    padding: 50px 0;
    color: #021629;
    font-size: 60px;
    border:1px solid #021629;
    border-left: 0;
    border-right: 0;
}
.errConWrap .csKrTxt span {
    font-weight: 800;
}




/****************
**** Conveyor ****
****************/


/* Conveyor */
.cvyPgWrap>h2{
    position: absolute;
    right: 50px;
    top: 30px;
}
.cvyPgWrap>h2 img {
    width: 150px;
    height: auto;
}
.cvyPgWrap .cvyWrap{
    width: 100%;
    margin-top: 80px;
}
.cvyPgWrap .cvyWrap .cvycont{
    padding-left: 280px;
}
.cvycont>section>div{
    float: left;
}
.cvycont>section>div.line0_1{
    margin-left: 877px;
}
.cvycont>section>div.line2_4{
    width: 270.25px;
    margin-left: 336px;
}
.cvycont>section>div.line2_5{
    width: 268px;
    margin-left: 121.75px;
}

.xr{
    width: 190px;
    height: 107px;
    background-image: url('../images/conveyor/xr01.png');
    background-repeat: no-repeat;
    background-size: 190px 107px;
    position: relative;
}
.xr.xr02{
    width: 212.2px;
    background-image: url('../images/conveyor/xr02.png');
    background-size: 212.2px 107px;
}
.xr.xr03{
    width: 240x;
    background-image: url('../images/conveyor/xr03.png');
    background-size: 240px 107px;
}
/* .xr dl { */
/*     width: 96px; */
/*     margin-left: 10px; */
/*     position: relative; */
/*     top: 18px; */
/*     border:1px solid #ccc; */
/* } */
.xr dl {
    width: 96px;
    margin-left: 10px;
    position: relative;
    border:1px solid #ccc;
}
.xr dl dt {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    line-height: 30px;
    background: #a6262f;
}
.xr dl dd {
    width: 100%;
    height: 39px;
    color: #2a2a2a;
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    line-height: 45px;
    background: #fff;
    position: relative;
}
.xr dl dd .xrErr {
	width: 100%;
	height: 26px;
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	color: #2a2a2a;
    font-size: 20px;
    font-weight: 700;
}
.xr.xr03 dl {
    left: 40px;
}
.cbInfo {
    position: relative;
}
.cbInBox {
    width: 130px;
    position: absolute;
    top: -5px;
    right: 5px;
}
.cbInBox dt {
    height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    line-height: 40px;
    background: #395f99;
}
.cbInBox dt span {
    margin: 0 5px;
    font-size: 18px;
    font-weight: 800;
    position: relative;
}
.cbInBox dt span::before {
    content: '(';
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}
.cbInBox dt span::after {
    content: ')';
    position: absolute;
    top: 0;
    right: -5px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}
.cbInBox dd {
    height: 50px;
    color: #2a2a2a;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
    line-height: 50px;
    background: #fff;
    border:1px solid #ccc;
}
.cbInfo.Rgt .cbInBox {
    left: 5px;
}
.line0_1 .cbInBox {
    top: 10px;
}
.line2_5 .cbInBox {
    top: 70px;
    right: 10px;
}
.line2_5 .cbInfo.Rgt .cbInBox {
    left: 10px;
}
.line2_5 .cbInfo.Rgt.cb16 .cbInBox {
    top: 10px;
    left: 238px;
}

.totalBox {
    position: absolute;
    top : 120px;
    left: 280px;
    border: 1px solid #ccc;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.totalBox dl {
    width: auto;
    height: auto;
    float: left;
}
.totalBox dl dt,
.totalBox dl dd {
    height: 80px;
    font-weight: 700;
    text-align: center;
    line-height: 80px;
    float: left;
    border-bottom: 1px solid #ccc;
}
.totalBox dl dt {
    width: 100px;
    color: #fff;
    font-size: 25px;
    background-image: linear-gradient(to right, #0b254c 20%, #1d5589);
}
.totalBox dl dd {
    width: 160px;
    color: #2a2a2a;
    font-size: 28px;
    background: #fff;
}
.totalBox dl .last {
    border-bottom: 0;
}

/* default */
.cb01{
    width: 190px;
    height: 108px;
    background-image: url('../images/conveyor/stop/01.png');
    background-repeat: no-repeat;
    background-size: 190px 108px;
}
.cb02{
    width: 190px;
    height: 64px;
    background-image: url('../images/conveyor/stop/02.png');
    background-repeat: no-repeat;
    background-size: 190px 64px;
}
.cb03{
    width: 190px;
    height: 258px;
    background-image: url('../images/conveyor/stop/03.png');
    background-repeat: no-repeat;
    background-size: 190px 258px;
}
.cb04{
    width: 190px;
    height: 199px;
    background-image: url('../images/conveyor/stop/04.png');
    background-repeat: no-repeat;
    background-size: 190px 199px;
}
.cb05{
    width: 104.2px;
    height: 107px;
    background-image: url('../images/conveyor/stop/05.png');
    background-repeat: no-repeat;
    background-size: 104.2px 107px;
}
.cb06{
    width: 108px;
    height: 107px;
    background-image: url('../images/conveyor/stop/06.png');
    background-repeat: no-repeat;
    background-size: 108px 107px;
}
.cb07{
    width: 117.6px;
    height: 199px;
    background-image: url('../images/conveyor/stop/07.png');
    background-repeat: no-repeat;
    background-size: 118px 199px;
}
.cb08{
    width: 300px;
    height: 199px;
    background-image: url('../images/conveyor/stop/08.png');
    background-repeat: no-repeat;
    background-size: 300px 199px;
}
.cb09{
    width: 133.4px;
    height: 199px;
    background-image: url('../images/conveyor/stop/09.png');
    background-repeat: no-repeat;
    background-size: 133.4px 199px;
}
.cb10{
    width: 180px;
    height: 107px;
    background-image: url('../images/conveyor/stop/10.png');
    background-repeat: no-repeat;
    background-size: 180px 107px;
}
.cb11{
    width: 236.6px;
    height: 107px;
    background-image: url('../images/conveyor/stop/11.png');
    background-repeat: no-repeat;
    background-size: 236.6px 107px;
}

.cb13{
    width: 268px;
    height: 199px;
    background-image: url('../images/conveyor/stop/13.png');
    background-repeat: no-repeat;
    background-size: 268px 199px;
}
.cb14{
    width: 268px;
    height: 167.8px;
    background-image: url('../images/conveyor/stop/14.png');
    background-repeat: no-repeat;
    background-size: 268px 167.8px;
    margin-bottom: 47px;
}
.cb15{
    width: 182.2px;
    height: 159.6px;
    background-image: url('../images/conveyor/stop/15.png');
    background-repeat: no-repeat;
    background-size: 182.2px 159.6px;
}
.cb16{
    width: 268px;
    height: 64px;
    background-image: url('../images/conveyor/stop/16.png');
    background-repeat: no-repeat;
    background-size: 268px 64px;
}
.cb17{
    width: 268px;
    height: 108px;
    background-image: url('../images/conveyor/stop/17.png');
    background-repeat: no-repeat;
    background-size: 268px 108px;
}
.cb18{
    width: 212.2px;
    height: 62px;
    background-image: url('../images/conveyor/stop/18.png');
    background-repeat: no-repeat;
    background-size: 212.2px 62px;
}
.cb19{
    width: 212.2px;
    height: 110px;
    background-image: url('../images/conveyor/stop/19.png');
    background-repeat: no-repeat;
    background-size: 212.2px 110px;
}
.cb20{
    width: 106.6px;
    height: 130px;
    background-image: url('../images/conveyor/stop/20.png');
    background-repeat: no-repeat;
    background-size: 106.6px 130px;
}
.cb21{
    width: 106.6px;
    height: 128.2px;
    background-image: url('../images/conveyor/stop/21.png');
    background-repeat: no-repeat;
    background-size: 106.6px 128.2px;
}
.cb22{
    width: 106.6px;
    height: 92px;
    background-image: url('../images/conveyor/stop/22.png');
    background-repeat: no-repeat;
    background-size: 106.6px 92px;
}
.cb23{
    width: 105.6px;
    height: 92px;
    background-image: url('../images/conveyor/stop/23.png');
    background-repeat: no-repeat;
    background-size: 105.6px 92px;
}
.cb24{
    width: 240px;
    height: 62px;
    background-image: url('../images/conveyor/stop/24.png');
    background-repeat: no-repeat;
    background-size: 240px 62px;
}
.cb25{
    width: 240px;
    height: 110px;
    background-image: url('../images/conveyor/stop/25.png');
    background-repeat: no-repeat;
    background-size: 240px 110px;
}
.cb26{
    width: 240px;
    height: 258px;
    background-image: url('../images/conveyor/stop/26.png');
    background-repeat: no-repeat;
    background-size: 240px 258px;
}
.cb27{
    width: 105.6px;
    height: 128px;
    background-image: url('../images/conveyor/stop/27.png');
    background-repeat: no-repeat;
    background-size: 105.6px 128px;
}
.cb28{
    width: 105.6px;
    height: 128px;
    background-image: url('../images/conveyor/stop/28.png');
    background-repeat: no-repeat;
    background-size: 105.6px 128px;
}
.cb29{
    width: 110.2px;
    height: 92px;
    background-image: url('../images/conveyor/stop/29.png');
    background-repeat: no-repeat;
    background-size: 110.2px 92px;
}
.cb30{
    width: 306.4px;
    height: 92px;
    background-image: url('../images/conveyor/stop/30.png');
    background-repeat: no-repeat;
    background-size: 306.4px 92px;
}
.cb31 {
    width: 101.4px;
    height: 152px;
    background-image: url('../images/conveyor/stop/31.png');
    background-repeat: no-repeat;
    background-size: 102.4px 152px;
}
.cb32 {
    width: 185px;
    height: 152px;
    background-image: url('../images/conveyor/stop/32.png');
    background-repeat: no-repeat;
    background-size: 185px 152px;
}
.cb33{
    width: 101.4px;
    height: 120.2px;
    background-image: url('../images/conveyor/stop/33.png');
    background-repeat: no-repeat;
    background-size: 102.4px 120.2px;
}
.cb34{
    width: 268.2px;
    height: 92px;
    background-image: url('../images/conveyor/stop/34.png');
    background-repeat: no-repeat;
    background-size: 268.2px 92px;
}
.cb35{
    width: 104.2px;
    height: 119.8px;
    background-image: url('../images/conveyor/stop/35.png');
    background-repeat: no-repeat;
    background-size: 104.2px 119.8px;
}
.cb15L{
    width: 85.6px;
    height: 159.6px;
    background-image: url('../images/conveyor/stop/15L.png');
    background-repeat: no-repeat;
    background-size: 85.6px 159.6px;
}
.cb15R{
    width: 11px;
    height: 159.6px;
    background-image: url('../images/conveyor/stop/15R.png');
    background-repeat: no-repeat;
    background-size: 85.6px 159.6px;
}
.cb31L {
    width: 83.2px;
    height: 152px;
    background-image: url('../images/conveyor/stop/31L.png');
    background-repeat: no-repeat;
    background-size: 83.2px 152px;
}
.cb31R, .cb32R {
    width: 82.6px;
    height: 152px;
    background-image: url('../images/conveyor/stop/31_32R.png');
    background-repeat: no-repeat;
    background-size: 82.6px 152px;
}
.cb33L {
    width: 83.2px;
    height: 120.2px;
    background-image: url('../images/conveyor/stop/33L.png');
    background-repeat: no-repeat;
    background-size: 83.2px 120.2px;
}
.cb33R {
    width: 82.6px;
    height: 120.2px;
    background-image: url('../images/conveyor/stop/33R.png');
    background-repeat: no-repeat;
    background-size: 82.6px 120.2px;
}
.cb35L {
    width: 82px;
    height: 119.8px;
    background-image: url('../images/conveyor/stop/35L.png');
    background-repeat: no-repeat;
    background-size: 82px 119.8px;
}
.cb35R {
    width: 82px;
    height: 119.8px;
    background-image: url('../images/conveyor/stop/35R.png');
    background-repeat: no-repeat;
    background-size: 82px 119.8px;
}

/* start */
.cb01.srt{
    background-image: url('../images/conveyor/srt/01.gif');
}
.cb02.srt{
    background-image: url('../images/conveyor/srt/02.gif');
}
.cb03.srt{
    background-image: url('../images/conveyor/srt/03.gif');
}
.cb04.srt{
    background-image: url('../images/conveyor/srt/04.gif');
}
.cb05.srt{
    background-image: url('../images/conveyor/srt/05.gif');
}
.cb06.srt{
    background-image: url('../images/conveyor/srt/06.gif');
}
.cb07.srt{
    background-image: url('../images/conveyor/srt/07.gif');
}
.cb08.srt{
    background-image: url('../images/conveyor/srt/08.gif');
}
.cb09.srt{
    background-image: url('../images/conveyor/srt/09.gif');
}
.cb10.srt{
    background-image: url('../images/conveyor/srt/10.gif');
}
.cb11.srt{
    background-image: url('../images/conveyor/srt/11.gif');
}
.cb12.srt{
    background-image: url('../images/conveyor/srt/12.gif');
}
.cb13.srt{
    background-image: url('../images/conveyor/srt/13.gif');
}
.cb14.srt{
    background-image: url('../images/conveyor/srt/14.gif');
}
.cb15.srt{
    background-image: url('../images/conveyor/srt/15.gif');
}
.cb16.srt{
    background-image: url('../images/conveyor/srt/16.gif');
}
.cb17.srt{
    background-image: url('../images/conveyor/srt/17.gif');
}
.cb18.srt{
    background-image: url('../images/conveyor/srt/18.gif');
}
.cb19.srt{
    background-image: url('../images/conveyor/srt/19.gif');
}
.cb20.srt{
    background-image: url('../images/conveyor/srt/20.gif');
}
.cb21.srt{
    background-image: url('../images/conveyor/srt/21.gif');
}
.cb22.srt{
    background-image: url('../images/conveyor/srt/22.gif');
}
.cb21.srt{
    background-image: url('../images/conveyor/srt/21.gif');
}
.cb22.srt{
    background-image: url('../images/conveyor/srt/22.gif');
}
.cb23.srt{
    background-image: url('../images/conveyor/srt/23.gif');
}
.cb24.srt{
    background-image: url('../images/conveyor/srt/24.gif');
}
.cb25.srt{
    background-image: url('../images/conveyor/srt/25.gif');
}
.cb26.srt{
    background-image: url('../images/conveyor/srt/26.gif');
}
.cb27.srt{
    background-image: url('../images/conveyor/srt/27.gif');
}
.cb28.srt{
    background-image: url('../images/conveyor/srt/28.gif');
}
.cb29.srt{
    background-image: url('../images/conveyor/srt/29.gif');
}
.cb30.srt{
    background-image: url('../images/conveyor/srt/30.gif');
}
.cb31.srt{
    background-image: url('../images/conveyor/srt/31.gif');
}
.cb32.srt{
    background-image: url('../images/conveyor/srt/32.gif');
}
.cb33.srt{
    background-image: url('../images/conveyor/srt/33.gif');
}
.cb34.srt{
    background-image: url('../images/conveyor/srt/34.gif');
}
.cb35.srt{
    background-image: url('../images/conveyor/srt/35.gif');
}



/* reverse */
.cb01.rvs{
    background-image: url('../images/conveyor/rvs/01.gif');
}
.cb02.rvs{
    background-image: url('../images/conveyor/rvs/02.gif');
}
.cb03.rvs{
    background-image: url('../images/conveyor/rvs/03.gif');
}
.cb04.rvs{
    background-image: url('../images/conveyor/rvs/04.gif');
}
.cb05.rvs{
    background-image: url('../images/conveyor/rvs/05.gif');
}
.cb06.rvs{
    background-image: url('../images/conveyor/rvs/06.gif');
}
.cb07.rvs{
    background-image: url('../images/conveyor/rvs/07.gif');
}
.cb08.rvs{
    background-image: url('../images/conveyor/rvs/08.gif');
}
.cb09.rvs{
    background-image: url('../images/conveyor/rvs/09.gif');
}
.cb10.rvs{
    background-image: url('../images/conveyor/rvs/10.gif');
}
.cb11.rvs{
    background-image: url('../images/conveyor/rvs/11.gif');
}
.cb12.rvs{
    background-image: url('../images/conveyor/rvs/12.gif');
}
.cb13.rvs{
    background-image: url('../images/conveyor/rvs/13.gif');
}
.cb14.rvs{
    background-image: url('../images/conveyor/rvs/14.gif');
}
.cb15.rvs{
    background-image: url('../images/conveyor/rvs/15.gif');
}
.cb16.rvs{
    background-image: url('../images/conveyor/rvs/16.gif');
}
.cb17.rvs{
    background-image: url('../images/conveyor/rvs/17.gif');
}
.cb18.rvs{
    background-image: url('../images/conveyor/rvs/18.gif');
}
.cb19.rvs{
    background-image: url('../images/conveyor/rvs/19.gif');
}
.cb20.rvs{
    background-image: url('../images/conveyor/rvs/20.gif');
}
.cb21.rvs{
    background-image: url('../images/conveyor/rvs/21.gif');
}
.cb22.rvs{
    background-image: url('../images/conveyor/rvs/22.gif');
}
.cb21.rvs{
    background-image: url('../images/conveyor/rvs/21.gif');
}
.cb22.rvs{
    background-image: url('../images/conveyor/rvs/22.gif');
}
.cb23.rvs{
    background-image: url('../images/conveyor/rvs/23.gif');
}
.cb24.rvs{
    background-image: url('../images/conveyor/rvs/24.gif');
}
.cb25.rvs{
    background-image: url('../images/conveyor/rvs/25.gif');
}
.cb26.rvs{
    background-image: url('../images/conveyor/rvs/26.gif');
}
.cb27.rvs{
    background-image: url('../images/conveyor/rvs/27.gif');
}
.cb28.rvs{
    background-image: url('../images/conveyor/rvs/28.gif');
}
.cb29.rvs{
    background-image: url('../images/conveyor/rvs/29.gif');
}
.cb30.rvs{
    background-image: url('../images/conveyor/rvs/30.gif');
}
.cb31.rvs{
    background-image: url('../images/conveyor/rvs/31.gif');
}
.cb32.rvs{
    background-image: url('../images/conveyor/rvs/32.gif');
}
.cb33.rvs{
    background-image: url('../images/conveyor/rvs/33.gif');
}
.cb34.rvs{
    background-image: url('../images/conveyor/rvs/34.gif');
}
.cb35.rvs{
    background-image: url('../images/conveyor/rvs/35.gif');
}


/* alarm */
.cb01.alr{
    background-image: url('../images/conveyor/alr/01.gif');
}
.cb02.alr{
    background-image: url('../images/conveyor/alr/02.gif');
}
.cb03.alr{
    background-image: url('../images/conveyor/alr/03.gif');
}
.cb04.alr{
    background-image: url('../images/conveyor/alr/04.gif');
}
.cb05.alr{
    background-image: url('../images/conveyor/alr/05.gif');
}
.cb06.alr{
    background-image: url('../images/conveyor/alr/06.gif');
}
.cb07.alr{
    background-image: url('../images/conveyor/alr/07.gif');
}
.cb08.alr{
    background-image: url('../images/conveyor/alr/08.gif');
}
.cb09.alr{
    background-image: url('../images/conveyor/alr/09.gif');
}
.cb10.alr{
    background-image: url('../images/conveyor/alr/10.gif');
}
.cb11.alr{
    background-image: url('../images/conveyor/alr/11.gif');
}
.cb12.alr{
    background-image: url('../images/conveyor/alr/12.gif');
}
.cb13.alr{
    background-image: url('../images/conveyor/alr/13.gif');
}
.cb14.alr{
    background-image: url('../images/conveyor/alr/14.gif');
}
.cb15.alr{
    background-image: url('../images/conveyor/alr/15.gif');
}
.cb16.alr{
    background-image: url('../images/conveyor/alr/16.gif');
}
.cb17.alr{
    background-image: url('../images/conveyor/alr/17.gif');
}
.cb18.alr{
    background-image: url('../images/conveyor/alr/18.gif');
}
.cb19.alr{
    background-image: url('../images/conveyor/alr/19.gif');
}
.cb20.alr{
    background-image: url('../images/conveyor/alr/20.gif');
}
.cb21.alr{
    background-image: url('../images/conveyor/alr/21.gif');
}
.cb22.alr{
    background-image: url('../images/conveyor/alr/22.gif');
}
.cb21.alr{
    background-image: url('../images/conveyor/alr/21.gif');
}
.cb22.alr{
    background-image: url('../images/conveyor/alr/22.gif');
}
.cb23.alr{
    background-image: url('../images/conveyor/alr/23.gif');
}
.cb24.alr{
    background-image: url('../images/conveyor/alr/24.gif');
}
.cb25.alr{
    background-image: url('../images/conveyor/alr/25.gif');
}
.cb26.alr{
    background-image: url('../images/conveyor/alr/26.gif');
}
.cb27.alr{
    background-image: url('../images/conveyor/alr/27.gif');
}
.cb28.alr{
    background-image: url('../images/conveyor/alr/28.gif');
}
.cb29.alr{
    background-image: url('../images/conveyor/alr/29.gif');
}
.cb30.alr{
    background-image: url('../images/conveyor/alr/30.gif');
}
.cb31.alr{
    background-image: url('../images/conveyor/alr/31.gif');
}
.cb32.alr{
    background-image: url('../images/conveyor/alr/31.gif');
}
.cb33.alr{
    background-image: url('../images/conveyor/alr/33.gif');
}
.cb34.alr{
    background-image: url('../images/conveyor/alr/34.gif');
}
.cb35.alr{
    background-image: url('../images/conveyor/alr/35.gif');
}




/****************
***** about *****
****************/


.aboutPgWrap{
    width: 100%;
    height: 100%;
    min-width: 1920px;
    min-height: 1080px;
    position: relative;
    background-color: #b9bdc3;
}
.aboutPgWrap>h1{
    position: absolute;
    right: 150px;
    top: 25px;
    z-index: 100;
}
.aboutPgWrap>h1>img{
    width: 120px;
}
.aboutPgWrap .bookWrap{
    width: 1772px;
    height: 100%;
    margin: 0 auto;
    background: url(../images/book/bookBg.png) center no-repeat;
    background-size: 1772px;
}
.aboutPgWrap .bookWrap .ctWrap.booklet{
    margin-bottom: 0;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page{
    top: 0;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap.b-wrap-left,
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap.b-wrap-right{
    background: transparent;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-wrap-left .b-counter{
    left: calc(50% - 12px);
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-wrap-right .b-counter{
    right: calc(50% - 12px);
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap .imgArea{
    width: 100%;
    height: 100%;
    padding: 58px 90px;
    padding: 0;
    background: #fff;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap .imgArea.nPdL{
    padding-left: 0;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap .imgArea.nPdR{
    padding-right: 0;
}
.aboutPgWrap .bookWrap .ctWrap.booklet .b-page .b-wrap .imgArea>img{
    width: 100%;
    height: 100%;
}
.aboutPgWrap .bookWrap .shadow{
    width: 250px;
    height: 100%;
    position: absolute;
    left: calc(50% - 125px);
    top: 0;
    background: url(../images/book/bookShd.png) no-repeat;
    background-size: 250px;
    z-index: 100;
    display: none;
}

/****************
**** Board ****
****************/

.BdPgWrap>.headerWrap>.bdTime{
    width:500px;
    height:60px;
    position:absolute;
    top:20px;
    right: 230px;
    color:#fff;
    font-size:34px;
    line-height:60px;
    background:rgba(116, 167, 218, 0.27);
    border-radius:60px;
    display:inline-block;
}
.BdPgWrap>.headerWrap>.bdTime>span{
    margin-left:30px;
}
.BdPgWrap>.headerWrap>.bdTime>span>i{
    width:34px;
    height:34px;
    margin-right:10px;
    background:url(../images/cldIco.png) no-repeat;
}
.BdPgWrap>.headerWrap>.bdTime>span>i.timeIco{
    background:url(../images/timeIco.png) no-repeat;
}
.tbWrap{
    width:100%;
    height:calc(100% - 290px);
    padding: 20px 20px 0 20px;
    position: relative;
    overflow:hidden;
}
.tbWrap>.tbConWrap{
    width:100%;
    height: 733px;
    padding: 0;
    box-shadow: 2px 2px 10px 5px #999;
    overflow: hidden;
}
.tbWrap>.tbConWrap table {
    height: auto;
    margin:0;
    padding:0;
    color:#132643;
    font-size:25px;
    font-weight:bold;
    text-align:center;
    background-color:#fff;
}
.tbWrap>.tbConWrap table th,
.tbWrap>.tbConWrap table td {
    font-family: 'Nanum Gothic';
    font-weight:bold;
    vertical-align: middle;
    border:2px solid #afafaf;
}
.tbWrap>.tbConWrap table th {
    height: 70px;
    color:#fff;
    background-color:#285cab;
    border-bottom: 0;
}
.tbWrap>.tbConWrap table tr:nth-child(2n){
    background-color:#eee;
}
.tbWrap>.tbConWrap table td{
    height: 60px;
}
.tbWrap>.tbConWrap table td span{
    font-weight:bold;
}
.tbWrap>.tbConWrap table td span.tdTime{
    width:72px;
    height:27px;
    background:#CECECE;
    font-size:23px;
    line-height:27px;
    margin-left:15px;
    border-radius:25px;
    display:inline-block;
}

.bdBottom {
    height: auto;
    background:#a6afb9;
    box-shadow: 2px 2px 10px 5px #999;
}
.bdBottom > dl {
    height: 190px;
}
.bdBottom>dl dt.bdBtTit{
    width: 280px;
    height: 100%;
    display:table;
    color:#fff;
    text-align:center;
    background-color:#1f4d91;
    background-image: linear-gradient(to bottom right, #285cab 40%, #051d41);
    float:left;
    z-index:1;
    box-shadow: 2px 2px 10px 5px #999;
}
.bdBottom>dl dt.bdBtTit>span{
    font-weight: 800;
    display:table-cell;
    vertical-align: middle;
    font-size: 50px;
    line-height: 60px;
}
.bdBottom>dl dd.bdBtTb{
    width:calc(100% - 280px);
    height:100%;
    padding:30px 20px;
    float:right;
}
.bdBottom>dl dd.bdBtTb tr{
    height:60px;
    background-color:#fff;
    text-align:center;
}
.bdBottom>dl dd.bdBtTb th, .bdBottom>dl dd.bdBtTb td{
    font-weight:bold;
    vertical-align: middle;
    border:2px solid #afafaf;
    font-size:30px;
}
.bdBottom>dl dd.bdBtTb th{
    color:#fff;
    background-color: #0b254c;
}
.bdBottom>dl dd.bdBtTb td{
    font-weight: 800;
}

.cfTbWrap {
    width: 260px;
    height: calc(100% - 165px);
    position: absolute;
    top: 120px;
    left: 0;
    border: 3px solid #999;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.cfTbWrap table {
    width: 100%;
    height: 100%;
    background: #fff;
}
.cfTbWrap table th,
.cfTbWrap table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}
.cfTbWrap table .thBox {
    background: #444;
}
.cfTbWrap table .thBox th {
    height: 10%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    background: transparent;
}
.cfTbWrap table th {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(to right, #0b254c 20%, #1d5589);
}
.cfTbWrap table .total {
    height: 20%;
}
.cfTbWrap table td {
    font-size: 24px;
}