@charset "utf-8";

/***** BEGIN BUTTON *****/
/* Default color*/
.uio-btn{
	padding:11px 29px 13px;
	display:inline-block;
	font-family:ng;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#333;
	text-align:center;
	background:#fff;
	border:solid 1px #b0b0b0;
	vertical-align:middle;
}
.uio-btn:hover{
	background: #f6f6f6;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
/* Link */
.uio-btn.link{
	padding: 0;
	background: url(../img/ico/arrow_right2.gif) right 3px no-repeat;
	border: 0 none;
	font-weight: normal;
	color: #0273c9;
	text-decoration: none;
	padding-right: 13px;
	border-bottom: solid 1px #0273c9;
}

/* Color blue */
.uio-btn.blue {
	padding:12px 30px 14px;
	color:#fff;	
	background:#0273c9;
	border:0 none;
}
.uio-btn.blue:hover{
	background: #015ba0;
	color: #fff;
}

/* Color gray */
.uio-btn.gray {
	padding:12px 30px 14px;
	color:#fff;	
	background:#b0b0b0;
	border:0 none;
}
.uio-btn.gray:hover{
	background: #999;
	color: #fff;
}
/* Wide */
.uio-btn.sliver-gray{
	background: #f6f6f6;
}
.uio-btn.sliver-gray:hover{
	background: #e9e9e9;
}

.uio-btn-excel {
	height:18px;
	padding:4px 14px 4px 35px;
	display:inline-block;
	color:#333;
	background:#fff url(../img/ico/ico_excel.gif) 14px 5px no-repeat;
	border:1px solid #b0b0b0;
	vertical-align:middle;
}

.uio-btn-area {
	position:relative;
	width:100%;
	margin-top:30px;
	text-align:center;
}

/***** END BUTTON *****/


/***** BEGIN TITLE *****/

/* 타이틀 */
.uio-title{
	font-size:36px;
	font-weight:bold;
	color:#222;
	margin-bottom:44px;
}
.uio-title sup {
	font-size:24px;
}
.uio-sub-title1 {
	padding-left:20px;
	margin-bottom:25px;
	font-size:24px;
	font-weight:bold;
	color:#333;
	background: url(../img/bu/circle_blue.gif) 0 10px no-repeat #fff;
}
.uio-sub-title1 sup {
	font-size:15px;
}
.uio-sub-title2 {
	margin-bottom:12px;
	font-size:18px;
	font-weight:bold;
	color:#333;
}

/* 팝업 타이틀 */
.uio-popup-title{
	height: 54px;
	line-height: 54px;
	background-color: #0273c9;
	text-indent:30px;
}
.uio-popup-title h1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin:0;
}
.uio-popup-sub-title{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/bu/circle_blue.gif) 0 5px no-repeat #fff;
	text-indent: 18px;
	margin-bottom: 14px;
}
.uio-popup-third-title{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.uio-stit-desc {
	margin-left:5px;
	font-size:14px;
	font-weight:normal;
	color:#666;
}

/***** END TITLE *****/


/***** BEGIN DESC *****/
.uio-desc-str {
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.uio-desc-str2 {
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	color:#01317d;
}
.uio-desc-str2 strong {
	color:#ec424b;
}
.uio-desc-str3 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:26px;
}
.uio-desc-warning {
	padding-left:18px;
	font-size:14px;
	font-weight:normal;
	color:#ec424b;
	background:url(../img/ico/ico_warning.gif) 0 5px no-repeat;
}
.uio-desc {
	line-height:24px;
}

.uio-list-type1 > li{
	font-size:14px;
	color:#666;
	line-height:24px;
	text-indent:-10px;
	padding-left:10px;
}
.uio-list-type2 > li{
	font-size:14px;
	color:#666;
	line-height:24px;
	text-indent:-23px;
	padding-left:23px;
}
.uio-list-type3 > li,
p.uio-list-type3 {
	padding-left:11px;
	font-size:14px;
	line-height:24px;
	background:url(../img/bu/bu_dot1.gif) 0 11px no-repeat;
	text-indent:0;
}

/***** END DESC *****/


/***** BEGIN ETC *****/
/* uio-breadcrumb */
.uio-breadcrumb {
	text-align: right;
	position: absolute;
	right: 0;
	top: 66px;
	font-size: 12px;
}
.uio-breadcrumb .home{
	display: inline-block;
	width: 12px;
	height: 11px;
	background: url(../img/ico/home.gif) 0 0 no-repeat;
	margin-bottom: -1px;
}
.uio-breadcrumb .arrow-right{
	display: inline-block;
	width: 5px;
	height: 8px;
	background: url(../img/ico/arrow_right.gif) 0 0 no-repeat;
	margin: 0 4px 0 5px;
}

/* uio-pagination */
.uio-pagination {
	margin-top: 30px;
    text-align: center;
}
.uio-pagination li {
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
}
.uio-pagination li a{
	display: block;
	width: 35px;
	height: 35px;
}
.uio-pagination li:hover{
	cursor: pointer;
}
.uio-pagination li:hover a{
	text-decoration: none;
	width: 33px;
	height: 33px;
	border: 1px solid #0273c9;
	color: #0273c9;
}
.uio-pagination li.active a {
    font-weight: normal;
    color: #0273c9;
    text-decoration: underline;
}
.uio-pagination li.fir, .uio-pagination li.prv, .uio-pagination li.nxt, .uio-pagination li.lst {
    padding: 0;
    width: 34px;
    height: 34px;
    background: url(../img/bu/pagination.png) 0 0 no-repeat #fff;
    border: 1px solid #d0d0d0;
}
.uio-pagination li.fir:hover, .uio-pagination li.prv:hover, .uio-pagination li.nxt:hover, .uio-pagination li.lst:hover {
	background-color: #f8f8f8;	
}
.uio-pagination li.fir:hover a, .uio-pagination li.prv:hover a, .uio-pagination li.nxt:hover a, .uio-pagination li.lst:hover a,.uio-pagination li.fir:hover a{
	border: 0 none;	
}
.uio-pagination li.prv {
    margin: 0 1px 0 2px;
    background-position: 0 -34px;
}
.uio-pagination li.nxt {
    margin: 0 2px 0 1px;
    background-position: 0 -68px;
}
.uio-pagination li.lst {
    background-position: 0 -102px;
}
.uio-pagination li.fir a, .uio-pagination li.prv a, .uio-pagination li.nxt a, .uio-pagination li.lst a {
    text-indent: -9999em;
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* Scroll Box */
.uio-scrollbox{
	background: #f8f8f8;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: 15px 18px;
	overflow:auto;
}
.terms-box{
	color:#666;
	line-height:20px;
}
.terms-box h3 {
	margin:30px 0 20px;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
.terms-box .uio-list-type1 > li {
	color:#999;
}
.terms-box ul {
	margin-top:5px;
}
.terms-box .desc-num {
	line-height: 24px;
	text-indent: -23px;
	padding-left: 23px;
}

/* uio-composition-area (구성 부분) */
.uio-composition-area h3 {
	padding-left:18px;
	margin:55px 0 23px 0;
	font-size:24px;
	font-weight:bold;
	color:#333;
	background: url(../img/bu/circle_blue.gif) 0 10px no-repeat #fff;
}
.uio-composition-area h3 sup{
	font-size:14px;
}
.uio-composition-area h4 {
	margin:32px 0 12px 18px;
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.uio-composition-area h3 + h4 {
	margin-top:23px;
}
.uio-composition-area ul {
	margin:6px 0 0 18px;
}

.uio-composition-area ul li {
	font-size:14px;
	color:#666;
	line-height:24px;
	text-indent:-10px;
	padding-left:10px;
}
.uio-composition-area p {
	margin:6px 0 0 18px;
	line-height:24px;
}
.uio-composition-area p strong {
	font-weight:normal;
	color:#01317d;
}

/* uio-tbox-gray */
.uio-tbox-gray {
	padding:25px;
	text-align:center;
	background:#f8f9fb;
	line-height:24px;
}
.uio-tbox-gray strong {
	margin-bottom:6px;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#333;
}

.paging-group {position:relative;height:36px;margin-top:30px;}
.paging-group .btn-area {position:absolute;right:0;top:-3px;}

/***** END ETC *****/


/***** BEGIN TABLE *****/
.uio-list-total{
	font-size: 14px;
	margin-bottom: 12px;
}

.uio-table-list {
    border-top: 2px solid #5686b3;
}
.uio-table-list table thead th {
    padding: 13px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #f8f9fb;
    border-bottom: 2px solid #d0d0d0;
}
.uio-table-list table tbody td {
    padding: 13px 10px 14px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 16px;
    border-bottom: 1px solid #e0e0e0;
}
.uio-table-list table tbody tr.last td {
	border-bottom: solid 2px #d0d0d0;
}

.uio-table-list table tbody td a {
    color: #767676;
}
.uio-table-list table tbody td.tit {
    padding-left: 22px;
    color: #555;
    text-align: left;
}
.uio-table-list table tbody td.tit a {
    color: #555;
}
.uio-table-list table tbody td.tit a:hover {
    text-decoration: underline;
    color: #0273c9;
}


/* uio-table-view */
.uio-table-view {
    border-top: 2px solid #5686b3;
}
.uio-table-view table thead th {
    padding: 18px 20px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-align: left;
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}
.uio-table-view table tbody th {
    padding: 13px 20px;
    font-weight: normal;
    color: #767676;
    background: #f7f7f7;
    border-bottom: 1px solid #d9d9d9;
}
.uio-table-view table tbody td {
    padding: 13px 20px;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}
.uio-table-view table tbody td .date {
    padding:0 20px 0 0;
    margin:0 20px 0 8px;
    color: #666;
    border-right:solid 1px #d0d0d0;
}
.uio-table-view table tbody td .hit{
	margin-left:8px;
	color:#666;
}
.uio-table-view table tbody td.view-cont {
    padding: 30px 20px 50px;
    color: #555;
    line-height: 24px;
    border-bottom: 2px solid #d0d0d0;
}
.uio-table-view table tbody td.view-cont .item {
    min-height: 270px;
}
.uio-table-view table tbody td .ico-file {
    margin-right: 5px;
}
.uio-table-view table tbody td .file-dnld {
    display: block;
    margin-top: 5px;
}
.uio-table-view table tbody td .file-dnld:first-child {
    margin-top: 0;
}


/* uio-list-nav */
.uio-list-nav {   
	font-size:14px;
	border-top: 1px solid #d9d9d9;
}
.uio-list-nav li {
    border-bottom: 1px solid #d9d9d9;
}
.uio-list-nav li span {
    padding: 14px 41px 13px 20px;
    display: inline-block;
    background: #fff url(../img/ico/arrow_top.gif) 77px center no-repeat;
    font-weight: bold;
}
.uio-list-nav li.nxt span {
    background: #fff url(../img/ico/arrow_bottom.gif) 77px center no-repeat;
}
.uio-list-nav li a {
    padding: 14px 15px 13px;
    display: inline-block;
}

/* uio-table-write */
.uio-table-write {
	position: relative;
    	font-size: 14px;
}
.uio-table-write table{
	border-top: 2px solid #5686b3;
	border-bottom: 2px solid #d0d0d0;	
}
.uio-table-write tbody th {
	height:28px;
	padding:7px 18px 7px;
	font-weight: normal;
	color: #333;
	text-align: left;
	background: #f8f9fb;
	border-bottom: 1px solid #e0e0e0;
	line-height: 20px;
}
.uio-table-write tbody td {
	height:28px;
	padding: 7px 10px 7px;
	line-height: 20px;
	text-align:left;
	border-bottom: 1px solid #e0e0e0;
}
.uio-table-write tbody td .cont{
	line-height: 24px;
}
.uio-table-write .required-wrap{
	color: #ec424b;
	text-align: right;
	position: absolute;
	top: -30px;
	right:0;
}
.uio-table-write .required {
	color: #ec424b;
	margin-right: 2px;
	margin-left: -10px;
	vertical-align:top;
}
.uio-table-write span {
	vertical-align:middle;
}


/* uio-table-write2 */
.uio-table-write2 {
	position: relative;
	font-size: 14px;
}
.uio-table-write2 table{
	border-top: 2px solid #5686b3;
	border-bottom: 2px solid #d0d0d0;	
}
.uio-table-write2 thead th {
	height:28px;
	padding:7px 18px 7px;
	font-weight: normal;
	color: #333;
	text-align: center;
	background: #f8f9fb;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	line-height: 20px;
}
.uio-table-write2 thead th:first-child {
	border-left:0 none;
}
.uio-table-write2 tbody td {
	height:28px;
	padding: 7px 10px 7px;
	line-height: 20px;
	text-align:center;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.uio-table-write2 tbody td.first {
	border-left:0 none;
}

/***** END TABLE *****/

/***** BEGIN FORM *****/
/*input */
.uio-input{
	color: #333;
	font-size: 14px;
	padding: 5px 7px;
	background:#fff;
	border: solid 1px #ccc;
}
.uio-input[type="file"]{
	padding:2px 7px;
}
/* Radio */
.uio-radio-set{
	margin-left: -30px;	
}
.uio-radio-set input{
	margin-right: 4px;
	margin-left: 30px;
}
/*.uio-radio-set label{
	margin-right: 30px;
}*/
/* datepicker */
.ui-datepicker {
	background:#fff;
	border:1px solid #ccc;
}
/***** END TABLE *****/

/***** BEGIN ICON *****/
/*input */
.uio-scret{
	display: inline-block;
	width: 10px;
	height: 13px;
	background: url(../img/ico/scret.gif) 0 0 no-repeat #fff;
	vertical-align: middle;
	margin-left: 9px;
}
/***** END ICON *****/