@charset "utf-8";

/* reset
--------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	background:transparent; border:0 none; margin:0; padding:0; border:0; outline:0; *vertical-align:top; 
	text-align:left; color:#000; }
body {
	line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block; }
nav ul {
	list-style:none; }
blockquote, q {
	quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content:''; content:none; }
a {
	margin:0; padding:0; font-size:100%; *vertical-align:baseline; background:transparent; }
a:link { 
  color:#000; }
a:visited {
  color:#000; }
a:hover {
  color:#000; }
a:active {
  color:#000; }
ins {
	background-color:#ff9; color:#000; text-decoration:none; }
mark {
	background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del {
	text-decoration: line-through; }
abbr[title], dfn[title] {
	border-bottom:1px dotted; cursor:help; }
table {
	border-collapse:collapse; border-spacing:0; }
hr {
	display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select {
	vertical-align:middle; }

h1, h2, h3, h4, h5, h6, {
	font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1, h2, h3 {
  margin-top: 20px; margin-bottom: 10px; }
h4, h5, h6 {
  margin-top: 10px; margin-bottom: 10px; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 10px; }

/* container
--------------------------------------------------------*/
@media (min-width: 768px) {
  .container {
    width: 750px; }
}
@media (min-width: 992px) {
  .container {
    width: 970px; }
}
@media (min-width: 1100px) {
	#kso-container {
		width:1100px; margin:0px auto; }
}
@media (min-width: 1200px) {
	#kso-container {
		width:1170px; margin:0px auto; }
  .container {
    width: 1170px; width: 1170px; }
}

/* default 
--------------------------------------------------------*/
/* - */
.clearfix { 
	display:block; }
.clearfix:after { 
	clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0; }

/* - */
.display-none {
	display:none; }
.skip { 
	margin:0; }
.skip > a { 
	display:block; text-align:center; line-height:28px; height:1px; overflow:hidden; }
.skip > a:focus { 
	height:auto; }

/* margin */
.marginAuto{
	margin-left:auto; margin-right:auto; }
.mBottom10{
	margin-bottom:10px; }
.mBottom20{
	margin-bottom:20px; }
.mBottom30{
	margin-bottom:30px; }
.mBottom40{
	margin-bottom:40px; }
.mBottom50{
	margin-bottom:50px; }
.mBottom60{
	margin-bottom:50px; }
@media (max-width:767px) {	
	.mBottom10s {	
		margin-bottom:10px; } 
}

