/*******************************************************************************************/
/*  작 성 자 : 인성데이타(주)
/*  작 성 일 : 2022.
/*  수 정 일 : 2022.
/*  버     전 : 0.0.1
/*  설     명 : 전체 사이트 기본 스타일 설정
/*  위     치 : /css/basic.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 공용 폰트설정 시작
/*******************************************************************************************/
/*
@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: 
		url(/css/fonts/NotoSansKR-Thin.woff2) format('woff2'), 
		url(/css/fonts/NotoSansKR-Thin.woff) format('woff'), 
		url(/css/fonts/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(/css/fonts/NotoSansKR-Light.woff2) format('woff2'), url(/css/fonts/NotoSansKR-Light.woff) format('woff'), url(/css/fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'), url(/css/fonts/NotoSansKR-Regular.woff) format('woff'), url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
}

/*
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(/css/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'), url(/css/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'), url(/css/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'), url(/css/fonts/NotoSansKR-Bold.woff) format('woff'), url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(/css/fonts/NotoSansKR-Black.woff2) format('woff2'), url(/css/fonts/sNotoSansKR-Black.woff) format('woff'), url(/css/fonts/NotoSansKR-Black.otf) format('opentype');
}
*/
/*******************************************************************************************/
/* 공용 폰트설정 종료
/*******************************************************************************************/




/*******************************************************************************************/
/* 공용 기초정보 설정 시작
/*******************************************************************************************/
html {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #FFF;
}

