@charset "utf-8";
/* ---------- Common ---------- */
html, body {width:100%; height:100%;padding-top:0px;}
body, input, select, textarea { font-size:0.75em; font-family: Helvetica,sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std",  "Open Sans"; color:#333; background:#FFFFFF;}

a:link {color: #333; text-decoration:none;}
a:active {color: #333; text-decoration:none;}
a:visited {color: #333; text-decoration:none;}
a:hover {color: #00ade9; text-decoration:none;}

.hidden, hr {font-size:0; height:0; line-height:0; position:absolute; margin:0; padding:0; width:0; visibility:hidden; overflow:hidden;}
.bold {font-weight:bolder;}
caption {font-size:0; height:0; line-height:0; margin:0; padding:0; width:0; visibility:hidden; overflow:hidden;}

input {font-size:12px; vertical-align:middle; font-family:Helvetica,sans-serif,Arial,; color:#363636;}
input[type=checkbox] {background:none;}
input[type=file] {width:90%; height:25px;}
input[type=radio] {margin-top:-1px; vertical-align:middle; margin-right:3px; margin-left:3px;}
.input_style1 {height:16px; line-height:14px; border:1px solid #ccc; padding:3px 5px 1px 5px; vertical-align: middle;}
.input_style2 {height:16px; line-height:14px; border:1px solid #ccc; padding:3px 5px 1px 5px; vertical-align: middle;}
select {vertical-align:middle; border:1px solid #ccc; font-size:12px; color:#363636;height:20px; }
select option {vertical-align:middle !important; height:21px;}
textarea {font-size:12px; font-family:Helvetica,sans-serif,Arial; color:#363636; border:1px solid #ccc; padding: 5px; line-height:18px; resize:none; }
textarea[readonly=readonly] {background:#ebebeb;}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.blue {color:#387ab4 !important;}
.blue2 {color:#1274b9 !important;}
.red {color:#cf2727 !important;}
.orange {color:#eb8b12 !important;}
.green {color:#36a437 !important;}
.disabled {color:#898989;}
hr { color:#d2d2d2; border-width:1px; border-style: inset;}
.nopadding {padding:0;}
.border1 {border:1px solid #c9c9c9;}
.capital {text-transform:uppercase;}

.text_alignC {text-align:center !important;}
.text_alignL {text-align:left !important;}
.text_alignR {text-align:right !important;}

.MT15 {margin-top:15px !important;}
.MT20 {margin-top:20px !important;}
.MT30 {margin-top:30px !important;}
.MT40 {margin-top:40px !important;}
.MT60 {margin-top:60px !important;}
.MT70 {margin-top:70px !important;}
.ML10 {margin-left:10px;}
.MR5 {margin-right:5px;}

.w20 {width:20px !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}

.W100 {width:100% !important;}

.img-responsive,
.thumbnail a>img,.thumbnail>img {
	display:block;
	max-width:100%;
	height:auto
}

.hyphen {
	padding:0 5px;
}

.bg_gray { background: #ededed;}
.bg_green {background: #e2f9d6;}
.bg_pink {background: #f9e7e7;}
.bg_yellow {background: #fefcdb;}

.alert_red {background: #fea5ac;}

.font_normal {font-weight:normal;}

/* ---------- Login ---------- */

.login_bg {
	width:100%; 
	height:100%; 
	background:url(../bg_login.jpg) no-repeat; 
	background-size: cover;
}
	
.login_bg > h1 > img {
	display:block; 
	margin:0 auto; 
	padding-top:170px; 
	padding-bottom:30px;
}

.login_box {
	width:380px !important; 
	background-color:#f5f5f5; 
	margin:0 auto; 
}

.login_box > .container {
	width:380px !important;
	min-width:380px !important; 
	padding:0 40px;
	border:1px solid #ccd2d8;
	background-color:#f5f5f5; 
}

.login_box > .container > p {
	text-align:center; 
	margin:30px 0; 
}

.login_box > .container > p > img {
	display:block; 
	margin:0 auto;
}

.login_box form input {
	margin-bottom:5px;
}

.login_box .checkbox > label {
	line-height:20px;
}

.login_copyright {
	text-align:center;
	font-size:12px;
}

.btn-navy {
  color: #fff;
  background-color: #274664;
  border-color: #274664;
}

.btn-navy:hover,
.btn-navy:focus,
.btn-navy.focus,
.btn-navy:active,
.btn-navy.active,
.open > .dropdown-toggle.btn-navy {
  color: #fff;
  background-color: #204d74;
  border-color: #204d74;
}


/* ---------- Layout ---------- */

.main_wrap {
	width:1300px;
	min-width:1000px;
}

.container {
	float:left;
	width: 1300px;
	/* min-width:1600px;*/
	/* min-width:1170px; 
	height:100%;*/
	padding:0;
}

.gnb_wrap {
	/*position: fixed;*/
	top:0;
	margin-bottom:0;
	z-index: 1030;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
}

.navbar {
	width: 100%;
	min-width:1000px;
	height:60px;
	background-color: #fff;
	border-bottom:1px solid #ddd;
	border-radius:0;
}

.navbar .container {
	padding:0;
}

.navbar-header {
	width: 100%;
	padding:0;
	background: #274664;
}

a.navbar-brand:link, 
a.navbar-brand:visited, 
a.navbar-brand:hover,  
a.navbar-brand:active,
a.navbar-brand:focus {
	width:350px;
	height:60px;
	background-color: #0b2946 !important;
	padding:0;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left:0;
}

.navbar-brand > img {
	display:block; 
	margin:0 auto;
	margin-top:18px;
	width:307px;
}

.navbar .navbar-nav 
.open .dropdown-menu {
	background-color: #fff;
    border-color: rgba(0, 0, 0, 0.15);
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    position: absolute;
	font-size:14px;
	margin-left:-8px;
	margin-top:-2px;
}

.navbar .navbar-nav 
.open .dropdown-menu li {
	width:100%;
	font-size:14px;
}

.navbar .navbar-nav 
.open .dropdown-menu li a {
	font-size:13px;
	color:#333!important;
	line-height:18px;
	padding: 6px 20px;
	white-space:nowrap;
}

.navbar .navbar-nav 
.open .dropdown-menu li a:hover {
	font-size:13px;
	color:#333!important;
	line-height:18px;
	padding: 6px 20px;
	white-space:nowrap;
	background-color:#e8ebee!important;
}

.nav .open > a.gnb01, 
.nav .open > a.gnb01:focus, 
.nav .open > a.gnb01:hover,
.nav .open > a.gnb01:active {
	color:#fff799 !important;
	background:url( ../jsp/image/gnb_icon01_over.png) 18px center no-repeat !important;
	font-family: Helvetica,sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans";
}

.nav .open > a.gnb02, 
.nav .open > a.gnb02:focus, 
.nav .open > a.gnb02:hover,
.nav .open > a.gnb02:active {
	color:#fff799 !important;
	background:url(../jsp/image/gnb_icon02_over.png) 18px center no-repeat !important;
	font-family: Helvetica,sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans";
}


.main {
	float:left;
	width:100%;
	display:inline-block;
	position: relative ;
	min-width:1000px;
}

.sub_menu {
	width:100%;
	padding:10px 15px 10px;
	background-color: #47627b;
	
}

.sub_menu li {
	width:190px;
	background-color: #47627b;
	border-bottom: none;
}

a.smenu:link, a.smenu:visited {
	color:#fff;
	font-size:12px !important;
	line-height:26px !important;
	height:26px !important;
	padding:0 !important;
	font-weight:normal !important;
}

a.smenu:active, a.smenu:hover, a.smenu:focus {
	color:#fff799;
	font-size:12px !important;
	line-height:26px !important;
	height:26px !important;
	padding:0 !important;
	font-weight:normal !important;
}

.sub_menu .active {
	color:#fff799 !important;
}

/* ---------- Gnb ---------- */


.gnb ul {
	margin-left:20px;
	margin-top:1px;
}

.gnb li {
	float:left;
	font-family: Helvetica,sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans";
	padding:0;	
}

.gnb li a:link, .gnb li a:focus, .gnb li a:visited {
	padding: 18px;
	color:#fff !important;
	font-size:17px;
	letter-spacing:0.5px;
	vertical-align:middle;
	font-family: Helvetica,sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans";
}

.navbar-inverse .navbar-nav > li > a {
	color:#274664;
}

.gnb li a img {
	margin-right:10px;
	vertical-align:middle;
}

.gnb li a.gnb01:link, .gnb li a.gnb01:focus, .gnb li a.gnb01:visited {
	background:url(../jsp/image/gnb_icon01.png) 18px center no-repeat;
}
.gnb li a.gnb01:active, .gnb li a.gnb01:hover, .gnb li a.gnb01.active {
	background:url(../jsp/image/gnb_icon01_over.png) 18px center no-repeat;
}

.gnb li a.gnb02:link, .gnb li a.gnb02:focus, .gnb li a.gnb02:visited {
	background:url(../jsp/image/gnb_icon02.png) 18px center no-repeat;
}
.gnb li a.gnb02:active, .gnb li a.gnb02:hover, .gnb li a.gnb02.active {
	background:url(../jsp/image/gnb_icon02_over.png) 18px center no-repeat;
}


.gnb li a:active, .gnb li a:hover, 
.gnb li a.gnb01.active, .gnb li a.gnb02.active, 
.gnb li a.gnb03.active, .gnb li a.gnb04.active,
.gnb li a.gnb05.active, .gnb li a.gnb06.active,
.gnb li a.gnb07.active, .gnb li a.gnb08.active  {
	padding: 18px;
	color:#fff799 !important;
	font-size:17px;
	letter-spacing:0.5px;
	vertical-align:middle;
	/*border-bottom:3px solid #387ab4;*/
}

.gnb li a.gnb01 span {
	display:inline-block;
	padding-left:47px;
}

.gnb li a.gnb02 span {
	display:inline-block;
	padding-left:38px;
}



.location {
	position:relative;
	top:69px;
	padding:0;
}

.btn_logout {
	background-color:#fff;
	vertical-align:middle;
	margin-top:13px;
}

.gnb {
	width:100%;
	background-color: #274664;
}

.logout {
	float:right;
	margin-right:30px;
	margin-left:0!important;
	width:300px;
	
}

.logout li {
	display: inline;
	float:right;
}

.logout .user {
	font-size:14px;
	height:35px;
	line-height:35px;
	margin-top:13px;
	padding-right:15px;
	color:#fff;
}

.logout .user span {
	margin-right:5px ;
}

/* Table */

table th {
	font-family: sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans" !important;
	padding: 3px 2px;
	vertical-align: middle;
	text-align: center;
}

table td {
	font-family: sans-serif,Arial,"HelveticaNeueLT-Bold", "Helvetica Neue LT Std", "Open Sans" !important;
	padding: 0px 2px;
	vertical-align: middle;
	text-align: left;
}


/* ---------- Modal ---------- */

.modal-dialog {
	
}

.modal-header {
	background-color:#efefef; 
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding:15px 20px;
}

.modal-title {
	font-size:16px;
	color:#274664;
}

.modal-body {
	padding:20px 25px;
	color:#333;
	font-size:12px;
}


.modal-footer {
	padding:15px 20px;
	font-size:12px;
}

.modal-content .close {
	margin-top:2px;
}



@media (max-width: 1200px) { 
	
	.login_bg > h1 > img {
	display:block; 
	margin:0 auto; 
	padding-top:150px; 
	padding-bottom:30px;
}

}