@charset "UTF-8";

/*input, select*/ 
input[type=text], input[type=date], input[type=time], select {
    background:#fff;
    height:30px;
    font-family:'NotosansKr';
    font-size:13px;
    padding:0 5px;
    border:1px solid #dbdbdb;
    border-radius:5px;
    vertical-align:middle;
}
input[type=text].gray {
    background:#f1f1f1;
    width:160px;
    height:30px;
    margin:5px 0;
    border:none;
}
input[type=radio] {
    appearance:none;
    width:14px;
    height:14px;
    background:#fff;
    margin:0;
    border:1px solid #ccc;
    border-radius:50%;
    vertical-align:middle;
}
input[type=radio]:checked {
    border:4px solid #2262c6;
}
select {
	appearance:none;
	background:url(/images/sp/iconSelect.png) no-repeat 97% center / 9px, #fff;
    padding:0 20px 0 10px;
}
textarea {
    width:100%;
    min-height:80px;
    padding:5px;
    font-family:'NotosansKr';
    font-size:13px;
    border:1px solid #dbdbdb;
    border-radius:5px;
    resize:none;
    outline:0;
}

/*정렬*/
[class^=flex] {
    align-items:center;
}
.flexBox {
    display:flex;
    align-items:center;
}
.flexCenter {
    display:flex;
    justify-content:center;
}
.flexBetween {
    display:flex;
    justify-content:space-between;
}
.flexEnd {
    display:flex;
    justify-content:flex-end;
}

/*버튼*/
[class^=rbtn] {
    display:block;
    border:none;
    border-radius:5px;
    cursor:pointer;
}
[class^=cbtn] {
    display:inline-block;
    width:30px;
    height:30px;
    border:none;
    border-radius:5px;
    vertical-align:middle;
    cursor:pointer;
}
[class*=Line] {
    border:1px solid #00B247;
    width:60px;
    height:30px;
    font-size:12px;
    color:#00B247;
    background:none;
    vertical-align:middle;
}
.rbtnBlue {
    min-width:100px;
    width:auto;
    height:30px;
    background:#2262c6;
    color:#fff;
    display:inline-block;
}
.rbtnGreen {
    min-width:100px;
    width:auto;
    height:30px;
    background:#00B247;
    color:#fff;
    display:inline-block;
}
.rbtnOrange {
    min-width:100px;
    width:auto;
    height:30px;
    background:#DC5A10;
    color:#fff;
    display:inline-block;
}
.rbtnGray {
    width:100px;
    height:30px;
    background:#888;
    color:#fff;
    display:inline-block;
}
.rbtnMiniBlue {
    width:60px;
    height:30px;
    background:#2262c6;
    color:#fff;
    display:inline-block;
}
.rbtnMiniGreen {
    width:60px;
    height:30px;
    background:#00B247;
    color:#fff;
    display:inline-block;
}
.rbtnMiniOrange {
    width:60px;
    height:30px;
    background:#DC5A10;
    color:#fff;
    display:inline-block;
}
.rbtnMiniJade {
    width:60px;
    height:30px;
    background:#3DBD9E;
    color:#fff;
    display:inline-block;
}
.rbtnBlueLine {
    color:#2262c6;
    border:1px solid #2262c6;
}
/*테이블*/
.listTable {
    width:100%;
}
.listTable thead tr th {
    background:#fff;
    padding:10px 5px;
    text-align:center;
    border-bottom:1px solid #e1e7f3;
}
.listTable tbody tr td {
    padding:10px 5px;
    text-align:center;
}
.listTable tbody tr {
    cursor:pointer;
}
.listTable tbody tr {
    border-bottom:1px solid #e1e7f3;
}
.listTable tbody tr:nth-child(odd) {
    background:#F8F9FB;
}
.listTable tbody tr td {
    color:#343434;
}
.detailTable {
    width:100%;
    border-top:1px solid #e1e7f3;
}
.detailTable tr {
    border-bottom:1px solid #e1e7f3;
}
.detailTable tr th {
    width:20%;
    background:#f5f8ff;
    padding:15px 5px;
    text-align:center;
}
.detailTable tr td {
    padding:15px 5px;
    text-align:left;
}
.innerTable {
    width:100%;
}
.innerTable thead tr th {
    background:#f5f8ff;
    padding:10px 5px;
    text-align:center;
    border-bottom:1px solid #e1e7f3;
}
.innerTable tbody tr td {
    padding:10px 5px;
    text-align:center;
}
.innerTable tbody tr {
    border-bottom:1px solid #e1e7f3;
}
.innerTable tbody tr td {
    color:#343434;
}

/* 페이징 */
.pagination {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:10px 0;
    background:#f5f5f5;
}  
.pagination > a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.pagination > a:hover {
	text-decoration:underline;
}
.pagination > a:first-child {
	border-left:1px solid #ccc;
}
.pagination > a.current {
	background:#f8f8f8;
}
.pagination > :is(.first, .prev, .next, .last) {
	font-size:0;
	color:transparent;
}
.pagination :is(.first, .prev, .next, .last):before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.pagination .first:before {
	content:"\226A";
	font-size:12px; 
}
.pagination .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .next:before {
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .last:before {
	content:"\226B";
	font-size:12px;
}