body {
    color: #000;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family:'Noto Sans KR','Malgun Gothic', sans-serif;
    /*font-family: "Noto Sans KR", sans-serif, "Tahoma", "돋움", "굴림";*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #FFF;
}

img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    vertical-align: top;
}

/* 링크설정 */
a:link {
    color: #565656;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #006699;
    text-decoration: none;
}

a img {
    border: none;
}

*:focus {
    outline: none !important;
}

/* 목록설정 */
ul {
    text-align: justify;
}

ol {
    text-align: justify;
}

/* 표양식 설정 */ 
table {
    width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border: none;
	border: 1px solid #BBB;
	border-left: 2px solid #BBB;
    border-right: 2px solid #BBB;
	border-collapse: collapse;
}

table caption {
	display: none;
}

table thead,
table thead tr,
table tbody,
table tbody tr {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table thead tr th,
table tbody tr th {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 3px 5px 3px;
	text-align: center;
	border: 1px solid #BBB;
	background: #EBEBEB;
}

table tbody tr td  {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 5px 3px 5px 3px;
	text-align: center;
    vertical-align: top;
	border: 1px solid #BBB;
	background: #FFF;
}

/* 라인설정 */
table tbody tr td.code {
    width: 90px;
    padding-right: 0;
    border-right: 1px solid #FFF;
}

table tbody tr td.define {
    text-align: left;
    border-left: 1px solid #FFF;
}

/* 정렬설정 */
table thead tr th.left,
table tbody tr td.left {
	text-align: left;
}

table thead tr th.right,
table tbody tr td.right {
	text-align: right;
}

/* 라인설정 */
table tbody tr.odd td {
	color: #000;
	background: #FBFAF4;
}

/*table tbody tr:hover td {
	color: #000;
	cursor: pointer;
	font-weight: bold;
	background: #DDD;
}*/

/* 라인선택 */
table tbody tr.selector td {
	color: #FFF;
	font-weight: bold;
	background: #0078D7;
}

/* 입력폼 오류설정 */
table tbody tr td div.error {
    position: relative;
    top: 0;
    left: 0;

    display: block;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    text-align: left;
	background: url(/images/common/icon_note.jpg) 1px 2px no-repeat;
}

table tbody tr td div.error strong {
    color: #EB2653;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 6px;
}

/* 입력제한 설정 */
table tbody tr td span.input-limit {
	position: relative;
	right: 2px;
	bottom: -3px;

	font-size: 11.5px;
	letter-spacing: normal;
}

table tbody tr td div.input-limit strong.limit,
table tbody tr td span.input-limit strong.limit {
	color: #C2185B;
}
/*******************************************************************************************/
/* 공용 기초정보 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 컨텐츠 로딩 설정 시작
/*******************************************************************************************/
div.load-wrap {
    display: none;
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
	z-index: 9999;

    width: 100%; 
    height: 100%; 
    text-align: center;
}

div.load-wrap div.layer-bg {
    position: absolute; 
    top: 0; 
    left: 0;
	z-index: 9999;

    width: 100%; 
    height: 100%; 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
    opacity: 0.5; 
	filter: alpha(opacity=50);
    background: #000;
}

div.load-wrap div.loading {
    position: absolute;
    top: 50%;
    left: 50%;

    margin: 0 0 0 0;
    border-radius: 10%;
    background: #FFF;
}

div.load-wrap div.loading img {
    width: 200px;
    height: 200px;
    border-radius: 10%;
}
/*******************************************************************************************/
/* 컨텐츠 로딩 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 알림정보 설정 시작
/*******************************************************************************************/
div.jconfirm {
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
	z-index: 9999;

    width: 100%; 
    height: 100%; 
    text-align: center;
}

div.jconfirm div.jconfirm-bg {
    position: absolute; 
    top: 0; 
    left: 0;
	z-index: 9999;

    width: 100%; 
    height: 100%; 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
    opacity: 0.5; 
	filter: alpha(opacity=50);
    background: #000;
}

div.jconfirm div.container {
    position: relative;
    top: 30%;
    left: 0;
    z-index: 9999;

	width: 350px;
    margin: 0 auto 0 auto;
    padding: 0 0 10px 0;
	text-align: center;
	border-radius: 7px;
    background-color: #FFF;
}

/* 제목 설정 */
div.jconfirm div.container div.title {
    color: #222;
	display: block;
    font-size: 18px;
	font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    text-align: left;
    border-bottom: 1px solid #053849;
	border-radius: 7px 7px 0 0;
    background: #FFF;
}

/* 알림정보 설정 */
div.jconfirm div.container div.content {
    margin: 0 0 0 0;
    padding: 20px 20px 20px 20px;
    text-align: left;
}

div.jconfirm div.container div.content p.note {
    color: #000;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    text-align: left;
    background: url(/images/common/icon_articles_box.gif) 0 6px no-repeat;
}

/* 버튼 설정 */
div.jconfirm div.container div.buttons {
    margin: 0 0 0 0;
    padding: 0 8px 0 0;
    text-align: right;
}

div.jconfirm div.container div.buttons button {
    display: inline-block;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
    font-size: 13px;
    font-family: "Noto Sans KR", sans-serif, "Tahoma", "돋움", "굴림";
	margin: 0 3px 0 0;
	padding: 3px 10px 3px 10px;
	text-align: center;
    outline: none;
	border: 1px solid #444;
	border-radius: 5px;
    -webkit-appearance: none;
	background: #222;
}

/* 취소버튼 */
div.jconfirm div.container div.buttons button.cancel {
    color: #FFF;
    border: 1px solid #00C73C;
    background: #00C73C;
}
/*******************************************************************************************/
/* 알림정보 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 주소검색 설정 시작
/*******************************************************************************************/
div.search-address {
    display: none;
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
	z-index: 9999;

    width: 100%; 
    height: 100%; 
    text-align: center;
}

div.search-address div.layer-bg {
    position: absolute; 
    top: 0; 
    left: 0;
	z-index: 9999;

    width: 100%; 
    height: 100%; 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
    opacity: 0.5; 
    filter: alpha(opacity=50);
    background: #000; 
}

div.search-address div.address {
    position: relative;
    top: 25%;
    left: 0;
	z-index: 9999;

	width: 500px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border: 3px solid #053849;
	border-radius: 7px 7px 0 0;
    background-color: #FFF;
}

div.search-address div.address h3.subject {
    color: #FFF;
	display: block;
    font-size: 24px;
	font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
    text-align: left;
    background: #053849;
}

/* 레이어 종료 */
div.search-address div.address div.command {
	position: absolute;
	top: 15px;
	right: 14px;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.search-address div.address div.command span.close {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}
/*******************************************************************************************/
/* 주소검색 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 입력항목 정보확인 설정 시작
/*******************************************************************************************/
div.data-info {
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 9999;

    width: 100%; 
    height: 100%; 
    text-align: center;
}

div.data-info div.layer-bg {
    position: absolute; 
    top: 0; 
    left: 0;
    z-index: 9999;

    width: 100%; 
    height: 100%; 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
    opacity: 0.5; 
	filter: alpha(opacity=50);
    background: #000;
}

div.data-info div.info {
    position: relative;
    top: 30%;
    left: 0;
    z-index: 9999;

	width: 500px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
	text-align: center;
    border: 3px solid #053849;
	border-radius: 7px 7px 0 0;
    background-color: #FFF;
}

/* 팝업레이어 제목 설정 */
div.data-info div.info h3.subject,
div.data-info div.info div.subject {
    color: #FFF;
	display: block;
    font-size: 24px;
	font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
    text-align: left;
    background: #053849;
}

/* 오류메세지 정보 설정 */
div.data-info div.info div.item {
	margin: 0 0 0 0;
	padding: 15px 20px 15px 20px;
	text-align: left;
}

div.data-info div.info div.item h4.head-input-error {
	color: #DE461D;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 10px 60px;
	text-align: left;
	letter-spacing: -1px;
	background: url(/images/error/bg_01.jpg) 0 0 no-repeat;
}

div.data-info div.info div.item ul.error {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

div.data-info div.info div.item ul.error li {
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	background: url(/images/error/icon_red.gif) 0 7px no-repeat;
}

div.data-info div.info div.item ul.error li em {
	color: #DE461D;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* 삭제폼 정보 설정 */
div.data-info div.info div,
div.data-info div.info div div.input-control {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.data-info div.info div form {
	margin: 0 0 0 0;
	padding: 15px 20px 15px 20px;
}

div.data-info div.info div form table {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #BBB;
	
}

div.data-info div.info div form table tbody,
div.data-info div.info div form table tbody tr {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* 헤더 설정 */
div.data-info div.info div form table tbody tr th.subject {
	width: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border: 1px solid #BBB;
	background: #E4E4E4;
}

/* 컨텐츠 설정 */
div.data-info div.info div form table tbody tr td.content {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #BBB;
	background: #FFF;
}

div.data-info div.info div form table tbody tr td.content p,
div.data-info div.info div form table tbody tr td.content div {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

/* 오류메세지 */
div.data-info div.info div form table tbody tr td div.error {
	text-align: left;
}

/* 처리명령 */
div.data-info div.info div form div.form-command {
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
}

/* 레이어 종료 */
div.data-info div.info div.command {
	position: absolute;
	top: 15px;
	right: 14px;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.data-info div.info div.command span.close {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}
/*******************************************************************************************/
/* 입력항목 오류메세지 설정 종료
/*******************************************************************************************/