﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v12/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v12/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: #FFF;
	-webkit-text-size-adjust: none;
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #999999;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #999999;
}

::selection {background:#ffd200;}
::-moz-selection{background:#ffd200;}
/* layout */
.skip-navi{position:relative;top:0;width:100%;}
.skip-navi a{display:block;position:absolute;left:50%;top:-30px;width:100%;height:30px;line-height:30px;margin-left:-50%;text-align:center;color:#fff;font-weight:bold;text-decoration:underline;background:#0a4999;}
.skip-navi a:focus{top:0}
input.input, input[type=text]{background-color:#fbfbfb;border:1px solid #dbdbdb}
input[type=text], input[type=password]{padding:3px 0;}
input[type=submit]{padding:.4em 1em;}
input[type=radio]{margin-top:-2px;}
/*input[type=text]{width:91%;-webkit-width:calc(100% - 25px);-moz-width:calc(100% - 25px);width:calc(100% - 25px);}*/

select { font-size: 9pt; }

/* External Link to New Window */
/* .external_window1 { padding-right:12px; background:url(/Common/images/external.png) no-repeat 100% 50%; }
.external_window {
	padding-right: 12px;
	background: url(/Common/images/external.png) no-repeat 100% 50%;	
	color: #1b7bc0;
	display: inline-block;
	overflow: hidden;
} */
.external_window {
	padding: 0px; padding-right: 12px;
	color: #1b7bc0;
	/* line-height: 2.0em;
	border-bottom: 1px dotted; */
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	background: url('/Common/images/external.png') 100% 15% no-repeat !important;
}
/* .external_window:hover { border-bottom: 1px dotted; text-decoration: none; } */

/** DIV **/
.divPannelXY {
	width: 100%;
	height: 100%;
	overflow: auto;
	scrollbar: auto;
}
.divPannelY {
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	scrollbar: auto;
}
.divNone {
	width: 100%;
	height: 100%;
	overflow: hidden;
	scrollbar: hidden;
}
.divAutoBR {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	word-break: break-all;
}

.header-wrap{width:100%;margin:0 0 20px;border-bottom:2px solid #c9c9c9;background:#2b2551 url(../images/top_bg.png) no-repeat 50% 100%;}
#header{position:relative;width:1124px;padding-top:40px;margin:0 auto;}
#container{overflow:hidden;width:1124px;margin:0 auto;}
#aside-left{width:180px;float:left;min-height:500px;height:auto;overflow:visible}/* height:500px; */
#content{float:left;width:930px;padding-left:14px;margin-bottom:30px;}

#header {overflow:hidden;}
#header .title {position:absolute;left:0;top:35px; font-size: 14px; font-weight: bold; color: #ECECEC;}
#header .logo {float:left;padding:20px 0;margin:0 20px 0 0;}
#header .logo a{color:#ccc}
#header .nav-gnb {float:left;padding:20px 0;}
#header .nav-gnb li {display:inline;}
#header .nav-gnb li a{display:inline-block;padding:0 0 0 5px;margin:0 5px 0 0;border-left:1px solid #ccc;font-weight:bold;color:#fff;}
#header .nav-gnb li.current a, #header .nav-gnb li a.current{/*color:#0a4999;text-decoration:underline;*/}
#header .user-info {float:right;margin:0 0 0 0;padding:20px 0; color:#fff;}

/* top search */
.wrap-search{position:absolute;right:0;top:10px;padding:5px 38px 5px 5px;border:3px solid #c9c9c9}
.wrap-search select{border:0;}
.wrap-search input.text{width:200px;border:0;border-left:1px solid #c9c9c9;}
.wrap-search .btn-top-search{position:absolute;right:0;top:0;display:inline-block;padding:7px;background:#c9c9c9;color:#fff;}

/* aside-left */
.aside-info{display:block;width:178px;padding:12px 0;border-top:0;color:#000;font-weight:bold;text-align:center;background:#f3f3f3;border:1px solid #c9c9c9;border-bottom:2px solid #c9c9c9;}
/* SUB MENU : .aside-tit{display:block;width:178px;padding:10px 0;border-top:0;color:#000;font-weight:bold;text-align:center;background:#f3f3f3;border:1px solid #c9c9c9;border-bottom:2px solid #c9c9c9;} */
.aside-tit{display:block;width:178px; height: 5px; padding :1px 0;border-top:0;background:#f3f3f3;border:1px solid #c9c9c9;border-bottom:2px solid #c9c9c9;}
.table-type01{width:100%;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;background:#fff;}
.table-type01 th, .table-type01 td{padding:7px 5px;border-bottom:1px solid #c9c9c9;}
.table-type01 th{text-align:left;background:#e9f0ff;border-right:1px solid #c9c9c9;}
.table-type01 td{text-align:right;}

.aside-sub-navi {margin:20px 0 0;}
.aside-sub-navi li{padding:5px;text-align:right;font-weight:bold;border:1px solid #c9c9c9;border-top:0;}
.aside-sub-navi li a{display:block;line-height:24px;background:url(../images/bul_page_23x23.png) no-repeat 0 0;}
.aside-sub-navi .space { padding: 0px; height: 10px; line-height: normal; border: 0px; }
.aside-sub-navi .space_tit { line-height: normal; padding:1px 0; height: 5px; background:#f3f3f3; border-top: 1px solid #c9c9c9; border-bottom:2px solid #c9c9c9; }

.aside-sub-navi2 {margin:20px 0 0;}
.aside-sub-navi2 li{padding:5px;text-align:right;font-weight:bold;border:1px solid #c9c9c9;border-top:0;}
.aside-sub-navi2 li a{display:block;line-height:24px;}
.aside-sub-navi2 .space { padding: 0px; height: 10px; line-height: normal; border: 0px; }
.aside-sub-navi2 .space_tit { line-height: normal; padding:1px 0; height: 5px; background:#f3f3f3; border-top: 1px solid #c9c9c9; border-bottom:2px solid #c9c9c9; }

.con-top{overflow:hidden;padding:6px 0 8px;border:1px solid #c9c9c9;border-bottom:2px solid #c9c9c9;background:#f3f3f3}
.con-top .con-tit{float:left;margin-left:10px;line-height:24px;}
.con-top .con-top-right{float:right;margin-right:10px}
.con-list-top{padding:20px 0 5px;}
.con-list-top a {display:inline-block;padding:5px;margin:0 5px;}
.con-form{padding:20px;border:1px solid #c9c9c9;}
.con-list{padding:20px;border:1px solid #c9c9c9;}

/* table type01 */
.table-form-type01{width:100%;background:#fff;}
.table-form-type01 th, .table-form-type01 td {padding:3px 5px;}
.table-form-type01 th {height:30px;line-height:30px;border:1px solid #c9c9c9;background:#e9f0ff;}
.table-form-type01 th.align-left{text-align:left;}
.table-form-type01 td.align-right{text-align:right}
.table-form-type01 th .line2 {line-height:20px;}
.table-form-type01 td {height:30px;padding:3px 5px;line-height:30px;border:1px solid #c9c9c9;border-left:0;}
.box-photo{text-align:center;vertical-align:middle;}
.box-photo span{display:block;text-align:center;vertical-align:middle;}
.box-photo span.wrap-rewume-photo{width:130px;height:auto;margin:0 auto;border:1px solid #c9c9c9}
.box-photo span img{width:130px;height:auto;border:0;}
.box-photo .file{width:70px;;}
.img-clogo, .img-cstemp {display:block;width:100px;margin:0 auto;border:1px solid #c9c9c9;text-align:center;vertical-align:middle;}
.img-clogo, .img-cstemp{}
.img-clogo img, .img-cstemp img{width:100px;height:auto;}
span.span-in-td{line-height:18px;}
/* table type02 */
.table-form-type02{width:100%;background:#fff;}
.table-form-type02 th {height:30px;line-height:30px;padding:3px 5px;border-top:2px solid #c9c9c9;border-bottom:2px solid #c9c9c9;background:#e9f0ff;}
.table-form-type02 td{text-align:center;height:30px;padding:3px 5px;border-bottom:1px solid #c9c9c9;}

.table-caption{display:table-cell;display:block;padding:10px 0 10px 10px;margin:0 0 5px;text-align:left;font-weight:bold;border:1px solid #c9c9c9;background:#f3f3f3;}

/* table-list type01 */
.table-list-type01 {width:100%;background:#fff;}
.table-list-type01 th {height:12px;line-height:16px;padding:9px 0;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;background:#e9f0ff;}
.table-list-type01 td {height:30px;padding:3px 5px;border-bottom:1px solid #c9c9c9;text-align:center;}
.table-list-type01 tr:hover td{background-color:#FAF5C8;}
.table-list-type01 tr:hover td a, .table-list-type01 tr td a:hover{text-decoration:underline;}
.table-list-type01 td.align-left{text-align:left}
.table-list-type01 td.align-right{text-align:right}

.notice-cell{padding:0 2px 0 0;color:#1c94c4;}
.has-mody{overflow:hidden;}
.has-mody .input, .has-mody .btn-mody {float:left;}
.has-mody .btn-mody.ui-button{margin:2px 0 0 2px}

/* table-view01 */
.table-view01{ width:100%; background:#fff; font-size: 9pt; color: #252525; }
.table-view01 th { padding: 6px 4px; border: 1px solid #D0D0D0; text-align:center; white-space: nowrap; }
.table-view01 td { padding: 6px 4px;  border: 1px solid #D0D0D0; text-align:center; white-space: nowrap; }
.table-view01 td.left { text-align:left }
.table-view01 td.right { text-align:right }
.table-view01 td.top { border: 0px; border-top:1px solid #D0D0D0; }
.table-view01 td.bottom { border: 0px; border-bottom:1px solid #D0D0D0; }

table .head { background-color: #737373; }
table .title { background-color: #F0F0F0; }
table .label { background-color: #E0E0E0; }
table .warning { background-color: #FFFBE6; color: #7D6C7A; }
table .active { background-color: #EEFFE7; }
table .input { padding: 2px 4px; }
table .bold { font-weight:bold; }

/* .transparent {
  border: 0px none transparent;
  border-color: transparent;
  background-color: transparent;
  padding: 0em;
} */

/* table-fix-head style ... jQuery.function() */
.table-fix-type { width:100%; background-color: #ffffff; border-color: #ffffff; border-width: 0px; border-style: solid; border-collapse: collapse; }
.table-fix-type th { padding: 4px 4px; }
.table-fix-type td { padding: 4px 4px; }
.table-fix-type tr:hover td { background-color: #FFFBE6; }

.small {
	font-size: 11px;
	color: #222;
}

.level2Bg {
	background:#fff url(images/level2Bg.gif) bottom repeat-x;	
	border-top:1px solid #b8b8b8;
	border-bottom:1px solid #bfbfbf;
	color:white;
}
.level2Bg a{
	color:#33338C;	
}

.cellLabel {
	background: #F7F7F7 url(images/testsidebar.jpg) repeat-y scroll right center;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	color: #545454;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}
.cellInfo {
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #DEDEDE;	
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}

.dvtTabCache {
	border-bottom: 1px solid #dedede;
}
.dvtUnSelectedCell {
	border-left:1px solid #dedede;
	border-top:1px solid #e0dddd;
	border-right:1px solid #e0dddd;
	border-bottom:1px solid #e0dddd;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	background: #FFF ;
	cursor:pointer;
	color: black;
}
.dvtSelectedCell {
	border-left:1px solid #e0dddd;
	border-top:1px solid #e0dddd;
	border-bottom:0px solid #e0dddd;
	border-right:1px solid #e0dddd;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	/*background-color:#dedede;*/
	/*background:#d9dde6 url(images/light-bg11.png) bottom repeat-x; */
	background:#ffffff url(images/tab.gif) top repeat-x;
	font-weight:bold;
	color: black;
	line-height:20px;
}
.dvtContentSpace {
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding-left:0px;
}

/* editor */
.con-write{padding:10px;border:1px solid #c9c9c9 }
.table-editor-type01{width:100%;}
.table-editor-type01 th{padding:6px 0; border-bottom:1px solid #c9c9c9;}
.table-editor-type01 td{padding:6px 0;}
.edit-area{padding:5px 0;margin:10px 0;min-height:200px;border:1px solid #c9c9c9;}

/* bottom */
.con-form-btn{padding:20px 0;text-align:center;}
.con-form-btn a{display:inline-block;padding:10px; margin:0 5px;}

/* paging */
.con-page-btn{padding:7px 0 0;text-align:center;}
.con-page-btn .paging{display:inline-block;margin:0 10px;line-height:24px;vertical-align:top;}
.con-page-btn .current-page{color:#1c94c4;font-weight:bold;text-decoration:underline;}
.btn-page{overflow:hidden;display:inline-block;width:24px;height:24px;border:2px solid #0a4999;text-indent:-5000px;}
.first-page{background:url(../images/bul_page_23x23.png) no-repeat 0 -46px}
.last-page{background:url(../images/bul_page_23x23.png) no-repeat 0 -69px}
.prev-page{background:url(../images/bul_page_23x23.png) no-repeat 0 0}
.next-page{background:url(../images/bul_page_23x23.png) no-repeat 0 -24px}
/* paging#2 */
.paginate_regular{padding:5px;text-align:center;line-height:normal;border:0px solid #bdbdbd;}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}

/* pop-up */
.pop-con{position:absolute;display:none;}
.pop-con .pop-con-inner{background:#fff;padding:5px;}
.search-pop{text-align:center;margin:20px 0;}

.popup-wrap {overflow:hidden;width:100%;padding:0;}
.popup-wrap .con-list{padding:20px 0;border:0;}

/* tab */
.tabcon{display:none}
.tabcon.current{display:block}
.toggle-tab{overflow:hidden;margin:20px 0 0 0;}
.toggle-tab a{display:block;float:left;padding:8px 10px;border:1px solid #c9c9c9;}
.toggle-tab a:first-child{border-right:0;}
.toggle-tab a.current{background-color:#e9f0ff;text-decoration:underline;}

/* jquer ui */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:normal;font-size:12px}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{font-weight:normal;font-size:12px}
.ui-button.btn-red{color:#b12d21;}
.ui-button.btn-red:hover{color:#6b1317;}
.ui-state-default .ui-icon{background-image:url(../images/ui-icons_ef8c08_256x240.png)}
.con-list-top .ui-button{padding:0 2px;margin:0 2px 0 0;}
.con-list-top input.ui-button{padding:.4em 1em;margin:0 2px 0 0;}
.con-list-top .ui-button[type=submit]{padding:.4em 1em;margin:0 2px 0 0;}
.btn-save.ui-button{text-indent:-5000px;width:15px;height:15px;padding:0;margin:0 0 0 1px;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -224px -48px;}
.btn-mody.ui-button{text-indent:-5000px;width:15px;height:15px;padding:0;margin:0 0 0 1px;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -177px -114px;}
.btn-find.ui-button{text-indent:-5000px;width:15px;height:15px;padding:0;margin:0 0 0 1px;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -162px -114px;}
.btn-print.ui-button{text-indent:-5000px;width:15px;height:15px;padding:0;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -161px -97px;}
.has-file.ui-button{text-indent:-5000px;width:15px;height:15px;padding:0;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat 0px -97px;border:0;}
.pop-textarea, .textarea{overflow-y:auto;margin:7px 0;}
.btn-search-form{overflow:hidden;width:15px;height:15px;text-indent:-5000px;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -161px -113px;}
.btn-police{.position:static;}
/* �޷� ȣ���� ���� */
.date{}
.date1{}
.date2{}
/* �ؽ�Ʈ ���� */
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }

/* login */
#loginWrapper {position:absolute; z-index:10; left:50%; top:50%; margin:-207px 0 0 -207px; width:414px; height:414px;border:2px solid #ccc;background:url(../images/login.jpg) no-repeat 0 0;font-size:12px;line-height:18px;}
.loginForm{width:265px;padding:30px 20px;margin:30px auto 0;}
.loginForm fieldset {padding:0;border:0;}
.loginForm legend {padding:0 0 20px;font-weight:bold;text-align:center}
.loginForm dl{overflow:hidden;margin:0;}
.loginForm dl dt {float:left; width:70px; height:18px;margin:0;}
.loginForm dl dd {float:left; height:22px;margin:0;}
.loginForm dl dd .text {#margin:-1px 0; padding:3px 0 0 5px;width:121px; height:13px; border:1px solid #D2D2D2;}
.loginForm .btn {clear:both; float:right; margin-top:-44px;}
.loginForm .saveId {clear:both;margin-left:70px}

/* home */
.con-home{overflow:hidden;padding:2% 0 2% 2%;border:1px solid #c9c9c9;border-top:0;}
.con-home .home-box{width:48%;float:left;margin-bottom:20px;}
.con-home .hasM{margin-right:2%;}
.con-home .home-box h2{margin:0 0 5px;font-size:1.2em;}
.con-home .home-box h2 span{padding:2px 7px;margin:5px 0 0;font-size:12;line-height:12px;vertical-align:middle;background:url("../images/ui-icons_ef8c08_256x240.png") no-repeat -96px -145px;}


