@charset "utf-8";

/** [Thema Base] - 2018.04.02 by Jw  */
@supports (display: grid) {

	@font-face {
			  font-family: 'Nanum';
			  font-style: normal;
			  font-weight: normal;
			  src: url(font/NanumBarunGothic.ttf);
	}
	
	@font-face {
			  font-family: 'Nanum';
			  font-style: normal;
			  font-weight: bold;
			  src: url(font/NanumBarunGothicBold.ttf);
	}
	
	html, body{
		font-family: "Nanum", Arial !important;
	}
	
	input:disabled {
		background-color:#ececec;
	}
	
	/** All Wrap */
	#allWrap {
		display:grid;
		grid-template-columns: repeat(1, 100%);
	}
	
	/** Header */
	#headerWrap {
		height: 100px;
	}
	
	.small_container {
		position: absolute;
		z-index: 9999;
		top: 10px;
		cursor: pointer;
		
		display: none;
	}
	
	.small_container > i {
		margin-left: 10px;
		margin-top: 5px;
		font-size: 42px;
	}
	
	.logo_container {
		width: 250px;
		height : 98px;
		display: inline-block;
		cursor: pointer;
	}
	
	.header_Info{
		float: right;
		height: 38px;
		
		margin-top : 5px;
		margin-right: 20px;
		
		font-size: 13px;
	}
	
	.header_Info i {
		margin-top: 2px;
	}
	
	.header_Info span {
		display: inline-block;
		
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.header_Info > div {
		display:inline-block;
		margin-left: 10px;
	}
	
	.header_Info  input[type="button"] {
		font-size: 12px;
		margin-top: 5px;
	}
	
	#userInfo {
		cursor: pointer;
	}

	#user_menu {
		position: absolute;
		
		top : 38px;
		right: 50px;
		
		width: 150px;
		z-index: 99999;
	}
	
	.close_user {
		display: none !important;
	}
	
	.user_item {
		padding: 7px 15px 7px 25px;
		cursor: pointer;
	}
	
	.user_item:hover {
		padding: 7px 15px 7px 17px;
	}
	
	.user_sidemenu{
		padding-bottom: 10px;
		
		overflow: hidden;
		height: 16px;
	}
	
	.user_side {
		display:inline-block;
		font-size: 12px;
		padding: 2px 5px;
		margin-left: 5px;
		
		cursor: pointer;
	}
	
	.user_side:first-child {
		margin-left: 15px;
	}
	
	
	/** Header - Category */
	.category {
		padding-bottom : 10px;
		position : absolute;
		
		top : 30px;
		left : 258px;
	}
	
	.category > ul {
		padding-top : 10px;
		display:inline-block;
	}
	
	.category > ul > li {
		display: inline-block;
		width: 160px;
		height: 50px;
		
		font-size: 19px;
		font-weight: 900;
		
		text-align: center;
	}
	
	.category > ul > li > a {
		text-decoration: none;
	}
	
	.category > ul > li:hover {
		height: 46px;	
		cursor: pointer;
	}
	
	#menu_desc {
		height:auto;
		
		padding-left : 39px;
		padding-right: 33.4px;
		border-radius: 4px;
		border-top: 0px;
		
		top : 75px;
		position: absolute;
		
		display:none;
		
		z-index: 1200;
	}
	
	.menu_desc_open{
		/* Internet Explorer 10 */
		display:-ms-flex !important;

		/* Firefox */
		display:-moz-flex !important;
		
		/* Safari, Chrome, and Opera */
		display:-webkit-flex !important;
		display: flex !important;
	}
	
	
	.menu_list {
		width: 160px;
		height: 100%;
		position: relative;
		float:left;
	}

	
	.menu_list .sub_category {
		margin-left: -25px;
		margin-top: 10px;
		margin-bottom: 15px;
	}	

	.menu_list .sub_category > a {
		text-decoration: none;
		
		font-size: 10pt;
		font-weight: bold;
	}
	
	.menu_list .menu_item {
		margin-left: -40px;
		margin-top: 3px;
		margin-bottom: 3px;
	}	
	
	.menu_list > ul > .menu_item {
		margin-left: -25px !important;
	}
	
	.menu_list .menu_item:hover{
		text-decoration: underline;
		cursor: pointer;
	}

	.menu_list .menu_item > a {
		text-decoration: none;
		font-size: 12px;
	}
	
	.menu_list .menu_item > a {
		text-decoration: none;
		font-size: 12px;
	}
	
	.menu_list > ul {
		margin-top: 10px;
		list-style-type: none;
	}
	
	.menu_list > ul > li > ul {
		margin-top: 5px;
		list-style-type: none;
	}
	
	
	/** Header - Side (900px) */
	.header_side{
		height: 60px;
		background-color: #869cce;
	}
	
	.header_side > .header_Info {
		display: block;
	
		width: 230px;
		
		position: absolute;
		top: 5px;
		left: 10px;
		
		color: #fff;
	}
	
	.header_side > .header_Info > div:first-child {
		margin-bottom: 5px;
	}
	
	.category_side {
		width: 285px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		
		z-index : 20000;		
	}

	.close_side {
		float: right;
		margin-right: 10px;
		font-size: 40px;
		cursor: pointer;
	}

	.category_side  ul {
		list-style-type: none;
		padding-left: 0;
		
	}

	.category_side li {
		overflow: hidden;
	}
	
	.category_side li  i {
		float: right;
		font-size: 18px;
	} 
	
	.category_side a {
		text-decoration: none;
		
		display:inline-block;
		width: 245px;
		
		font-size: 14px;
	 }
	 
	.category_side > ul {
		margin-top: 0px;
	}

	.category_side > ul > li >  a {
		height: 17px;
		padding: 13px 20px;
	}
	
	.category_side > ul > li > a:hover {
		padding-left : 12px;
	}
	
	.category_side {
 		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-ms-transition: 0.35s ease;
		transition: 0.35s ease;
 	}
	
	.sec_m > li > .sec_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.sec_m > li > .thd_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.sec_m > li > a:hover {
		padding-left : 22px;
	}
	
	.trd_m > li > .thd_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.trd_m > li > a:hover {
		padding-left : 22px;
	}
	
	.close_menu {
		width: 0px;
	}

	.close_li {
 		-webkit-transition: 0.55s ease;
		-moz-transition: 0.55s ease;
		-ms-transition: 0.55s ease;
		transition: 0.55s ease;
		
		max-height : 0px;
 	}
 	
 	.li_active {
 		-webkit-transition: 0.92s ease;
		-moz-transition: 0.92s ease;
		-ms-transition: 0.92s ease;
		transition: 0.92s ease;
		
		max-height: 800px;
 	}
	
	
	/** Main */
	#mainWrap {
		display:grid;
		grid-template-columns: 250px calc(100% - 250px);
	}
	
	
	/** Main Contents - Side */
	.category_block {
		width: 190px;
		margin: 0px auto;
		padding-top : 10px;
		padding-bottom : 8px;

		margin-top : 50px;

		text-align: center;
		
		font-size: 14pt;
		font-weight: bold;
		
		line-height: 30px;
		vertical-align: middle;
	}
	
	.category_sub {
		width: 230px;
		margin-left: 30px;
	}
	
	.category_sub  ul {
		list-style-type : none;
		padding-top: 10px;
		margin-left: -30px;
	}
	
	.category_sub > ul > li {
		padding: 20px 0px 0px 30px;
	}
	
	.category_sub > ul > .sub_sec {
		padding: 20px 0px 0px 20px !important;
	}
	
	.category_sub > ul > li > ul {
		margin-left: -32px;
	}
	
	.category_sub > ul > li > ul > li  {
		padding: 8px 8px 8px 8px;
	}
	
	.category_sub  .sub_sec > a {
		text-decoration: none;
		
		font-size: 12pt;
		font-weight: bold;
	}
	
	.category_sub .sub_thd  a {
		text-decoration: none;
		font-size: 11pt;
	}
	
	.category_sub .sub_thd a:hover {
		color: #3373c3;
	}
	
	/** Main Contents - Contents */
	#contentsWrap {
		border-radius : 5px;
		margin-top: 3px;
		padding: 30px;
	}
	
	/* Navigation */
	.navi_container	{
		width: 1320px;
		height: 40px;
		
		margin-bottom : 30px;
		
		padding-left: 10px;
		padding-bottom : 2px;
		
		font-size: 23px;
		font-weight: 900;
	}
	
	.menu_title{
		display:inline-block;
	}
	
	.navigation {
		font-size: 16px;
		font-weight: 100;
		
		vertical-align : bottom;
		line-height : 40px;
		
		float: right;
	}
	
	.navigation > li {
	  display: inline-block;
	}
		
	.navigation > li + li:before {
	  content: ">";
	  padding: 0 5px;
	}
	
	/* Search */
	.search-container {
		width : 1320px;
		
		margin-top: 10px;
		margin-left: 5px;
		
		display:grid;
		grid-template-columns: repeat(1, 1fr);
	}
	
	.search-container table {
		width : 400px;
		border :1px solid #ddd;
	}
	
	.search-container table td {
		display:table-cell;
		width: 200px;
		border: 1px solid #ddd;
		padding: 6px 0px 6px 22px;
		vertical-align: middle;
		
	}
	
	.search-container table .t_label{
		background-color: #f9f9f9;
	}

	.row_1col {
		display:grid;
		grid-template-columns: repeat(1, 100%);
	}
	
	.row_2col {
		display:grid;
		grid-template-columns: repeat(2, 50%);
	}
	
	.row_3col {
		display:grid;
		grid-template-columns: repeat(3, 33.33%);
	}
	
	.row_3col_style1 {
		grid-template-columns: 33.33% calc(100% - 33.33%) !important;
	}
	
	.row_3col_style2 {
		grid-template-columns: calc(100% - 33.33%) 33.33% !important;
	}
	
	.row_4col {
		display:grid;
		grid-template-columns: repeat(4, 25%);
	}
	
	.row_4col_style1 {
		grid-template-columns: 25% calc(100% - 25%) !important;
	}
	
	.row_4col_style2 {
		grid-template-columns: calc(100% - 25%) 25% !important;
	}
	
	.input_child_perpen {
		display:grid;
		grid-template-columns: repeat(1, 1fr);
	} 
	
	.rowspan_col2 {
		grid-row: span 2;
	}
	
	.rowspan_col3 {
		grid-row: span 3;
	}
	
	.rowspan_col4 {
		grid-row: span 4;
	}
	
	.rowspan_col5 {
		grid-row: span 5;
	}
	
	.col_1{
		display:grid;
		grid-template-columns: 150px calc(100% - 150px);
	}
	
	.row_1col_caption{
		display:grid;
		grid-template-columns: repeat(1, 100%);
		
		font-size: 13px;
		padding: 5px 0px 5px 7px;
		
		vertical-align: middle;
		line-height: 18px;
	}
	
	.label {
		font-size: 10pt;
		font-weight: 500;
		
		line-height : 18px;
		vertical-align : middle;
		
		padding : 6px 0px 5px 20px;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.label_rowspan2 {
		font-size: 10pt;
		font-weight: 500;
		
		padding : 6px 0px 5px 20px;
		line-height : 46px;
		vertical-align: middle;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.label_rowspan4 {
		font-size: 10pt;
		font-weight: 500;
		
		padding : 6px 0px 5px 20px;
		line-height : 105px;
		vertical-align: middle;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.input {
		font-size: 10pt;
		line-height: 21px;
		vertical-align: middle;
		
		padding-top: 2px;
		padding-left : 3px;
	}
	
	.input input {
		height: 17px;
		padding: 3px;
		width: 88%;
	}

	.border_top_none{
		border-top: 0px !important;
	}
	
	.border_none {
		border: 0px !important;
	}
	
	
	.border_right {
		border-right: 1px solid #cacaca !important;
	}
	
	.border_bottom {
		border-bottom: 1px solid #cacaca !important;
	}
	
	/* Search Bottom - Button */
	.btn-container {
		width: 1315px;
		height : 20px;
		
		padding : 5px 0px 5px 0px;
		
		text-align: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	
	.btn_point {
		border-style: none;
		font-weight: 900;
		font-size: 13px;
		
		padding : 4px 12px 4px 12px;
		border-radius: 4px;
		line-height: 19px;
		vertical-align: middle;
	}
	
	.search-container .btn_point {
		font-size: 12px;
		padding : 3px 12px 3px 12px;
	}
	
	.btn_point:hover {
		cursor: pointer;
	}
	
	.btn_default {
		border-style: none;
		font-weight: 900;
		font-size: 14px;
		
		padding : 4px 12px 4px 12px;
		border-radius: 4px;
		line-height: 19px;
		vertical-align: middle;
	}
	
	.btn_default:hover {
		cursor: pointer;
	}
	
	/* Grid */
	.grid-container {
		border-radius: 5px;
		width: 1320px;
		
		margin-top : 15px;
		margin-bottom : 10px;
		padding : 5px;
	}	
	
	.grid_row_style {
		display: grid;
	  	grid-template-columns: 100%;
	}
	
	.grid_row_style1 {
		display: grid;
	  	grid-template-columns: 50% 50%;
	}
	
	.grid_row_style2 {
		display: grid;
	  	grid-template-columns: 35% 64.5%;
	}
	
	.grid_row_style3 {
		display: grid;
	  	grid-template-columns: 64.5% 35%;
	}
	
	.gap_5px {
		grid-gap : 5px;
	}
	
	.gap_10px {
		grid-gap: 10px;
	}
	
	.gap_15px{
		grid-gap : 15px;
	}
	
	.gap_20px{
		grid-gap : 20px;
	}
	
	.grid_cell_click{
		cursor:pointer;  
		text-decoration:underline;
	}
	
	/** Footer */
	#footerWrap {
		text-align: center;
		font-weight: bold;
		line-height: 53px;
		vertical-align: middle;
	}
	
	
	/** Session TimeOut Message */
	#sessionWarnning{
		width: 270px;
		position:absolute;
		
		top: 95px;
		right: -10px;
			
		margin-top: 15px;
		margin-right: 30px;
		border-radius: 6px;
		
		font-size:14px;
		z-index: 18002;
	}
		
	#sessionWarnning > #winClose{
		float: right;
		margin-top: 5px;
		margin-right: 5px;
	}
		
	#winClose > i:hover{
		cursor:pointer;
	}
		
	#sessionWarnning > #subtext{
		font-weight: bold;
		font-size: 13px;
		margin-top: 10px;
		margin-left: 20px;
	}
		
	#sessionWarnning > #dettext{
		font-size: 13px;
		margin-top: 3px;
		margin-left: 20px;
	}
	
	.addtime{
		width: 100px;
		cursor: pointer;
		font-weight: bold;
		vertical-align: middle;
		line-height: 15px;
		text-align: center;
		
		padding-top: 3px;
		padding-bottom: 3px;
		
		margin:10px auto;
		
		font-size: 12px;
	}
	
	
	/** Popup */
	.pop_container_350px {
		width: 330px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_450px {
		width: 430px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_680px {
		width: 660px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_880px {
		width: 860px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1080px {
		width: 1060px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1180px {
		width: 1160px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1340px {
		width: 1320px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
				
	}
	
	.pop_row_1col {
		display:grid;
		grid-template-columns:repeat(1, 100%);
	}
	
	.pop_row_2col {
		display:grid;
		grid-template-columns: repeat(2, 50%);
	}
	
	.pop_row_3col {
		display:grid;
		grid-template-columns: repeat(3, calc(100% / 3));
	}
	
	.pop_row_4col {
		display:grid;
		grid-template-columns: repeat(4, 25%);
	}
	
	.pop_col1 {
		display:grid;
		grid-template-columns: 150px calc(100% - 150px);
	}
	
	.pop_label {
		text-align: left;
		padding-left: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		
		font-size: 14px;
	}
	
	.pop_input {
		text-align: left;
		padding-left: 5px;
		padding-top: 7px;
		
		font-size: 14px;
	}
	
	.pop_input > input[type="password"]{
		width: 90%;
		height: 20px;
		font-size: 16px;
	}
	
	.pop_input > input[type="text"]{
		width: 90%;
		height: 20px;
		font-size: 14px;
	}

	.pop_container_btn {
		margin-top: 10px;
		font-size: 12px;
	}
	
	.pop_col1_nonlabel{
		display:grid;
		grid-template-columns: repeat(1, 1fr);
	} 
	
	.pop_col_sheader {
		font-size: 14px;
		
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.pop_col_box{
		border-top: 0px;
		
		height: 250px;
		font-size: 13px;
		text-align: left;
		line-height : 25px;
	
		padding: 10px;
	}
	
	
	/** Tab */
	.tab_group {
		width : 1325px;
		min-height: 300px;
	}
	
	.tab_group .search-container {
		margin-top : 2px;
		margin-left: 1px;
		margin-right: 2px;
	}
	
	.tab_group .grid-container {
		width: 1320px;
		margin-top : 2px;
		margin-left: 2px;
		padding: 0px;
	}
	
	.tab_header {
		height: 45px;
		position: relative;
	}
	
	.tab_title{
		outline : none;
		position: relative;
		
		width : 1364px;
		height: 28px;
		
		padding : 0px;
		margin: 0px;

		padding-top: 21px;
		
		left: 0px;
		
		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-ms-transition: 0.35s ease;
		transition: 0.35s ease;
	}
	
	.tab_title > li {
		list-style: none;
		float: left;
		position: static;
		
		padding : 6px 13px 6px 13px;
		margin-top : -5px;
		margin-right: 1px;
		
		font-size: 14px;
		border-radius: 4px;
	}
	
	.tab-title-text {
		outline: none;
		position:relative;
		z-index: 15;
		height: 100%;
	}
	
	.tab-item:hover {
		cursor: pointer;
	}
	
	.tab_contents {
		width: calc(100% - 2px);
		position:relative;
		display:inline-block;		
		overflow-y: auto;
	}
	
	.tab-selected {
		z-index: 20;
	}
	
	.tab-disabled:hover{
		border: none;
		cursor: default !important;
	}
	
	.tab-hide {
		display: none !important;
	}
	
	.tab_header_control {
		width: 40px;
		height: 30px;
		
		position: absolute;
		top:15px;
		right: 0;
		
		z-index: 25;
	}
	
	.tab_header_control > div {
		width:13px;
		height: 30px;
		
		display:inline-block;
	}
	
	.tab_header_control > div:hover {
		cursor: pointer;
	}

	.tab_header_control > div > i {
		margin-top: 7px;
	}

	.tab_header_control > div:first-child {
		margin-left: 8px;
	}
	
	
	/** Align */
	.align_center {
		text-align: center !important;
	}
	
	.align_right {
		text-align: right !important;
	}
	
	.align_left {
		text-align: left !important;
	}
	
	/** ETC */
	
	/* SVNFILE */
	.file_text {
		border:none !important;
	}
	
	.file_text:focus {
		outline: none !important;
	}
	
	.file_btn {
		float:left !important;
		margin-right: 5px !important;
	}
	
	.svn_file, .webApp{
		width: 100%;
		width: 1035px;
		margin-top: 10px;
		border-collapse: collapse;
	}

	.svn_file thead th ,.webApp thead th{
		padding: 8px;
		font-size: 11pt;
	}
	
	.svn_file tbody tr:hover, .webApp tbody tr:hover{
		cursor: pointer;
		opacity:0.8;
		color: red;
	}
	
	.svn_file tbody tr:last-child, .webApp tbody tr:last-child {
		border-bottom: none;
	}
	
	.svn_file tbody td, .webApp tbody td {
		padding:10px;
		font-size: 11pt;
	}
	
	.svn_file tbody td:nth-child(1){
		width: 360px; 
	}
	
	.svn_file tbody td:nth-child(2){
		width: 360px
	}
	
	.svn_non_file{
		text-align: center; 
		height: 30px;
	}
	
	.svn_non_file:hover{
		color: black;
		opacity:1;
		cursor: default;
	}
	
	.non_webapp{
		text-align: center; 
		height: 30px;
		width: 100% !important;
	}
	
	.non_webapp:hover{
		color: black;
		opacity:1;
		cursor: default;
	}
	
	.info_box {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.info_box  a{
		text-decoration: none;
		font-size: 10pt;
	}
	
	.info_box a:focus {
		text-decoration: none;
		outline: none;
	}
	
	.info_box a:hover {
		text-decoration: underline;
	}

	.info_title {
		width: 90%;
		margin: 0px auto;
		
		padding-left: 10px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	
	.info_title > i {
		color: #90a0da;
	}

	.info_contents table {
		width: 90%;
		margin: 0px auto;
		border-collapse: collapse;
	}
	
	.info_contents th {
		padding: 8px;
		font-size: 11pt;
	}
	
	.info_contents td {
		font-size: 11pt;
		padding: 3px;
	}
	
	#minutes_pop input[type="text"] {
		border:none;
		width: 90%;
	}

	.attendee {
		width: 99%;
		border-collapse: collapse;
		margin-top: 5px;
		margin-left : 3px;
		margin-bottom: 10px;
	}
	
	.attendee tbody td {
		max-height: 100px;
		vertical-align: top;
	}
	
	.attendee tbody .row_1col {
		max-height: 100px;
		overflow-y:auto;
	}
	
	.attendee thead td {
		text-align: center;
		width: 50%;
		cursor: pointer;
	}
	
	.attendee tbody .row_1col {
		border: none;
	}
	
	.attendee tbody .row_1col  {
		min-height: 17px;
		padding: 5px;
	}
	
	.del_attd {
		font-size: 12px;
		float:right;
		margin-right: 20px;
		border-style: none;
		height: 17px;
		cursor:pointer;
	}
	
	.detail_title {
		border-top: none;
		padding: 7px;
		font-size: 10pt;
		text-align: center;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.detail_tarea {
		border: none;
		resize:none; 
		width:98%;
		font-family: "Nanum";
		padding: 2px;
		margin-top: 3px;
	}
	
	.detail_tarea:focus{
		outline: none;
	}
	
	.work_resp {
		width: 25px;
		height: 25px;
		display:inline-block;
		text-align: center;
		line-height: 25px;
		vertical-align: middle;
		margin-right: 10px;
		margin-bottom: 10px;
	 }
	
	 #searchIdPass ul {
		list-style: none;
		padding: 0;
	}
	
	#searchIdPass ul li {
		float:left; 
		padding: 10px;
	}
	
	#searchIdPass ul li:hover {
		opacity:0.8;
		cursor: pointer;
	}
	
	#searchIdPass div:first-child {
		height: 25px;
	}
	
	#searchIdPass #contents {
		margin-top: 14px;
		
		width: 600px;
		height: 300px;
	}
	
	#searchIdPass #contents .content_detail {
		width: 100%;
		height: 300px;
		
		display: none;
	}
	
	#searchIdPass #contents .content_detail table {
		border-collapse: collapse;
		width: 70%;
		margin: 0px auto;
		margin-top: 10px;
	}
	
	#searchIdPass #contents .content_detail table th {
		padding:6px;
		width: 100px;
	}
	
	#searchIdPass #contents .content_detail table td {
		padding:6px;
	}
	
	#resultDiv {
		margin-top: 30px;
		height: 200px;
	}
	
	/** Work Det */
	#grid_mywork tr.jqgrow > td.textInDiv > div,
	#grid_work_task  tr.jqgrow > td.textInDiv > div,
	#grid_system_trans_hist tr.jqgrow > td.textInDiv > div{
		max-height: 20px;
	    overflow-x: hidden;
	    overflow-y: auto;
	}
	
	#grid_mywork td.form-view-data > span > div,
	#grid_work_task td.form-view-data > span > div,
	#grid_system_trans_hist td.form-view-data > span > div{
		max-height: 150px;
	    overflow-x: hidden;
	    overflow-y: auto;
	}
	
	#qrcodeModal #qrcodeInfo {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	#qrcodeModal #qrcode {
		margin-bottom: 10px;
	}
	
	#qrcodeModal #qrcode_shop {
		padding-left: 60px;
		margin-bottom: 5px;
	}
	
	#qrcodeModal #qrcode_shop > div {
		font-size: 13pt;
		font-weight: bold;
		text-align: left;
		padding: 10px;
		line-height: 34px;
	}
	
	#qrcodeModal #shop_img {
		width: 100%;
		height: 70px;
	}
	
	#qrcodeModal #order_time {
		font-size: 13pt;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	#orderPageCate #grid_cate_mst .ui-th-column{
		height: 45px !important;
	}
	
	@media print {
		#headerWrap,#footerWrap,#sideWrap  {
			display:none;
		}
		
		#mainWrap {
			background-color: #ffffff;
		}
		
		.modal {
			box-shadow: none;
			
			top: 150px !important;
			left: 200px !important;
		}
		
		#contentsWrap {
			border: none;
		}
		
		.modal-overlay {
			display: none;
		}
		
		.navi_container, .search-container, .btn-container, .grid-container, .pop_container_btn {
			display:none;
		}
	
		#qrcodeModal-header {
			display:none;
		}
	
	}
	
	@page {
	    size:A4;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin:0;
	   -webkit-print-color-adjust: exact !important; 
	    color-adjust: exact !important; 
	}
	
	
	.right_arr {
		height:40px; 
		width:40px; 
		display:block; 
		position:relative;
	}
	
	.right_arr {
		height: 30px;
		margin-left: 20px;
		margin-top: 40px;
	}
	
	.right_arr:before {
		content:''; 
		height:0; 
		width:0; 
		display:block; 
		border:15px transparent solid; 
		border-right-width:0; 
		border-left-color:#565656; 
		position:absolute; 
		top:0px; 
		right:0px;
	}
	
	.right_arr:after {
		content:''; 
		height:10px; 
		width:25px; 
		display:block; 
		background:#565656; 
		position:absolute; 
		top:10px; 
		left:0px;
	}
	
	.left_arr {
		height:40px; 
		width:40px; 
		display:block; 
		position:relative;
	}
	
	.left_arr {
		height: 30px;
		margin-left: 20px;
		margin-top: 40px;
	}
	
	.left_arr:before {
		content:''; 
		height:0; 
		width:0; 
		display:block; 
		border:15px transparent solid; 
		border-left-width:0; 
		border-right-color:#565656; 
		position:absolute; 
		top:0px; 
		left:0px;
	}
	
	.left_arr:after {
		content:''; 
		height:10px; 
		width:25px; 
		display:block; 
		background:#565656; 
		position:absolute; 
		top:10px; 
		right:0px;
	}
	
	.stcs_caption {
		height: 20px; 
		font-size: 13pt; 
		line-height: 20px; 
		border:none !important;
		
		border-bottom: 2px solid #418bca !important;
		
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.stcs_caption  i {
		font-size: 24px;
		color: #FF9800;
		
		position: relative;
		top:5px;
		
		font-weight: normal;
	}

	.stcs_table {
		border-collapse: collapse;
		min-width: 100% !important;
		font-size: 13px;
		
		border: 1px solid #418bca !important;
	}
	
	.stcs_table th {
		padding: 4px 5px 4px 5px;
		
		background-color: #418bca;
		color: #fff;
	}
	
	.stcs_table td {
		padding: 6px 5px 6px 5px !important;
		border-bottom:none !important;
	}
	
	.stcs_table td:first-child {
		border-left: 1px solid #418bca !important;
	}
	
	.stcs_table td:last-child {
		border-right: 1px solid #418bca !important;
	}
	
	.stcs_table tr:last-child {
		border-bottom: 1px solid #418bca !important;
	}
	
	.stcs_table .stcs_months:last-child{
		border: 3px solid #418bca !important;
		font-size: 14px;
		font-weight: bold;
		
		color: #f15220;
	}
	
}


