@font-face {
  font-family: 'hk-demo';
  src: url('fonts/hk-demo.eot');
  src: url('fonts/hk-demo.eot#iefix') format('embedded-opentype'),
       url('fonts/hk-demo.woff') format('woff'),
       url('fonts/hk-demo.ttf') format('truetype'),
       url('fonts/hk-demo.svg#hk-demo') format('svg');
  font-weight: normal;
  font-style: normal;
}
.demo-wrapper {
	background-color: #fff;
}
.demo-wrapper .header {
	text-align: center;
	line-height: 55px;
	width: 100%;
	height: 50px;
	background-color: #D35400;
	color: #fff;
	text-shadow: 0 0 0 rgba(255,255,255,0);
	position: relative;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* IE10+ */

	background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.demo-wrapper .header .title { 
	font-family: 'Georgia';
	color:#6e6e6e;
	
}
.demo-wrapper .header a,
.demo-wrapper .header a:hover,
.demo-wrapper .header a:active { 
	color: #6e6e6e !important;
	text-decoration: none;
	font-family: 'hk-demo';
	background-color: rgba(0,0,0,0);
	font-size: 17px;
	font-weight: normal;
}
.demo-wrapper .open a,
.demo-wrapper .open a:hover {
}
.demo-wrapper .header .open { 
	color: #6e6e6e;
	position: absolute;
}
.demo-wrapper .header .open.left {
	left: 5px;
	top:5px;
	cursor: pointer;
}
.demo-wrapper .header .open.right {
	right: 0px;
	top:5px;
	cursor: pointer;
}
.demo-wrapper .panel {
	background: #7F8C8D;
	color: #ECF0F1;
}
.demo-wrapper .panel a {
	color: #FFF !important;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	font-size: 14px;
	padding: 15px 20px 15px 60px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #475657;
	border-top: 1px solid #95A5A6;
	position: relative;
	font-weight: 400;
}
.demo-wrapper .panel ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #95A5A6;
}
.demo-wrapper .panel .avatar {
	position: absolute;
	top: 8px;
	left: 20px;
}
.demo-wrapper .ui-panel-inner {
	padding: 0;
}
.demo-wrapper .panel a:hover {
	background-color: #95A5A6;
}
.demo-wrapper .panel.right a:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	background-color: #2ECC71;
	right: 20px;
}
.demo-wrapper .panel.left a:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 15px;
	left: 20px;
	font-family: 'hk-demo';
	text-align: center;
	font-size: 18px;
}
.demo-wrapper .panel.left .newsfeed a:before { 
	content: '\f09e';
}
.demo-wrapper .panel.left .profile a:before { 
	content: '\f09e';
}
.demo-wrapper .panel.left .setting a:before { 
	content: '\2699';
}
.demo-wrapper .panel.left .logout a:before { 
	content: '\e78e';
}
.demo-wrapper .panel.left .report a:before { 
	content: '\f0e0';
}




/*추가*/
html, 
body table, th, td{
	height: 100%;
	margin: 0;
	padding: 0;
	margin:0px;padding:0px;font-size:12px;font-family:"굴림"; color:#6A6A6A;
	
}

#head {
	width:100%;
	position: relative;
	z-index: 1;
	text-align:center;
}

#main_img {
	width:100%;
	position: relative;
	z-index: 1;
	text-align:center;
}

#sub_img {
	width:100%;
	position: relative;
	z-index: 1;
	text-align:center;
}

#body {
	min-height: 100%;
	margin: -100px 0 -50px;
}

#content-area {
	padding: 100px 0 50px;
	min-height: 170px;
	background:url(../images/main/main_bg.jpg)top center no-repeat; 
	background-size:100%;
	background-position: 0 77%;
}

#content-area ul{
	list-style:none;
	position: relative; 
	margin:30 0 auto; 
	padding:0; 
	text-align:center;
}

#content-area ul li{
	position: relative; 
	float: left;
	margin:0;
	padding:0; 
	width:33%;
}

#sub_title_B{
	width:100%;
	position: relative;
	z-index: 1;
	text-align:center;
}

#sub_title_S{
	width:75%;
	position: relative;
	z-index: 1;
	text-align:left;
	margin:10px 0 0 10px;
}


#sub_content-area {
	padding: 85px 0 50px;
	min-height: 80px;
	background-size:100%;
	background-position: 0 77%;
}

#sub_content-area ul{
	list-style:none;
	position: relative; 
	margin:30 0 auto; 
	padding:0; 
	text-align:center;
}

#sub_content-area ul li{
	position: relative; 
	float: left;
	margin:0;
	padding:0; 
	width:33%;
}


#sub_content-area02 {
	padding: 85px 0 50px;
	min-height: 150px;
	background-size:100%;
	background-position: 0 77%;
}

#sub_content-area02 ul{
	list-style:none;
	position: relative; 
	margin:30 0 auto; 
	padding:0; 
	text-align:center;
}

#sub_content-area02 ul li{
	position: relative; 
	float: left;
	margin:0;
	padding:0; 
	width:33%;
}


#sub_content-area03 {
	padding: 0 0;
	margin: 0 0;
	width: 100%;
}


#foot {
	background-color:#d8d8d8;
	height: 30px;
	margin:35px 0 0 0;
}

#foot ul{
	list-style:none;
	position: relative; 
	margin:35px 0 0 0 auto; 
	padding:0; 
	text-align:center;
}

#foot ul li{
	position: relative; 
	float: left;
	margin:5px 0 0 0;
	padding:0; 
	width:33%;
}

.box_table {border-top:1px solid #6481AE;}
.box_table table {width:100%;}
.box_table table a {color:#fb740b;}
.box_table th {color:#4F70A3;font-size:12px;background:#EDF2F7;border-right:1px solid #CDD6E3 !important;border-bottom:1px solid #CDD6E3;text-align:center;padding:10px 0px 7px 0px;}
.box_table th div {text-align:left;padding:0px 0px 0px 10px;color:#4F70A3;font-size:12px;}
.box_table td {color:#555555;border-right:1px solid #CDD6E3 !important; border-bottom:1px solid #CDD6E3;text-align:center;padding:8px 0px 5px 0px;}
.box_table td .left {color:#555555;border-right:1px solid #CDD6E3 !important; border-bottom:1px solid #CDD6E3;padding:8px 0px 5px 0px;}
.box_table td div {text-align:left;padding:0px 0px 0px 10px;}
.box_table td.al {text-align:left;padding:5px 10px 5px 10px;}
.box_table .none {border-right:none !important;}
.box_table .bg01 {background:#F6F6F6;}
.box_table .at {vertical-align:top;}
.box_table .left {text-align:left;padding:5px;line-height:20px;}
.box_table .tdl { border-right: 3px;}
.box_table .noleft {text-align:left;border-right:none;padding-left:5px;}
.box_table td ul li {background:url(/site/executive/image/common/bul_03.gif) no-repeat 6px 7px;padding:0px 0px 2px 11px;color:#555555;line-height:18px;}
.box_table td ul li ul li{background:url(/site/executive/image/common/bul_07.gif) no-repeat 4px 8px;padding:0px 0px 2px 12px;color:#555555;line-height:18px;}