#section {
    min-height:900px;
}
div.cntBox {
    margin-top:50px;
}
div.cntBox:first-child {
    margin-top:0;
}
div.subTitBox {
    width:100%;
    height:280px;
    background:#000;
    text-align:center;
}
div.subTitBox h2 {
    padding-top:165px;
    font-size:30px;
    letter-spacing:1px;
    font-family: 'Noto Sans DemiLight';
    color:#fff;
}
div.subTitBox p {
    margin-top:10px;
    font-size:14px;
    letter-spacing:3px;
    color:#f6ebcd;
}

ul.subMenu {width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; background-color:#fff; text-align:center;}
ul.subMenu li {display:inline-block; min-width:120px}
ul.subMenu li a {display:inline-block; height:50px; font-size:16px; padding:0 20px}
ul.subMenu li a.menuOn {height:46px; border-bottom:3px solid #ffcb16;}

div.contents {
    padding:60px 0;
}

/*---- Title 타이틀 ----*/
h2.subTit01 {
    font-size:30px;
}
h3.subTit02 {
    font-size:20px;
    font-family: 'Noto Sans Light';
    color:#444;
}
p.subTxt01 {
    font-size:16px;
    line-height:26px;
    color:#454545;
}
p.subTxt02 {
    margin-top:20px;
    font-size:16px;
    line-height:26px;
    color:#454545;
}
p.subTxt03 {
    margin-bottom:20px;
    font-size:19px;
    line-height:28px;
    color:#283b46;
}
/*-- END Title 타이틀 --*/



/*---- table 테이블 ----*/
table.tbl01 {
    margin-top:15px;
    width:100%;
}
table.tbl01 caption {
    margin-bottom:5px;
    text-align:right;
    font-size:14px;
    color:#999;
}
table.tbl01 tr th {
    padding:12px 20px;
    border:1px solid #e9e9e9;
    font-size:15px;
    font-weight:500;
    color:#454545;
}
table.tbl01 tr td {
    padding:12px 20px;
    border:1px solid #e9e9e9;
    font-size:14px;
    color:#454545;
    line-height:20px;
}

table.tbl02 {
    width:100%;
    text-align:center;
    border-top:2px solid #0c2c40;
}
table.tbl02 tr {
    border-bottom:1px solid #ccc;
}
table.tbl02 tr th {
    position:relative;
    height:50px;
    background-color:#f9f9f9;
    font-weight:500;
    color:#454545;
}
table.tbl02 tr th:first-child::after {
    display:none;
}
table.tbl02 tr th::after {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-8px;
    content:'';
    display:block;
    width:1px;
    height:14px;
    background-color:#e0e0e0;
}
table.tbl02 tr td {
    height:55px;
    font-size:15px;
    color:#555;
}
/*-- END table 테이블 --*/



/*---- button 버튼 ----*/
div.bigBtn, div.mediumBtn {
    margin-top:50px;
    text-align:center;
}
div.bigBtn a {
    display:inline-block;
    margin:0 10px;
    width:260px;
    height:55px;
    background-color:#caced1;
    font-size:18px;
    text-align:center;
    line-height:55px;
    color:#fff;
}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col {
    background-color:#667985;
}
div.mediumBtn a {
    display:inline-block;
    margin:0 10px;
    width:160px;
    height:50px;
    background-color:#caced1;
    font-size:18px;
    text-align:center;
    line-height:50px;
    color:#fff;
}
div.smallBtn {
    margin-top:50px;
    text-align:right;
}
div.smallBtn a {
    display:inline-block;
    margin:0 10px;
    width:80px;
    height:35px;
    background-color:#caced1;
    font-size:16px;
    text-align:center;
    line-height:35px;
    color:#fff;
}
div.smallBtn a.col02 {
    background-color:#334652;
}
/*-- END button 버튼 --*/


/*---- commonUl 리스트 ----*/
ul.commonUl01 {
    margin-top:20px;
}
ul.commonUl01 li {
    position:relative;
    padding-left:20px;
    font-size:15px;
    line-height:26px;
    color:#555;
}
ul.commonUl01 li::after {
    position:absolute;
    top:10px;
    left:5px;
    content:'';
    display:block;
    width:4px;
    height:4px;
    background-color:#283b46;
}
/*-- END commonUl 리스트 --*/



/*---- 선불카드 탭 ----*/

.cardTabBox {width: 1175px; margin: auto;}
.cardTabBox li.fl_r {float: right; width:785px; text-align: center;}
.cardTabBox li.fl_r a.on { display: inline-block; width: 300px; height: 60px; line-height: 60px; background: #f79702!important; color: #fff; text-align: center; font-size: 20px;}
.cardTabBox li.fl_r a.off { display: inline-block; width: 300px; height: 60px; line-height: 60px; background: #ccc!important; color: #fff; text-align: center; font-size: 20px;}
.cardTabBox li.fl_r input.iptStyle {
    padding: 0 15px;
    width: 80px;
    height: 50px;
    border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.cardTabBox li.fl_r a.btnSt1 {
    display: inline-block;
    width: 120px;
    height: 50px;
    background-color: #153041;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
	text-align: center;
	margin-left: 16px;
	border-radius: 4px;
}


div.paging ul {
	margin:30px auto;
	text-align:center;
}
div.paging ul li {
	display:inline-block;
	padding:0 3px;
}
div.paging ul li a {
	display:inline-block;
	border:1px solid #eee;
	width:35px;
	height:35px;
	font-size:15px;
	text-align:center;
	line-height:35px;
	box-sizing:border-box;
	color:#999;
	vertical-align:middle;
}
div.paging ul li.active a {
	border:1px solid #0c2c40;
	font-family: 'Noto Sans Medium';
	color:#0c2c40;
}		



div.viewBox {
    border-top:2px solid #0c2c40;
}
p.viewTit {
    padding:0 30px;
    height:50px;
    border-bottom:1px solid #ccc;
    font-size:18px;
    font-weight:600;
    line-height:50px;
    color:#222;
}
ul.viewDate {
    border-bottom:1px solid #ccc;
    height:50px;
}
ul.viewDate li {
    position:relative;
    display:inline-block;
    padding:16px 30px;
    color:#777;
}
ul.viewDate li:first-child::after {
    display:none;
}
ul.viewDate li::after {
    position:absolute;
    top:50%;
    left:-2px;
    content:'';
    display:block;
    margin-top:-6px;
    width:1px;
    height:12px;
    background:#ddd;
}
ul.viewDate li span {
    color:#222;
}
div.viewCnt {
    padding:40px 30px;
    border-bottom:1px solid #ccc;
}
div.viewCnt p {
    font-size:15px;
    line-height:26px;
}
div.viewControl dl {
    display:table;
    padding:0 30px;
    width:100%;
    border-bottom:1px solid #ccc;
    line-height:50px;
}
div.viewControl dl dt {
    display:table-cell;
    width:6%;
    font-size:16px;
    font-weight:600;
    color:#667985;
}
div.viewControl dl.prev dt {
    background:url('../img/boardArrow_up.png') no-repeat center right;
}
div.viewControl dl.next dt {
    background:url('../img/boardArrow_down.png') no-repeat center right;
}
div.viewControl dl dd {
    display:table-cell;
    width:80%;
    color:#999;
}
div.viewControl dl dd a {
    margin:0 50px;
    color:#666;
}
div.viewControl dl dd a:hover {
    text-decoration:underline;
}
div.viewControl dl dd.date {
    width:80%;
    text-align:right;
}