@charset "utf-8";
@import url("daterangepicker.css");
@import url("animate.min.css");
@import url("owl.carousel.min.css");
@import url("ekko-lightbox.css");

.wrapper { position:relative; width:100%; }
.container { position:relative; width:1280px; }
@media (max-width: 991px) {
.container { width:877px !important; }
}
@media (max-width: 767px) {
.container { width:100% !important; }
}

.util-top { position:absolute; top:20px; right:0; width:50%; z-index:1001; text-align:right; height:40px; }
.util-top ul { margin:0; padding:0; list-style:none; display:inline-block; }
.util-top ul>li { margin:0; padding:0; display:block; float:left; position:relative;}
.util-top ul li:before{content:''; position:absolute; top:14px; left:0; z-index:1344; width:1px; height:12px; background:#ccc;}
.util-top ul>li>a { display:block; color:#000; background-color:#fff; text-align:center; width:96px; height:40px; line-height:40px; font-size:13px; font-weight:400; }
/*
.util-top ul>li>a.login { border-top-left-radius:25px; border-bottom-left-radius:25px; }
.util-top ul>li>a.logout { border-top-left-radius:25px; border-bottom-left-radius:25px;}
.util-top ul>li>a.site {  border-top-right-radius:25px; border-bottom-right-radius:25px;}
*/
.header .logo, .util-top { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.header:before { content:''; position:absolute; left:0; top:80px; width:100%; height:58px; background-color:#18478b; }
.header { position:absolute; top:0; z-index:1000; width:100%; height:138px; background-color:rgba(255,255,255,1);}
.header .logo { position:absolute; left:50%; top:17px; z-index:1001; margin-left:-100px; }
.header .logo a { display:inline-block; width:200px; }
	.gnb-menu { position:absolute; left:0; top:83px; z-index:1002; height:60px; overflow:hidden; text-align:center; width:100%;}
	.gnb-menu > ul { margin:0; padding:0; list-style:none; overflow:hidden; display:inline-block; }
	.gnb-menu > ul > li { margin:0; padding:0; display:block; float:left; position:relative; }
	.gnb-menu > ul > li > a { display:block; padding:10px 50px; overflow:hidden; font-size:1.7rem; font-weight:400; text-align:left; color:#fff; border:1px solid transparent; }

	.gnb-menu > ul > li > ul { margin:30px 0 0 0; padding:0; list-style:none; display:none; }
	.gnb-menu > ul > li > ul > li { display:block; text-align:left; padding-left:0;}
	.gnb-menu > ul > li > ul > li > a { display:block; padding:7px 0; line-height:1.5; text-align:center; font-size:1.5rem; color:#000; font-weight:300; }
	.gnb-menu > ul > li > ul > li > a:hover { color:#18478b}
	
	.gnb-menu-bg { position:absolute; top:240px; left:0; z-index:13; width:100%; height:380px; display:none; background:#fff;}

	.btn-gnb-mobile { position:absolute; top:15px; right:15px; width:46px; height:40px; margin:0; padding:0; transition:all .5s; z-index:99999; display:none; }
	.btn-gnb-mobile span { display:block; position:absolute; right:0; height:3px; margin:0; background-color:#333; border-radius:3px; transition:all .4s; }
	.btn-gnb-mobile span.line1 { top:7px; width:30px; }
	.btn-gnb-mobile span.line2 { top:16px; width:21px; }
	.btn-gnb-mobile span.line3 { top:25px; width:25px; }
	.btn-gnb-mobile.active { transition:all .5s; }
	.btn-gnb-mobile.active span { width:35px; height:2px; background-color:#fff; }
	.btn-gnb-mobile.active span.line1 { transform:translateY(10px) rotate(315deg); }
	.btn-gnb-mobile.active span.line2 { top:50%; opacity:0; }
	.btn-gnb-mobile.active span.line3 { transform:translateY(-8px) rotate(-315deg); }
	.btn-gnb-mobile.active span i { opacity:0; transition:all .5s; }
	
.header.active { background-color:#fff; height:600px; box-shadow:1px 1px 25px rgba(0, 0, 0, 0.1);  }
.header.active .logo { z-index:9999; }
.header.active .gnb-menu { height:auto;}
.header.active .gnb-menu > ul { width:auto; }
.header.active .gnb-menu > ul > li:before { content:''; position:absolute; left:0; top:80px; width:1px; height:380px; background-color:#d8d8d8; }
.header.active .gnb-menu > ul > li:first-child:before { background-color:transparent; }
.header.active .gnb-menu > ul > li > a { color:#fff; }
.header.active .gnb-menu > ul > li > a:hover {  }
.header.active .gnb-menu > ul > li > ul { display:block; }
.header.active .gnb-menu-bg { display:block; }

@media (max-width: 1199px) {
.util-top { display:none; }

.util-top.mobile { display:block; z-index:9999; right:auto; top:15px; width:auto; background-color:transparent; text-align:left; }

.header { height:65px; top:0; background-color:rgba(255,255,255,1); }
.header:before { content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#e2e2e2; }
.header .container { width:100% !important; }
.header .logo { position:absolute; left:15px; top:17px; z-index:1001; margin-left:0;  }
.header .logo a { display:inline-block; width:160px; }
.header .gnb-menu { display:none; }
.header .btn-gnb-mobile { display:block; }

.header.mobile .logo { display:none; }
.header.mobile { background-color:#1e64a6; height:900px; }
.header.mobile .gnb-menu { height:calc(100% - 100px); text-align:center; position:relative; padding:0 0 0 0; display:block; overflow:auto; }
.header.mobile .gnb-menu > ul { width:100%; }
.header.mobile .gnb-menu > ul > li { width:100%; padding:0; }
.header.mobile .gnb-menu > ul > li > a { width:100%; background-color:#143d76; color:#fff; padding-left:15px; border-bottom:1px solid #1e64a6; position:relative; display:block;  font-size:1.7rem; }
.header.mobile .gnb-menu > ul > li > a:before { content:''; position:absolute; top:15px; right:22px; width:1px; height:15px; background-color:#fff; }
.header.mobile .gnb-menu > ul > li > a:after { content:''; position:absolute; top:22px; right:15px; width:15px; height:1px; background-color:#fff; }
.header.mobile .gnb-menu > ul > li > a.active:before { opacity:0; }
.header.mobile .gnb-menu > ul > li > ul { margin:0; padding:0; background-color:#fff; list-style:none; }
.header.mobile .gnb-menu > ul > li > ul > li > a { width:auto; color:#242424; font-size:15px; border-top:1px solid #e7e7e7; text-align:left; padding:10px 20px; }
.header.mobile .gnb-menu > ul > li > ul > li > a > br{ display:none;}
}



.banner { clear:both; padding:20px 0; border-top:1px solid #cfcfd5; border-bottom:1px solid #cfcfd5; background-color:#fff; }
	.banner-owl {  }
	.banner-owl .item { display:block; }
	.banner-owl .item img { height:45px; width:auto;}	
	.banner-owl .owl-carousel {  }
	.banner-owl .owl-nav div { position:absolute; top:50%; margin-top:-80px; font-size:80px; padding:15px; color:#000; z-index:3; opacity:.5; display:block; }
	.banner-owl .owl-nav div:hover { opacity:.9; }
	.banner-owl .owl-nav div.owl-prev { left:0; }
	.banner-owl .owl-nav div.owl-next { right:0; }

.footer { padding-top:40px; padding-bottom:40px; background:#333; }	

.footer ul { margin:0; padding:0; list-style:none; overflow:hidden; text-align:center; }
.footer ul li { display:inline-block; padding:0 10px; }
.footer ul li:first-child { padding-left:0; }
.footer ul li a { font-weight:700; font-size:14px; color:#999; }
	.copy { margin:30px 0 0 0; color:#bcbcbc; font-size:14px; text-align:center; }
	
	.copyright { font-size:12px; }
@media (max-width: 767px) {
.banner { padding:8px 0; }

.footer { }	
.footer ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.footer ul li { display:block; float:left; width:50%; padding:2px; text-align:center; }
.footer ul li:first-child  { padding-left:2px; }
.footer ul li a { display:block; border:1px solid #ddd; padding:7px; font-size:14px; font-weight:normal; }
	.copy { margin:30px 0 0 0; padding-left:20px; padding-right:20px; color:#d2d2d2; font-size:14px; }
		.copy br{ display:block;}	
	.copyright { font-size:12px; }
}


/* common ====================================================================================*/
.shadow { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.b-success { background-color:#abdfab; }
.b-warning { background-color:#ffda78; }
.b-danger { background-color:#f8b0c0; }

.t-primary { color:#4989d3; }
.t-info { color:#98a0ba; }
.t-success { color:#44b642; }
.t-warning { color:#ff8400; }
.t-danger { color:#f65579; }

.sweet-alert h2 { font-size:18px; line-height:1.6; }
.sweet-alert p { font-size:18px; }
.ps { position:relative; }
.help-block { margin-bottom:0; }
.modal-header { background-color:#f8f9fd; border-radius:6px 6px 0 0; }

.ul { margin:0; padding:0; list-style:none; }
.ul li { margin:0; padding:0 0 0 9px; position:relative; }
.ul li:before { content:'·'; position:absolute; top:0; left:0; }
.ul-pb-10 li { padding:0 0 10px 9px; }
.ul-pb-5 li { padding:0 0 5px 9px; }

/* login ====================================================================================*/
.login .container { max-width:750px; background-color:#fff; }
.login .logo { margin:0 auto; width:120px; }
.login h1 { font-size:44px; text-transform:uppercase; text-align:center; line-height:1.2; }
.login h1 small { font-size:44px; }
.login .wrap { margin:0 auto; max-width:420px; }
.login .input-group-addon { min-width:115px; text-align:right; }

/* paging ====================================================================================*/
.pg_wrap { clear:both; margin:0; padding:0; text-align:right; }
.pg { margin:0; padding:0; display:block; }
.pg	a, .pg_current { margin:0; padding:9px 15px; display:inline-block; color:#000; line-height:1; border:1px solid #d7d7d7; border-radius:4px; }
.pg a:hover, .pg_current { background:#7b7b7b; color:#fff; }
.pg_start, .pg_prev { margin:0; padding:0;}
.pg_end, .pg_next { margin:0; padding:0; }
.sound_only { display:none; }

/* box ====================================================================================*/
.box {
	margin:0 auto;
	margin-bottom: 20px;
	border-radius:5px;
	border: 1px solid #dcdfea;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	  -ms-flex-direction: column;
		  flex-direction: column;
	-webkit-flex-wrap: nowrap;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
}
.box > header {
	font-size:16px; font-weight:700;
	border-bottom: 1px solid #dcdfea;
	background-color:#f8f9fd;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
		    flex-direction: row;
	-webkit-align-items: center;
	     -ms-flex-align: center;
		    align-items: center;
	padding: 10px 15px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.box > header h1,
.box > header h2,
.box > header h3,
.box > header h4,
.box > header h5,
.box > header h6 {
	margin: 0;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
		    flex: 1 1 auto;
	color: inherit;
}
.box-body {
  padding: 20px 15px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-flex: 1 1 auto !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  -webkit-flex-basis: auto !important;
      -ms-flex-preferred-size: auto !important;
          flex-basis: auto !important;
}