@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#wrap .inner{position: relative;width: 1300px;margin: 0 auto;}

#header{position: relative;z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
#header .inner{height: 90px;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;}

#gnb{position: absolute;top: 0;right: 310px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 90px;font-size: 19px;color: #333333;text-decoration: none;}
#gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #00afe5;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}


#footer{background: #51555c;text-align: center;padding: 20px 0;font-size: 14px;color: #f0f3f8;font-weight: 200;}



/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{  }
/**************************************************
	Sub
**************************************************/
#sub{width: 1300px;margin: 50px auto 80px;}

#sub #content > *{}

#sub .sub-vis{position: relative;height: 240px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}


#introLogin{padding: 80px 0 120px;background: url(/images/intro-login-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#introLogin .cont{width: 650px;margin: 0 auto;}
#introLogin .centerBox{background: #fff;padding: 45px 60px;}
#introLogin .logo{text-align: center;margin-bottom: 40px;}
#introLogin .title{margin-bottom: 40px;}
#introLogin .title dt{text-align: center;}
#introLogin .title dd{font-size: 20px;color: #333;letter-spacing: -0.05em;text-align: center;}
#introLogin .ilbtn1{text-align: center;margin-bottom: 30px;}
#introLogin .ilbtn1 a{position: relative;display: inline-block;font-size: 18px;letter-spacing: -0.05em;color: #333;margin-left: 25px;padding-bottom: 12px;}
#introLogin .ilbtn1 a:first-child{margin-left: 0;}
#introLogin .ilbtn1 a.active{color: #4980c0;font-weight: 600;}
#introLogin .ilbtn1 a.active:after{display: block;content: '';position: absolute;bottom:0;left:0;width: 100%;height: 2px;background: #4980c0;}
#introLogin .inputBox .typeText{width: 100%;height: 45px;border:1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-indent: 20px;margin-top: 15px;}
#introLogin .inputBox .typeText:first-child{margin-top: 0;}
#introLogin .idpwBar{overflow: hidden;margin: 25px 0;}
#introLogin .idpwBar label{float: left;font-size: 16px;}
#introLogin .idpwBar label input{display: inline-block;vertical-align: middle;}
#introLogin .idpwBar .btn{float: right;font-size: 0;}
#introLogin .idpwBar .btn a{position: relative;padding-left: 20px;margin-left: 20px;color: #333;font-size: 16px;}
#introLogin .idpwBar .btn a:first-child{margin-left: 0;padding-left: 0;}
#introLogin .idpwBar .btn a:first-child:before{display: none;}
#introLogin .idpwBar .btn a:before{display: block;content: '';width: 1px;height: 14px;background: #ccc;position: absolute;top:50%;left:0;margin-top: -7px;}
#introLogin .ilbtnWrap .btn{display: block;width: 100%;height: 60px;line-height: 58px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #4980c0;border:1px solid #4980c0;color: #fff;text-align: center;box-sizing:border-box;font-size: 18px;font-weight: 300;}
#introLogin .ilbtnWrap .btn.type2{margin-top: 10px;}
#introLogin .ilbtnWrap .btn.type2{background: #fff;border-color: #333;color: #333;}
#introLogin .telBox{margin-top: 30px;text-align: center;font-size: 0;}
#introLogin .telBox >*{display: inline-block;vertical-align: middle;}
#introLogin .telBox span{font-size: 18px;color: #111;}
#introLogin .telBox strong{font-size: 28px;color: #4980c0;margin-left: 15px;}



.legenTit{font-size: 18px;font-weight: 300;color: #333;margin-bottom: 20px;}
#conTop{
padding: 40px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
}
#conTop .white{padding: 40px 40px 20px;background: #fff;}
.cttbar{
width: 100%;height: 3px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
}

