@charset "utf-8"; 

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

/* default */
html {
	background:#F3F4F4 !important; }
.wrapper {
	}

/* 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 */
.navbar {
	margin-top:0px; margin-bottom:0px; }
.header-top { 
	background:#F3F4F4; padding:10px 0px 5px; }
.header-top .container {
	background:#F3F4F4; padding:0px; } 
#header {
	background:#F3F4F4; box-shadow:0px 0px 0px rgba(0,0,0,.2); }
#header .container {
	background:#ffffff; border-bottom:2px solid #000; }
.navbar-brand h2 {
	font-size:28px; font-weight:bold; color:#ffffff; }
.header-top .header-info {
	float:right; margin-top:0px; width:calc(100% - 300px); 
	border:0px solid #000; }
.header-info i {
	color:#000000; font-size:14px; }
.header-info .contact {
	display:block; width:100%; }
.header-info .contact p {
	color:#000000; }
.header-info .contact span {
	color:#000000; font-size:16px; }
.header-info .contact a {
	color:#000000; }
.header-bottom {
	display:none; } 

.header-top2 { 
	background:#27AE60; padding:3px 0px; *display:none; }
.header-top2 .container div {
	color:#fff; } 

.header-top3 { 
	background:#ffffff; padding:5px 0px; box-shadow:0 2px 3px rgba(0,0,0,.2); *display:none; border-bottom:1px solid #D7D7D7; }
.header-top3 .container {
	background:#ffffff; padding-top:0px; } 
.header-top3 .container a {
	color:#666; }
.header-top3 .container .col-md-6:first-child a {
	color:#666; font-weight:bold; }
@media (max-width:767px) {	
	#header {
		background:#F3F4F4; border:0px solid #000; }
	.header-top { 
		background:#F3F4F4; text-align:center; padding:5px 0px 5px 0px; border:0px solid #000; }    
	.header-top .container {
		background:#F3F4F4; } 
	.header-top .header-info {
		display:none; } 
	.navbar-default {
			background-color:#ffffff; border-color:#ffffff; }
	.header-bottom {
		display:block; height:100%; background:#ffffff; padding:5px 0px 5px; border:0px solid #00f; } 
	.header-bottom .header-info {
		}
	.header-top3 { 
		*display:none; }
}
@media (min-width:768px) {
	.header-top3 .col-md-6:last-child { 
		text-align:right; 
	}
}

/* logo */
.navbar-brand {
	width:100%; height:auto; padding:0px !important; border:0px solid #000; margin:0px auto 0px; text-align:center; 
	/*float: none; height:auto;  
	display:inline-block; */ } 
.navbar-brand h2 {
	font-size:50px; font-weight:bold; color:#000000; }
.logo-l { 
	width:260px;  margin:0px auto 0px; }
.logo-m { 
	display:none !important; }
.navbar-brand > img { 
	display:inline-block; padding:0; }

@media (max-width:767px) {	
	.logo-l { 
		display:none !important; }
	.logo-m { 
		display:block !important; margin-top:5px; width:100%; }
	.navbar-brand { 
		float:left; width:190px !important; height:auto; padding:2px 0px 2px 20px !important; }
}

/* 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:#fff; 
	padding-left: 0px; margin-left:6px; }
.navbar-nav .fa-angle-down {
	margin-left:6px; color:#fff; }
.dropdown-menu {
	min-width:200px; padding:5px 0; 	margin:2px 0 0; 
	font-size:14px; 
	background-color:#ffffff; 
	border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .15); border-radius:4px; 
	-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:#333333; font-weight:300; }
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color:#333333; background-color:#f5f5f5; }
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color:#ffffff; background:#e23626; }

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

	.navbar-default .navbar-toggle { 
		position:absolute; top:40px; 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:#333333; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#333333; }
	.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:#333333; 
		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:96%; }
	#header .navbar-nav > li {
		*width:calc(100% / 6) !important; padding:15px 0px 15px 0px; }
	#header .navbar-nav > li:hover .dropdown-menu {
		display:block; }
	#header .navbar-nav > li > a {
		margin:0px 0px 0px 0px; padding:0px 25px 0px 25px; border:0px solid #000; }
	#header .navbar-nav > li > a:first-child {
		margin-left:0px; }
	#header #navbar .navbar-nav > li > a {
		color:#3C3C3C; font-size:18px; *border-bottom:3px solid transparent; font-weight:bold; }
	#header #navbar .navbar-nav > li > a:hover {
		color:#3C3C3C; *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:#3C3C3C; *border-bottom:3px solid transparent; background:none; }
	#header #navbar .navbar-nav > li > a:after { 
		content:""; position:absolute; width:0px; height:100%; right:0; top:0; background:#ececec; overflow:hidden; }
	#header #navbar .navbar-nav > li:last-child > a:after { 
		width:0px; }
	.caret {
		color:#ffffff; }
}

/* body */
.body {
	background:#F3F4F4; }
.body .container {
	background:#ffffff; padding:10px 0px 10px; border:0px solid #00f; }
.body.main .content { 
	float:none; width:96%; margin:auto 2% auto 2%; border:0px solid #00f; }

.body.sub .side { 
	float:left; width:20%; margin:0px 0px 0px 2%; }
.body.sub .content { 
	float:right; width:74%; margin:0px 2% 0px 0px; }

@media (max-width:767px) {	
	.body.sub .side { 
		display:none; }
	.body.sub .content { 
		float:left; width:96%; margin:auto 2% auto 2%; border:0px solid #00f; }
	.content .img-responsive {
		width:767px; 
		width:100%; }
}

/* footer */
.footer {
	background:#F3F4F4; margin-top:0px; }
.footer-top {
	background:#F3F4F4; padding:0px 0px 0px 0px; color:##ffffff; display:none; }
.footer-top .container {
	background:#1C202E; padding-top:10px; padding-bottom:10px; }
.footer-body {
	background:#F3F4F4; padding:0px 0px 0px 0px; }
.footer-body .container {
	background:#2F2F2F; padding-top:20px; padding-bottom:20px; }
.footer-bottom {
	background:#F3F4F4; padding:10px 0px 0px 0px; }
.footer-bottom .container {
	background:#F3F4F4; padding-top:0px; padding-bottom:20px; }

.footer-body .footer-nav {
	padding-top:10px; padding-bottom:0px; }
.footer-body .social {
	padding-top:10px; padding-bottom:0px; }

.footer-info {
	text-align:left; }
.footer-info i {
	color:#ADBABA; padding:0px; border:0px solid #fff;  text-align:left; font-size:14px; }
.footer-info .contact p {
	color:#ADBABA; }
.footer-info .contact span {
	color:#ADBABA; }
.footer-info .contact a {
	color:#ADBABA; }
.footer-info div {
	color:#ADBABA; font-size:12px; }

.footer .copyright {
	color:#333333; font-size:12px; text-align:center; }
.footer .copyright a {
	color:#333333; font-size:12px; }
.footer .copyright a:hover {
	color:#333333; }

@media (max-width:767px) {	
	.footer { 
		margin-top:10px; }
	.footer .social-icon { 
		float:none; }
	.footer-body { 
		text-align:center; padding:0px 0px 0px 0px; border:0px solid #fff; }
	.footer-body .container {
		padding:10px 10px 10px 10px; }
	.footer-body .col-sm-3 { 
		display:none; }
	.footer .pull-right { 
		float:none !important; }
	.footer-info {
    width:100%; margin:0px !important; border:0px solid #fff; }
	.footer .copyright {
		text-align:center; }
}

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

/* slide */
.slider {
	width:100%; margin:0px; padding:0px; }
.slider .container {
	*width:100%; padding:0px; }
.carousel-control .fa{
	top:45%; font-size:3em; color:#fff; }
.carousel-caption {
	*top:30px; }
@media (max-width:767px) {	
	.carousel-caption { 
		*display:none; top:5px; }

	.carousel-caption h3{
		font-size:18px; }
	.carousel-caption p{
		display:none; }
	.carousel-control .fa{
		top:38%; font-size:2em; }
}

/* 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:0px; }
	.banner_home_01 h3 { 
		font-size:15px; }
	.banner_home_01 .text-wrap { 
		margin-bottom:15px}
	.banner_home_02 { 
		margin-top:0px; }
	.banner_home_02 .banner-text .banner-title { 
		right:20px; }
	.banner_home_02 .row > div { 
		margin-bottom:10px}
	.banner_home_02 .row > div.last { 
		margin-bottom:0px; border:0px solid #000;}

	.banner_home_03 .row > div { 
		*height:200px; margin-bottom:10px; }
	.banner_home_03 .row > div.last { 
		margin-bottom:0px; border:0px solid #000;}

	.banner_home_04 { 
		margin-top:0px; }

	.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 10px 0px 0px; 
	*width:30%; }
.boardList.webZine td.title .thumb img{
	border:1px solid #ccc; padding:1px; }
.boardList.webZine td.title p.title {
	border:0px solid #000; }
.boardList.webZine td.title a.webzine, 
.boardList.webZine td.title a.webzine span {
	font-size:18px; }
.boardList.webZine td.title p.summary{
	color:#333333; line-height:18px; margin-bottom:8px;  }
.boardList.webZine td.title .meta {
	margin-top:5px; } 
.boardList .meta li.author {
	color:#1569C7; font-size:16px; }
.boardList.webZine td.title span.price {
	color:#1569C7; font-size:16px; font-weight:bold; display:inline-block; float:right; }

.boardReadHeader .titleArea .title,
.boardReadHeader .titleArea .title span {
	font-size:20px; }
.boardReadBody {
	padding:10px 0px; }

@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%; } 
}

/* category tabs */
.nav-tabs {
	border-bottom: 0px solid #ddd; }
.nav-tabs>li {
	float: left; margin-bottom: 5px; }
.nav-tabs>li>a {
	margin-right: 5px; line-height: 1.42857143; 
	font-size:16px; 
	border: 1px solid #ddd; border-radius: 5px 5px 5px 5px; background-color: #fff; }
.nav-tabs>li>a:hover {
	border-color: none; }
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #555; cursor: default; font-weight:bold; 
	background-color: #ddd; border: 0px solid #ddd; border-bottom-color: transparent; }

/* widget - content */
.widgetContainer {
	margin:0px auto; width:100%; }
.xe-widget-wrapper .widgetTableA {
	}
.xe-widget-wrapper .widgetTableA td.title {  
	width:100%; *padding:0% 2%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  } 
.xe-widget-wrapper .widgetTableA td.title a {  
	color:#000000; font-size:14px; font-weight:bold; } 
.xe-widget-wrapper .widgetTableA td.summary a {  
	color:#333333; } 
.xe-widget-wrapper .widgetTableA td {  
	padding-bottom:5px; } 

.xe-widget-wrapper .widgetZineA li {
	width:100%; margin:0px 0px 5px 0px; padding:3px 0px 3px 0px; overflow:hidden; border-bottom:0px solid #ccc; }
.xe-widget-wrapper .widgetZineA li:last-child { 
	margin-bottom:2px; padding-bottom:2px; }

.xe-widget-wrapper .widgetZineA li p.thumbArea{ 
	float:left; width:20%; margin-right:2%; overflow:hidden; }
.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; }
.xe-widget-wrapper .widgetZineA li p.titleArea{ 
	float:left; width:78%; margin-left:0px; margin-bottom:4px; overflow:hidden; *white-space: nowrap; *text-overflow: ellipsis; }
.xe-widget-wrapper .widgetZineA li p.titleArea .board {  
	font-size:15px; color:#900; font-weight:bold; }
.xe-widget-wrapper .widgetZineA li .title { 
	font-size:18px; color:#000000; font-weight:bold; } 
.xe-widget-wrapper .widgetZineA li .subtitle { 
	font-size:14px; color:#000000; } 
.xe-widget-wrapper .widgetZineA li p.text{ 
	float:left; width:78%; margin-left:0px; margin-bottom:4px; overflow:hidden; *white-space: nowrap; *text-overflow: ellipsis; 
	color:#333333; }

.widgetZineA2 li .title {
	font-weight:bold; display:inline-block; }
.widgetZineA2 li .thumbArea {
	width:100%; }
.widgetZineA2 li .thumbArea img {
	width:100%; }
.widgetZineA2 li .titleArea {
	width:100%; }
.widgetZineA2 li .text {
	width:100%; }

@media (min-width:768px) {
	.widgetZineA2 {
		list-style: none; margin:0px; padding:0px; width:100%; }
	.widgetZineA2 li {
		float:left; width:32%; padding:0px; margin:0px 2% 10px 0px; line-height:160%; }
	.widgetZineA2 li:nth-child(3n+3) {    
		margin-right:0%; border:0px solid #000; }
}
@media (max-width:767px) {	
	.xe-widget-wrapper .widgetZineA li p.thumbArea {
		*float:none; *width:100%; *margin-right:0px; *overflow:none; }
	.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb { 
		}
	.xe-widget-wrapper .widgetZineA li p.thumbArea a.thumb img {
		}
	.xe-widget-wrapper .widgetZineA li p.titleArea { 
		*float:none; *margin-left:0px; *margin-bottom:4px; }
	.xe-widget-wrapper .widgetZineA li .title { 
		font-size:13px; } 
	.xe-widget-wrapper .widgetZineA li .subtitle {
		font-size:12px; } 
	.xe-widget-wrapper .widgetZineA li p.text { 
		*float:none; *margin-left:0px; 
		*display:none !important; }

	.widgetZineA2 li {
		float:left; width:49%; padding:0px; margin:0px 2% 10px 0px; line-height:160%; }
	.widgetZineA2 li:nth-child(2n+2) {    
		margin-right:0%; border:0px solid #000; }
}

/* widget - login */
@media (max-width:767px) {	
	.xe-widget-wrapper #fo_login_widget {
		display:none; }
}


/*
----------------------------- */
@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) { 
	.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) { 
	.footer-nav li a {
		padding-right:0.2em; font-size:14.5px; 
	}
}

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

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