@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@charset "UTF-8";
:root {
	--primary-color: #4a7c59;  /* Define primary color variable */
	--secondary-color: #1A932E21;  /*color aplied mostly on button*/
	--tertiary-color: #d6e1e5;
	--quaternary-color: black;
	--quinary-color: #faf1cd;
	--senary-color: red;
	--error-color: orange;
	--white-color: #fff;
	--red-color: red; /* Define secondary color variable */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;}
/* HTML5 display-role reset for older browsers  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
h1,h2,h3,h4,h5,h6{text-align:left; font-weight:normal}
ol,ul,li,dd,dt,dl{list-style:none;}
html,body {width:100%;height:100%;color:#666;}
/* body{background:#fff url(../images/contents_bg.gif) repeat-y; overflow-x:auto} */
body,input,textarea,select,table,button,pre{color:#606060;line-height:130%;font-family: 'Arimo', sans-serif; }
* {padding:0;margin:0;font-size:12px;}
img {border:none;vertical-align: middle;}
i,em,address{font-style:normal}
a {text-decoration:none; color:#666 }
a:link {}
a:visited {}
a:hover {text-decoration:none; color:#F60}
caption{display:none;}
option{padding-right:6px}
legend{width:0}

/* ���ټ� */
.blind { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:0; line-height:0; white-space:nowrap; }
thead.blind { display:none; }
.testBlind { display:inline-block; position:static; left:0; text-indent:0; width:auto; height:auto; font-size:12px; line-height:1em; white-space:pre-wrap; color:red !important; vertical-align:1px; padding:3px 2px 0 2px; border:1px solid red; }
.testBlindAlt { position:absolute; background:#fff !important; color:red !important; vertical-align:1px; padding:3px 2px 0 2px; font-size:12px; border:1px solid red; }
thead.testBlind { display:table-header-group; padding:0; border:0; }
caption.testBlind { display:table-caption; width:100%; border:0; margin:3px; text-align:left; }
input.focusBlind { position:absolute !important; border:0 !important; padding:0 !important; background:0 !important; width:1px !important; height:1px !important; font-size:0 !important; line-height:0 !important; }


/* display */
.in_block{display:inline-block}
.clearfix{clear:both;}
.clearfix:after{content:""; clear:both; display:block}
.show{display:block}
.hide{display:none}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hidden_element{display:none}
.bordernone{border:none}
.dotline{outline:none;}
.bold{font-weight:700; }
.b{border:1px solid #333}
.line_bolR{ border-left:1px solid #d0d2d2;border-right:1px solid #d0d2d2}
.line_bom{ border-bottom:1px solid #d0d2d2}
.line_top{ border-top:1px solid #d0d2d2}
.line_bt{ border-top:1px solid #d0d2d2;border-bottom:1px solid #d0d2d2}
.line{ border:1px solid #d0d2d2;}
.boxsizing{box-sizing: border-box;}
.scroll250{height:250px; padding:20px; border-bottom:1px solid #d0d2d2; overflow-y:auto}
.div_scroll{ padding:20px; border-bottom:1px solid #d0d2d2; overflow-y:auto}
/* color */

.point{color:#039cec !important}
.bgpoint{background:#fa7b8b !important}
.gray_F{color:#999}
.black{color:#000}
.green{color:#b0fc00;}
.blue{color:#36C}
.bgnone{background:none}
.white{color:#fff !important}
.white:hover{color:#004665}
.bgwhite{background:#fff !important}
.bgblue1{background:#a7deec !important}
.bggray{background:#f2f2f2}
.bgblue{background:#d8d6d6}
.bggreen{background:#cfecc4}
.bgmint{background:#f4fdf1}
.bgyellowdark{background:#f2edc0}
.bgyellow{background:#fcfdf1}
.bgsky{background:#dce6f0 !important}	
.bgsky_light{background:#f4f9ff  !important}	


.width10{width:10%}
.width12{width:12%}
.width15{width:15%}
.width20{width:20%}
.width25{width:25%}
.width28{width:28%}
.width30{width:30%}
.width33{width:33%}
.width34{width:34%}
.width35{width:35%}
.width38{width:38%}
.width40{width:40%}
.width45{width:45%}
.width48{width:48%}
.width50{width:50%}
.width60{width:60%}
.width65{width:65%}
.width70{width:70%}
.width80{width:80%}
.width90{width:90%}
.width98{width:98%}
.width100{width:100%}


.widthpx10{width:10px}
.widthpx15{width:15px}
.widthpx20{width:20px}
.widthpx25{width:25px}
.widthpx30{width:30px}
.widthpx40{width:40px}
.widthpx45{width:45px}
.widthpx50{width:50px}
.widthpx60{width:60px}
.widthpx65{width:65px}
.widthpx70{width:70px}
.widthpx80{width:80px}
.widthpx90{width:90px}
.widthpx100{width:100px}



.height10{height:10px}
.height20{height:20px}
.height30{height:30px}
.height40{height:40px}
.height50{height:50px}
.height60{height:60px}
.height70{height:70px}
.height80{height:80px}
.height90{height:90px}
.height100{height:100px}
.height110{height:110px}
.height120{height:120px}
.height130{height:130px}
.height150{height:150px}
.height200{height:200px}
.height250{height:250px}
.height300{height:300px}


/* ���� */
.fL{float:left}
.fR{float:right}
.tL{text-align:left}
.tC{text-align:center}
.tR{text-align:right}
.vT{vertical-align:top}
.vM{vertical-align:middle}
.vMtm{vertical-align:middle}
.vNum{vertical-align:-3px}
.vB{vertical-align:bottom}
.vN{vertical-align:0}

.titlealign{clear:both;position:relative; margin-bottom:10px }
.list_L { display:inline-block;  font-size:15px; color:#668dbd;  font-weight:700;  }
.list_R{ text-align:right; float:right;position:absolute; right:0; bottom:0  }
.alignwrap{ width:100%; float:left;clear:both; }


/* ���� ��� */
.row5{display:inline-block;width:5px;}
.row10{display:inline-block;width:10px;}

.pd0{padding:0}
.pr0{padding-right:0}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pl0{padding-left:0}
.pl0{padding-left:10px}
.pl2{padding-left:12px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pl49{padding-left:49px}
.pb0{padding-bottom:0px}
.pb4{padding-bottom:4px}
.pbt5{padding:5px 0}

.prl20{padding-left:20px;  padding-right:20px}
.ptb20{padding-bottom:20px; padding-top:20px;}
.pbt10{padding-bottom:10px; padding-top:10px;}
.ptb20{padding-bottom:20px; padding-top:20px;}
.pbtrl20{padding:20px}
.pbtrl10{padding:10px}

/* ������ */
.mtn2 { margin-top:-2px}
.mtn5 { margin-top:-5px}
.mtn8 { margin-top:-8px}
.mtn12 { margin-top:-12px}
.mtn15 { margin-top:-15px}
.mtn20 { margin-top:-20px}

.mt0 { margin-top:0}
.mt5 { margin-top:5px}
.mt7 { margin-top:7px}
.mt10 { margin-top:10px !important}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}
.mt25 { margin-top:25px}
.mt30 { margin-top:30px}
.mt35 { margin-top:35px}
.mt40 { margin-top:40px}
.mt45 { margin-top:45px}
.mt60 { margin-top:60px}

.mb0 { margin-bottom:0}
.mb5 { margin-bottom:5px}
.mb7 { margin-bottom:7px}
.mb10 { margin-bottom:10px !important}
.mb15 { margin-bottom:15px}
.mb20 { margin-bottom:20px}
.mb25 { margin-bottom:25px}
.mb30 { margin-bottom:30px}
.strikethrough {
	text-decoration: line-through;
	color: #988a8a; /* Color of the strikethrough */
	text-decoration-thickness: 2px; /* Thickness of the line */
	text-decoration-color: #988a8a;
}
.mb35 { margin-bottom:35px}
.mb40 { margin-bottom:50px}
.mb50 { margin-bottom:50px}
.tooltip {
	word-break: break-word;
}
.ml0 { margin-left:0}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml50 {margin-left:50px}
.ml60 {margin-left:50px}
.ml70 {margin-left:50px}

.mr0 { margin-right:0 !important}
.mr5 { margin-right:5px}
.mr10 { margin-right:10px}
.mr15 { margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mr50 {margin-right:50px}
.mr60 {margin-right:50px}
.mr70 {margin-right:50px}



.mgtb5{margin:5px 0}
.mgtb10{margin:10px 0}
.mbt5{margin:5px 0}
.mbt10{margin:10px 0}
.Mbt20{margin:10px 0}


/* font */
.font12{font-size:12px}
.font13{font-size:13px}
.font15{font-size:15px}
.font18{font-size:18px;line-height:120%;}
.font20{font-size:20px !important}
.font22{font-size:22px !important}


/* space */
.space02_blank{clear:both; height:2px}
.space03_blank{clear:both; height:3px}
.space05_blank{clear:both; height:5px}
.space07_blank{clear:both; height:7px}
.space10_blank{clear:both; height:10px}
.space15_blank{clear:both; height:15px}
.space20_blank{clear:both; height:20px}
.space30_blank{clear:both; height:30px}
.space40_blank{clear:both; height:40px}
.space50_blank{clear:both; height:50px}

/* button */
a.button,button.button{display:inline-block;margin-left:3px;padding:4px 12px;text-align: center;font-size:14px;border-radius:4px;transition: all 0.15s ease; color:#fff}
a.button:first-child{margin-left:0}	 
a.button:hover{border:1px solid #999}
.gray{color:#666;background:#c4c3bf;border:1px solid #bdbdbb;}
.gray:hover{background:#88898b}

.sky{ border:1px solid var(--secondary-color); background: var(--primary-color);}
.sky:hover{background: #1dcc80;border:1px solid #123f8a !important;}

.yellow{color:#999; border:solid 1px #e3b604;background:#fdc91c;}
.yellow:hover{border:1px solid #459515;background:#5cbb3f;}
	
.search{display:inline-block;font-size:13px; letter-spacing:0.1px; white-space:nowrap;color:#855b00; padding:7px 10px;border:solid 1px #e3b604;background:#faf1cd url(../images/icon_search.png) no-repeat 5px 50%; padding-left:30px; font-weight:700;border-radius:4px;}
.search:hover {border:1px solid #e3b604;background:#daae01 url(../images/icon_search.png) no-repeat 5px 50%; color:#855b00;}

.btn{display:inline-block;margin-left:2px;margin-right:2px;padding:2px 10px 2px 10px; font-size:12px;color:#333;text-align:center;vertical-align:middle;cursor:pointer; background-color:#f5f5f5;
border:1px solid #e6e6e6;border-radius:4px;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;}
.btn:active,.btn.active{background:#ccc}
.btn:first-child{margin-left:0}
.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;transition:background-position .1s linear}

.btn_W{padding:3px 7px;display: inline-block;font-size:11px; margin:0 2px;	color:#444;	background-color:#f9f8ea;border:1px solid #e3b604;transition: all 0.15s ease;border-radius:4px;}
.btn_W:hover{background-color:#f5e590; border:1px solid #c9b85d; color:#555}


.btn_login{padding:15px 30px;display: inline-block;font-size:19px; color:#444;	background-color:#fdc91c;border:1px solid #c7c6b5;transition: all 0.15s ease;border-radius:8px;}
.btn_login:hover{background-color:#f5e590; border:1px solid #c9b85d; color:#555}

/* formbox */
input{vertical-align:middle;margin:0 0 0 2px; height:21px;;border:1px solid #d7d6d6; padding:0 3px }
textarea{width:95%; padding:3px 5px; margin:1px 0;overflow-x:hidden;overflow-y:scroll;border:1px solid #d7d6d6;}
.input_disabled{background-color:#f3f4f5}
.check, .radio{vertical-align:middle;padding:5px 2px;margin:0px;border:0px solid #999;}
.check:hover, .radio:hover{vertical-align:middle;display:inline-block;border:0px solid #333;}
select{vertical-align:middle;margin:0; height:23px;border:1px solid #d7d6d6;background:#fff;}

/*table*/
table{border-collapse:collapse;border-spacing:0;width:100%; table-layout:fixed; color: black !important;}
th,td{border-collapse:collapse;padding:4px 10px;border:1px solid #d0d2d2; font-weight:normal;border-left:1px solid #d0d2d2; border-bottom:1px solid #d0d2d2; border-top:1px solid #d0d2d2; border-right:1px solid #d0d2d2;}
thead th{background:#eee;text-align:center;padding:6px 10px;  }
tbody th{text-align:left;background:#f3f3f3;}

/* search table */
.searchBox{border:1px solid #e1dab2;background:#1A932E21; width:100%; padding:4px 0; float:left}
.search_table{ width:96%; margin:0 auto; }
.search_table th, .search_table td{text-align:left;border:0px solid #B4B8C8;color:#5a534d; background:none !important}
.search_table input{background:#fff;border-color:#e3d2bc}
.search_table input:hover{border-color:#ffa358;background:#fff;}
.search_table select{padding:2px 4px 4px 2px;margin:0px;border:1px solid #e7dace;}
.search_table select:hover{border:1px solid #e7dace;}
.search_table .radio, .search_table .check{background-color:#fff4ea}

/* article table*/
.article_table { }
.article_table th, .article_table td{padding:6px 10px;word-wrap:break-word;}
.article_table tr:hover{background: #fffdea;transition: all 0.1s ease-in-out;}

/* form table*/	
.form_table {}
.form_table thead th{background:#eee;text-align:center; color:#666; border:1px solid #d0d2d2;}
.form_table tbody th{background:#f7f7f7; }
.form_table td{background:#fff; height:24px;}
.important{display:inline-block;width:9px;height:8px;color:#F60;}

/* scroll table*/	
.tableContainer{overflow-y:auto;overflow-x:hidden;border-top:0px solid #d0d2d2;border-bottom:1px solid #d0d2d2;border-right:1px solid #d0d2d2;}
.scroll_table thead th {border-bottom:1px solid #d0d2d2;}
.scroll_table tbody td, .scroll_table tbody th{border-top:0px solid #d0d2d2;border-bottom:1px solid #d0d2d2;border-right:0px solid #d0d2d2;} 
.scroll_table tbody .last{border-bottom:0px solid #d0d2d2;}
	
/* paging */
.pagination{ position:relative; text-align:center}
.pagination ul{display:inline-block;margin-bottom:0;margin-left:0;}
.pagination ul>li{display:inline}
.pagination ul>li>a{ font-size:11px;float:left; width:17px; height:17px;padding:4px 2px 0 2px;border:1px solid #ddd;border-left-width:0; color:#999}
.pagination ul>li>a img{ display:inline-block; padding-top:0px}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a{background-color:#27a5eb; color:#fff;}
.pagination ul>li>a img:hover,.pagination ul>li>a img:focus,.pagination ul>.active>a img{background-color:#27a5eb; color:#fff;}
.pagination ul>.active>a{color:#999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;cursor:default;}
.pagination ul>li:first-of-type>a{border-left-width:1px;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination ul>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination-mini ul>li:first-child>a{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-mini ul>li:last-child>a{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pagefuntion { position:absolute; right:0; top:5px}
.pagination ul>li>a.first_page{border-left-width:1px;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination .selected{font-weight:700;}
/*tab*/
#tabsholder, #tabsholder2{position:relative; width:100%; margin:0 auto ; }
ul.tabs {width:100%;  overflow:hidden; }
ul.tabs li {list-style-type:none;display:block;float:left;color:#999;padding:6px 18px;margin:0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;cursor:pointer; text-align:center;background:#f8f8f8;white-space: nowrap; min-width:50px}
ul.tabs li.bluetab{background:#DFF1FF ;}
ul.tabs li:first-child{border-left:1px solid #b5bec7}
ul.tabs li:hover {background-color:#fff; color:#666 }
ul.tabs li.current {border-bottom:1px solid #ddd;padding:6px 18px;background-color:#fff;color:#333;}

#tabsholder p a, #tabsholder2 p a{ position:absolute; right:10px; top:5px; color:#86c0d8; padding:3px; font-size:19px; font-weight:700; }
.tabscontent, .tabscontent2 {border-top:5px solid #fff;padding:10px 0 0 0;display:none;width:100%;text-align:justify;margin-bottom:20px; }
.tabscontent.current { display: block; }		/* CR_Contract */

ul.tabsblue {width:100%; overflow:hidden; }
ul.tabsblue li {display:block;float:left;color:#999;padding:6px 18px;margin:0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;cursor:pointer; text-align:center;background:#E6F3FF ;white-space: nowrap; min-width:50px}
ul.tabsblue li.bluetab{background:#DFF1FF ;}
ul.tabsblue li:first-child{border-left:1px solid #b5bec7}
ul.tabsblue li:hover {background-color:#fff; color:#0f6cc6;border-top:1px solid #1f7cd6;border-bottom:1px solid #1f7cd6; }
ul.tabsblue li.current {border:1px solid #1f7cd6;padding:6px 18px;background-color:#2e8eeb;color:#fff;}




.formlist{float:left; width:100%;} 
.formlist li{display:inline-block;float:left;  clear:both; width:100%; border-bottom:1px solid #eee; padding:12px 0;}
.formlist li:first-child{border-top:1px solid #eee}
.formlist li span{ float:left;width:15%; font-size:13px; font-weight:700; color:#666; padding-left:15px;}

.popup{width:300px; background-color:#ffffff; border:#ccc 1px solid; color: #3d506e; border-radius:8px; padding:5px 5px 10px 5px}
.popup table{padding:10px;  border-collapse:collapse;} 
.popup.popup{margin-left:-40px;margin-top:-100px;}
.popup thead {background-color:#fff;border:#eee 0px solid;}
.popup td,div.calendar th{ padding: 3px; text-align: center;}
.popup td.title{font-weight:700;color:#c0c0c0;text-align:center;padding:5px}
.popup th{background:#02c5e2;font-weight:700;color: #fff;border:0px solid #fff}
.popup td.button {cursor: pointer;}
.popup td.button:hover{background-color:#fff; cursor:pointer;}
.popup tr.days td {width:1.5em;color:#666; text-align:center;cursor:pointer; border:0px solid #fff}
.popup tr.days td:hover{background-color:#0066ff;color:#fff;cursor:pointer;}
.popup tr.days td:active,.calendar td.button:active{ background-color: #cde;}
.popup tr.days td.selected{font-weight:700;  background-color: #28c9ff;  color:#fff;}
.popup tr.days td.otherDay{color: #bbb;}
.boxTy1 .year{text-align: center; font-weight:700; font-size:15px;padding:5px}
.month .paging{text-align:center; padding:5px}
.month .paging .skip{text-align:center; font-weight:700; cursor:pointer; margin-right:4px; margin-left:4px; font-size:13px}
.popup tr.days .day_sat{color:#28c9ff;font-weight:700;}
.popup tr.days .day_sun{color:#28c9ff;font-weight:700;}
.close-button{
	width: 20px;height:20px;background-color: red;border-radius: 100%;display: flex;justify-content: center;align-items: center;color: white;font-weight: bold;cursor: pointer;align-content: center;
}

.alert {
	padding: 0.75rem 1.25rem; /* Vertical and horizontal padding */
	margin-bottom: 1rem;      /* Space below the alert */
	border: 1px solid transparent; /* Border is initially transparent */
	border-radius: 0.375rem;  /* Rounded corners */

	font-size: 1rem;      /* Standard font size */
	font-weight: 400;     /* Regular font weight */
	line-height: 1.5;     /* Standard line height */
	color: inherit;       /* Inherits text color */
}


.alert-title {
	font-size: 1.25rem; /* Adjust font size */
	font-weight: bold; /* Make the title bold */
	margin-bottom: 0.5rem; /* Add spacing below the title */
}

.alert-primary .alert-title {
	color: #004085; /* Primary theme */
}

.alert-secondary .alert-title {
	color: #383d41; /* Secondary theme */
}

.alert-success .alert-title {
	color: #155724; /* Success theme */
}

.alert-danger .alert-title {
	color: #721c24; /* Danger theme */
}

.alert-warning .alert-title {
	color: #856404; /* Warning theme */
}

.alert-info .alert-title {
	color: #0c5460; /* Info theme */
}

.alert-light .alert-title {
	color: #818182; /* Light theme */
}

.alert-dark .alert-title {
	color: #1b1e21; /* Dark theme */
}



.alert-danger {
	background-color: #f8d7da;
	color: #842029;
	border-color: #f5c2c7;

}

.alert-success {
	background-color: #d1e7dd;
	color: #0f5132;
	border-color: #badbcc;
}

.alert-warning {
	background-color: #fff3cd;
	color: #664d03;
	border-color: #ffecb5;
}


/* Base badge styles */
.badge {
	display: inline-block;
	padding: 0.40em 0.45em;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.375rem;
}

/* Badge colors */
.badge-primary {
	background-color: #007bff;
}
.badge-secondary {
	background-color: #6c757d;
}
.badge-success {
	background-color: #28a745;
}
.badge-danger {
	background-color: #dc3545;
}
.badge-warning {
	background-color: #ffc107;
	color: #212529;
}
.badge-info {
	background-color: #17a2b8;
}
.badge-light {
	background-color: #f8f9fa;
	color: #212529;
}
.badge-dark {
	background-color: #343a40;
}

/* Positioning utility for icons */
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.top-0 {
	top: 0;
}
.start-100 {
	left: 100%;
}
.translate-middle {
	transform: translate(-50%, -50%);
}