.conTopBtn{overflow: hidden;margin-top: 20px;}
.conTopBtn .exel{float: left;display: block;width: 118px;padding: 10px 0;border:1px solid #0ea1c8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;color: #4980c0;font-weight: 300;}
.conTopBtn .search{float: right;width: 150px;height: 40px;text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;}
.conTopBtn .search span{display: inline-block;line-height: 40px;padding-left: 20px;background: url(/images/search-btn-front.png) no-repeat 0 50%;color: #fff;font-weight: 300;}


.basicBtn{overflow: hidden;margin-top: 20px;}
.basicBtn .btn{width: 150px;height: 40px;text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;}
.basicBtn .btn span{display: inline-block;line-height: 40px;padding-left: 20px;background: url(/images/search-btn-front.png) no-repeat 0 50%;color: #fff;font-weight: 300;}


.ctTable{width: 100%;table-layout: fixed;}
.ctTable th{font-size: 16px;color: #333;font-weight: 300;}
.ctTable td{width: auto;}
.ctTable td select,
.ctTable td .typeText{width: 100%;height: 40px;border:1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ctTable th,
.ctTable td{padding: 12px 10px;border-bottom:1px solid #ebebeb;}
.ctTable td .selt{font-size: 0;}
.ctTable td .selt select{width: 130px;margin-right: 10px;}
.ctTable td .selt .typeText{width: 290px;}
.ctTable td .yearMonth{font-size: 0;}
.ctTable td .yearMonth >*{display: inline-block;vertical-align: middle;}
.ctTable td .yearMonth select{width: 60px;}
.ctTable td .yearMonth span{width: 30px;text-align: center;}
.ctTable td .memberBtn{text-align: center;font-size: 0;}
.ctTable td .memberBtn a{position: relative;display: inline-block;vertical-align: middle;padding-left: 12px;margin-left: 11px;font-size: 13px;color: #444;}
.ctTable td .memberBtn a:first-child{margin-left: 0;padding-left: 0;}
.ctTable td .memberBtn a:first-child:before{display: none;}
.ctTable td .memberBtn a:before{display: block;content: '';width: 1px;height: 10px;background: #ccc;position: absolute;top:50%;margin-top: -5px;left:0;}

#content{padding: 40px;background: #f0f3f8;}
#content .whiteBoard{background: #fff;padding: 25px 40px;}
#content .cttbar{
width: 100%;height: 3px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
}

#content .fileWrap{text-align: left;padding: 0 35px;}
#content .fileWrap a{
	display: inline-block;
	vertical-align: top;
	/*width: 40px;*/
	width: 100%; /* 21.04.20 yjkim :  40px -> 100%*/
	margin-bottom: 5px; /* 21.04.20 yjkim : 추가 */
	height: 25px;
	line-height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #577abc;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
#content .fileWrap.type2 a{background: #0ea1c8;}
#content  .ctTable td{text-align: center;}
#content  .ctTable td.blue{color: #4980c0;font-weight: 300;}
#content .topCalBtn{text-align: right;margin-bottom: 20px;}
#content .topCalBtn .cal{display: inline-block;vertical-align: top;width: 148px;padding: 10px 0;border:1px solid #0ea1c8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;}
#content .topCalBtn .cal span{padding-left: 25px;background: url(/images/top-cal-btn-front.png) no-repeat 0 50%;font-weight: 300;color: #4980c0;}

.apaging{margin-top: 50px;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 33px;height: 33px;line-height: 33px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
.apaging a img{max-width:100%;}
.apaging a.prev{margin-right:15px;}
.apaging a.next{margin-left:15px;}
.apaging a.num{font-size: 15px;color: #555;}
.apaging a.num.active,
.apaging a.num:hover{border-color:transparent;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
color: #fff;transition:0.2s;}

@media all and (max-width: 750px){
	.apaging a{display: inline-block;vertical-align: top;width: 28px;height: 28px;line-height: 28px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
	.apaging a.prev{margin-right:10px;}
	.apaging a.next{margin-left:10px;}
	.apaging a.num{font-size: 13px;color: #555;}
}

.apaging{margin-top: 50px;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 33px;height: 33px;line-height: 33px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
.apaging a img{max-width:100%;}
.apaging a.prev{margin-right:15px;}
.apaging a.next{margin-left:15px;}
.apaging a.num{font-size: 15px;color: #555;}
.apaging a.num.active,
.apaging a.num:hover{border-color:transparent;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#577abc+0,0ea1c8+100 */
	background: #577abc; /* Old browsers */
	background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
	color: #fff;transition:0.2s;}

@media all and (max-width: 750px){
	.apaging a{display: inline-block;vertical-align: top;width: 28px;height: 28px;line-height: 28px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
	.apaging a.prev{margin-right:10px;}
	.apaging a.next{margin-left:10px;}
	.apaging a.num{font-size: 13px;color: #555;}
}
#content  .contBtmRig{text-align: right;margin-top: 30px;padding-top: 20px;border-top:1px solid #ebebeb;font-size: 0;}
#content  .contBtmRig .btn{display: inline-block;vertical-align: top;width: 80px;height: 40px;line-height: 40px;border:1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;font-size: 14px;margin-left: 10px;font-weight: 300;}
#content  .contBtmRig .btn.type1{border-color: transparent;color: #fff;
background: #577abc; /* Old browsers */
background: -moz-linear-gradient(left,  #577abc 0%, #0ea1c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #577abc 0%,#0ea1c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #577abc 0%,#0ea1c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577abc', endColorstr='#0ea1c8',GradientType=1 ); /* IE6-9 */
}
#content  .contBtmRig .btn.type2{border-color: #4980c0;color: #4980c0;}
#content  .contBtmRig .btn.type3{background: #dadee6;color: #506180;}


#sb-footer{position: relative;margin-top: 30px;min-height: 35px;}
#sb-footer .left{position: absolute;top: 0;left: 0;text-align: left;width: 50%;z-index: 2;}
#sb-footer .center{text-align: center;}
#sb-footer .right{text-align: right;}

.sb-btn{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;box-sizing: border-box;height: 35px;line-height: 35px;text-align: center;font-size: 14px;padding: 0 20px !important;text-decoration: none !important;letter-spacing: -1px;cursor: pointer !important;}
.sb-btn.type1{background: #545c73;background: linear-gradient(180deg, #545c73 30%, #3b4151 100%);border: 1px solid #3b4151;color: #ffffff !important;}
.sb-btn.type2{background: #f7f7f7;background: linear-gradient(180deg, #ffffff 30%, #f7f7f7 100%);border: 1px solid #ddd;color: #000000 !important;}
.sb-btn.type3{background: #f7f7f7;background: linear-gradient(180deg, #ffffff 30%, #f7f7f7 100%);border: 1px solid #ddd;color: #000000 !important;}
.sb-btn.type4{background: #eaeaea;background: linear-gradient(180deg, #eaeaea 30%, #d4d4d4 100%);border: 1px solid #d4d4d4;color: #323a45 !important;}
.sb-btn.type5{background: #ffffff;background: linear-gradient(180deg, #ffffff 30%, #f7f7f7 100%);border: 1px solid #000000;color: #000000 !important;}
.sb-btn.type6{background: #f5af1c;background: linear-gradient(180deg, #f5af1c 30%, #d79712 100%);border: 1px solid #f5af1c;color: #ffffff !important;}
.sb-btn.type11{height: 25px;line-height: 25px;padding: 0 8px !important;background: #545c73;background: linear-gradient(180deg, #545c73 30%, #3b4151 100%);border: 1px solid #3b4151;color: #ffffff !important;font-size: 12px;color: #ffffff !important;}
.sb-btn.type22{height: 25px;line-height: 25px;padding: 0 8px !important;background: #f7f7f7;background: linear-gradient(180deg, #ffffff 30%, #f7f7f7 100%);border: 1px solid #ddd;color: #000000 !important;font-size: 12px;color: #2e2e2e !important;}
.sb-no-data{display: block;background: #f7f7f7;padding: 20px 10px;text-align: center;font-size: 14px;letter-spacing: -1px;color: #999;}

@media screen and (max-width: 750px) {
	#sb-footer.no-abs .left{position: static;text-align: center;width: 100%;white-space: nowrap;}
	#sb-footer.no-abs .center{margin-top: 10px;white-space: nowrap;}
	#sb-footer.no-abs .right{margin-top: 10px;text-align: center;white-space: nowrap;}
    .sb-btn{font-size: 14px !important;}
    .sb-no-data{font-size: 11px;}
}