@charset "UTF-8"; 

html					{padding:0; margin:0; width:100%; height:100%;}
*,:after,:before		{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/**						{-webkit-text-size-adjust:none;} 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 */
body					{height:100%; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; overflow-x:hidden; word-wrap:break-word; word-break:keep-all; font-family:S-CoreDream, NanumGothic, Tahoma, sans-serif; color:#545454; font-size:13px; font-weight:400; letter-spacing:-0.75px; line-height:1.5; font-style:normal; background-color:#fff;}

table 					{border-collapse:collapse; padding:0px; border-spacing:0px;}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, td, textarea, th, ul {margin:0; padding:0; font-weight:300;}
legend				{overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
article, aside, footer, header, hgroup, main, nav, section {margin:0; padding:0; display:block;}
dl, li, menu, ol, ul	{list-style:none;}
a						{text-decoration:none; border:none; color:#1a1a1a;}
em						{font-style:normal;}
fieldset				{margin:0; padding:0; border:none;}
legend				{display:none;}
button				{font-family:inherit; vertical-align:top; cursor:pointer; white-space:nowrap; text-decoration:none; background:transparent; border:none;}
input, textarea		{font-family:inherit; border:none; border-radius:0; -webkit-appearance:none;}
input					{outline-style:none;}
img					{border:none;}
.hide, caption		{display:none;}
.cboth					{clear:both; width:0; height:0; font-size:0; line-height:0;}
*						{box-sizing:border-box;}


#CONTENTS			{min-height:calc(100% - 159px);}


/* Table Align */
.tLeft					{text-align:left !important;}
.tCenter				{text-align:center !important;}
.tRight					{text-align:right !important;}
.vTop					{vertical-align:top;}
.vMiddle				{vertical-align:middle;}
.vBottom				{vertical-align:bottom;}

.FR						{float:right;}
.FL						{float:left;}

.hide					{display:none;}
.inblock				{display:inline-block;}
.hand					{cursor:pointer;}

/* A class */
a						{selector-dummy: expression(this.hideFocus=true); text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a						{blr: expression(this.onFocus=this.blur());}


.h03					{display:block; height:3px; font-size:0px; border:0;}
.h05					{display:block; height:5px; font-size:0px; border:0;}
.h09					{display:block; height:9px; font-size:0px; border:0;}
.h10					{display:block; height:10px; font-size:0px; border:0;}
.h15					{display:block; height:12px; font-size:0px; border:0;}
.h20					{display:block; height:20px; font-size:0px; border:0;}
.h30					{display:block; height:30px; font-size:0px; border:0;}
.h50					{display:block; height:50px; font-size:0px; border:0;}

.w10					{width:10px !important;}
.w20					{width:20px !important;}
.w30					{width:30px !important;}
.w50					{width:50px !important;}
.w70					{width:70px !important;}
.w80					{width:80px !important;}
.w100					{width:100px !important;}
.w120					{width:120px !important;}
.w150					{width:150px !important;}
.w180					{width:180px !important;}
.w200					{width:200px !important;}
.w250					{width:250px !important;}
.w300					{width:300px !important;}
.w90p					{width:90% !important;}
.w100p				{width:100% !important;}



/* WRAPPER */
.wrapper				{position:relative; display:block; margin:0 auto; max-width:1200px; height:100%; padding:0 0px; box-sizing:content-box; box-sizing: border-box;}
.wrapper_whiteBG	{display:inline-block; width:100%; margin:0px auto 0px auto; padding:40px 0 0 0; background:#FFF;}
.wrapperin			{position:relative; display:block; margin:0 auto; max-width:100%; height:100%; padding:0 0px; box-sizing:content-box; box-sizing: border-box;}
#inBox				{display:block; max-width:1200px; margin:40px auto 20px auto; padding:20px 40px; border:1px solid #dcdcdc; background:#FFF;}


.wrapper_whiteBG	{width:100%; margin:0px auto 0px auto; padding:0px 0; background:none;}
#inBox				{padding:10px 10px;}



/* HEADER */
#HEADER H1			{float:left; margin:0px; background:url(/img/common/logo.png) 10px 5px no-repeat;}
#HEADER H1 a		{display:inline-block; margin:10px 0 0 10px; width:150px; height:40px; text-indent:-1000em;}



/* Footer */
#FOOTER				{position:relative; width:100%; margin:20px auto 0 auto; padding:0px; transition:all .4s}
#FOOTER .section	{width:100%; height:38px; background:#FFF; border:1px solid #ccc;}

#FOOTER .section .footer_menu ul li		{float:left;}
#FOOTER .section .footer_menu ul li a	{display:inline-block; width:100px; text-align:left; line-height:35px; height:35px; font:14px/37px NanumGothic; color:#666; text-indent:14px; border-right:1px solid #ccc; background:url(/img/common/arrow01.png) no-repeat; background-position:130px 12px; letter-spacing:-0.08em;}
#FOOTER .copyright						{width:100%; background:#fff; height:40px; clear:both; margin:0 auto; color:#333; text-align:center; font:10px/40px Roboto; font-weight:500; text-transform:uppercase; letter-spacing:0em;}





.incontents			{min-width:200px; min-height:500px; display:block; width:100%; background:#fff; padding:25px 5px 25px 5px; transition: all 0.15s ease-in-out;}
/*
.incontents:hover	{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
*/

.mainf									{width:100%; height:350px;}
.mainf .mainbtn						{position:relative; display:block; margin:20px; text-align:center;}
.mainf .mainbtn a					{display:inline-block; width:300px; padding:30px; margin:20px; font-weight:700; font-size:20px;}
.mainf .mainbtn a.esti				{color:#2dbe00; border:1px solid #2dbe00; background:#ebfce5;}
.mainf .mainbtn a.esti:hover		{background:#2dbe00; color:#FFF;}
.mainf .mainbtn a.manu			{color:#ffd31f; border:1px solid #ffd31f; background:#fdf9eb;}
.mainf .mainbtn a.manu:hover		{background:#ffd31f; color:#FFF;}
.mainf .mainbtn a.bibl				{color:#4686dd; border:1px solid #4686dd; background:#c3daf8;}
.mainf .mainbtn a.bibl:hover		{background:#4686dd; color:#FFF;}
.mainf .mainbtn a.mage			{color:#dd4646; border:1px solid #dd4646; background:#f8c3c3;}
.mainf .mainbtn a.mage:hover		{background:#dd4646; color:#FFF;}





.calendar_wrap								{width:100%;}
.calendar_wrap .total						{margin-bottom: 10px;}
.calendar_wrap .total .otxt					{font-size:14px; font-weight:500; margin-left: 10px;}
.calendar										{/*margin-top:50px; */}
.calendar .title_btn .btn_right				{display:none;}
.calendar .mark								{background:none; text-align:right;}
.calendar .ul_list li strong:after			{display:inline-block; content:":"; margin:0 5px;}
.calendar .box								{text-align:center; padding:15px;}

.calendar .box .control i					{display:inline-block; margin:0 10px; vertical-align:middle; font-size:26px; cursor:pointer;}
.calendar .box .control strong				{display:inline-block; margin:0 5px; vertical-align:middle;}
.calendar .box .control strong .point		{font-size:30px; color:#5db626;}

.calendar .title_btn .btn_right					{display:block;}
.calendar .table-responsive					{/*border-right:1px solid #ddd; */}
.calendar .table									{width:100%; border:0; border-top: 1px solid #b3b3b3; border-bottom: 0; text-align: left;} 
.calendar .table .sun							{color: #e81e25;}
.calendar .table thead							{display:table-row-group; text-align: center;}
.calendar .table thead th						{padding:15px 3px; color:#333; background:#f7f7f7; line-height:14px; font-weight:normal;}
.calendar .table tbody tr						{display:table-row;}
.calendar .table tbody td						{display:table-cell; width: auto; vertical-align: top; position: relative;}
.calendar .table thead th, .calendar .table tbody td
													{width:14%;}
.calendar .table th, .calendar .table td		{border:1px solid #e5e5e5;}
.calendar .table tbody td						{height:80px; padding: 10px 2px 10px 2px;}
.calendar .table tbody td.empty				{background: #f9f9f9; position: inherit;}
.calendar .table tbody td.today				{color:#FFF; background:#75be30; position:inherit; border:1px solid #6ab425;}
.calendar .table tbody td .day strong		{font-size:14px;}
.calendar .table tbody td .day .specialday	{font-size:14px;}
.calendar .table .holiday .day .specialday	{display: inline-block; margin-left: 3px; color: #e81e25;}
.calendar .table tbody td.vacation > div > a > strong
													{color:#e81e25;}
.calendar .table tbody td .memo				{padding-bottom: 10px; margin-top: 10px;}
.calendar .table tbody td .memo li			{text-align:left; padding-left: 7px; background: url(/img/common/dot_purple.jpg) no-repeat; background-position: left 7px; line-height: 1.3; letter-spacing: -0.3px; font-size: 12px;}
.calendar .table tbody td .memo .chkok		{display:inline-block; width:50px; height:50px; text-align:center; background:#FFF; border-radius:50%; border:2px solid #6ab425; color:#6ab425; font-size:12px; line-height:50px;}
.calendar .table tbody td .memo .chkno		{display:inline-block; text-align:center; background:#f51f09; border-radius:3px; color:#FFF; font-size:12px; padding:2px 5px;}

.calendar .table tbody td .allNotice			{font-size:11px; overflow: hidden; position: absolute; bottom: 15px; left: 13px;}
.calendar .table tbody td .allNotice span	{display:inline-block; letter-spacing: -0.3px; background:none; padding-left:0; color:#595959;}
.calendar .table tbody td .allNotice span:nth-child(even)
													{background: url(/img/common/calendar_bar.jpg) no-repeat; background-position: 3px 2px; padding-left:8px;}
.calendar .table tbody td .allNotice span strong
													{display:inline-block; margin-right:4px; color: #222;}
.calendar .table tbody td .work				{margin-top:0;}
.calendar .table tbody td .work span			{font-size:12px; display: block;}
.calendar .table tbody td .work img			{float:left; margin-right:10px; position: relative; top: 0;}
.calendar .table .sun							{color:#e81e25;}
.calendar .table .holiday .day					{font-weight:bold; color:#e81e25;}
.calendar .table .holiday .day strong			{font-size:13px; color:#e81e25;}
.calendar .table .holiday .day .specialday	{display:inline-block; font-size:13px; margin-left:3px; color:#e81e25;}
.calendar .table .sta								{color:#0c52a1;}
.calendar .table .sta .day strong				{color:#0c52a1;}




/* radio 버튼 */
.radio_box							{display:inline-block; *display:inline; *zoom:1; position:relative; padding-left:25px; margin-right:10px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.radio_box input[type="radio"]	{display:none;}
.rdon									{width:20px; height:20px; background:#ddd; border-radius:50%; position:absolute; top:0; left:0;}
.radio_box input[type="radio"]:checked + .rdon 
										{background:#f86480;}
.rdon:after							{content:""; position:absolute; display:none;}
.radio_box input[type="radio"]:checked + .rdon:after 
										{display:block;}
.rdon:after							{width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:5px; top:5px;}






.RTW												{width:100%;}
.RTW caption										{display:none;}
.RTW > tbody > * > *							{border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin:0; padding:12px 5px; vertical-align:middle; font:12px NanumSquareR; background:#FFF; line-height:16px;}
.RTW > tbody th								{text-align:center; background:#F1F1F3 !important;}
.RTW > tbody > tr > th						{text-align:center;}
.RTW > tbody > tr > td						{text-align:left;}
.RTW > tbody > tr > td:hover 				{background:#FDFAD7;}
.RTW > tbody > tr > td.nonhover:hover	{background:none !important}


/* LIST */
.RTL								{width:100%; padding:0px; border-spacing:0px; white-space:nowrap; table-layout:fixed;}
.RTL caption						{display:none;}
.RTL thead th					{height:34px; background:linear-gradient(to bottom,#FFFFFF 50%,#F4F4F4 50%); border:1px solid #d8d8d8; margin-bottom:3px;}
.RTL thead th					{color:#858585; font:11px NanumSquareR; text-align:center;}
.RTL tbody tr:nth-child(odd)	{background:#FFFFFF;}
.RTL tbody tr:nth-child(even)	{background:#F2F2F2;}
.RTL tbody tr:hover				{background:#fffff5; transition:all 0.3s}
.RTL tbody tr.chked				{background:#fcdc02; transition:all 0.3s}
.RTL tbody tr.checked			{background:#fcdc02; transition:all 0.3s}
.RTL tbody tr.preclk				{background:#02d0fc; transition:all 0.3s}
.RTL tbody tr.theend			{background:#bcc0c8; transition:all 0.3s}
.RTL tbody>tr.clickclr			{background:#ffef81; border:2px solid #ffe110; border-radius:3px;}
.RTL tbody td					{border-bottom:1px solid #DEDEDE; padding:10px 8px; word-wrap:break-word; word-break:keep-all; }
.RTL tbody td					{color:#333; font:11px/18px NanumSquareR; letter-spacing:0em; text-align:center;}
.RTL tbody td strong			{color:#444; font:11px NanumSquareR; letter-spacing:0em; text-align:center;}
.RTL tbody td.nodata			{padding:16px 0 16px 0; color:#858585; font:12px/1.4em NanumSquareR; letter-spacing:1em;}
.RTL tbody td.NS				{white-space:normal !important; word-wrap:break-word; word-break:keep-all;} /* Appointed white-space:normal in TD */
.RTL tbody tr.red td				{color:#d61717; border:2px solid #d61717; transition:all 0.3s}
.RTL tbody tr.red td a			{color:#d61717;}
.RTL tbody td.mins				{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.listtabWRAP								{display:inline-block; width:100%; height:40px; overflow-x:auto; overflow-y:hidden; padding:0px;}
.btitleWRAP								{display:inline-block; width:100%; padding:0px;}
.tab_menu									{width:100%; display:inline-block; margin:5px 0 4px 0;}
.tab_menu li								{float:left; background:#FFF; border:1px solid #d4d4d4; margin:0 3px 2px 0;}
.tab_menu li a								{font:11px/30px NanumSquareR; letter-spacing:0em; padding:0px 15px 0 15px; color:#999; text-decoration:none}
.tab_menu li a:hover						{color:#000}
.tab_menu li.selected					{background:#f7d808; border:1px solid #cab001;}
.tab_menu li.selected a					{color:#000; font:11px/30px NanumSquareB;}

.listtabWRAP::-webkit-scrollbar			{width:6px; height:6px; border:2px solid #DDD;}
.listtabWRAP::-webkit-scrollbar-track		{background:#FFF;}
.listtabWRAP::-webkit-scrollbar-thumb	{background:rgba(222,222,222,1); -webkit-border-radius:4px; border-radius:4px;}



.txsearch				{position:relative; top:4px; margin-right:10px; cursor:pointer;}
.searchbox			{position:fixed; left:0px; top:0px; width:100%; height:50px; padding:8px; background-color:#fff; z-index:10; text-align:center; border-bottom:1px solid #ddd;}