@charset "utf-8";

body,
a, p, div, span, 
button,
input,
select,
textarea { 
	color:#333333; font-size:13px; font-weight:400; line-height:1.7; 
	font-family: "Open Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 { 
	font-family: "Merriweather", sans-serif; }

/* container */ 
@media (max-width:767px) {	
}
@media (min-width:768px) {
	.container {
		width:750px; }
}
@media (min-width:992px){
	.container {
		width:970px; }
}
@media (min-width:1200px){
	.container {
		width:1160px; }
}
@media (min-width:1400px) { 
	.container { 
		width:1160px; }
}

/* sticky */
.navbar-fixed-top { 
	*position:fixed; /* sticky */
	position:static; 
	border:0px solid #00f; }
body {
	*padding-top:170px; padding-top:0px; }

@media (max-width:767px) {	
	body { 
		*padding-top:75px; padding-top:0px;  }
}

/* header */
.header-top { 
	background:#ffffff; padding:15px 0px; }
.header-top .container {
	background:#ffffff; text-align:center; border:0px solid #000; padding:0px; } 
#header {
	background:#ffffff; box-shadow:0 0px 0px rgba(0,0,0,.2); }
.navbar-brand {
	float: none; padding:0px !important; width:300px; height:auto; margin:0px auto 0px; display:inline-block; border:0px solid #000; 
}
.navbar-brand h2 {
	font-size:28px; font-weight:bold; color:#ffffff; }
.header-top .header-info {
	float:right; margin-top:20px; width:calc(100% - 300px);
	border:0px solid #000; display:none; }
.header-info i {
	color:#EF4223; }
.header-info .contact {
	}
.header-info .contact p {
	color:#EF4223; }
.header-info .contact span {
	color:#EF4223; font-size:16px; }
.header-info .contact a {
	color:#000000; }
.header-bottom {
	display:none; } 

@media (max-width:767px) {	
	#header {
		background:#ffffff; border:0px solid #000; }
	.header-top { 
		background:#ffffff; text-align:center; padding:0px 0px; border:0px solid #000; }    
	.header-top .container {
		background:#ffffff; } 
	.header-top .header-info {
		display:none; } 
	.navbar-brand { 
		width:220px; height:auto; padding:0px 0px 0px 0px; float:left; margin:10px auto 0px 20px; }
	.navbar-brand > img { 
		width:100%; display:inline-block; padding:0; }
	.navbar-default {
			background-color:#ffffff; border-color:#ffffff; }
	.header-bottom {
		display:none; height:100%; background:#ffffff; padding:10px 0px 10px; border:0px solid #00f; } 
	.header-bottom .header-info {
		}
}

/* logo */
.navbar-brand h2 {
	font-size:50px; font-weight:bold; color:#000000; }
.hidden-m { 
	width:100%; border:0px solid #00f; }
.hidden-d { 
	display:none !important; }

@media (max-width:767px) {	
	.hidden-m { 
		display:none !important; }
	.hidden-d { 
		display:block !important; margin-top:5px; width:100%; }
}

/* navigation */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color:#333333;
	background:rgba(0,0,0,0.1);
}
.caret2:after {
	content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color:#000; 
	padding-left: 0px; margin-left:6px; }
.navbar-nav .fa-angle-down {
	margin-left:6px; }
.dropdown-menu {
	min-width:200px; padding:5px 0;	margin:2px 0 0;
	font-size:14px; 
	background-color:#ffffff;
	border:0px solid #ccc; border:0px solid rgba(0, 0, 0, .15); border-radius:0px;
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu>li>a {
	padding:6px 20px; line-height:1.5;
	color:#323232; font-weight:600; }
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color:#34c663; background-color:none; }
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color:#34c663; background:none; }

@media (max-width:767px) {	
	.navbar-nav {
		margin:7.5px 0px; }
	#header #navbar .navbar-nav > li > a {
		padding:7px 20px; 
		color:#323232; font-size:14px; text-transform: uppercase; font-weight: 600; }

	.navbar-default .navbar-toggle { 
		position:absolute; top:5px; right:0; border-color:transparent; }
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover { 
		background:transparent; }
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a:hover { 
		background:#ffffff; }
	.dropdown-menu {
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color:#323232; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#34c663; }
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color:#34c663;
		background:#ffffff; }

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #323232;
	}
}
@media (min-width:768px) {
	#header #navbar {
		width:100%; text-align:center; border:0px solid #000; }
	#header #navbar .navbar-nav {
		float:none !important; border:0px solid #000; margin:0 auto; width:86%; }
	#header .navbar-nav > li {
		width:calc(100% / 6) !important; }
	#header .navbar-nav > li:hover .dropdown-menu {
		display:block; }
	#header .navbar-nav > li > a {
		margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid #000; text-transform: uppercase; font-weight: 600; }
	#header .navbar-nav > li > a:first-child {
		margin-left:0px; }
	#header #navbar .navbar-nav > li > a {
		padding-top:13px; padding-bottom:10px; 
		color:#323232; font-size:14px; *border-bottom:3px solid transparent; }
	#header #navbar .navbar-nav > li > a:hover {
		color:#34c663; *border-bottom:3px solid #fff; }
	#header #navbar .navbar-nav > .active > a, 
	#header #navbar .navbar-nav > .active > a:focus,
	#header #navbar .navbar-nav > .active > a:hover {
		color:#34c663; *border-bottom:3px solid transparent; background:none; }
	.caret {
		color:#34c663; }
}

/* body */
@media (max-width:767px) {	
	.body.sub .side { 
		display:none; }
	.body.sub .content { 
		float:left; width:100%; margin:auto auto auto 2%;}
	.content .img-responsive {
		width:767px; 
		width:100%; }
}

/* footer */
.footer {
	background:#323232; }
.footer-top {
	background:#323232; color:#ffffff; }
.footer-body {
	padding:30px 0 30px; background:#323232; }
.footer-bottom {
	padding:0px 0 0px; background:#323232; border-top:1px solid #5A5A5A; }
.footer-bottom .container {
	padding:10px 0 10px; *background:#EF4223; }

.footer-info {
	text-align:; color:#b4b4b4; font-size:14px; }
.footer-info i {
	color:#34C663; font-size:14px; }
.footer-info .contact p {
	color:#b4b4b4; }
.footer-info .contact span {
	color:#b4b4b4; }
.footer-info div {
	color:#b4b4b4; font-size:14px; }

.footer .copyright {
	color:#ffffff; font-size:14px; }
.footer .copyright a {
	color:#fae20d; }
.footer .copyright a:hover {
	color:#ffffff; }

@media (max-width:767px) {	
	.footer { 
		margin-top:10px; }
	.footer .social-icon { 
		float:none; }
	.footer-body { 
		text-align:center; padding-bottom:0; }
	.footer-body .col-sm-3 { 
		display:none; }
	.footer .pull-right { 
		float:none !important; }
}

/* button */
.btn-primary, 
.btn-primary:active {
	background:#EF4223; border-color:#EF4223; }
.btn-primary:hover,
.btn-primary:focus { 
	background:#333333; border-color:#333333; }

/* carousel */
.carousel-control .fa{
	top:45%; font-size:3em; color:#fff; }
.carousel-caption {
	}
@media (max-width:767px) {	
	.carousel-control { 
		display:none; }
}

/* banner - side */ 
@media (min-width:1400px) { 
	.banner-right {     
		margin-left:585px; }
	.banner-left {     
		margin-right:585px; }
}

/* banner - home */
@media (max-width:767px) {	
	.banner_home_01 { 
		margin-top:20px; }
	.banner_home_01 h3 { 
		font-size:15px; }
	.banner_home_01 .text-wrap { 
		margin-bottom:15px}
	.banner_home_02 { 
		margin-top:20px; }
	.banner_home_02 .banner-text .banner-title { 
		font-size:15px; right:20px; }
	.banner_home_02 .row > div { 
		margin-bottom:15px}

	.banner_home_03 .row > div { 
		*height:200px; margin-bottom:20px; }

	.banner_home_04 { 
		margin-top:20px; }

	.banner_page_header .text_box h3 {
		top:30%; 
		font-size:18px; color:#fff; }
	.banner_page_header .text_box span {
		top:30%; 
		font-size:12px; color:#f8f8f8; }
}

/* content */
@media (max-width:767px) {	
	.page h3 { 
		padding-top:15px; font-size:18px; }
}

/* board */
.boardInformation {
	display:none; }
.boardWrite .boardWriteHeader .iText {
	width:30%; padding:2px 6px; height:26px; line-height:26px; font-size:12px; *margin-top:-1px; 
}
.boardSearchForm .iText {
	width:30%; padding:2px 6px; height:26px; line-height:26px; font-size:12px; *margin-top:-1px; 
}
.xpress-editor .fileUploader .fileUploadControl .text{
	margin:0 0 5px;  
	padding:0px 20px 0px 0px; text-decoration:none; font-size:16px; }

.boardList.webZine tr.bg1 td,
.boardList.webZine tr.bg2 td{
	padding:10px 0px 10px 0px;*padding:22px 6px 21px 6px}
.boardList.webZine td.title {
	font-size:16px; }
.boardList.webZine td.title .thumb{
	float:left;clear:right;border:0px solid #ccc;padding:0px;margin:0px 0px 0px 0px; 
	width:30%; }
.boardList.webZine td.title .thumb img{
	border:1px solid #ccc;padding:1px;}
.boardList.webZine td.title a.webzine {
	font-size:18px; font-weight:600; }
.boardList.webZine td.title p.title {
	border:0px solid #000; }
.boardList.webZine td.title p.summary{
	line-height:18px;margin-bottom:8px;  }
.boardList.webZine td.title .meta {
	margin-top:5px; } 

@media (max-width:767px) {	
	.boardList.webZine td.title {
		font-size:14px; }
	.boardList.webZine td.title .thumb{
		width:40%; margin:0px 2% 2px 0px; }
	.boardList.webZine td.title a.webzine {
		font-size:14px; }
	.boardList.webZine td.title .meta {
		width:100%; } 
}

/* widget */
.widgetContainer {
	margin:0px auto; width:96%; }
.widgetTableA td.title a {  
	color:#000000; } 
.widgetTableA td.summary a {  
	color:#333333; } 
.widgetTableA td {  
	padding-bottom:5px; } 

.widgetZineA li:last-child { 
	margin-bottom:2px; padding-bottom:2px; }
.widgetZineA li p.titleArea .board {  
	font-size:15px; color:#900; font-weight:bold; }
.xe-widget-wrapper .widgetZineA li {
	margin:0px 0px 3px 0px; padding:5px 0px 0px 0px; border-bottom:1px solid #ccc; }
.xe-widget-wrapper .widgetZineA li p.thumbArea{ 
	position:relative; float:left; width:160px; margin-right:-160px; overflow:hidden; 
	border:0px solid #000; }
.xe-widget-wrapper .widgetZineA li p.titleArea{ 
	margin-left:180px; margin-bottom:4px;}
.xe-widget-wrapper .widgetZineA li p.text{ 
	margin-left:180px; margin-bottom:4px;}
.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb {
	width:160px; height:110px; }
.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb img { 
	width:160px; height:110px; }

.widgetZineA li .title { 
	font-size:16px; color:#000000; } 
.widgetZineA li .subtitle { 
	font-size:14px; color:#000000; } 

@media (max-width:767px) {	
	.xe-widget-wrapper .widgetZineA li p.thumbArea {
		position:relative; float:left; width:80px; margin-right:-160px; overflow:hidden; 
		*float:none; *width:100%; *margin-right:0px; *overflow:none; }
	.xe-widget-wrapper .widgetZineA li p.titleArea { 
		margin-left:90px; margin-bottom:4px; 
		*float:none; *margin-left:0px; *margin-bottom:4px; }
	.xe-widget-wrapper .widgetZineA li p.text { 
		margin-left:90px; margin-bottom:4px; 
		*float:none; *margin-left:0px; }
	.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb { 
		width:100%; height:auto; }
	.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb img {
		width:100%; height:auto; }
	.widgetZineA li .title { 
		font-size:13px; } 
	.widgetZineA li .subtitle {
		font-size:12px; } 
	.xe-widget-wrapper .widgetZineA li p.text { 
		*display:none !important; }
}


/*
----------------------------- */
@media (min-width:1000px) and (max-width:1399px) { 
}

@media (min-width:1200px) and (max-width:1399px) { 
	.container { 
		*width:980px; }
}

@media (max-width:999px) { 
}

@media(max-width:991px) { 
	.carousel-caption { 
		top:30px; }

	.footer-info {
    width:33.33%; float:left; }
	.footer-nav {
		width:70%;	float:left; }
	.footer-nav li a {
		padding-right:0.5em; }
	.social {
		width:30%; float:left; }
	.social li, .footer-nav li {
		padding:0em; }

}

@media (min-width:768px) and (max-width:991px) { 
	.banner_home_01 .text-box { 
		height:210px; }
}

@media(max-width:736px){
	.footer-nav li, 
	.social li {
		display:inline-block;	padding:0 0.4em; }
	.footer-nav {
		width:100%; float:none; text-align:center; }
	.social {
		width:100%; float:none; text-align:center; margin:2em 0;}

}

@media(max-width:667px){
	.footer-nav li, 
	.social li {
		display:inline-block; padding:0 0.2em; }
}

@media (max-width:500px) { 
	.carousel-caption { 
		display:none; }

	.footer-info {
    width:100%; margin:1em 0; }
	.footer-nav li a {
		padding-right:0.2em; font-size:14.5px;
	}
}

@media(max-width:414px){

	.footer-info {
    width:100%; margin:1em 0; }
	.footer-nav li, 
	.social li {
		margin-bottom:0.5em;
	}
}

@media(max-width:384px){
	.footer-nav li, 
	.social li {
		margin-bottom:0.5em;
	}
}