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

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

.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 { position:absolute; z-index:1000; width:100%; height:114px; background-color:rgba(255,255,255, 1); top:0;}
.header .logo { position:absolute; left:60px; top:23px; z-index:1011; }
.header .logo a { display:inline-block; width:300px; }
.header .logo a img { width:100%; }
.header .logo a img.white { display:block; }
.header .logo a img.color { display:none; }

	.gnb-menu { position:absolute; left:0; width: 100%; top:25px; z-index:1002; height:60px; overflow:hidden; text-align:center; }
	.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 55px; overflow:hidden; font-size:21px; font-weight: 700; text-align:left; color:#222; border:1px solid transparent; letter-spacing: -1px; }
	.gnb-menu > ul > li > ul { margin:10px 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.2; font-size:15px; text-align:center;}
	
	.gnb-menu-bg { position:absolute; top:300px; left:0; z-index:1003; width:100%; height:50px; display:none; }
	.util-top { position:absolute; right:50px; top:28px; z-index:1001; }
	.util-top>ul { margin:0; padding:0; list-style:none; }
	.util-top>ul>li { margin:0; padding:0; display:block; float:left;}
	.util-top>ul>li:last-child{ margin-left:9px; margin-top: 3px; border:1px solid #CCC; border-radius:25px;}
	.util-top>ul>li>a { display:block; padding:5px 12px; color:#333; text-align:center; font-size:19px; text-transform:uppercase; font-weight:bold; }
	.util-top>ul>li>a:hover { color: #000 !important; }
	
	.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:#000; 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; }
	.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:306px; box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.1);  }
.header.active .logo {  }
.header.active .logo a { display:inline-block; width:300px; }
.header.active .logo a img.white { display:none; }
.header.active .logo a img.color { display:block; }
.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:65px; width:1px; height:250px; background-color:#e7e7e7; }
.header.active .gnb-menu > ul > li:first-child:before { background-color:transparent; }
.header.active .gnb-menu > ul > li > a { color:#006179; }
.header.active .gnb-menu > ul > li > a:hover {  }
.header.active .gnb-menu > ul > li > ul { display:block; }
.header.active .gnb-menu-bg { display:block; }
.header.active .util-top { z-index:9999; }
.header.active .util-top>ul>li>a { color:#000; }
.header.active .util-top>ul>li>a p { display:block; }
@media (max-width: 1440px) {
.gnb-menu > ul > li > a { padding:10px 40px; }
}

@media (max-width: 1199px) {
.header { position:fixed; height:65px; background-color:rgba(255,255,255, 1) }
.header .logo { top:12px; left:12px;  }
.header .logo a { width:190px; }
.header .gnb-menu { display:none; }
.header .util-top { display:none; }
.header .btn-gnb-mobile { display:block; }

.header.mobile .logo { display:none; }
.header.mobile { background-color:#f2f2f2; height:900px; }
.header.mobile .logo { display:none; }
.header.mobile { background-color:#efefef; height:900px; }
.header.mobile .gnb-menu { height:calc(100% - 100px); text-align:center; position:relative; padding:45px 0 0 0; display:block; overflow:auto;}
.header.mobile .gnb-menu > ul { margin:0 auto; width:780px;  }
.header.mobile .gnb-menu > ul > li { width:100%; padding:0; }
.header.mobile .gnb-menu > ul > li > a { width:100%; background-color:#efefef; padding-left:15px; padding-top: 13px; padding-bottom: 13px; border-bottom:1px solid #ddd7da; position:relative; display:block; color:#111; font-size:18px; }
.header.mobile .gnb-menu > ul > li > a:before { content:''; position:absolute; top:25px; right:22px; width:1px; height:15px; background-color:#111; }
.header.mobile .gnb-menu > ul > li > a:after { content:''; position:absolute; top:32px; right:15px; width:15px; height:1px; background-color:#111; }
.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 dotted #e7e7e7; text-align:left; padding:12px 20px 12px 20px; }
.header.mobile .gnb-menu > ul > li > ul > li > a > br{ display:none;}


.header.mobile .util-top { position:absolute; left:0; top:0; right:0; width:100%; height:60px; display:block; text-align:center; background-color:#fff; z-index:9999; }
.header.mobile .util-top>ul { margin:0; padding:6px 0 0 7px; list-style:none; display:inline-block; width:780px; }
.header.mobile .util-top>ul>li { margin:0; padding:0; display:block; float:left; border:none; }
.header.mobile .util-top>ul>li>a { display:block; padding:5px 10px; width:auto; color:#fff; text-align:center; font-size:14px; display:inline-block; vertical-align:middle;   }
.header.mobile .util-top>ul>li>a p { display:inline-block; margin:0; padding:0 0 0 5px; }
}

@media (max-width: 767px) {
.header.mobile .gnb-menu { padding:45px 15px 0 15px; left: 0; }
.header.mobile .gnb-menu > ul { width:100%; overflow:hidden; }
.header.mobile .gnb-menu > ul > li > a {  }

.header.mobile .gnb-menu-bg { position:relative; top:10px; display:block; width:100%; padding:20px 15px; background: none; }
.header.mobile .gnb-menu-bg .popup-owl { position:relative; height:200px; overflow:hidden; }
.header.mobile .gnb-menu-bg .popup-owl .item img { height:200px; }
.header.mobile .gnb-menu-bg .popup-owl .owl-carousel { margin:0 auto; padding:0; width:100%; height:200px; }
}

.banner { padding:20px 0; border-top:1px solid #cfcfd5; border-bottom:1px solid #cfcfd5; margin-top: 50px; }
	.banner-owl {  }
	.banner-owl .item { display:block; }
	.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:url(/img/bg-logo.png) no-repeat right 45px;  }	
.footer ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.footer ul li { display:block; float:left; padding-left:20px; }
.footer ul li:first-child { padding-left:0; }
.footer ul li a { font-weight:700; font-size:14px; }
	.copy { margin:10px 0 0 0; color:#656565; font-size:14px; }
	.copyright { font-size:12px; }
.copyright a{color: #fff;}
.copyright a:hover{color: #000;}
@media (max-width: 767px) {
.banner { padding:8px 0; }

.footer { background:none; }	
.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; color:#656565; font-size:14px; }
	.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;
}