@supports not (display: grid) {
	
	@font-face {
			  font-family: 'Nanum';
			  font-style: normal;
			  font-weight: normal;
			  src: url(font/NanumBarunGothic.eot);
	}
	
	@font-face {
			  font-family: 'Nanum';
			  font-style: normal;
			  font-weight: bold;
			  src: url(font/NanumBarunGothicBold.eot);
			  
	}
	
	html, body{
		font-family: 'Nanum';
	}
	

	/** All Wrap */
	#allWrap {
		width: 100%;
	}
	
	.small_container {
		position: absolute;
		z-index: 9999;
		top: 50px;
		cursor: pointer;
		
		display: none;
	}
	
	.small_container > i {
		margin-left: 10px;
		margin-top: 5px;
		font-size: 42px;
	}
	
	.logo_container {
		width: 250px;
		height : 98px;
		display: inline-block;
		cursor: pointer;
	}
	
	.header_Info{
		float: right;
		height: 38px;
		
		margin-top : 5px;
		margin-right: 20px;
		
		font-size: 13px;
	}
	
	.header_Info i {
		margin-top: 2px;
	}
	
	.header_Info span {
		display: inline-block;
		
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.header_Info > div {
		display:inline-block;
		margin-left: 10px;
	}
	
	.header_Info  input[type="button"] {
		font-size: 12px;
		margin-top: 5px;
	}
	
	#userInfo {
		cursor: pointer;
	}

	#user_menu {
		position: absolute;
		
		top : 38px;
		right: 50px;
		
		width: 150px;
		z-index: 99999;
	}
	
	.close_user {
		display: none !important;
	}
	
	.user_item {
		padding: 7px 15px 7px 25px;
		cursor: pointer;
	}
	
	.user_item:hover {
		padding: 7px 15px 7px 17px;
	}
	
	.user_sidemenu{
		padding-bottom: 10px;
		
		overflow: hidden;
		height: 16px;
	}
	
	.user_side {
		display:inline-block;
		font-size: 12px;
		padding: 2px 5px;
		margin-left: 5px;
		
		cursor: pointer;
	}
	
	.user_side:first-child {
		margin-left: 15px;
	}
	
	
	/** Header - Category */
	.category {
		padding-bottom : 10px;
		position : absolute;
		
		top : 30px;
		left : 250px;
	}
	
	.category > ul {
		padding-top : 10px;
		display:inline-block;
	}
	
	.category > ul > li {
		display: inline-block;
		width: 160px;
		height: 50px;
		
		font-size: 19px;
		font-weight: 900;
		
		text-align: center;
	}
	
	.category > ul > li > a {
		text-decoration: none;
	}
	
	.category > ul > li:hover {
		height: 46px;	
		cursor: pointer;
	}
	
	#menu_desc {
		height:auto;
		
		padding-left : 39px;
		padding-right: 40px;
		border-radius: 4px;
		border-top: 0px;
		
		top : -17px;
		position: relative;
		
		display:none;
		
		z-index: 1200;
	}
	
	.menu_desc_open{
		/* Internet Explorer 10 */
		display:-ms-flex !important;

		/* Firefox */
		display:-moz-flex !important;
		
		/* Safari, Chrome, and Opera */
		display:-webkit-flex !important;
		display: flex !important;
	}
	
	.menu_list {
		width: 160px !important;
		height: 100%;
		position: relative;
		display:inline-table;
	}

	
	.menu_list .sub_category {
		margin-left: -25px;
		margin-top: 10px;
		margin-bottom: 15px;
	}	

	.menu_list .sub_category > a {
		text-decoration: none;
		
		font-size: 10pt;
		font-weight: bold;
	}
	
	.menu_list .menu_item {
		margin-left: -40px;
		margin-top: 3px;
		margin-bottom: 3px;
	}	
	
	.menu_list > ul > .menu_item {
		margin-left: -25px !important;
	}
	
	.menu_list .menu_item:hover{
		text-decoration: underline;
		cursor: pointer;
	}

	.menu_list .menu_item > a {
		text-decoration: none;
		font-size: 12px;
	}
	
	.menu_list > ul {
		margin-top: 10px;
		list-style-type: none;
	}
	
	.menu_list > ul > li > ul {
		margin-top: 5px;
		list-style-type: none;
	}
	
	
	/** Header - Side (900px) */
	.header_side{
		height: 60px;
		background-color: #869cce;
	}
	
	.header_side > .header_Info {
		display: block;
	
		width: 230px;
		
		position: absolute;
		top: 5px;
		left: 10px;
		
		color: #fff;
	}
	
	.header_side > .header_Info > div:first-child {
		margin-bottom: 5px;
	}
	
	.category_side {
		width: 285px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		
		z-index : 20000;		
	}

	.close_side {
		float: right;
		margin-right: 10px;
		font-size: 40px;
		cursor: pointer;
	}

	.category_side  ul {
		list-style-type: none;
		padding-left: 0;
		
	}

	.category_side li {
		overflow: hidden;
	}
	
	.category_side li  i {
		float: right;
		font-size: 18px;
	} 
	
	.category_side a {
		text-decoration: none;
		
		display:inline-block;
		width: 245px;
		
		font-size: 14px;
	 }
	 
	.category_side > ul {
		margin-top: 0px;
	}

	.category_side > ul > li >  a {
		height: 17px;
		padding: 13px 20px;
	}
	
	.category_side > ul > li > a:hover {
		padding-left : 12px;
	}
	
	.category_side {
 		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-ms-transition: 0.35s ease;
		transition: 0.35s ease;
 	}
	
	.sec_m > li > .sec_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.sec_m > li > .thd_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.sec_m > li > a:hover {
		padding-left : 22px;
	}
	
	.trd_m > li > .thd_li {
		width: 225px;
		height: 17px;
		padding: 13px 30px;
	}
	
	.trd_m > li > a:hover {
		padding-left : 22px;
	}
	
	.close_menu {
		width: 0px;
	}

	.close_li {
 		-webkit-transition: 0.55s ease;
		-moz-transition: 0.55s ease;
		-ms-transition: 0.55s ease;
		transition: 0.55s ease;
		
		max-height : 0px;
 	}
 	
 	.li_active {
 		-webkit-transition: 0.92s ease;
		-moz-transition: 0.92s ease;
		-ms-transition: 0.92s ease;
		transition: 0.92s ease;
		
		max-height: 800px;
 	}
	
	/** Main */
	#mainWrap {
		display:flex;
	}
	
	#mainWrap > div:nth-child(2n-1){
		width: 250px;
		float:left;
	}
	
	#mainWrap > div:nth-child(2n){
		width: calc(100% - 320px);
		float:left;
	}
	
	.category_block {
		width: 190px;
		margin: 0px auto;
		padding-top : 10px;
		padding-bottom : 8px;

		margin-top : 50px;

		text-align: center;
		
		font-size: 14pt;
		font-weight: bold;
		
		line-height: 30px;
		vertical-align: middle;
	}
	
	.category_sub {
		width: 230px;
		margin-left: 30px;
	}
	
	.category_sub  ul {
		list-style-type : none;
		padding-top: 10px;
		margin-left: -30px;
	}
	
	.category_sub > ul > li {
		padding: 20px 0px 0px 30px;
	}
	
	.category_sub > ul > .sub_sec {
		padding: 20px 0px 0px 20px !important;
	}
	
	.category_sub > ul > li > ul {
		margin-left: -32px;
	}
	
	.category_sub > ul > li > ul > li  {
		padding: 8px 8px 8px 8px;
	}
	
	.category_sub  .sub_sec > a {
		text-decoration: none;
		
		font-size: 12pt;
		font-weight: bold;
	}
	
	.category_sub .sub_thd  a {
		text-decoration: none;
		font-size: 11pt;
	}
	
	.category_sub .sub_thd a:hover {
		color: #3373c3;
	}
	
	/** Main Contents - Contents */
	#contentsWrap {
		border-radius : 5px;
		margin-top: 3px;
		padding: 30px;
		
		min-height: 761px;
	}
	
	/* Navigation */
	.navi_container	{
		width: 1320px;
		height: 40px;
		
		margin-bottom : 30px;
		
		padding-left: 10px;
		padding-bottom : 2px;
		
		font-size: 23px;
		font-weight: 900;
	}
	
	.menu_title{
		display:inline-block;
	}
	
	.navigation {
		font-size: 16px;
		font-weight: 100;
		
		vertical-align : bottom;
		line-height : 40px;
		
		float: right;
	}
	
	.navigation > li {
	  display: inline-block;
	}
		
	.navigation > li + li:before {
	  content: ">";
	  padding: 0 5px;
	}
	
	/* Search */
	.search-container {
		width : 1320px;
		
		margin-top: 10px;
		margin-left: 5px;
		
		display:inline-block;
	}
	
	.search-container > div {
		width: calc(100% - 4px);
	}
	
	.search-container table {
		width : 400px;
		border :1px solid #ddd;
	}
	
	.search-container table td {
		display:table-cell;
		width: 200px;
		border: 1px solid #ddd;
		padding: 6px 0px 6px 22px;
		vertical-align: middle;
		
	}
	
	.search-container table .t_label{
		background-color: #f9f9f9;
	}
	
	/****** 요주의 ******/
	
	.row_1col {
		clear:both;
		display: flex;
		flex-wrap : wrap;
	}
	
	.row_1col > div {
		width: 100%;
		display:flex;
	}
	
	.row_2col {
		clear: both;
		display: flex;
	}
	
	.row_2col > div {
		width: 50%;
		float: left;
	}
	
	.row_3col {
		clear: both;
		display: flex;
	}
	
	.row_3col > div {
		width: 438px;
		float: left;
	}
	
	.row_3col_style1 {
		width: 1316px !important;
	}
	
	.row_3col_style1 > div:nth-child(2n-1) {
		width: 438px !important;
	}
	
	.row_3col_style1 > div:nth-child(2n) {
		width: calc(1320px - 444px) !important;
	}
	
	.row_3col_style2 > div:nth-child(2n-1) {
		width: calc(1320px - 444px) !important;
	}
	
	.row_3col_style2 > div:nth-child(2n) {
		width: 438px !important;
	}
	
	.row_4col {
		width: 1318px !important;
		clear: both;
		display: flex;
	}
	
	.row_4col > div {
		width: 328px;
		float:left;
	}
	
	.row_4col_style1 > div:nth-child(2n-1) {
		width: 328px;
	}

	.row_4col_style1 > div:nth-child(2n) {
		width: calc(100% - 333px);
	}
	
	.row_4col_style2 > div:nth-child(2n-1) {
		width: calc(100% - 333px);
	}
	
	.row_4col_style2 > div:nth-child(2n) {
		width: 328px;
	}

	.input_child_perpen > div {
		width: 100% !important;
		display:table;
	}
	
	.col_1 > div:nth-child(2n-1){
		width: 150px;
		float: left;
	}
	
	.col_1 > div:nth-child(2n){
		width: calc(100% - 180px);
		float: left;
	}
	
	.row_1col .col_1 > div:nth-child(2n) {
		width: calc(100% - 174px);
		float: left;
	}
	

	/*****************/
	
	.row_1col_caption {
		clear: both;
		width: 1308px !important;
		font-size: 13px;
		padding: 5px 0px 5px 7px;
		height: 18px;
		
		vertical-align: middle;
		line-height: 18px;
	}
	
	.label_rowspan2 {
		font-size: 10pt;
		font-weight: 500;
		
		padding : 6px 0px 5px 20px;
		line-height : 46px;
		vertical-align: middle;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.label {
		font-size: 10pt;
		font-weight: 500;
		
		line-height : 18px;
		vertical-align : middle;
		
		padding : 6px 0px 5px 20px;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.input {
		font-size: 10pt;
		line-height: 21px;
		vertical-align: middle;
		
		padding-top: 2px;
		padding-left : 3px;
	}
	
	.input input {
		height: 17px;
		padding: 3px;
		width: 88%;
	}
	
	.border_top_none{
		border-top: 0px !important;
	}
	
	.border_right {
		border-right: 1px solid #cacaca;
	}
	
	/* Search Bottom - Button */
	.btn-container {
		width: 1315px;
		height : 20px;
		
		padding : 5px 0px 5px 0px;
		
		text-align: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	
	.btn_point {
		border-style: none;
		font-weight: 900;
		font-size: 13px;
		
		padding : 4px 12px 3px 12px;
		border-radius: 4px;
		line-height: 19px;
		vertical-align: middle;
	}
	
	.search-container .btn_point, .search-container .btn_default {
		font-size: 12px;
		padding : 3px 12px 2px 12px;
	}
	
	.input .btn_point, .input .btn_default {
		font-size: 12px;
		padding : 3px 12px 2px 12px;
	}
	
	.pop_input .btn_point, .pop_input .btn_default {
		font-size: 12px;
		padding : 3px 12px 2px 12px;
	}
	
	.btn_point:hover {
		cursor: pointer;
	}
	
	.btn_default {
		border-style: none;
		font-weight: 900;
		font-size: 14px;
		
		padding : 4px 12px 3px 12px;
		border-radius: 4px;
		line-height: 19px;
		vertical-align: middle;
	}
	
	.btn_default:hover {
		cursor: pointer;
	}
	
	/* Grid */
	.grid-container {
		clear: both;
		border-radius: 5px;
		width: 1317px;
		
		margin-top : 15px;
		margin-bottom : 10px;
		padding : 5px;
	}
	
	.grid_row_style > div{
		width : 100%;
		clear:both;
		
	}
	
	.grid_row_style1 > div{
		width: calc(50% - 5px);
		float: left;
	}
	
	.grid_row_style2  > div:nth-child(2n-1) {
		width: 462px;
		float: left;
	}

	.grid_row_style2  > div:nth-child(2n) {
		width: calc(100% - 468px);
		float: left;
	}
	
	.grid_row_style3 > div:nth-child(2n-1) {
		width: calc(100% - 468px);
		float: left;
	}
	
	.grid_row_style3 > div:nth-child(2n){
		width: 462px;
		float: left;
	}
	
	.gap_5px > div{
		margin: 5px;
		margin-left: 0px;
	}
	
	.gap_10px > div {
		margin: 10px;
		margin-left: 0px;
	}
	
	.gap_15px > div {
		margin: 15px;
		margin-left: 0px;
	}
	
	.gap_20px > div {
		margin: 20px;
		margin-left: 0px;
	}
	
	.grid_row_style1 > div:nth-child(2n) {
		margin-right: 0px;
	}
	
	.grid_row_style2 > div:nth-child(2n) {
		margin-right: 0px;
	}
	
	.grid_row_style3 > div:nth-child(2n) {
		margin-right: 0px;
	}
	
	.grid_cell_click{
		cursor:pointer;  
		text-decoration:underline;
	}
	
	/** Footer */
	#footerWrap {
		text-align: center;
		font-weight: bold;
		line-height: 53px;
		vertical-align: middle;
	}
	
	/** Session TimeOut Message */
	#sessionWarnning{
		width: 270px;
		position:absolute;
		
		top: 95px;
		right: -10px;
			
		margin-top: 15px;
		margin-right: 30px;
		border-radius: 6px;
		
		font-size:14px;
		z-index: 18002;
	}
		
	#sessionWarnning > #winClose{
		float: right;
		margin-top: 5px;
		margin-right: 5px;
	}
		
	#winClose > i:hover{
		cursor:pointer;
	}
		
	#sessionWarnning > #subtext{
		font-weight: bold;
		font-size: 13px;
		margin-top: 10px;
		margin-left: 20px;
	}
		
	#sessionWarnning > #dettext{
		font-size: 13px;
		margin-top: 3px;
		margin-left: 20px;
	}
	
	.addtime{
		width: 100px;
		cursor: pointer;
		font-weight: bold;
		vertical-align: middle;
		line-height: 15px;
		text-align: center;
		
		padding-top: 3px;
		padding-bottom: 3px;
		
		margin:10px auto;
		
		font-size: 12px;
	}
	
	/** Popup */
	.pop_container_450px {
		width: 430px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_680px {
		width: 660px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_880px {
		width: 860px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1080px {
		width: 1060px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1180px {
		width: 1160px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_container_1340px {
		width: 1320px;
		
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px; 
	}
	
	.pop_row_1col > div {
		width: 100%;
	}
	
	.pop_row_2col > div {
		width: calc(50% - 1px);
		float:left;
	}
	
	.pop_row_3col > div {
		width: calc(33.33% - 1px);
		float:left;
	}
	
	.pop_col1 {
		display:flex;
	}
	
	.pop_col1 > div:nth-child(2n-1){
		width:150px;
		float:left;
	}
	
	.pop_col1 > div:nth-child(2n) {
		width: calc(100% - 175px);
		float:left;
	}
	
	.pop_label {
		text-align: left;
		padding-left: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		
		font-size: 13px;
	}
	
	.pop_input {
		text-align: left;
		padding-left: 5px;
		padding-top: 7px;
		
		font-size: 14px;
	}
	
	.pop_input > input[type="text"] {
		height: 17px;
		padding: 3px;
		width: 88%;
	}
	
	.pop_container_btn {
		clear: both;
		padding-top: 10px;
		font-size: 12px;
		display:block;
	}
	
	.pop_col1_nonlabel{
		width: 100%;
		clear: both;
	} 
	
	.pop_col_sheader {
		font-size: 14px;
		
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.pop_col_box{
		border-top: 0px;
		
		height: 250px;
		font-size: 13px;
		text-align: left;
		line-height : 25px;
	
		padding: 10px;
	}
	
	
	/** Tab */
	.tab_group {
		width : 1325px;
		min-height: 300px;
	}
	
	.tab_group .search-container {
		margin-top : 2px;
		margin-left: 1px;
		margin-right: 2px;
	}
	
	.tab_group .grid-container {
		width: 1320px;
		margin-top : 2px;
		margin-left: 2px;
		padding: 0px;
	}
	
	.tab_header {
		height: 45px;
		position: relative;
	}
	
	.tab_title{
		outline : none;
		position: relative;
		
		width : 1364px;
		height: 28px;
		
		padding : 0px;
		margin: 0px;

		padding-top: 21px;
		
		left: 0px;
		
		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-ms-transition: 0.35s ease;
		transition: 0.35s ease;
	}
	
	.tab_title > li {
		list-style: none;
		float: left;
		position: static;
		
		padding : 6px 13px 6px 13px;
		margin-top : -5px;
		margin-right: 1px;
		
		font-size: 14px;
		border-radius: 4px;
	}
	
	.tab-title-text {
		outline: none;
		position:relative;
		z-index: 15;
		height: 100%;
	}
	
	.tab-item:hover {
		cursor: pointer;
	}
	
	.tab_contents {
		width: calc(100% - 2px);
		position:relative;
		display:inline-block;		
		overflow-y: auto;
	}
	
	.tab-selected {
		z-index: 20;
	}
	
	.tab-disabled:hover{
		border: none;
		cursor: default !important;
	}
	
	.tab-hide {
		display: none !important;
	}
	
	.tab_header_control {
		width: 40px;
		height: 30px;
		
		position: absolute;
		top:15px;
		right: 0;
		
		z-index: 25;
	}
	
	.tab_header_control > div {
		width:13px;
		height: 30px;
		
		display:inline-block;
	}
	
	.tab_header_control > div:hover {
		cursor: pointer;
	}

	.tab_header_control > div > i {
		margin-top: 7px;
	}

	.tab_header_control > div:first-child {
		margin-left: 8px;
	}


	/** Align */
	.align_center {
		text-align: center !important;
	}
	
	.align_right {
		text-align: right !important;
	}
	
	.align_left {
		text-align: left !important;
	}
	
	
	/* SVNFILE */
	.file_text {
		border:none !important;
	}
	
	.file_text:focus {
		outline: none !important;
	}
	
	.file_btn {
		float:left !important;
		margin-right: 5px !important;
	}
	
	.svn_file, .webApp{
		width: 100%;
		width: 1035px;
		margin-top: 10px;
		border-collapse: collapse;
	}

	.svn_file thead th ,.webApp thead th{
		padding: 8px;
		font-size: 11pt;
	}
	
	.svn_file tbody tr:hover, .webApp tbody tr:hover{
		cursor: pointer;
		opacity:0.8;
		color: red;
	}
	
	.svn_file tbody tr:last-child, .webApp tbody tr:last-child {
		border-bottom: none;
	}
	
	.svn_file tbody td, .webApp tbody td {
		padding:10px;
		font-size: 11pt;
	}
	
	.svn_file tbody td:nth-child(1){
		width: 360px; 
	}
	
	.svn_file tbody td:nth-child(2){
		width: 360px
	}
	
	.svn_non_file{
		text-align: center; 
		height: 30px;
	}
	
	.svn_non_file:hover{
		color: black;
		opacity:1;
		cursor: default;
	}
	
	.non_webapp{
		text-align: center; 
		height: 30px;
		width: 100% !important;
	}
	
	.non_webapp:hover{
		color: black;
		opacity:1;
		cursor: default;
	}
	
	.info_box {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.info_box  a{
		text-decoration: none;
		font-size: 10pt;
	}
	
	.info_box a:focus {
		text-decoration: none;
		outline: none;
	}
	
	.info_box a:hover {
		text-decoration: underline;
	}

	.info_title {
		width: 90%;
		margin: 0px auto;
		
		padding-left: 10px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	
	.info_title > i {
		color: #90a0da;
	}

	.info_contents table {
		width: 90%;
		margin: 0px auto;
		border-collapse: collapse;
	}
	
	.info_contents th {
		padding: 8px;
		font-size: 11pt;
	}
	
	.info_contents td {
		font-size: 11pt;
		padding: 3px;
	}
	
	#minutes_pop input[type="text"] {
		border:none;
		width: 100%;
	}

	.attendee {
		width: 837px;
		border-collapse: collapse;
		margin-top: 5px;
		margin-left : 3px;
		margin-bottom: 10px;
	}
	
	.attendee tbody td {
		max-height: 100px;
		vertical-align: top;
		
		width: calc(837px / 2);
	}
	
	.attendee tbody .row_1col {
		max-height: 100px;
		overflow-y:auto;
		
		display:block !important;
	}
	
	.attendee thead td {
		text-align: center;
		width: calc(837px / 2);
		cursor: pointer;
		
		display:table-cell;
	}
	
	.attendee tbody .row_1col {
		border: none;
	}
	
	.attendee tbody .row_1col  {
		min-height: 17px;
		padding: 5px;
	}
	
	.del_attd {
		font-size: 12px;
		float:right;
		margin-right: 20px;
		border-style: none;
		height: 17px;
		cursor:pointer;
	}
	
	.detail_title {
		border-top: none;
		padding: 7px;
		font-size: 10pt;
		text-align: center;
		
		-ms-user-select: none; 
		-moz-user-select: -moz-none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		user-select:none;
	}
	
	.detail_tarea {
		border: none;
		resize:none; 
		width:98%;
		font-family: "Nanum";
		padding: 2px;
		margin-top: 3px;
	}
	
	.detail_tarea:focus{
		outline: none;
	}
	
	.work_resp {
		width: 25px;
		height: 25px;
		display:inline-block;
		text-align: center;
		line-height: 25px;
		vertical-align: middle;
		margin-right: 10px;
		margin-bottom: 10px;
	 }
	
	 #searchIdPass ul {
		list-style: none;
		padding: 0;
	}
	
	#searchIdPass ul li {
		float:left; 
		padding: 10px;
	}
	
	#searchIdPass ul li:hover {
		opacity:0.8;
		cursor: pointer;
	}
	
	#searchIdPass div:first-child {
		height: 25px;
	}
	
	#searchIdPass #contents {
		margin-top: 14px;
		
		width: 600px;
		height: 300px;
	}
	
	#searchIdPass #contents .content_detail {
		width: 100%;
		height: 300px;
		
		display: none;
	}
	
	#searchIdPass #contents .content_detail table {
		border-collapse: collapse;
		width: 70%;
		margin: 0px auto;
		margin-top: 10px;
	}
	
	#searchIdPass #contents .content_detail table th {
		padding:6px;
		width: 100px;
	}
	
	#searchIdPass #contents .content_detail table td {
		padding:6px;
	}
	
	#resultDiv {
		margin-top: 30px;
		height: 200px;
	}

	#grid_mywork tr.jqgrow > td.textInDiv > div,
	#grid_work_task  tr.jqgrow > td.textInDiv > div,
	#grid_system_trans_hist tr.jqgrow > td.textInDiv > div {
		max-height: 20px;
	    overflow-x: hidden;
	    overflow-y: auto;
	}
	
	#grid_mywork td.form-view-data > span > div,
	#grid_work_task td.form-view-data > span > div, 
	#grid_system_trans_hist td.form-view-data > span > div{
		max-height: 150px;
	    overflow-x: hidden;
	    overflow-y: auto;
	}
	
	#qrcodeModal #qrcodeInfo {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	#qrcodeModal #qrcode {
		margin-bottom: 10px;
	}
	
	#qrcodeModal #qrcode_shop {
		padding-left: 60px;
		margin-bottom: 5px;
	}
	
	#qrcodeModal #qrcode_shop > div {
		font-size: 13pt;
		font-weight: bold;
		text-align: left;
		padding: 10px;
		line-height: 34px;
	}
	
	#qrcodeModal #shop_img {
		width: 100%;
		height: 70px;
	}
	
	#qrcodeModal #order_time {
		font-size: 13pt;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	#orderPageCate #grid_cate_mst .ui-th-column{
		height: 45px !important;
	}
	
	@media print {
		#headerWrap,#footerWrap,#sideWrap  {
			display:none;
		}
		
		#mainWrap {
			background-color: #ffffff;
		}
		
		.modal {
			box-shadow: none;
			
			top: 150px !important;
			left: 200px !important;
		}
		
		#contentsWrap {
			border: none;
		}
		
		.modal-overlay {
			display: none;
		}
		
		.navi_container, .search-container, .btn-container, .grid-container, .pop_container_btn {
			display:none;
		}
	
		#qrcodeModal-header {
			display:none;
		}
	
	}
	
	@page {
	    size:A4;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin:0;
	   -webkit-print-color-adjust: exact !important; 
	    color-adjust: exact !important; 
	}
	
	.right_arr {
		height:40px; 
		width:40px; 
		display:block; 
		position:relative;
	}
	
	.right_arr {
		height: 30px;
		margin-left: 20px;
		margin-top: 40px;
	}
	
	.right_arr:before {
		content:''; 
		height:0; 
		width:0; 
		display:block; 
		border:15px transparent solid; 
		border-right-width:0; 
		position:absolute; 
		top:0px; 
		right:0px;
	}
	
	.right_arr:after {
		content:''; 
		height:10px; 
		width:25px; 
		display:block; 
		position:absolute; 
		top:10px; 
		left:0px;
	}
	
	.left_arr {
		height:40px; 
		width:40px; 
		display:block; 
		position:relative;
	}
	
	.left_arr {
		height: 30px;
		margin-left: 20px;
		margin-top: 40px;
	}
	
	.left_arr:before {
		content:''; 
		height:0; 
		width:0; 
		display:block; 
		border:15px transparent solid; 
		border-left-width:0; 
		position:absolute; 
		top:0px; 
		left:0px;
	}
	
	.left_arr:after {
		content:''; 
		height:10px; 
		width:25px; 
		display:block; 
		position:absolute; 
		top:10px; 
		right:0px;
	}
	
	.stcs_caption {
		height: 20px; 
		font-size: 13pt; 
		line-height: 20px; 
		border:none !important;
		
		border-bottom: 2px solid #418bca !important;
		
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.stcs_caption  i {
		font-size: 24px;
		color: #FF9800;
		
		position: relative;
		top:5px;
		
		font-weight: normal;
	}

	.stcs_table {
		border-collapse: collapse;
		min-width: 100% !important;
		font-size: 13px;
		
		border: 1px solid #418bca !important;
	}
	
	.stcs_table th {
		padding: 4px 5px 4px 5px;
		
		background-color: #418bca;
		color: #fff;
	}
	
	.stcs_table td {
		padding: 6px 5px 6px 5px !important;
		border-bottom:none !important;
	}
	
	.stcs_table td:first-child {
		border-left: 1px solid #418bca !important;
	}
	
	.stcs_table td:last-child {
		border-right: 1px solid #418bca !important;
	}
	
	.stcs_table tr:last-child {
		border-bottom: 1px solid #418bca !important;
	}
	
	.stcs_table .stcs_months:last-child{
		border: 3px solid #418bca !important;
		font-size: 14px;
		font-weight: bold;
		
		color: #f15220;
	}
}