/* - */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.video-responsive {
	overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-responsive iframe {
	left:0; top:0; height:100%; width:100%; position:absolute; }
/* skin
--------------------------------------------------------*/
/* header 
-----------------------------*/
.header-top {
	}
.header-middle {
	}
.header-bottom {
	}

.u-header-type-2 .header-top {
	line-height: 30px; }
.u-header-type-2 .header-middle {
	line-height: 100px; }
.u-header-type-2 .navbar {
	border-top:2px solid #000; border-bottom:2px solid #000; }
.u-header-type-2 .navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	line-height: 40px;
	padding-left: 30px; padding-right: 30px; font-size:18px; }
.kso-header.kso-sticky .navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	line-height: 40px; }
.u-header-type-2-link {	
	font-size:13px; color:#333; }

.u-header-type-3 .header-top {
	line-height: 30px; }
.u-header-type-3 .header-middle {
	line-height: 100%; }
.u-header-type-3 .navbar {
	border-top:1px solid #ccc; border-bottom:2px solid #000; }
.u-header-type-3 .navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	line-height: 40px;
	padding-left: 30px; padding-right: 30px; font-size:18px; }
.kso-header.kso-sticky .navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	line-height: 40px; }
.u-header-type-3-link {	
	font-size:13px; color:#333; }

/* search */
.header-middle .search {
	margin-top:10px; } 
.header-middle .search .search_keyword {
	border:2px solid #000; height:32px; padding-left:10px; }
.header-middle .search .search_btn {
	background:#000; border:1px solid #000; height:32px; padding-left:20px; padding-right:20px; 
	color:#fff; }
.u-header-type-3 .header-middle .search {
	float:right; }

/* nav */
/* 마우스 오버시 색상 변경은 관리자 페이지 또는 preferences.html - 작동이 안됨. */
.navbar-nav .nav-item a:link span { 
  color:#000 !important; }
.navbar-nav .nav-item a:hover span {
  color:#00f !important; }
.navbar-nav .nav-item a:active span {
  color:#00f !important; }

.u_mh_link {
	font-weight:bold; padding-left:5px; padding-right:5px; }

/* body 
-----------------------------*/
.ubtn {
	font-weight:bold; font-size:13px; }

/* body top */
.sub-top {
	}

/* slider */
.xi-angle-left,
.xi-angle-right {
	border:2px solid #000; background:#fff; opacity: .8; border-radius: 50px; }
.owl-slide .owl-nav {opacity: 0; opacity: 1;}
.owl-slide:hover .owl-nav {opacity: .8; opacity: 1;}
.owl-slide.owl-theme .owl-nav [class*='owl-'] {
	width: 80px;height: 80px;
	font-size: 14px;line-height: 80px;
	color: #fff; background-color: rgba(255,255,255,0);
	border-radius: 0;
}

/* breadcrumb */ 
.breadcrumb {
	position:relative; padding:10px 0px 10px 0px; color:#000000; 
	background:#fff; border-radius:0; border-bottom:1px solid #000; }
.breadcrumb h2 {
	margin:0px 0px 10px 0px; color:#000000; font-size:20px; }
.breadcrumb a {
	color:#000000 !important; }
.breadcrumb .divider {
	}
.point-bg2 {
	}

/* body content */
#section-board-1 {
	margin-top: 0px; }
#content { 
	margin-top: 0px; }

.kso-section { line-height:120%; }
#section-icon {padding-top: 20px;padding-bottom: 20px; }

.head-line{ position:relative}
.head-line span{ position:relative;display:inline-block;padding-right:10px;background:#fff;z-index:1}
.head-line.text-right span{ padding-left:10px;padding-right:0}
.head-line.text-center span{ padding-left:10px;padding-right:10px}
.head-line:before{ display:block;content:'';position:absolute;top:50%;width:100%;height:2px;border-top:1px solid #ccc;z-index:1}

.list-group-item a {display:block;color:#666;}
.list-group-item ul li {padding:7px 0 3px;}

.tns, 
.document_popup_menu {
	display:none; }

/* body side */
.side_banner {
	margin-bottom:6px; }

/* module board */
.cLink {
	line-height:180%; padding:0px 0px 10px 10px; }
.cLink a {
	font-size:14px; color:#1C7EBD; }
.pCat {
	font-weight:bold; font-size:16px; }

.board_list .webzine .thumbnail {
	float:left; }
.board_list .webzine .contents {
	float:left; }
.board_list .webzine .contents .chk {
	margin-bottom:4px; border:0px solid #000; }
.board_list .webzine .contents .title, 
.board_list .webzine .contents .summary {
	word-wrap: break-word;  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; }
.board_list .webzine .contents .title {
	font-size:16px; font-weight:bold; line-height:140%; margin-bottom:4px; border:0px solid #000; }
.board_list .webzine .contents .summary {
	line-height:140%; }
.board_list .webzine .contents .date {
	font-size:14px; }
.board_list .webzine .contents .readed_count {
	font-size:13px; display:none; }

.read_count {
	display:none; }

input.iText {
	width:90% !important; height:36px !important; border:1px solid #ccc !important; }
input.text {
	width:100% !important; height:36px !important; border:1px solid #ccc !important; }

.list_footer .board_search .iText {
	width:160px !important; height:30px !important; line-height:20px !important; 
	padding:0px 60px 0px 27px !important; }
.list_footer .board_search select {;
	min-width:80px; height:30px; padding:0px; }
.list_footer .board_search .btn {
	position:relative; top:0; right:0; border-radius:0 2px 2px 0; height:30px !important; }

/* module member */
.xm input[type="text"],
.xm input[type="password"],
.xm input[type="datetime"],
.xm input[type="datetime-local"],
.xm input[type="date"],
.xm input[type="month"],
.xm input[type="time"],
.xm input[type="week"],
.xm input[type="number"],
.xm input[type="email"],
.xm input[type="url"],
.xm input[type="search"],
.xm input[type="tel"],
.xm input[type="color"]{
	height:30px; line-height:30px; padding:4px 6px; margin-bottom:10px; } 	

/* widget */ 
.xe-widget-wrapper {
	border: 0px solid #000; }
.widgetContainer {
	border: 0px solid #000; }

.widgetZineA li { 
	list-style:none; margin-bottom:13px !important; padding-bottom:13px !important; overflow:hidden; }
.widgetZineA .titleArea .title {
	color:#000 !important; font-size:18px; }
.widgetZineA .text {
	color:#111 !important; }
.news1_slide2 .thumbArea { 
	margin:0px; border:0px solid #000 !important; 
	z-index:100; }
.news1_slide2 .titleArea {
	margin:0px; padding:10px 10px 10px 20px; color:#fff; background:#000 !important; 
	z-index:200; }
.news1_slide2 .titleArea a.title { 
	color:#fff; }
ul.widgetA2 { 
	margin:0 !important; padding:0 !important; }
ul.widgetA2 li { 
	margin:0 0 0px 0px !important; padding:0 0 0 0px !important; list-style:none !important; border:0px solid #000; }
ul.widgetA2 li:after { 
	content:""; display:block; clear:both;} 

div.simpleWidgetStyle h2 { 
	border-bottom:0px solid #434343 !important; }


/* footer 
-----------------------------*/
.section-footer {
	font-size: 14px; line-height: 1.8; background-color: #fff !important; 
	padding-top:0px !important; padding-bottom:0px !important; }
.section-footer div { 
	color:#666 !important; }
div.fnb-wrapper {
	*width:100%; *height: 20px; margin:0px auto; clear:both; text-align: left; 
	color:#7e8082  !important; *font-size:10px !important; }
.fnb-wrapper a { 
	margin:0px 0px 0px 0px;  
	color:#666; font-size:14px; text-decoration:none !important; letter-spacing:0px; }
.fnb-wrapper span {
	color:#666; font-size:8px; padding:0px 5px 0px 5px; display:inline-block; margin-top:5px; }

.u-footer-type-2 {
	border-top:1px solid #ccc; background:#fff !important; padding-top:5px !important; }
.u-footer-type-2 .footer-top {
	border:0px solid #000; }

.u-footer-type-3 .footer-top .row {
	border-top:1px solid #999; background-color: #F0F0F1 !important; 
	padding-top:20px !important; padding-bottom:20px !important;}

.fnb { 
	list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; zoom:1; }
.fnb li { 
	float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px;
	list-style:none; text-align:center; white-space:nowrap; 
	*background:url(../images/footer_fnb_li.gif) no-repeat left center; }
.fnb li.first { 
	}
.fnb li:first-child { 
	}
.fnb li a { 
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:100%; display:inline; 
	color:#000000; font-size:14px; font-weight:bold; text-decoration:none !important; letter-spacing:0px; }
.fnb li a:hover,
.fnb li a:active,
.fnb li a:focus { 
	color:#000000; }
.fnb li span { 
	display:inline; border-right:0px solid #000; font-size:10px; line-height:90%; }
.fnb li:last-child span { 
	border-right:0px solid #000; }
.fnb li:first-child a { 
	padding-left:0px; }
.section-footer .copyright {
	color:#666; font-size:12px; }

/* */
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }

	.navbar-brand {
		width:80%; } 
	.u-header-type-2 .navbar {
		border-top:0px solid #000; border-bottom:0px solid #000; }
	.u-header-type-3 {
		margin-top:0px !important; padding-top:20px; } 
	.u-header-type-3 .navbar {
		border-top:0px solid #000; border-bottom:0px solid #000; }

	/* mobile */
	.bsnav-mobile {z-index: 102;}
	.bsnav-mobile>.navbar {
		padding-top: 60px; width: 60%; }
	.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {
		padding-left: 50px;}
	.bsnav-mobile.in .bsnav-mobile-overlay {
		*margin-top:100px; }

	#section-board-1 {
		margin-top: 0px; }
	#content { 
		margin-top: 0px; }
	.kso-contents { 
		padding-top: 10px; padding-bottom: 10px; }

	.widgetGalleryR { width:100%; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
	.widgetGalleryR li:nth-child(2n+1) { clear:left; }
	.widgetGalleryR li:nth-child(2n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { width:49%; margin-right:1%; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}
@media (min-width: 768px) {
	.widgetGalleryR { width:100%; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
	.widgetGalleryR li { width:23.33333%; margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:none; }
	.widgetGalleryR li:nth-child(3n) { margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(4n+1) { clear:left; }
	.widgetGalleryR li:nth-child(4n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  .hidden-lg {
    display: none !important;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}