/*
Theme Name: aden
Theme URI:
Author: 멀티형 홈페이지
Author URI:
Description: 
Version: 1.0
License:
License URI:
Text Domain:
Tags: 

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Layout
	13.1 Main Layout Info
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Gothic+A1:wght@100;200;300;400;500&family=Nanum+Brush+Script&family=Nanum+Gothic:wght@700;800&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100;300;400;700;900&display=swap');
.font{
font-family: 'Nanum Pen Script', cursive;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Sans TC', sans-serif;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	
}
@font-face {
    font-family: 'Taenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
a:focus{outline :none !important;}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background:#000; /* Fallback for when there is no custom background color defined. */
		background-image:url(images/pattern14.jpg);
	background-repeat:no-repeat;
	background-position:center 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
html,body{

}
body {
	margin: 0;
	padding: 0;
	border: none;
	
	font-weight:300;
}

body a {
	color: #333;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: 400;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #666;
}

a:visited {
	color: #666;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page-content > *:first-child,
.entry-content > *:first-child {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 25px 0 20px;
	font-weight: 700;
}

h1 { font-size: 2em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; }

h4 {
	font-size: 1.4em;
	font-weight: 700;
}

h5 {
	font-size: 1.2em;
	font-weight: 400;
}

h6 {
	margin-bottom: 15px;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
}

blockquote {
	margin: 2.5em 0;
	padding: 0 0 0 40px;
	position: relative;
	color: #666;
	background: url(images/blockquote.png) no-repeat;
}

blockquote:before {
	content: '';
	width: 64px;
	height: 64px;
	color: #019EBD;
	position: absolute;
	top: -4px;
	right: -6px;
}

blockquote p {
	font-size: 1.25em;
	line-height: 160%;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-container + .respond-container { border-top: 2px solid #eee; }

.comment-respond {
	margin: 0 auto;
	position: relative;
}

.commentlist .comment-respond {
	max-width: 100%;
	margin: 30px 0 0;
	border-top: 2px solid #eee;
	padding: 30px 0 0;
}

#cancel-comment-reply-link {
	margin-left: 5px;
	font-size: 0.9rem;
	font-weight: 700;
	color: #999;
}

#cancel-comment-reply-link:hover {
	text-decoration: underline;
	color: #999;
}

.comment-notes { color: #666; }

.comment-form { margin-top: 40px; }

.comment-form p { margin-top: 30px; }

.comment-form p a:hover { text-decoration: underline; }

p.comment-form-author,
p.comment-form-email {
	width: 47.5%;
	float: left;
	margin: 0 0 30px;
}

p.comment-form-author { margin-right: 5%; }

.comment-form label {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
	color: #666;
}

.comment-form .required {
	color: red;
	margin-left: 3px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	display: block;
	width: 100%;
	padding: 16px 18px;
	border-radius: 3px;
	background: #f2f2f2;
	color: #333;
	border: none;
	font-size: 0.95em;
	margin: 0;
}

.comment-form textarea {
	height: 250px;
	line-height: 140%;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
	outline: none;
}

.form-submit #submit, .comment-reply-link {
	padding: 14px 20px 16px 20px;
	border: none;
	margin: none;
	background: #666;
	border-radius: 3px;
	font-size: 0.9em;
	color: #fff;
	-webkit-appearance: none;
}

.form-submit #submit:hover, .comment-reply-link:hover {
	cursor: pointer;
	background: #4a97ef;
	color: #fff;
}

.comment-form .comment-subscription-form label {
	text-transform: none;
	letter-spacing: 0;
}

.comment-subscription-form + .comment-subscription-form { margin-top: 12px; }

.form-allowed-tags { display: none; }

ol.comment-list { list-style: none; margin: 0 0 2em 0; }

.reply { margin: 2em 0; }


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1 Basic Layout Info
--------------------------------------------------------------*/

.content-area, .container {
	text-align: left;
	margin: 0 auto;
	width:100%;
	position: relative;
}
.sub_content_wrap{padding-bottom:140px;width:100%;max-width:1451px;margin:10px auto 0 auto;box-sizing:border-box;}
.sub_content_wrap > img{width:auto;}


.main_contain{text-align:left;width:100%;box-sizing:border-box;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
z-index:1;
}

#breadcrumbs { padding: 20px 0px 10px; }
#breadcrumbs ul { margin-left: 0; }
#breadcrumbs ul li { float: left; list-style: none; margin-right: 8px; }
#breadcrumbs .raquo { font-size: 0.8em; color: #4A97EF; padding-top: 2px; }
.entry-title { font-size: 2em; font-weight: 700; display: none; }
.entry-meta, .comment-metadata, .entry-meta a, .comment-metadata a { font-size: 0.9em; color: #aaa; }
.entry-header .entry-meta { display: none; }
.comments-title, .comment-reply-title { margin-bottom: 40px; font-size: 1.5em; font-weight: 700; }
.widget-title { font-size: 1.2em; }
.clearfix { clear: both; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.last { margin-right: 0; }

/*--------------------------------------------------------------
13.2 Main Layout Info
--------------------------------------------------------------*/
.falling-leaves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height: 1080px;
  max-width: 1920px;
  max-height: 1080px; // image is only 880x880
  background: url('') no-repeat center center;
  background-size: cover;
  overflow: hidden;
	z-index:1;
}

.leaf-scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
		height: 100%;
    transform-style: preserve-3d;
		z-index:1;

}
.falling-leaves > .leaf-scene > div {
	z-index:1;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(images/dan.png) no-repeat;
  background-size: 100%;
  transform-style: preserve-3d;
  backface-visibility: visible;
}
.header_topbg{background-color:rgba(0,0,0,.3);position:absolute;clear: both; min-height: 100%;text-align: center; width: 100%; z-index: -1;background-size:cover;background-repeat:no-repeat;}
.site-header {border-bottom:2px solid #000;position:fixed;clear: both; text-align: center; width: 100%; z-index: 9999; }
.mobile-only { display: none; }
.menu-sticky { display: none; }
.site-header-bg { position: relative; width: 100%; height: 0%; z-index: 999;}
.win_scroll_on{background-color:rgba(0,0,0,0.2);}
.win_scroll_off{background-color:rgba(0,0,0,0.0);}
.site-navigation-bg { position: absolute; width: 100%; height: 100%; display: none; }
.site-title{padding:2px 0;}
.site-title img{width:100%;max-width:125px;min-width:55px;vertical-align:top;}
.m_site-title img{width:100%;max-width:120px;}
.site-title-small { display: none; }

.m_site-title-small { display: none; }
	.menu-sticky .site-title { display: none; }
	.menu-sticky .site-title-small { display: block; }
	.home .site-content { padding: 0;}
.sidebar_wrap .mobile_site-branding .site-title{margin:0px 0 0 0;padding:15px 0 0 0 !important;}
.sidebar_menu{}
.bottom_shadow{display:none;background:#fff;min-height:24px;background-image:url(images/rightt_shadow.png);background-repeat:no-repeat;background-size:100% 30px;}
.right_bg{display:none;opacity:.6;top:40px;left:250px;position:absolute;height:100%;max-height:878px;width:120px;    background: rgb(229,229,230);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent, rgba(223,223,223,0) 70%);

background-repeat:no-repeat;background-size:cover;}
.site-footer {color: #ddd; }
.site-footer a { color: #fff; }
.main_down_quick{display:none;text-align:center;z-index:0;width:100%;max-width:694px;height:auto;position:relative;margin:0 auto;}
.main_down_quick .down_img{position:absolute;top:0;left:0;}
.sub_down_quick{text-align:center;z-index:1;width:100%;height:auto;position:relative;margin:-17px auto 0 auto;}
.sub_down_quick .down_img{position:absolute;top:0;left:0;}
.down_one{}
.down_one img{width:100%;max-width:440px;}
.down_two{}
.down_three{}
.down_four{}
.slog-anim {
	    -webkit-animation: icoBig2 1.6s linear infinite;
	    -moz-animation: icoBig2 1.6s linear infinite;
	    animation: icoBig2 1.6s linear infinite;
	    animation-delay: 0.2s;
	}

	@-webkit-keyframes icoBig2{
		0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}
		20%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
		21% {-webkit-transform:scale(1);transform:scale(1); display:none;}
		100%{-webkit-transform:scale(1);transform:scale(1); display:none;}
	}
	@-moz-keyframes icoBig2{
		0%{-moz-transform:scale(1);transform:scale(1);opacity:.6}
		20%{-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}
		21% {-moz-transform:scale(1);transform:scale(1); display:none;}
		100%{-moz-transform:scale(1);transform:scale(1); display:none;}
	}
	@keyframes icoBig2{
		0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:.6}
		20%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}
		21% {-webkit-transform:scale(1);-moz-transform:scale(1); transform:scale(1);display:none;}
		100%{-webkit-transform:scale(1);-moz-transform:scale(1); transform:scale(1);display:none;}
	}
.main_text{text-align:center;}
.main_text img{width:1000%;max-width:437px;margin-bottom:-20px;}
.main_down_quick a img{vertical-align:top;}
.main_contain div{box-sizing:border-box;}
.main_visual_box{background-color:rgba(0,0,0,0.5);border:1px solid #000;}
.footer_container{width:100%;}
.footer_title{margin:0 0 10px 0;}
.footer_box{font-size:12px;padding:10px 0;text-align:center;}
.footer_box p {line-height:1.4em;padding:0;margin:0;}
.pattern{width:100%;height:100%;position:absolute;z-index:1;background-image:url(images/pattern2.png);}
.top_shadow{transform:rotate(180deg);top:0;height:40px;border-top:5px solid #fff;display:none;}
.side_top_shadow{top:0;height:40px;display:none;}
.bg-area{position: relative;display: block; clear: both;overflow:hidden;height: 100vh !important; /* 화면 높이의 100% */
    min-height: 100vh !important;}
.section-area {margin:10px;margin:50px auto 0 auto;display: block; clear: both;overflow:hidden;position:relative;z-index:1;}
.section_contain{overflow:hidden;z-index:1;}
.main_section_contain{overflow:hidden;background-color:rgba(255,255,255,0.5);border:1px solid #333;z-index:1;}
.section-area_two { position: relative; display: block; clear: both; width: 100%;overflow:hidden;max-width:1451px;margin:0 auto;}
.section-area_three { position: relative; display: block; clear: both; width: 100%;overflow:hidden;max-width:1451px;margin:0 auto;}
#page .container{max-width:1400px;margin:0px auto;box-sizing:border-box;}
#featured, #service-area, .img-section { background-position: bottom center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.slide { top:100px;display: block; padding-top: 160px; position: absolute; z-index: 9; width: 60%; }
	.slide .section-title { font-size: 5em; line-height:1em; color: #fff;  }
	.slide p { font-size: 2em; line-height:1.2em; color: #fff;}
#featured .container { height: 680px; }
.featured-slider { position: absolute; bottom: -150px; right: -300px;}
.featured-slider img { vertical-align: bottom; }
#services { box-sizing:border-box;width:100%;margin:0 auto;}
.service { text-align: center;}
.service .thumb { padding: 30px 0 0; min-height: 180px; }
.service .title { font-size:1.5em; font-weight: 700;}
.service p { padding: 0px; margin:0;}
#service-area { padding: 0px 0px; }
#board-area { padding: 60px 0;background-size:cover;background-attachment:fixed !important; }
.img-section, .page-section, .map-section  { padding: 0; width: 100%; }
.map-section .section-title { padding: 10px 0 10px 70px; background: url(images/icon-tick.png) no-repeat; }
.map-section .thumb table { margin: 0; }
.section-title { font-size:2em; font-weight: 700; line-height: 1.2em; padding: 20px 0; margin: 0; }
.img-section  .section-title { color: #fff; }
#secondary {}
.wonpage-entry { margin-bottom: 10px; }
.post-thumb { display: block; float: left; padding: 2px; position: relative; margin: 10px 30px 30px 0; overflow: hidden; }
.wonpage-entry .post-thumb { width: 102px; height: 102px; }
.post-thumb img { max-height: 100%; max-width: 100%; }
.post-overlay { position: absolute; top: 0; left: 0; }
.post-title { display: inline-block; font-size: 1.2em; line-height: 1.4em; padding: 8px 0; margin: 0;  }
.post-info { color: #aaa; font-size: 0.9em; }

#footer-sidebar { padding: 15px 0; }
#footer-sidebar h3.widget-title { color: #fff; font-weight: bold; padding-bottom: 10px; }

/*--------------------------------------------------------------
13.2 Columns
--------------------------------------------------------------*/

.thumb { text-align: center; }
.entry { text-align: left; }
.one-column-bottom .thumb { width: 100%; }
.one-column-bottom .entry { width: 100%; text-align: center; }

.two-column-left .thumb { width: 47.5%; margin-right: 5%; float: left; }
.two-column-left .entry { width: 47.5%; float: right; }
.two-column-left .entry .section-title { text-align: left; }

.two-column-right .thumb { width: 47.5%; float: right; }
.two-column-right .entry { width: 47.5%; margin-right: 5%; float: left; }
.two-column-right .entry .section-title { text-align: left; }

.one-fourth { width: 25%; float: left; box-sizing:border-box; }
.one-third { width: 32.66666666666666%; margin-left: 1%; float: left; }
.one-half { width: 47.5%; margin-left: 5%; float: left; }
.two-thirds { width: 65%; margin-left: 5%; float: left; }
.one{ width: 100%;}
.one-fourth:first-child,
.one-third:first-child,
.one-half:first-child,
.two-thirds:first-child { margin-left: 0; }


.color_wrap{background:#fff;}
.serverinfo > div > div > .title{color:#000 !important;}
/*#services > div::before{content:"";background:url() no-repeat;position:absolute;height:60px;width:100%;left:-4px;top:-3px;min-width:360px;}*/
/*#services > div::after{content:"";background:url() no-repeat;position:absolute;height:60px;width:100%;left:-4px;bottom:-1px;min-width:360px;}*/
#services > div::before{content:'';position:absolute;top:0;left:0;width:100%;height:57px;background-image:url(images/latest_top_shadow.png);background-repeat:no-repeat;display:none;}
#services{text-align:center;}
#services > div{
    overflow: hidden;
    position: relative;
    width: 24.5%;
    margin: 0 .25%;
    height: 100%;
    min-height: 341px;
    max-height: 170px;
    display: block;
    float: left;
    padding: 51px;
}
#services > div:first-child{margin-left:0;}
#services > div:last-child{margin-right:0;}
#services > div:hover a .title_h3_wrap h3{color:#85c8eb !important;transition-duration:.5s;}
#services > div{}
/*사용자 설정 -------------------------------------------------------------------------------------------------------*/

/*메인 로인폼*/
#kboard-thumbnail-latest table td.kboard-latest-title{padding:3px 20px !important;}
#page{overflow:hidden;margin:0 0 0 0;min-height:500px;}
.lineage_story{
	background-image:url(images/boad_bg.png) !important;
	background-attachment: fixed;
	}
#services .lin_mark{padding:23px 0px;background:url('images/lineage_mark.png') no-repeat center;background-size:67px 23px;cursor:pointer;color:#fff;margin:0;text-align:left;font-size:15px;background-position:center;float:right;width:50%;}
#services .title{padding:10px 0px;cursor:pointer;color:#fff;margin:0;text-align:center;font-size:15px;}
.site-description{padding:3px 0 0px 0;float:right;}
.down_load_wrap{float:right;}
.sns_box_wrap{
padding:2px 0;
}
.sidebar_wrap .phone{display:none;}
.site-description a { font-size: 0.8em; color: #fff; }
.site-description span { display: inline-block; padding: 0 24px; }
.site-description span.phone { background: url(images/icon-phone.png) no-repeat 0px 4px; }
.site-description span.email { background: url(images/icon-phone.png) no-repeat 0px 6px; }
.site-content { padding-bottom: 0px;margin:0 auto;}
.sidebar_bottom_shadow{display:none;z-index:99;border-top:5px solid #fff;background:#fff;position:absolute;width:100%;bottom:0;min-height:39px;background-image:url(images/left_shadow.png);background-repeat:no-repeat;background-size:100% 36px;}
.sidebar_top_shadow{z-index:99;border-bottom:5px solid #fff;background:#fff;position:absolute;width:100%;bottom:0;min-height:39px;background-image:url(images/side_top_shadow.png);background-repeat:no-repeat;background-size:100% 36px;}
.clear{clear:both;margin:0 !important; padding:0 !important;}
.sns_wrap{float:left;}
.main_login_wrap{float:right;margin-top:0px;}
.main_login_wrap > div > ul{}
.main_login_wrap > div > *{margin:0;padding:0;}
.main_login_wrap > div > ul > li{display:inline-block;margin:0 10px 0 0;list-style:none;}
.direct_icon{display:block;}
.melife_wrap h4{color:#333 !important;}
.top_menu > li > a{font-size:13px;}
.post{border-bottom:1px solid #eee;margin:30px 0 30px 0;}
.main_top_menu{
z-index:9;
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, -0%);
}
.top_menu > li > a:hover{
color:#ff9207;
transition-duration:.5s;
}
.menu_top_wrap{display:block;}

.header_bg{min-height:100%;}
.site-header-bg{}
.main_y{top:0;color:#000;}
#canvas{background-color:rgba(0,105,209,.7);width:100%;height:100%;position:absolute;z-index:1;opacity:.3;}
#kboard-default-document .kboard-detail{background:transparent !important;}
#kboard-default-document .kboard-control{background:transparent !important;}
#kboard-thumbnail-document .kboard-control{background:transparent !important;}
#kboard-default-list{background:#fff;}
.nav_wrap{margin:0 auto;float:left;}
/*--------------------------------------------------------------
5.3 메뉴바 사용자 설정
--------------------------------------------------------------*/
.main-navigation {
float:right;
display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	position:relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	text-align:center;
	width:100%;
}

.main-navigation .menu > li > a{font-weight:400;}
.main-navigation .menu >li  {
	position:relative;
	display: inline-block;
	float: left;
	list-style: none;
	padding:7px 20px;

	text-align:center;
}


.main-navigation ul > li > ul {
	
	position: absolute;
	top: 41px;
	z-index: 9999999999999;
	width:100%;
	left:0;
}

.main-navigation ul > li > ul > li {
position:relative;
background-color:rgba(0,0,0,0.5);
margin:1px 0 0 0;
padding:3px 3px;
box-sizing:border-box;
}
.main-navigation ul > li > ul > li a:link{
	font-weight:500;
font-size:13px;
letter-spacing: -1px;
}
.main-navigation ul > li > a { color: #fff;font-weight:400;}
.main-navigation ul > li > a:visited { color: #fff;}
.main-navigation ul > li > a:hover { color: #f00;opacity:1;transition-duration:.5s;}
.gnb_wrap .menu > li{}
.gnb_wrap .menu > li::before{
content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    background-image: url(images/blit3.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    z-index: -1;
    background-size: contain;
}
.gnb_wrap .sub-menu a:link{color:#fff !important;}
.gnb_wrap .sub-menu a:visited{color:#fff !important;}
.gnb_wrap .sub-menu a:hover{color:#f00 !important;}
.gnb_wrap{display:block;float:right;position:relative;}
.menu-sticky .main-navigation ul li a { color: #333; font-size: 0.9em; }

.menu ul li {list-style: none; }
.menu-toggle { padding: 12px 0px 10px; background: url(images/menu-toggle.png) no-repeat center center; position: absolute; margin-top: 0px; width: 50px; height:40px;}
.main-navigation.toggled .menu-toggle { background: url(images/menu-toggled.png) no-repeat center center; }
button.menu-toggle, .toggled button:focus  { border: none; box-shadow: none; }
/* 사이드바 */
.sidebar_wrap {border:1px solid #000;left:0%;display: block; position:absolute;z-index:99999;top:136px;width:250px;}
/*aside*/
.sidebar_wrap .menu-\%ec\%a3\%bc\%eb\%a9\%94\%eb\%89\%b4-container{display:block;margin:0;}

/*aside*/
.sidebar_bg{overflow:hidden;z-index:-1;position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.5););
}
.sidebar_bg img{min-width:1920px;opacity:.5;}
.mobile_site-branding{text-align:center;}
.sidebar_wrap ul,li{list-style:none;padding:0;margin:0;}
.side_top_menu{text-align:center;}

.side_top_menu .top_menu > li{display:inline-block;margin:0;width:30.333333%;}
.side_top_menu .top_menu::before{display:table;content:"";clear:both;}
.side_top_menu .top_menu::after{display:table;content:"";clear:both;}
.side_top_container  .snswrap{float:left;}
.side_top_container  .side_top_menu{float:right;}
.side_top_container::after{display:table;content:"";clear:both;}
.sidebar_wrap .site-navigation > button{border:2px solid #333;background:url(images/close.gif) no-repeat center center;}
.sidebar_wrap .menu > li{max-width:100%;padding:5px 20px;box-sizing:border-box;display:block;float:none;width:100%;position:relative;}
.sidebar_wrap .menu > li ul > li{padding:10px 20px;box-sizing:border-box;line-height:0.6;position:relative;}
.sidebar_wrap .menu > li ul > li:last-child{border-bottom:none;}
.sidebar_wrap .menu > li:nth-child(1){}
.sidebar_wrap .menu > li a:link{display:block;text-decoration:none;color:#fff;text-align:left;font-weight:300;}


.sidebar_wrap .menu > li:last-child{}
.sidebar_wrap .menu .sub-menu{display:block !important;}
.site-branding{text-align:center;float:left;}
.sidebar_wrap .menu > li::before{width:25px;height:22px;content:"";position:absolute;left:25px;top:5px;background:url('images/sword1.png') no-repeat 0 0;color:#000;}
.sidebar_wrap .menu > li a:visited{color:#fff;}

.sidebar_wrap .menu > li > a:link{display:block;text-decoration:none;color:#fff;text-align:left;font-weight:300;margin:0 0px 0 30px}
.sidebar_wrap .menu > li > a:visited{color:#fff;}
.sidebar_wrap .menu > li > a:hover{color:#f00;transition-duration:.3s;}

.sidebar_wrap .sub-menu > li > a:link{display:block;text-decoration:none;color:#fff;text-align:left;font-weight:300;margin:0 0px 0 30px}

.sidebar_wrap .sub-menu > li::before{width:25px;height:22px;content:"";position:absolute;left:25px;top:3px;background:url('images/sword2.png') no-repeat 0px 0px;color:#000;}
.sidebar_wrap .sub-menu > li:hover a{color:#d38242;font-weight:300;transition-duration:.3s;}

.side_top_wrapper{margin:10px 0 0 0;background:transparent;overflow:hidden;padding:9px 0;}
.side_top_wrapper a:link{color:#fff;font-size:13px;padding: 0 0 0 5px;font-weight:300;}
.side_top_wrapper a:visited{color:#fff;font-size:13px;}

.side_img_top{background-image:url(images/side_img_top.png);background-size:contain;background-repeat:no-repeat;}

.sidebar-wing-close{text-align:right;}
.sidebar-wing-close a:link{font-size:20px;text-align:left;color:#00fff0;display:inline-block;margin:3px 3px 0 0;padding:0 5px;}
.sidebar-wing-close a:visited{color:#eee;}
.sidebar-wing-close a:hover{font-size:20px;text-align:left;color:#fff;transition-duration:.3s;}
.sidebar-wing{height: 83px;}
.inside p{
	font-weight:300;
	color:#fff;
	display: inline-block;
    width: 49%;
		letter-spacing: -2px;
		font-size:15px;
}
#breadcrumbs{display:none;}
.entry-footer{display:none;}
/* Small menu */
.menu-toggle {
	display: none;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*+++++++++++++++++main title++++++++++++++++++++*/
.main_title_wrap{background:rgba(0,0,0,0.5);width:100%;position:absolute;bottom:0;right:0;}
.main_title{display:table;float:right;}
.entry-meta{display:none;}
/*서브 포스트 타이트*/
.post-heading {position:relative;height:500px;
    opacity: 1;
    width: 100%;
    overflow: hidden;background-attachment:fixed;margin: 0 auto; text-align: center; background-position: center -400px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.post-heading h1 { margin:0;font-size: 2em; color: #fff;  text-align: center; }
.post-heading .entry-meta, .post-heading .entry-meta a { color: #fff; text-align: center; }
.sub_title_wrap{position:absolute;z-index:9;width:100%;background-color:rgba(0,0,0,0.2);text-align:center;bottom:0;}


.row > div{display:inline-block;width:49%;}




/*게시판*/
.kboard-detail{background-color: #f7efcb !important;display:none;}
#kboard-default-list .kboard-list tbody td.kboard-list-title{text-align:left !important;padding-left:20px;}
.kboard-list-hunting_level{display:none;}
.kboard-user-date img{vertical-align:top;}
#kboard-linw-list{background:#fff;}
.kboard-sort-linw{display:table;margin:0 auto !important;height:25px !important;overflow:hidden;}
.kboard-thumbnail-button-small{height:26px !important;vertical-align:top;padding:1px 10px !important;}



#kboard-thumbnail-list .kboard-list table td{padding:6px 20px;}
#kboard-thumbnail-list .kboard-list table td{font-size:13px;}
#kboard-default-list .kboard-list table td{padding:6px 20px !important;}
#kboard-default-list .kboard-list table td{font-size:13px !important;}
.kboard-thumbnail-cut-strings{font-size:14px;}
.kboard-list-empty{font-size:14px;padding:10px 0 20px 0;}
#kboard-thumbnail-latest table .kboard-latest-title a{font-size:17px !important;}
.kboard-control{padding:10px 30px !important;box-sizing:border-box;}
.linw-title{display:inline-block;}
.linw-photo-list table tbody{display:block;overflow:hidden;padding:5px !important;box-sizing:border-box;}

.linw_kboard_list tr:first-child{border-top:2px solid #000000 !important;}
.linw_kboard_list tr:last-child{border-bottom:2px solid #000000 !important;}


.kboard-list table tr:first-child{}
.kboard-list table tr:last-child{}
.kboard-list table tr:hover {
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    transition-duration: .5s;
}

.kboard_write_btn{border:1px solid #eee;padding:5px 20px;float:right;margin:10px;}
.kboard_write_btn:hover{background:#000000;color:#fff;transition-duration:.5s;}
#kboard-linw-list .kboard-list table tr:hover{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;transition-duration:.5s;}
.kboard-list-recomment p{margin:0;padding:0;}
.kboard-list-user{width:30% !important;}
#kboard-thumbnail-latest{position:relative;z-index:1;}
#kboard-thumbnail-latest table{border-bottom:none !important;}
.kboard_often td{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.kboard_often .kboard-thumbnail-cut-strings{color:#000;}
#kboard-thumbnail-list{padding:10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
#linw-thumbnail-list .linw-photo-list table tr{box-sizing:border-box;box-shadow:rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px;margin:.2%;width:24.4% !important;}
#linw-thumbnail-list .linw-photo-list table tr:hover{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;transition-duration:.5s;}
#kboard-thumbnail-latest table{margin:0;}
#kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img{max-width:25px !important;height:auto !important;}

#kboard-thumbnail-list{    padding: 5px;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    padding: 15px;
    border: 2px solid transparent !important;
	}
#kboard-default-list{    padding: 5px;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    padding: 15px;
    border: 2px solid transparent !important;
	}
td.hunting_thumbnail{
max-width: 100px;
max-height: 100px;
min-height: 100px;
margin: 0 auto;
overflow: hidden;
}
td.boss_thumbnail{
max-width: 100px;
max-height: 100px;
min-height: 100px;
margin: 0 auto;
overflow: hidden;
}
.kboard-list-thumbnail{width:10% !important;}
.kboard-list-user{width:15% !important;min-width:130px !important;}
.kboard-list-date{width:15% !important;min-width:130px !important;}



.kboard-list table tbody tr{padding:0;}
.kboard-list table tbody tr > td{width:25%}
.kboard-mobile-contents > img{display:none !important;}

.slick-list ul,li{margin:0;padding:0;}
.kboard-screen-thumbnail li{width:100%;margin:0 0.5%;overflow:hidden;}
.kboard_attach_img{
background:#191e26;
padding:10px;
margin:0 0 20px 0;
}
.content_wrap div:nth-child(1){display:none;}
.content_wrap div:nth-child(2){overflow:hidden;visibility:collapse;position:absolute;top:0;left:0px;z-index:1;opacity:0;}
.content_wrap div:nth-child(3){display:none;}
.kboard-document-action{display:none;}
#insert-media-button{display:none;}
.kboard-list-user > img{vertical-align:middle;}
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a{color:#333 !important;border-radius:5px;}
#kboard-thumbnail-list .kboard-search select{color:#eee !important;}
.kboard-thumbnail-button-small{color:#333 !important;}
.kboard-control .kboard-thumbnail-button-small{color:#eee !important;background:#000;border-radius:5px;}
#kboard-thumbnail-list .kboard-list table a{color:#eee;}
div#kboard-document{}
#kboard-thumbnail-list{
background:transparent;

}
.entry-content{padding:5px;box-shadow:rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
border:2px solid transparent !important;margin: 12px 0 100px 0;}

.navi-document-title{display:none !important;}
.kboard-thumbnail-poweredby{display:none !important;}
#kboard-thumbnail-editor input[type=text], #kboard-thumbnail-editor input[type=email], #kboard-thumbnail-editor input[type=number], #kboard-thumbnail-editor input[type=date], #kboard-thumbnail-editor input[type=password]{color:#eee !important;}
.attr-name{color:#eee !important;}
#kboard-thumbnail-editor select{color:#eee !important;}
#kboard-thumbnail-editor input[type=file]{color:#eee !important;}
.attr-value{color:#eee !important;}
.attr-value a{color:#eee !important;}
.attr-value-option{color:#eee !important;}
#wp-kboard_content-editor-container textarea{color:#eee !important;}
/*최근게시물*/
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a{color:#eee !important;}
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a{background-color:#000 !important; color:#fff !important;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a{background-color:#000 !important; color:#fff !important;}
#kboard-thumbnail-list .kboard-list tbody td.kboard-list-guidethumbnail img{max-width:40px !important;max-height:30px !important;}
.board_main_title{display:none;font-size:16px;color:#fff;margin:0;text-align:center;background-color:rgba(0,0,0,0.3);}
#kboard-thumbnail-latest table td{padding:0 !important;}
.latest_one_and_one_img{height:60px !important;}
.latest_free_img{height:60px !important;display:none;}
.main_visual_box{margin: 0 auto;z-index:0;box-shadow:rgb(0 0 0 / 18%) 0px 2px 4px;position:relative;text-align:center;}
.main_visual_text{margin:0 0 0px 0;}
.main_visual_text h1{font-size:28px;color:#fff;text-shadow:0px 0px 1px #000;margin:0;padding:10px 0 0 0 !important;line-height:30px;background-color: rgba(31,46,101,1);font-family: 'Taenada';}
.main_visual_text h2{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:30px;margin:0;padding:0;line-height:40px;width:100%;max-width:100%;min-width:700px;color:#000;}

.main_visual_text img{width:100%;max-width:539px;}
.attr-reset-button{background:#ccc;padding:2px;border-radius:2px;border:1px solid #aaa;}
.attr-reset-button:hover{color:#fff !important;}

.slick-dots li{width:20px !important;}
#kboard-thumbnail-editor .kboard-content .editor-textarea{color:#333 !important;}
.board_buy{max-width:1351px;margin:0 auto;width:100%;}
.latest_img_wrap{background-color:rgba(0,0,0,1);height:100%;border-radius:5px;box-shadow:rgb(0 0 0 / 15%) 0px 2px 8px;}
.latest_img_wrap > a p:nth-child(2){background-position:center;}


.latest_img_text {
		display:none;
    background-color: rgba(0,0,0,1);
    color: #fff;
    bottom: 0;
    position: absolute;
    width: 100%;
    min-width: 100px;
		font-weight:400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
		z-index:1;
}
.main_latest_img_wrap{border:1px solid #eee;width:100%;height:89px;background-color:rgba(0,0,0,1);display:none;}
.latest_img_one{width:100%;height:100%;background:url(images/l1.png) no-repeat center;}
.latest_img_two{width:100%;height:100%;background:url(images/l2.png) no-repeat center;}
.latest_img_three{width:100%;height:100%;background:url(images/l3.png) no-repeat center;}
.latest_img_four{width:100%;height:100%;background:url(images/l4.png) no-repeat center;}

.kboard-hunting-thumbnail img{opacity:1;}
.kboard-hunting-thumbnail img:hover{opacity:1;transition-duration:.5s;}
.kboard-latest-title a:hover{color:#f00;}
.kboard-latest-title .container{display:none;}
.kboard-default-poweredby{display:none;}
#breadcrumbs{display:none;}
.edit-link{display:none;}
.kboard-document-navi{display:none;}
.youtube_title{background:#fff;}
.youtube{background:#fff;}
.youtube > p a:link{font-weight:500;text-align:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;min-width:200px;margin:0;padding:0 0 0 10px;line-height:2.357em !important;font-size:14px;color:#333;}
.youtube > p a:visited{color:#333;}
.youtube > p a:hover{color:red;}
.youtube p{margin:0;padding:0;line-height:1.5em !important;}

.kboard-latest-title a:link{color:#333;font-weight:500;font-size:12px;}
.kboard-latest-title a:visited{color:#333;}
.kboard-latest-title a:hover{color:#f00;transition-duration:.3s;}
.kboard-latest-date{color:#333;font-size:14px !important;}
.kboard-latest-title .kboard-screen-cut-strings{font-size:15px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}


#kboard-screen-latest a > ul:first-child{width:100%;max-height:300px;min-height:280px;overflow:hidden;}

#kboard-screen-latest li{width:100%;}
#kboard-screen-latest .kboard-screen-thumbnail li:last-child{
background:#333;
color:#eee;
min-height:85px;
max-height:85PX;
vertical-align:top;
text-align:center;
padding:5px !important;
box-sizing:border-box;
font-size:15px;
}
.kboard-thum-title-wrap{text-align:center;float:none;width:100% !important;}
.kobard_often_title{width:100% !important;display:block;background:transparent;cursor:pointer;}
.often-answer{width:100% !important;display:block;}
.qa_insert a{color:#f00 !important;}
.qa_insert a:visited{color:#f00 !important;}
.openday_data{display:none;}
/*--------------------------------------------------------------
14.0 Responsive
--------------------------------------------------------------*/
.mobile_menu_wrap{width:100px;display:inline-block;top:15px;margin:3px 0px 0 0;float:left;border:0;}
.mobile_menu_wrap > a{border:0;}
.open_menu{
	position: relative;

    width: 36px;


    display: inline-block;

    z-index: 9100027;

    overflow: hidden;

    top: 0;

    left: 0;

    height: 30px;

    -webkit-transition: opacity 0.4s ease;

    transition: opacity 0.4s ease;

    font: 0/0 a;

    text-shadow: none;

    color: transparent;

    white-space: nowrap;

}
.open_menu > span:nth-child(2){width:50px !important;height:20px !important;font-size:15px;line-height:32px;color:#fff;}

.open_menu > span:nth-child(1){
    transform: rotate(180deg);

    display: block;

    width: 19px;

    height: 20px;

    position: absolute;

    top: 3px;

    left: 10px;

}
.mobile_menu_wrap > dl{position:relative;width:25px;height:20px;}

.open_menu > span:nth-child(1) > i{

	display: block;

    position: absolute;

    left: 0;

    width: 100%;

    border-top: 1px solid #fff;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

}

.open_menu>span:nth-child(1) i:nth-child(1){

	top: 0;

}

.open_menu>span:nth-child(1) i:nth-child(2){

	top: 6px;

}

.open_menu>span:nth-child(1) i:nth-child(3){

	top: 12px;

}

.open_menu:hover>span:nth-child(1) > i:nth-child(1){

    -webkit-transform: translate3d(5px, 1.5px, 0) rotate(45deg) scaleX(0.7);

    transform: translate3d(5px, 1.5px, 0) rotate(45deg) scaleX(0.7);

}

.open_menu:hover>span:nth-child(1) > i:nth-child(2){

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.open_menu:hover>span:nth-child(1) > i:nth-child(3){

    -webkit-transform: translate3d(5px, -1.5px, 0) rotate(-45deg) scaleX(0.7);

    transform: translate3d(5px, -1.5px, 0) rotate(-45deg) scaleX(0.7);

}

.q_wrap{position:fixed;top:50%;right:0;margin-top:-183px;z-index:999;width:132px;display:none;}
.q_wrap img{width:100%;min-width:132px;}
/* 사이드바 스크롤*/
.sidebar_wrap::-webkit-scrollbar {
							 width: 20px; /*스크롤바의 너비*/
					 }

.sidebar_wrap::-webkit-scrollbar-thumb {
		 background-color: #fff; /*스크롤바의 색상*/
		 background-clip: padding-box;
		 border: 4px solid transparent;
		 border-top-left-radius: 50px;
		 border-bottom-right-radius: 50px;
 }

.sidebar_wrap::-webkit-scrollbar-track {
		 background-color: grey; /*스크롤바 트랙 색상*/
 }
 body::-webkit-scrollbar {
 							 width: 20px; /*스크롤바의 너비*/
 					 }

 body::-webkit-scrollbar-thumb {
 		 background-color: #fff; /*스크롤바의 색상*/
 		 background-clip: padding-box;
 		 border: 4px solid transparent;
 		 border-top-left-radius: 50px;
 		 border-bottom-right-radius: 50px;
  }

 body::-webkit-scrollbar-track {
 		 background-color: #000; /*스크롤바 트랙 색상*/
  }

 .sidebar_wrap {
   left:-150%;
   scrollbar-face-color: #fff;
   scrollbar-track-color: #333;
   scrollbar-arrow-color: none;
   scrollbar-highlight-color: #e0e0e0;
   scrollbar-3dlight-color: none;
   scrollbar-shadow-color: #e0e0e0;
   scrollbar-darkshadow-color: none;
 }
 body {
   scrollbar-face-color: #fff;
   scrollbar-track-color: #333;
   scrollbar-arrow-color: none;
   scrollbar-highlight-color: #e0e0e0;
   scrollbar-3dlight-color: none;
   scrollbar-shadow-color: #e0e0e0;
   scrollbar-darkshadow-color: none;
 }

#drop_data .sidebar_wrap{display:none !important;}
/* 우클릭 시작*/
/*콘텐츠 스크롤*/
.sub_content_wrap::-webkit-scrollbar {
							 width: 20px; /*스크롤바의 너비*/
					 }

.sub_content_wrap::-webkit-scrollbar-thumb {
		 background-color: #fff; /*스크롤바의 색상*/
		 background-clip: padding-box;
		 border: 4px solid transparent;
		 border-top-left-radius: 50px;
		 border-bottom-right-radius: 50px;
 }

.sub_content_wrap::-webkit-scrollbar-track {
		 background-color: #000000; /*스크롤바 트랙 색상*/
 }

 .sub_content_wrap {

   scrollbar-face-color: #fff;
   scrollbar-track-color: #333;
   scrollbar-arrow-color: none;
   scrollbar-highlight-color: #e0e0e0;
   scrollbar-3dlight-color: none;
   scrollbar-shadow-color: #e0e0e0;
   scrollbar-darkshadow-color: none;
 }

/*탑메뉴 설정*/
.user_count{letter-spacing:-1px;padding:0 !important;margin:0 !important;color:#fff;font-size:13px;border:0 !important;}
.user_hidden > .user_count{display:none;}
.ncc-lnb{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: url(images/nav_hovera.png) no-repeat center 0;
		-webkit-transition: all 0.4s cubic-bezier(0.04, 0.59, 0.09, 0.93);
		transition: all 0.4s cubic-bezier(0.04, 0.59, 0.09, 0.93);
		opacity: 0;
		z-index: -1;
	}
.ncc-lnb-hover {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: url(images/nav_hovera.png) no-repeat center 0;
		-webkit-transition: all 0.4s cubic-bezier(0.04, 0.59, 0.09, 0.93);
		transition: all 0.4s cubic-bezier(0.04, 0.59, 0.09, 0.93);
		opacity: 1;
		z-index: 1;
	}
		.on-hover{
		opacity:.6;
		}
		.on-menu{
		opacity:1;
		}
li#menu-item-1896 {
    padding: 0 0px 0 22px;
    background-image: url(/wp-content/themes/free/icon/white/lock.png);
    background-size: 22px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

li#menu-item-1898 {
    padding: 0 0px 0 22px;
    background-image: url(/wp-content/themes/free/icon/white/write.png);
    background-size: 22px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

li#menu-item-1897{
    padding: 0 0px 0 22px;
    background-image: url(/wp-content/themes/thebe/icon/white/computer.png);
    background-size: 22px;
    background-position: 0 3px;
    background-repeat: no-repeat;

}
li#menu-item-1899{
padding: 0 0px 0 22px;
    background-image: url(/wp-content/themes/thebe/icon/white/news.png);
    background-size: 22px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

/*메인 영상 작업*/
.brush_bg{position:absolute;z-index:1;bottom:-1px;}
.brush_bg img{vertical-align:top;}
.sub_main_video_bg{background-color:rgba(0,0,0,1);position:absolute;z-index:0;width:100%;top:0px;}
.sub_min_video_wrap video{position:absolute;left:0;top:-343px;}
.sub_min_video_wrap{width:100%;height:100%;max-height:700px;position:relative;z-index:1;opacity:1;}
.min_video_wrap video{min-height:100%;min-width:100%;position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.sub_bg{width:100%;height:100%;max-height:700px;position:relative;z-index:1;opacity:1;top:0px;}
.sub_main_video{width:100%;height:100%;}
/*메인 영상 작업*/
.main_video_bg{width:100%;height:100%;overflow:hidden;background-image:url('images/bg.png');background-repeat:no-repeat;background-size:cover;}
.min_video_wrap{background-image:url(images/bg.png);background-size:cover;background-repeat:no-repeat;opacity:1;width:100%;height:100%;z-index:0;overflow:hidden;}
.min_video_wrap iframe,.video-container object,.video-container embed{position:absolute;top:0px;left:0;width:100%;height:100%;}
.light{position:absolute;left:calc(50% - 200px);;top:-200px;opacity:0;display:none;}
.light img{width;100%;}
.main_video{width:100%;height:100%;}

/* 메인 이벤트 */
.event_contain{position:absolute;bottom:0;z-index:10;color:#8ab2d9;left:50%;margin:0 0 0 -400px;}
.open_day{padding:10px;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;color:#de3d3d;}
.main_event_title{border-bottom:1px solid #404040;font-size:30px;line-height:30px;margin:0 0 0 0;padding:10px;;background-color:rgba(0,0,0,0.5);}
.main_event_wrap_one{float:left;display:inline-block;margin:0;vertical-align:top;}
.main_event_wrap_one p{margin:0;padding:0;border-bottom:0.1px solid #404040;color:#bfd5ea;font-weight:400;}
.main_event_wrap_one p:hover{color:#f00;cursor:pointer;}
.event_content_container{background-color:rgba(0,0,0,0.5);padding:10px;}
.main_event_wrap_two{margin:0px 0 0 2px;}
.main_event_title_two{color:#bfd5ea;}

/* 로고 */
.logo_circle{display:none;box-shadow:rgb(0 0 0 / 18%) 0px 2px 4px;border:2px solid #235576;top:-280px;left:50%;margin: 0 0 0 -200px;position:absolute;width:400px;height:400px;border-radius:200px;background:#fff;}
.logo_circle a{display:block;text-align:center;width:100%;vertical-align:bottom;position:absolute;bottom:30px;margin:0 0 0 0px;}

.logo_circle{position:absolute !important;bottom:0;}
.gnb_bg{display:none;background-size:cover !important;opacity:0;width:100%;height:174px;position:absolute;top:65px;right:0;;z-index:0;background-image:url(images/submenu_bg.png);background-repeat:no-repeat;background-position:right bottom;}

/*팝업설정*/
.title_line{background:url(images/title_linea.png) no-repeat center center;height:15px;width:100%;}
.pop_up_wrap{width:100%;max-width:1400px;margin:0 auto;box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;position:relative;background-image:url('images/pop_bg.pnga');background-repeat:no-repeat;background-size:cover;width:100%;z-index:99;}
.pop_content_wrap{overflow:Hidden;padding:0 0px;}
.pop_title{border:1px solid #000;border-bottom:0px;border-top:2px solid #000;text-align:center;color:#e2f1a6;padding:2px;margin:0;text-shadow:1px 1px 1px #000;font-size:20px;font-weight:600;background-color:rgba(0,0,0,0.3);}
.pop_content_container{border:1px solid #000;width:100%;margin:0;padding:0;background-color:transparent;color:#eee;font-weight:300;font-size:14px;}
.pop_content_container > li{color:#ffdd00;background-color:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #000;font-weight:600;font-size:20px;padding:5px 0;border-bottom:1px solid #0e0e0e;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;}
.pop_content_container > li:hover{cursor:pointer;background-color:rgba(0,0,0,0.5);color:#fff !important;transition-duration:.3s;}
.pop_content_container > li:nth-child(3){display:block;}
.pop_content_container > li:nth-child(4){display:block;}
.pop_content_container > li:nth-child(5){display:block;}
.pop_content_container > li:nth-child(6){display:none;}
.pop_content_container > li:nth-child(8){display:none;}
.pop_content_container > li:nth-child(10){display:none;}
.pop_content_container > li:nth-child(12){display:none;}
.pop_content_container > li:nth-child(14){display:none;}
.pop_content_container > li:nth-child(16){display:none;}
.pop_content_container > li:nth-child(18){display:none;}
.pop_content_container > li:nth-child(20){display:none;}
.close_wrap{position:absolute;bottom:10px;;width:100%;left:-10px;display:none;}
.close_btn{float:right;}


.latest_img_wrap > a{opacity:.9;overflow:hidden !important;}
.latest_img_wrap > a:hover{opacity:1;transition-duration:.3s;}
.latest_img_wrap p:nth-child(2){background-position:center top;}

.rain {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.rain.back-row {
  display: none;
  z-index: 1;
  bottom: 60px;
  opacity: 0.5;
}

body.back-row-toggle .rain.back-row {
  display: block;
}

.drop {
  position: absolute;
  bottom: 100%;
  width: 15px;
  height: 120px;
  pointer-events: none;
  animation: drop 0.5s linear infinite;
}

@keyframes drop {
  0% {
    transform: translateY(0vh);
  }
  75% {
    transform: translateY(90vh);
  }
  100% {
    transform: translateY(90vh);
  }
}

.stem {
  width: 1px;
  height: 60%;
  margin-left: 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
  animation: stem 0.5s linear infinite;
}

@keyframes stem {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.splat {
  width: 15px;
  height: 10px;
  border-top: 2px dotted rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  animation: splat 0.5s linear infinite;
  display: none;
}
#kboard-linw-list .kboard-list tbody tr td{border-bottom:1px solid #dfdfdf !important;}
body.splat-toggle .splat {
  display: block;
}

@keyframes splat {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(0);
  }
  90% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.toggles {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.toggle {
  position: absolute;
  left: 20px;
  width: 50px;
  height: 50px;
  line-height: 51px;
  box-sizing: border-box;
  text-align: center;
  : sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.toggle:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.toggle:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.toggle.active {
  background-color: rgba(255, 255, 255, 0.4);
}

.splat-toggle {
  top: 20px;
}

.back-row-toggle {
	display:none;
  top: 90px;
  line-height: 12px;
  padding-top: 14px;
}

.single-toggle {
  top: 160px;
}

body.single-toggle .drop {
  display: none;
}

body.single-toggle .drop:nth-child(10) {
  display: block;
}

#background {
                min-height: 460px;
                background-image: url('images/video_bg.png');
                background-repeat: no-repeat;
                background-size: cover;
            }

.adrop_data{
	  border: 10px solid transparent;
	  padding: 15px;
	  border-image: url('/images/brush1.png') 30 stretch;
	}

/*menu*/
#common-navi{position:relative;}
.gnb-on {display:inline-block !important; position: absolute; top: 13px; left: 0px;  background-image:url('images/blit4.png');background-repeat:no-repeat;background-size:contain;background-position:center;width:15px;height:15px;z-index:0;}


.linw-photo-list table{border-top:2px solid #ff011d !important;border-bottom:2px solid #ff011d !important;}
#linw-thumbnail-list .linw-photo-list table tr{border:1px solid #ff011d !important;}
.kboard-list-empty{color:#eee;}
/*책장넘기기*/
/*.main_page_wrap{
width:100%;
height:100%;
opacity:1;
overflow:hidden;
position:relative;
transform: rotateY(90deg);
transform: rotatex(90deg);
z-index: 1;
transform-origin: left center;
transition-duration: .5s;
transition-timing-function: ease-in;
}*/

.charactor_wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:950px;z-index:0;overflow:hidden;display:none !important;}

.charactor_wrap div{position:absolute;}
.charactor_wrap > div.elf:nth-child(1){bottom:0;left:-450px;width:60%;z-index:5;min-width:857px;}
.charactor_wrap > div.knight:nth-child(2){bottom:0px;right:-450px;width:60%;min-width:827px;}

@keyframes cha-ani-one {
	0% {
		opacity:0;
		transform: translate(-950px, 50px);
	}
	20% {
		opacity:1;
		transform: translate(0px, 0px);
	}80% {
		opacity:1;
		transform: translate(0px, 0px);
	}
	100%{
		opacity:0;
		transform: translate(0px, 0px);
	}
}

.cha {
	
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	background-color: rgba(255, 255, 0, 0.7);
	animation: box-ani 10s linear forwards; /* 애니메이션 적용 */
}

@keyframes cha-ani-two {
	0% {
		opacity:0;
		transform: translate(950px, 50px);
	}
	20% {
		opacity:1;
		transform: translate(0px, 0px);
	}80% {
		opacity:1;
		transform: translate(0px, 0px);
	}
	100%{
		opacity:0;
		transform: translate(0px, 0px);
	}
}

.cha {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	background-color: rgba(255, 255, 0, 0.7);
	animation: box-ani 10s linear forwards; /* 애니메이션 적용 */
}
.charactor_wrap > div.elf:nth-child(1){animation:cha-ani-one 5s infinite;animation-delay: 10s;}
.charactor_wrap > div.knight:nth-child(2){animation: cha-ani-two 5s infinite;animation-delay: 10s;}

.left a:nth-child(2){display:none;}





/*다운로드*/
 .sub_wrap {
        max-width: 1522px;
		border:1px solid #000;
    }
    .sub_content_wrap {
        padding: 10px;
        box-sizing: border-box;
		color: #a3a3a3;
    }
    .sub_title img {
        width: 100%;
        max-width: 1522px;
    }
    .post-entry img {
        margin: 0;
    }
    .max_inchant_wrap {
        border: 1px solid #515151;
        border-collapse: collapse;
    }
    .max_inchant_wrap td {
        border: 1px solid #515151;
        text-align: center;
        font-size: 15px;
    }
    .max_inchant_wrap th {
        border: 1px solid #515151;
        text-align: center;
        font-size: 15px;
    }
    .content_title {
        text-align: left;
        color: #a3a3a3;
    }
    .content_border_down {
        margin: 10px 0 0;
        border: 1px solid #787878;
        box-sizing: border-box;
    }
    .content_border_down > div:nth-child(1) {}
    .content_border_down > div:nth-child(2) {}
    .content_table_h {
        text-align: center;
    }
    .img_content_title_h {
        text-align: center;
    }
    .img_down_h a {
        margin: 0;
        padding: 2px 2px 0 2px !important;
        box-shadow: rgb(60 64 67 / 30%) 0 1px 2px 0px, rgb(60 64 67 / 15%) 0 1px 3px 1px;
        margin: 2px;
        box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0px, rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
    }
    .img_down_h {
        text-align: center;
        width: 100%;
    }
    .img_down_h > img {
        width: 100%;
        max-width: 955px;
    }
    .img_content_down_h p {
        margin: 0;
        padding: 0;
    }
    .img_content_stitle {
        font-weight: 500;
    }
    .drop {
        border-bottom: 1px solid #eee;
    }
    .clear {
        margin: 0;
        padding: 0;
    }
    .down_claent td {
        border: 1px solid #515151;
        text-align: left;
        font-size: 15px;
		padding:5px;
    }
    .down_claent th {
        border: 1px solid #515151;
        text-align: left;
        font-size: 15px;
    }
	.down_tip td {
        border: 1px solid #515151;
        text-align: left;
        font-size: 15px;
		padding:5px;
    }
    .down_tip th {
        border: 1px solid #515151;
        text-align: left;
        font-size: 15px;
    }
	.img_down_h{ border-bottom: 1px solid #787878;}
	.down_tip{padding:20px;}
	.down_title{color:#eee;}
/*qwrap*/
.qwrap{position:fixed;right:0px;top:295px;width:170px;border-radius:10px;text-align:center;z-index:99;}
.qwrap a{display:inline-block;overflow:hidden;text-align:center;text-align:center;}

/*board*/
#kboard-default-list .kboard-list{min-height:394px;}
#kboard-default-list .kboard-search{display:table;width:auto !important;}
#linw-thumbnail-list .linw-photo-list{min-height:500px;}
.m_site-title {
    background-color: rgba(0,0,0,0.5);
	padding:10px 0px 5px 0px;
}
.vote{color:red;}
.kboard_list_row{background:#5e9a1e !important;color:#fff;}
.kboard_list_row td{padding:10px 0 !important;}
.kboard_list_row .kboard-list-title a{color:#fff !important;}
.kboard_list_row .kboard-default-cut-strings{color:#fff;}
.kboard_list_row .kboard-list-user{color:#fff !important;}
.kboard_list_row .kboard-list-date{color:#fff !important;}
.kboard_list_row .kboard-list-view{color:#fff !important;}
.reply_icon{padding:0 0 0 30px !important;}
#kboard-thumbnail-list .kboard-search{display:table;width:auto !important;}
#linw-thumbnail-list .linw-photo-list table a{display:inline-block;width:100%;max-width:356px;overflow:hidden;}
.screen_vote{float:right;color:red;}
#kboard-default-list .kboard-list tbody tr:first-child td{border-top:1px solid #eee !important;}
#kboard-thumbnail-list .kboard-list{min-height:300px;}
.guide_ul img{width:200px;height:200px;}
.screen_td img{min-width:301px;min-height:240px;}
#kboard-default-editor .kboard-control{}
/*#kboard-thumbnail-document .kboard-control .right a:litnk{color:#333 !important;}*/
.kboard-control{}
.hunting_info_content_wrap div table tbody tr:first-child td:last-child br{display:none !important;}
.nav_wrap a{font-family:'Noto Sans KR', sans-serif;}
.sns_box_wrap a {font-family:'Noto Sans KR', sans-serif;}
.main-navigation .menu > li:hover > a{color:#ff7f00;}
canvas {
  display: none;
}

#output {
position:relative;
  display: block;
  margin: 0px auto 0px auto;
  width: 100%;
  max-width:1021px;
  height: 100%;
  max-height:290px;
  overflow:hidden;
}

#video {
position:absolute;
top:0;
left:0;
  width: 100%;
  max-width:1021px;
  height: 100%;
  max-height:291px;
  display:none;
}
#mask {
position:absolute;
top:-450px !important;
left:0;
  width: 100%;
  max-width:1021px;
  height: 100%;
  max-height:291px;
    display:none;

}
#canvas_video {
position:absolute;
top:0;
left:0;
  width: 100%;
  max-width:1021px;
  height: 100%;
  max-height:291px;
  display:none;
}
#canvas_mask {
position:absolute;
top:0;
left:0;
  width: 100%;
  max-width:1021px;
  height: 100%;
  max-height:291px;
    display:none;

}
#kboard-default-document .kboard-title{display:none;}



.cloud{position:absolute;z-index:1;top:30%;left:-2000px;opacity:.3;display:none;}
.cloud img{width:2600px;max-width:2600px !important;}
.cloud {
  animation: moveClouds 100s linear infinite; /* 애니메이션 적용 */
}

@keyframes moveClouds {
  0% {
    left: -2000px; /* 시작 위치 설정 */
  }
  50% {
    left: 2000px; /* 종료 위치 설정 */
  }
  100% {
    left: -2000px; /* 종료 위치 설정 */
  }
}

.service a{position:relative;z-index:2;}
.service{
    padding: 15px;
}
.one-background{
background-image: url(images/latest_bg.png);
    box-sizing: border-box;
	border-radius:5px;
	background-size:cover;
    background-repeat: no-repeat;
}
.post-heading .main_video_bg{position:absolute;top:0;left:0;width:100;height:100%;}
/*게시판*/
.kboard-control .left{color:#000;padding:0 10px;}
.linw-title{display:inline-block;}
.linw-photo-list table tbody{display:block;overflow:hidden;padding:5px !important;box-sizing:border-box;}
.linw_kboard_list tr:first-child{border-top:2px solid #0c4219 !important;}
.linw_kboard_list tr:last-child{border-bottom:2px solid #0c4219 !important;}
.kboard_write_btn{border:1px solid #eee;padding:5px 20px;float:right;margin:10px;}
.kboard_write_btn:hover{background:#0c4219;color:#fff;transition-duration:.5s;}
.kboard-list-recomment p{margin:0;padding:0;}
.kboard-list-user{width:30% !important;}
#kboard-thumbnail-latest{position:relative;z-index:1;}
#kboard-thumbnail-latest table{border-bottom:none !important;}
.kboard_often .kboard-thumbnail-cut-strings{color:#eee;}
#kboard-thumbnail-latest table{margin:0;}
#kboard-thumbnail-list .kboard-list tbody td.kboard-list-title{text-align:center;}
td.hunting_thumbnail{
max-width: 100px;
max-height: 100px;
min-height: 100px;
margin: 0 auto;
overflow: hidden;
}
td.boss_thumbnail{
max-width: 100px;
max-height: 100px;
min-height: 100px;
margin: 0 auto;
overflow: hidden;
}
.kboard-list-thumbnail{width:10% !important;}
.kboard-list-title{width:70% !important;text-align:center !important;}
.kboard-list-user{width:10% !important;}
.kboard-list-date{width:10% !important;}
.kboard-list table tbody tr{padding:0;}
.kboard-list table tbody tr > td{width:25%}
.often-answer{background:#000 !important;}
.kboard_often tr:hover td.often-answer{background:#000 !important;}
.kboard_often td{text-align:left !important;padding-left:20px !important;}
.kboard-mobile-contents > img{display:none !important;}
 .guide_ul{border-radius:100px;box-sizing:border-box;}
 .guide_ul:hover{border-radius:0;transition-duration:.5s;}
 .hunting_ul:hover{border-radius:50px 0 50px 0;transition-duration:.5s;}
 .screen_ul{overflow:hidden;box-sizing:border-box;}
 .photo_ul:hover{}
.weapon_wrap td{width:16.16% !important;}
.slick-list ul,li{margin:0;padding:0;}
.kboard-screen-thumbnail li{width:100%;margin:0 0.5%;overflow:hidden;}
#kboard-item-list .kboard-list thead{background:linear-gradient(#F6F6F6, #EAE9EA);}
#kboard-item-list .kboard-list thead tr{border-top:2px solid #29396E !important;}
#kboard-item-list .kboard-list thead tr td{border-right:1px solid #B3B3B3 !important;}
#kboard-item-list .kboard-list thead tr td:last-child{border-right:0 !important;}
.kboard_attach_img{
background:#191e26;
padding:10px;
margin:0 0 20px 0;
}

.content_wrap div:nth-child(1){display:none;}
.content_wrap div:nth-child(2){overflow:hidden;visibility:collapse;position:absolute;top:0;left:0px;z-index:1;opacity:0;}
.content_wrap div:nth-child(3){display:none;}

.kboard-document-action{display:none;}
#insert-media-button{display:none;}
.letter_wrap{background:rgba(0,0,0,1);text-align:center;}
.kboard-list-user > img{vertical-align:top;margin-top:3px;}

#kboard-thumbnail-list{
border:2px solid transparent !important;
}


.kboard-title h1{color:#eee !important;}

.navi-document-title{display:none !important;}
.kboard-thumbnail-poweredby{display:none !important;}
#kboard-thumbnail-editor input[type=text], #kboard-thumbnail-editor input[type=email], #kboard-thumbnail-editor input[type=number], #kboard-thumbnail-editor input[type=date], #kboard-thumbnail-editor input[type=password]{color:#eee;}

.kboard-list-thumbnail > a{display:inline-block;}
/*최근게시물*/
.board_main_title{display:none;font-size:16px;color:#fff;margin:0;text-align:center;background-color:rgba(0,0,0,0.3);}
#kboard-thumbnail-latest table td{padding:0 !important;}
.latest_one_and_one_img{height:60px !important;}
.latest_free_img{height:60px !important;display:none;}
.main_visual_text{margin:0 0 0px 0;}
.main_visual_text h1{font-size:25px;color:#eee;margin:0;padding:5px;}
.main_visual_text h2{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:30px;margin:0;padding:0;line-height:40px;width:100%;max-width:100%;min-width:600px;color:#000;}

.main_visual_text img{width:100%;max-width:539px;}
.item_detail{display:none;}
.list_item_option_title_wrap{border-bottom:2px solid #eee !important;}
.list_item_option_title p{margin:0;padding:0;line-height:35px;border-right:1px solid #eee;height:100%;}
.list_item_option_title{margin:0;padding:0;line-height:13px;}
.attr-reset-button{background:#ccc;padding:2px;border-radius:2px;border:1px solid #aaa;}
.attr-reset-button:hover{color:#fff !important;}

.slick-dots li{width:20px !important;}
#kboard-thumbnail-editor .kboard-content .editor-textarea{color:#333 !important;}
#kboard-thumbnail-editor{padding:10px;}
.board_buy{max-width:1351px;margin:0 auto;width:100%;}
.latest_img_wrap{background-color:rgba(0,0,0,1);height:100%;border-radius:5px;box-shadow:rgb(0 0 0 / 15%) 0px 2px 8px;}
.latest_img_wrap > a p:nth-child(2){background-position:center;}

.latest_title_img{display:none;}
.latest_img_wrap{position:relative;}
.latest_hunting_wrap{position:relative;background:#000;}
.latest_img_wrap > a {display:block;overflow:hidden;}
.latest_hunting_wrap > a > p:nth-child(1){opacity:1;}
.latest_hunting_wrap > a > p:nth-child(2){opacity:.5;}
.latest_hunting_wrap > a > p:nth-child(2):hover{opacity:1;transition-duration:.5s;}
.latest_img_text {
		display:none;
    background-color: rgba(0,0,0,1);
    color: #fff;
    bottom: 0;
    position: absolute;
    width: 100%;
    min-width: 100px;
		font-weight:400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
		z-index:1;
}
.kboard-hunting-thumbnail img{opacity:1;}
.kboard-hunting-thumbnail img:hover{opacity:1;transition-duration:.5s;}
.kboard-latest-title a:hover{color:#f00;}
.kboard-latest-title .container{display:none;}
.kboard-default-poweredby{display:none;}
#breadcrumbs{display:none;}
.edit-link{display:none;}
.kboard-document-navi{display:none;}


.kboard-latest-title a:link{color:#333;font-weight:500;font-size:12px;}
.kboard-latest-title a:visited{color:#333;}
.kboard-latest-title a:hover{color:#f00;}
.kboard-latest-date{color:#333;font-size:12px !important;}
.kboard-latest-title .kboard-screen-cut-strings{font-size:15px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}


.kboard-thum-title-wrap{text-align:center;float:none;width:100% !important;}
.kobard_often_title{width:100% !important;display:block;cursor:pointer;padding:15px !important;}
.often-answer{width:100% !important;display:block;padding:5px !important;}
.qa_insert a{color:#f00 !important;}
.qa_insert a:visited{color:#f00 !important;}
.openday_data{display:none;}

.kboard_item_list .kboard-list-guidethumbnail img{width:100% !important;max-width:30px !important;}

.kboard-list-guidethumbnail img{width:100% !important;max-width:30px !important;}
#kboard-screen-latest li{width:100%;position:relative;}
.kboard-thum-title-wrap{text-align:center;float:none;width:100% !important;}

/*서버정보*/
  .server_info_wrap{padding:5px;box-sizing:border-box;}
  .table_col3{}
  .table_col4{}
  .table_col7{}
  .table thead{color:#eee;background:#000;}
  .server_info_title{box-sizing:border-box;overflow:hidden;}
  .server_con{margin-top:10px;padding:5px;border-radius:5px;}
  .server_con_one{}
  .server_con_zero{margin-top:10px;padding:5px;border-radius:5px;}
  .server_con_zero td{text-align:center;}
  .table{border-collapse:collapse;width:100%;font-family:'Noto Sans KR';border-top:2px solid #000;border-bottom:2px solid #000;text-align:center;}
  .cha_class{border-top:2px solid #000;border-bottom:2px solid #000;text-align:center;color:#fff;width:100%;background:#000;padding:10px 0;}
  .cha_class tr:nth-child(1) td{}
  .cha_class > tbody tr:nth-child(2){font-size:12px;}
  .cha_class th{text-align:center;}
  .server_info_content_wrap th{text-align:left;padding:10px 0 10px 20px;}
  .server_info_content_wrap td{text-align:left;border-bottom:1px solid #333;padding:5px 0 5px 20px;}
  .table_over_wrap > img{float:right;}
  span.quick_text{font-weight:400;}
/*스킬정보*/
.skill_detail_content{border:2px solid #000;}
.skill_detail_content td{color:#333 !important;padding:5px;background:transparent;font-size:16px;}
.skill_detail_content th{border:1px solid #000 !important;background-color:#a5a5a5;text-align:center;}
.skill_detail_content th {
    font-size: 16px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
	line-height:35px;
}
.skill_detail_content td{border:none;text-align:center;border:1px solid #333;}
.skill_detail_content td:first-child{text-align:left !important;}

.skill_detail_content th{border:none;}
.skill_detail_content img{width:30px;height:30px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.skill_detail_content td{border-bottom:1px dotted #333;}
.skill_detail_content tr td{transition-duration:.5s;}
.skill_detail_content tr:hover td{transition-duration:.5s;color:#fff;}
/*보스정보*/
.boss_wrap{
grid-template-columns: 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 20px;
	    flex-wrap: wrap;
}
.boss_detail_content td{padding:5px;background:transparent;font-size:16px;}
.boss_detail_content th{background-color:#c6b064;text-align:center;}
.boss_detail_content thead{display:block;}
.boss_detail_content tbody{display:block;}
.boss_detail_content tr{display:block;}
.boss_detail_content td{display:block;}
.boss_detail_content th{display:block;}
.boss_detail_content{
	background:#ddd;
    display: block;
    border: 2px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 24.5) 0px 0px 4.1px;
}
.boss_detail_content td{padding:5px;background:transparent;font-size:16px;display:block;}
.boss_detail_content th{background-color:#000;text-align:center;}
.boss_detail_content th {
    font-size: 15px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
    font-size: 13px;
	line-height:35px;
}
.inchant_option {
    overflow-y: scroll;
    height: 34px;
    margin: 0;
    /* margin-top: 3px; */
    padding: 0;
    line-height: 30px;
    max-width: 819px;
}
.boss_detail_content img{width:100%;height:130px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.boss_detail_content td:nth-child(4){font-size:12px;}
.boss_detail_content td:nth-child(6){font-size:12px;}

.boss_detail_content tr td{transition-duration:.5s;}
.boss_detail_content tr:hover td{transition-duration:.5s;color:#fff !important;background:#000;}
.boss_detail_content tr:hover .boss_drop li{color:#fff;border:1px solid #fff;box-sizing:border-box;}
.boss_detail_content tr:hover .boss_day li{color:#fff;border:1px solid #fff;box-sizing:border-box;}
.boss_detail_content tr:hover .boss_time li{color:#fff;border:1px solid #fff;box-sizing:border-box;}
.boss_drop{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 2px;
	    justify-content: center;
		    flex-wrap: wrap;
}
.boss_drop li{
    padding: 2px 5px;
    border-radius: 5px;
    /* background: #000; */
    color: #000;
    text-align: center;
    width: 100%;
    min-width: 75px;
    border: 1px solid #000;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
}
.boss_drop li{padding:2px 5px;border-radius:5px;background:#8b4d0c;color:#eee;text-align:center;width:100%;min-width:75px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boss_day{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 2px;
	    justify-content: center;
		    flex-wrap: wrap;
}
.boss_day li{
    padding: 2px 5px;
    border-radius: 5px;
    /* background: #000; */
    color: #000;
    text-align: center;
    width: 100%;
    min-width: 75px;
    border: 1px solid #000;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
}
.boss_time{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 2px;
	    justify-content: center;
		    flex-wrap: wrap;
}
.boss_time li{
    padding: 2px 5px;
    border-radius: 5px;
    /* background: #000; */
    color: #fff;
    text-align: center;
    width: 100%;
    min-width: 75px;
    border: 1px solid #000;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
	background:#000;
}
.boss_item li{
    padding: 2px 5px;
    border-radius: 5px;
    /* background: #000; */
    color: #000;
    text-align: center;
    width: 100%;
    min-width: 75px;
    border: 1px solid #000;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
}
.boss_monster li{padding:2px 5px;border-radius:5px;background:#338b0c;color:#eee;text-align:center;width:100%;min-width:75px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*사냥터정보*/
.hunting_detail_content{position:relative;background:#ddd;}
.hunting_detail_content:after {
    content: "";
    top: -4px;
    left: 0;
    height: 8px;
    background: url(images/deco_top.png) 50% 0 / auto 100% no-repeat;
    position: absolute;
    z-index: 1;
    width: 100%;
    background-size: cover;
}
.hunting_detail_content:before {
    position: absolute;
    content: "";
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.41%, rgba(49, 40, 35, .7) 107.47%), linear-gradient(180deg, rgba(0, 0, 0, 0) 18.38%, rgba(0, 0, 0, .8) 95.11%);*/
    border: 1px solid rgba(204, 173, 150, .2);
    border-radius: 0 0 4px 4px;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.hunting_detail_content thead{display:block;}
.hunting_detail_content tbody{display:block;}
.hunting_detail_content tr{display:block;}
.hunting_detail_content td{display:block;}
.hunting_detail_content th{display:block;}

.kboard-document-add-option-value-wrap{display:none;}
.drop_item{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 2px;
	    justify-content: center;
}
.drop_monster{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 2px;
	    justify-content: center;
		    flex-wrap: wrap;
}
.drop_item li{
    padding: 2px 5px;
    border-radius: 5px;
    /* background: #000; */
    color: #fff;
    text-align: center;
    width: 100%;
    min-width: 75px;
    border: 1px solid #000;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
	background:#000;
}
.drop_monster li{padding:2px 5px;border-radius:5px;background:#8b190c;color:#eee;text-align:center;width:100%;min-width:75px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.hunting_wrap{
grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 20px;
	    flex-wrap: wrap;
}
.hunting_detail_content{
    display: block;
    border: 2px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 24.5) 0px 0px 4.1px;
	}
.hunting_detail_content td{padding:5px;background:transparent;font-size:16px;display:block;}
.hunting_detail_content th{background-color:#000;text-align:center;}
.hunting_detail_content th {
    font-size: 15px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
    font-size: 13px;
	line-height:35px;
}
.inchant_option {
    overflow-y: scroll;
    height: 34px;
    margin: 0;
    /* margin-top: 3px; */
    padding: 0;
    line-height: 30px;
    max-width: 819px;
}
.hunting_detail_content img{width:100%;height:130px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.hunting_detail_content td:nth-child(4){font-size:12px;}
.hunting_detail_content td:nth-child(6){font-size:12px;}

.hunting_detail_content tr td{transition-duration:.5s;}
.hunting_detail_content tr:hover td{transition-duration:.5s;color:#fff !important;background:#000;}
.hunting_detail_content tr:hover .drop_item li{color:#fff;border:1px solid #fff;box-sizing:border-box;}

/*마법인형 정보*/
.doll_detail_content{border:2px solid #000;border-collapse : collapse;}
.doll_detail_content td{color:#333 !important;padding:5px;background:transparent;font-size:16px;}
.doll_detail_content th{border:1px solid #000 !important;background-color:#a5a5a5;text-align:center;}
.doll_detail_content th {
    font-size: 16px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
	line-height:35px;
}
.doll_detail_content td{border:none;text-align:center;border:1px solid #333;}
.doll_detail_content th{border:none;}
.doll_detail_content img{width:40px;height:40px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.doll_detail_content td{border-bottom:1px dotted #333;}
.doll_detail_content tr td{transition-duration:.5s;}
.doll_detail_content tr:hover td{transition-duration:.5s;color:#fff;}

/*ACC 정보*/
.acc_detail_content{border:2px solid #000;}
.acc_detail_content td{color:#333 !important;padding:5px;background:transparent;font-size:16px;}
.acc_detail_content th{border:1px solid #000 !important;background-color:#a5a5a5;text-align:center;}
.acc_detail_content th {
    font-size: 16px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
	line-height:35px;
}
.acc_detail_content td{border:none;text-align:center;border:1px solid #333;}
.acc_detail_content th{border:none;}
.acc_detail_content img{width:40px;height:40px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.acc_detail_content td{border-bottom:1px dotted #333;}
.acc_detail_content tr td{transition-duration:.5s;}
.acc_detail_content tr:hover td{transition-duration:.5s;color:#fff;}
/*방어구 정보*/
.defence_detail_content{border:2px solid #000;}
.defence_detail_content td{color:#333 !important;padding:5px;background:transparent;font-size:16px;}
.defence_detail_content th{border:1px solid #000 !important;background-color:#a5a5a5;text-align:center;}
.defence_detail_content th {
    font-size: 16px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
	line-height:35px;
}
.defence_detail_content td{border:none;text-align:center;border:1px solid #333;}
.defence_detail_content th{border:none;}
.defence_detail_content img{width:40px;height:40px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.defence_detail_content td{border-bottom:1px dotted #333;}
.defence_detail_content tr td{transition-duration:.5s;}
.defence_detail_content tr:hover td{transition-duration:.5s;color:#fff;}
/*무기 정보*/
.weapon_detail_content{border:2px solid #000;}
.weapon_detail_content td{color:#333 !important;padding:5px;background:transparent;font-size:16px;}
.weapon_detail_content th{border:1px solid #000 !important;background-color:#a5a5a5;text-align:center;}
.weapon_detail_content th {
    font-size: 16px;
    height: 37px;
    font-weight: bold;
    border: none;
    color: #eee;
	line-height:35px;
}
.weapon_detail_content td{border:none;text-align:center;border:1px solid #333;}
.weapon_detail_content th{border:none;}
.weapon_detail_content img{width:40px;height:40px;border:1px solid #333;display:inline-block;margin-right:10px !important;border:1px solid #333;box-sizing:border-box;}
.weapon_detail_content td{border-bottom:1px dotted #333;}
.weapon_detail_content tr td{transition-duration:.5s;}
.weapon_detail_content tr:hover td{transition-duration:.5s;color:#fff;}

.title_h3_wrap{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}
.lv1{border:2px solid #333;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#333;}
.lv2{border:2px solid #28a745;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#28a745;}
.lv3{border:2px solid #007bff;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#007bff;}
.lv4{border:2px solid #dc3545;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#dc3545;}
.lv5{border:2px solid #6f42c1;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#6f42c1;}
.lv6{border:2px solid #d49f00;padding:5px 10px;border-radius:5px;vertical-align:middle;color:#d49f00;}

.title_h3_wrap .lin_mark{float:right;width:50%;background-size:contain;background-position:right !important;}
.title_h3_wrap .latest_title{float:left;width:50%;text-align:left !important;}
#colophon {
	margin-top:100px;
    width: 100% !important;
    z-index: 99;
    background-color: rgba(31, 46, 101, 0.5);
}
.total_menu_wrap{padding:12px 0 10px 0;box-sizing:border-box;overflow-x:auto;}
.total_menu_title{text-align:center;font-size:18px;}
.total_menus{

text-align:center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width:1525px;
    margin: 10px auto 0px auto;
    display: grid;
    grid-gap: 4px;
	}
.total_menus img{width:60px;height:60px;border:1px solid #333;border-radius:10px;}
.total_menus a{display:block;padding:5px;transition-duration:.3s;font-weight:500;border-radius:20px;}
.total_menus a:hover{padding:25px !important;color:#fff;transition-duration:.3s;}
.item_search_form{background:#fff;width:100%;margin:0 auto 0px auto;overflow:hidden;text-align:center;}
.item_search_form input {
  display:inline-block;
  width:100%;
  max-width:1525px;
  background: #eee;
  padding: 16px;
  margin: 8px 0;
  width: 85%;
  border: 0;
  outline: none;
  border-radius: 20px;
  box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff;
}
/* 5 */
.btn-5 {
  position:relative;
  background: #000;
  color: #fff;
  line-height: 42px;
  padding: 0;
  border: none;
  text-align:center;
  max-width:100px;
  margin:0 auto;
  border-radius:5px;
  cursor:pointer;
}
.btn-5:hover {
  background: transparent;
  color: #000;
   box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
}
.btn-5:before,
.btn-5:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #000;
  transition:400ms ease all;
}
.btn-5:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after{
  width:100%;
  transition:800ms ease all;
}
/*
.hunting_detail_content{
    background-image:
url(images/9.png), 
url(images/10.png), 
url(images/11.png), 
url(images/12.png), 
url(images/14.png), 
url(images/15.png), 
url(images/16.png),
url(images/17.png),
url(images/13.png);
background-position: 
left 74.5px bottom 10.5px, 
left 10.5px bottom 10.5px, 
right 10.5px bottom 10.5px, 
left 10.5px top 74.5px, 
right 10.5px top 74.5px, 
left 74.5px top 10.5px, 
left 10.5px top 10.5px, 
right 10.5px top 10.5px,
74.5px;
background-repeat: 
no-repeat, 
no-repeat, 
no-repeat, 
no-repeat, 
no-repeat, 
no-repeat, 
no-repeat, 
no-repeat,
repeat;
    background-size: 
calc(100% - 149px) 33px, 
64px, 
64px, 
64px calc(100% - 149px), 
64px calc(100% - 149px), 
calc(100% - 149px) 64px, 
64px, 
64px,
calc(100% - 149px) calc(100% - 149px);

    padding: 35px;
    box-sizing: border-box;
}*/

.image-slider-track > div::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
    background-image: url(images/b18.png), url(images/b19.png), url(images/b20.png), url(images/b21.png), url(images/b23.png), url(images/b24.png), url(images/b25.png), url(images/b26.png), url(images/b22.png);
    background-position: left 30px bottom -8.5px, left 9.5px bottom 10.5px, right 9.5px bottom 10.5px, left 10.5px top 30px, right 10.5px top 30px, left 30px top -6.5px, left 10.5px top 10.5px, right 10.5px top 10.5px, 30px;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
    background-size: calc(100% - 55px) 22px, 22px, 22px, 22px calc(100% - 55px), 22px calc(100% - 55px), calc(100% - 55px) 22px, 22px, 22px, 200px;
    padding: 35px;
    box-sizing: border-box;
}
.image-item{padding:33px 30px 14px 30px !important;}
.image-item a{position:relative;}
.header_wrap{margin:0 auto;position:relative;height:49px;box-sizing:border-box;}
.qwrap a{position:relative;}

.qwrap img{width:140px;transition-duration:.5s;}
.qwrap a:hover img {position:relative;width:150px;transition-duration:.2s;}
.qwrap_text{
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
}
.qwrap a:nth-child(1) img.qwrap_text {width:164px;height:auto;}
.qwrap a:nth-child(2) img.qwrap_text {width:164px;height:auto;}
.img-section{
    max-width: 1400px;
    margin: 0 auto;
}
.slick-dotted.slick-slider{position:relative;}
.slick-next {
    right: 0px;
    position: absolute;
    z-index: 9;
}
.slick-prev {
    left: 0px;
    position: absolute;
    z-index: 9;
}
.kboard-latest-date{display:none;}
.post-heading .min_video_wrap video{
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.image-slider-wrapper {
            position: relative;
			max-width:1400px;
			margin:0 auto;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }

        .image-slider-track {
            display: flex;
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            gap: 10px;
            padding: 6px;
        }

        .image-item {
			padding:2px;
            flex: 0 0 calc(20% - 8px);
            position: relative;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
			box-sizing:border-box;
        }


        .image-wrapper {
            position: relative;
            width: 100%;
            height: 250px;
            overflow: hidden;
        }

        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }

        .image-item:hover img {
            transform: scale(1.1);
        }

        .image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            padding: 20px;
            transform: translateY(100%);
            transition: all 0.3s ease;
        }

        .image-item:hover .image-overlay {
            transform: translateY(0);
        }

        .image-title {
            color: white;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .image-description {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.9rem;
            line-height: 1.4;
        }

        .image-number {
position: absolute;
    top: 18px;
    left: 31px;
    /* width: 15px; */
    /* height: 15px; */
    color: white;
    /* border-radius: 50%; */
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 10px;
    /* box-shadow: 0 5px 15px rgba(238, 90, 36, 0.4); */
    z-index: 5;
    padding: 3px;
    border-radius: 4px;
    color: #f00;
    transform: rotate(-3deg);
        }

        .image-category {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px 12px;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: bold;
            color: #333;
            z-index: 5;
        }
.image-item:before{
display:none;
content:"";
width:247px;
height:43px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
    background: #000000;
    background-image: linear-gradient(45deg, #000000, #474747, #000000);
    background-clip: text;
    -webkit-background-clip: content-box;
    -webkit-text-fill-color: transparent;
}

.image-item:hover::before {
background-color:rgba(0,0,0,0.7);
transition-duration:.3s;
}
.image-item:hover a .kboard-screen-cut-strings{
transition-duration:.3s;
color:#bd6aec;
}
.kboard-list table tbody tr:nth-child(1) td{border-top:1px solid #444 !important;}
.kboard-list table tbody tr:last-child td{border-bottom:1px solid #444 !important;}
.kboard_screen_contain a{display:block;}
.kboard-thum-title-wrap{width:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.8);color:#ccb96d;padding:10px 0;}
.kboard_screen_contain > a::before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 0;
	background-size:contain;
	background-repeat:no-repeat;
	padding: 35px;
    box-sizing: border-box;
    z-index: 99;
}
.slick-slide{border:1px solid #4f3f2a;border-radius:5px;margin:20px 2px;box-sizing:border-box;}
.slick-slide img{border:0;margin:0;vertical-align:top;}
.kboard-screen-thumbnail li{margin:0 !important;padding:0 !important;}
.kboard-comments-default{background-color:transparent !important;}
#kboard-thumbnail-document .kboard-title h1 {

}
.kboard-title{
position:relative;
background-size: cover;
background-image: url(https://github.com/user-attachments/assets/674f38a0-721f-4f4a-b104-ee77853173bf);
height: 110px;
padding-top: 30px !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
box-sizing: border-box;
background-attachment: fixed;
}
.kboard-title::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
    background-image: url(images/pattern2.png);
	z-index:1;
	width:100%;
	height:100%;
}
#kboard-thumbnail-document .kboard-title h1{
position:relative;
z-index:9;
}
.slick-slide img{transition-duration:1s;}
.slick-slide:hover img{transition-duration:1s;transform:scale(1.2);}
#kboard-thumbnail-latest table .kboard-latest-title a{padding-left:20px;position:relative;display:block;}
#kboard-thumbnail-latest table .kboard-latest-title a::before{
    content: "";
    position: absolute;
    left: 1px;
    top: 7px;
    background-image: url(images/blit3.png);
    background-repeat: no-repeat;
	background-size:contain;
    width: 10px;
    height: 10px;
    z-index: 0;
}
.image-item a{position:relative;display:block;width:100%;max-width:150px;min-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.image-item .kboard-screen-cut-strings{display:block;width:100%;max-width:150px;min-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.kboard-thumbnail-cut-strings{display:block;width:100%;max-width:150px;min-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.image-item a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(images/latest_blit.png);
    background-repeat: no-repeat;
	background-size:contain;
    width: 25px;
    height: 25px;
    z-index: 0;
}
.image-title{margin-left:25px;}
.kboard-thumbnail-new-notify{display:none !important;}
.kboard-latest-title a:visited .kboard-thumbnail-cut-strings{color:#333;}
.kboard-latest-title a:hover .kboard-thumbnail-cut-strings{color:#f00;transition-duration:.5s;}
.img_down_h a {
display:block;
transition-duration: .5s;

}
.img_down_h a:hover img {
    transition-duration: .5s;
    transform:scale(1.01);
}
.img_down_h {
    border-bottom: 1px solid #787878;
}
.img_down_h {
    text-align: center;
    width: 100%;
}
.content_border_down {
    margin: 10px 0 0;
    border: 1px solid #787878;
    box-sizing: border-box;
}
.sub_content_wrap {
    padding: 10px;
    box-sizing: border-box;
    color: #a3a3a3;
}
.sub_wrap {
    max-width: 1400px;
    border: 1px solid #000;
}
.kboard_often .kboard-thumbnail-cut-strings{display:block;width:100%;max-width:500px;min-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dark-mode #icon8 {
    background-image: url(/img/main/icon/아이콘16.png);
}
.top_quick_wrap{background:#1a0602;padding:10px;overflow:auto;}
.top_quick_contain{width:100%;max-width:1400px;margin:0 auto;}
.top_quick_btns{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1400px;
    margin: 0px auto 0px auto;
    display: grid;
    grid-gap: 4px;
}
.top_quick_btns li{text-align:center;}
.top_quick_btns li a:link{color:#fff;transition-duration:.5s;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;min-width:50px;max-width:100%;padding:5px 0;}
.top_quick_btns li a:visited{color:#fff;}
.top_quick_btns li a:hover{color:#f3b227;transition-duration:.5s;}
.top_q_icon{display:block;}
.top_q_icon img{
width:35px;height:35px;}
.image-slider-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 10px;
    padding: 6px;
}

.image-item {
    flex: 0 0 calc(100% / 5 - 10px); /* 기본 PC에서 5개 보이도록 */
    box-sizing: border-box;
}
.down_load_wrap{margin:0 20px 0 0;}
.down_load_wrap a{display: inline-block;
    background-image: url(images/down_btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    /* padding: 28px 0 14px 120px; */
    /* margin-top: 7px; */
    width: 142px;
    height: 40px;
    margin-top: 5px;
    color: #aaa;transition-duration:.2s;}
.down_load_wrap a:hover{
    width: 146px;
    height: 40px;
	transition-duration:.2s;
    margin-top: 5px;
    color: #aaa;}
.down_load_wrap a:hover{color:#fff;transition-duration:.5s;}

/* 기본 화살표 제거 */
.slick-prev:before,
.slick-next:before {
    content: none !important;
    display: none !important;
}

/* 기본 상태 */
.slick-prev {
    width: 40px;
    height: 40px;
    background: url('images/left.png') no-repeat center !important;
    background-size: contain !important;
}

.slick-next {
    width: 40px;
    height: 40px;
    background: url('images/right.png') no-repeat center !important;
    background-size: contain !important;
}

/* hover/focus 때 background 덮어쓰기 방지 */
.slick-prev:hover,
.slick-prev:focus {
    background: url('images/left.png') no-repeat center !important;
    background-size: contain !important;
}

.slick-next:hover,
.slick-next:focus {
    background: url('images/right.png') no-repeat center !important;
    background-size: contain !important;
}
.slick-prev:focus,
.slick-next:focus {
    outline: none !important;
    box-shadow: none !important;
}
.img-section{margin-top:20px;}
.title_bg {
padding: 19px 0 26px 0;
    font-size: 17px !important;
    text-align: center;
    background-image: url(images/title_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 356px 69px;
    text-shadow: 1px 1px 1px #000;
}
.kboard-latest-title a {
    color: #333 !important;
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #333 !important; /* 텍스트 채우기 색상 강제 */
}
.kboard-latest-title a:visited {
    color: #333 !important;
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #333 !important; /* 텍스트 채우기 색상 강제 */
}
.kboard-latest-title a:hover {
    color: #f00 !important;
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #f00 !important; /* 텍스트 채우기 색상 강제 */
}
#services > div a .title_h3_wrap h3{
    color: #000 !important;
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #000 !important; /* 텍스트 채우기 색상 강제 */
}
#services > div:hover a .title_h3_wrap h3{
    color: #f00 !important;
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #f00 !important; /* 텍스트 채우기 색상 강제 */
}
/* 홍보 영역 컨테이너 */
.promo-wrap {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    box-sizing: border-box;
}

.promo-box {
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    padding:0px 10px;
}

/* 화살표와 그리드를 감싸는 상자 */
.promo-scroll-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* [핵심] 가로 스크롤 그리드 */
.link-grid {
    flex: 1;
    display: flex !important;
    flex-wrap: nowrap !important; /* 줄바꿈 방지 */
    overflow-x: auto !important; /* 가로 스크롤 허용 */
    scroll-behavior: smooth; /* 부드러운 이동 */
    gap: 10px !important;
    padding: 10px 5px !important;
    scrollbar-width: none; /* 파이어폭스 스크롤바 숨김 */
    -ms-overflow-style: none; /* IE 스크롤바 숨김 */
}

.link-grid::-webkit-scrollbar {
    display: none; /* 크롬, 사파리 스크롤바 숨김 */
}

/* 화살표 버튼 스타일 */
.scroll-arrow {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #1a1510;
    border: 1px solid #d4af37;
    color: #d4af37;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s;
    z-index: 10;
    padding: 0;
    line-height: 1;
}

.scroll-arrow:hover {
    background: #d4af37;
    color: #000;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

/* 홍보 버튼 스타일 */
.promo-btn {
    flex: 0 0 auto !important; /* 너비 고정 */
    min-width: 133px;
    background: #25201a;
    border: 1px solid #3d352a;
    color: #ccc !important;
    padding: 2px 15px;
    text-align: center;
    border-radius: 6px;
    font-size: 13px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: 0.2s;
}

.promo-btn:hover {
    background: #d4af37;
    color: #000 !important;
    border-color: #ffd700;
}
.ad_arrow {
    position: absolute;
    /* left: 10%; */
    /* top: 24px; */
    z-index: 99999999;
    top: 39px;
    left: 24%;
    transform: translate(-50%, 0%);
	    opacity: 1;
    transition: opacity 0.5s 1.2s;
    animation: downBul 1.5s infinite;
}
.ad_arrow >img{
width:100%;
max-width:70px;
}
@keyframes downBul {
0%  { transform: translateY(0); }
50% { transform: translateY(10px); }
100% { transform: translateY(0);}
}
.sub_notice {
width:100%;
max-width:850px;
margin:0 auto;
    filter: none !important; /* 다크모드 필터 무시 */
background-color:rgba(0,0,0,0.5);
}
.sub_notice ul {
    list-style: disc !important;
    text-align: left;
    margin: 0 !important;
    padding: 0 80px;
    filter: none !important; /* 다크모드 필터 무시 */
	color:#eee;

}
.sub_notice ul li{
	padding:10px 0;
	border-bottom:1px solid #000;
	list-style: disc !important;
    filter: none !important; /* 다크모드 필터 무시 */

}
.sub_notcie_title{text-align:center;border-bottom:2px solid #000;}

.sub_notcie_title img{width:100%; max-width:350px;}
.sub_notice{border:2px solid #000;overflow:hidden;border-radius:10px;}
/* [1] 전체 그리드 설정 (한 줄에 4개 배치) */
.latest_screen_slick_wrap {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4열 고정 */
    gap: 12px !important; /* 박스 사이 간격 */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* [2] 각 게시물 박스 (세로형 카드 디자인) */
.kboard_screen_contain {
    width: 100% !important;
    background: rgba(31, 46, 101, 1) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box !important;
}

/* [3] UL 구조 내부 세로 정렬 (가로 -> 세로 변경 핵심) */
.kboard-screen-thumbnail.screen_ul {
    display: flex !important;
    flex-direction: column !important; /* 세로 방향으로 변경 */
    align-items: center !important;
    padding: 0 !important; /* 내부 여백 초기화 */
    margin: 0 !important;
    list-style: none !important;
}

/* [4] 이미지 영역 (상단 배치) */
.kboard-screen-thumbnail.screen_ul li:first-child {
    width: 100% !important; /* 가로 꽉 채움 */
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.kboard-screen-thumbnail.screen_ul li:first-child img {
    width: 100% !important;
    height: 120px !important; /* 세로형에 맞게 높이 확보 */
    object-fit: cover !important;
    border: none !important; /* 박스 테두리와 겹치지 않게 제거 */
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    filter: brightness(0.85);
    transition: 0.3s;
}

/* [5] 텍스트 영역 (하단 배치) */
.kboard-screen-thumbnail.screen_ul li:last-child {
    width: 100% !important;
    padding: 12px 10px !important; /* 텍스트 주변 여백 */
    box-sizing: border-box !important;
    background: transparent !important;
    text-align: center !important; /* 세로형은 중앙 정렬이 깔끔함 */
}

/* 텍스트 스타일 */
.kboard-screen-thumbnail.screen_ul li:last-child,
.kboard-screen-thumbnail.screen_ul li:last-child p {
    color: #eee !important;
    -webkit-text-fill-color: #eee !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) !important;
}

/* [6] 호버 효과 */
.kboard_screen_contain:hover {
    transform: translateY(-5px);
    border-color: #ffd700 !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
    background: rgb(18 27 59) !important;
}

.kboard_screen_contain:hover img {
    filter: brightness(1.2);
}

/* [7] 기타 레이아웃 클린업 */
.kboard-thum-title-wrap, .clear {
    display: none !important;
}
/* 초기 상태: 모든 게시물 숨김 (스크립트에서 4개만 노출 예정) */
.kboard_screen_contain {
    display: none; 
}

/* 더보기 버튼 컨테이너 */
.more-btn-wrap {
    text-align: center;
    margin-top: 30px;
    width: 100%;
}

/* 더보기 버튼 스타일 (골드 테마) */
.load-more-btn {
    background: #1a1510;
    border: 1px solid #d4af37;
    color: #d4af37;
    padding: 12px 40px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
    text-transform: uppercase;
}

.load-more-btn:hover {
    background: #d4af37;
    color: #000;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}
/* 초기 상태: 게시물 숨김 */
.kboard_screen_contain {
    display: none;
    opacity: 0;
    transform: translateY(20px); /* 아래에서 위로 올라오는 효과 준비 */
    transition: all 0.5s ease;
}

/* 활성화 상태 (스크립트에서 클래스를 붙여줌) */
.kboard_screen_contain.is-visible {
    display: block !important; /* 그리드 내에서 영역 확보 */
    opacity: 1;
    transform: translateY(0);
}

/* 더보기 버튼 컨테이너 */
.more-btn-wrap {
    text-align: center;
    padding: 40px 0;
}

/* 더보기 버튼 (골드 광채 효과) */
.load-more-btn {
    background: #1a1510;
    border: 1px solid #d4af37;
    color: #d4af37;
    padding: 14px 60px;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 30px; /* 둥근 버튼으로 변경 */
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.load-more-btn:hover {
    background: #d4af37;
    color: #000;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
    transform: translateY(-2px);
}
/* [1] 기본 레이아웃 */
.latest_screen_slick_wrap {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}

/* [2] 게시물 카드 기본 상태 */
.kboard_screen_contain {
    display: none; /* 스크립트에서 4개만 노출할 예정 */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.5s ease-in-out !important;
    background: rgb(18 27 59) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 8px;
}

/* [3] 활성화(노출) 클래스 */
.kboard_screen_contain.is-visible {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
}

/* [4] 자동 하이라이트 & 호버 스타일 (합침) */
.kboard_screen_contain.active-highlight,
.kboard_screen_contain:hover {
    border-color: #ffd700 !important;
    background: rgba(31, 46, 101, 1);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.5) !important;
    transform: translateY(-5px) !important;
    z-index: 10;
}

.kboard_screen_contain.active-highlight img,
.kboard_screen_contain:hover img {
    filter: brightness(1.2) !important;
}

/* [5] 더보기 버튼 디자인 */
.more-btn-wrap { text-align: center; padding: 40px 0; }
.load-more-btn {
    background: #1a1510; border: 1px solid #d4af37; color: #d4af37;
    padding: 12px 50px; border-radius: 25px; cursor: pointer; transition: 0.3s;
}
.load-more-btn:hover { background: #d4af37; color: #000; }
.post-heading .sub_notice{
position: absolute;
top: 62%;
left: 50%;
transform: translate(-50%, -50%);
z-index:8;
}
.kboard-control .kboard-thumbnail-button-small {
    filter: none !important; /* 다크모드 필터 무시 */
    -webkit-text-fill-color: #eee !important; /* 텍스트 채우기 색상 강제 */
    color: #eee !important;
    background: #13448e;
    border-radius: 5px;
}
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a {
    filter: none !important; /* 다크모드 필터 무시 */
    color: #eee !important;
	background:#3a3a3a !important;
}
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a:hover {
    filter: none !important; /* 다크모드 필터 무시 */
    color: #eee !important;
	background:#0f4263 !important
}
.kboard-content {
    font-family: 'Noto Sans KR', sans-serif;
}

.kboard-content span[style*="Nanum Gothic"] {
    font-family: 'Nanum Gothic' !important;
}

.kboard-content span[style*="Nanum Myeongjo"] {
    font-family: 'Nanum Myeongjo' !important;
}

.kboard-content span[style*="Nanum Brush Script"] {
    font-family: 'Nanum Brush Script' !important;
}
/* ===================================
   KBoard TinyMCE Dark Mode
=================================== */

/* 에디터 전체 */
.kboard-editor,
.kboard-editor-wrap,
.mce-container,
.mce-panel {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

/* 툴바 */
.mce-toolbar,
.mce-toolbar-grp,
.mce-menubar {
    background: #2b2b2b !important;
    border-color: #333 !important;
}

/* 버튼 */
.mce-btn {
    background: #2b2b2b !important;
    border-color: #444 !important;
}

.mce-btn button {
    color: #ddd !important;
}

.mce-btn:hover {
    background: #3a3a3a !important;
}

/* 드롭다운 */
.mce-listbox button {
    background: #2b2b2b !important;
    color: #ddd !important;
}

/* 에디터 글 영역 */
.mce-edit-area iframe {
    background: #1e1e1e !important;
}

/* TinyMCE iframe 내부 글 */
.mce-content-body {
    background: #1e1e1e !important;
    color: #e6e6e6 !important;
}

/* 링크 색 */
.mce-content-body a {
    color: #4ea3ff !important;
}

/* 테이블 */
.mce-content-body table {
    border-color: #555 !important;
}

/* 선택 영역 */
.mce-content-body ::selection {
    background: #3a6ea5;
}
/* TinyMCE 에디터 입력 영역 배경 */
.mce-edit-area iframe {
    background: #2b2b2b !important;
}

/* iframe 안쪽 글쓰기 영역 */
.mce-content-body {
    background: #2b2b2b !important;
    color: #e6e6e6 !important;
}

/* 입력 영역 전체 */
.kboard-editor textarea,
.kboard-editor {
    background: #2b2b2b !important;
    color: #e6e6e6 !important;
}
/* KBoard Dark Theme */
.kboard-wrap {
    background: #111;
    color: #ddd;
}

.kboard-table,
.kboard-list,
.kboard-content {
    background: #1b1b1b;
    color: #ddd;
    border-color: #333;
}

.kboard-table th,
.kboard-table td {
    border-color: #333;
}

.kboard-button,
.kboard-default-button {
    background: #333;
    color: #ddd;
    border: 1px solid #444;
}

.kboard-button:hover {
    background: #444;
}
/* ===================================
   KBoard Editor Full Dark Theme
=================================== */

/* 에디터 전체 */
.kboard-editor,
.kboard-editor-wrap {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

/* TinyMCE 툴바 */
.mce-container,
.mce-panel,
.mce-toolbar,
.mce-menubar {
    background: #1f1f1f !important;
    border-color: #333 !important;
}

/* 버튼 */
.mce-btn {
    background: #2b2b2b !important;
    border-color: #444 !important;
}

.mce-btn button {
    color: #ddd !important;
}

/* TinyMCE 입력 영역 */
.mce-edit-area iframe {
    background: #2b2b2b !important;
}

/* 코드 탭 textarea */
.kboard-editor textarea,
.wp-editor-area {
    background: #2b2b2b !important;
    color: #e6e6e6 !important;
    border: 1px solid #444 !important;
}

/* 코드 탭 버튼 */
.wp-switch-editor {
    background: #1f1f1f !important;
    color: #ddd !important;
}

/* 상태바 */
.mce-statusbar {
    background: #1f1f1f !important;
    color: #aaa !important;
    border-top: 1px solid #333 !important;
}
/* ===================================
   KBoard HTML(Code) Toolbar Dark
=================================== */

/* 코드모드 상단 버튼 영역 */
.kboard-editor-toolbar,
.kboard-editor-toolbar-wrap {
    background: #1f1f1f !important;
    border-bottom: 1px solid #333 !important;
}

/* 버튼 */
.kboard-editor-toolbar button,
.kboard-editor-toolbar a,
.kboard-editor-toolbar input[type=button] {
    background: #2b2b2b !important;
    color: #ddd !important;
    border: 1px solid #444 !important;
}

/* 버튼 hover */
.kboard-editor-toolbar button:hover,
.kboard-editor-toolbar a:hover {
    background: #3a3a3a !important;
}

/* 코드 textarea */
.kboard-editor textarea,
.wp-editor-area {
    background: #2b2b2b !important;
    color: #e6e6e6 !important;
    border: 1px solid #444 !important;
}
/* ===================================
   KBoard Editor UI Style
=================================== */

/* 에디터 전체 박스 */
.kboard-editor {
    background: linear-gradient(#1c1c1c, #151515);
    border: 1px solid #3a3a3a;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    padding: 8px;
}

/* TinyMCE 상단 툴바 */
.mce-toolbar,
.mce-menubar,
.mce-panel {
    background: linear-gradient(#2a2a2a, #1f1f1f) !important;
    border-bottom: 1px solid #3a3a3a !important;
}

/* 버튼 */
.mce-btn {
    background: #2b2b2b !important;
    border: 1px solid #444 !important;
    border-radius: 3px !important;
}

.mce-btn:hover {
    background: #3a3a3a !important;
}

/* 입력 영역 */
.mce-edit-area iframe {
    background: #202020 !important;
}

/* 입력 글 영역 */
.mce-content-body {
    background: #202020 !important;
    color: #e6e6e6 !important;
    padding: 15px;
    line-height: 1.7;
}

/* 상태바 */
.mce-statusbar {
    background: #1a1a1a !important;
    border-top: 1px solid #333 !important;
    color: #aaa !important;
}

/* 코드 탭 textarea */
.kboard-editor textarea {
    background: #202020 !important;
    color: #e6e6e6 !important;
    border: 1px solid #444 !important;
}
.kboard-editor {
    background: #161616;
    border: 1px solid #5a4b2c;
    box-shadow: 0 0 8px rgba(255,200,100,0.15);
}

.mce-toolbar {
    background: linear-gradient(#3a3220, #2a2418) !important;
}

.mce-btn {
    background: #2c2416 !important;
    border: 1px solid #5a4b2c !important;
}

.mce-btn:hover {
    background: #3a2f1c !important;
}
/* TinyMCE 흰색 테두리 제거 */
.mce-edit-area,
.mce-edit-area iframe,
.wp-editor-container,
.wp-editor-wrap,
.kboard-editor textarea {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* TinyMCE 내부 wrapper 선 제거 */
.mce-container,
.mce-panel,
.mce-stack-layout {
    border: none !important;
}

/* 혹시 남는 아래 흰줄 제거 */
.mce-statusbar {
    border-top: none !important;
}
/* ===================================
   KBoard Editor Buttons Style
=================================== */

/* KBoard 미디어 추가 버튼 */
.kboard-editor .button,
.kboard-editor button,
.kboard-editor input[type=button] {
    background: linear-gradient(#6b552b, #4a3b1f);
    border: 1px solid #9f8446;
    color: #f5e6c0;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

/* 버튼 hover */
.kboard-editor .button:hover,
.kboard-editor button:hover {
    background: linear-gradient(#8a6d36, #5a4725);
    border-color: #c9a85a;
    color: #fff;
}

/* 비주얼 / 코드 버튼 */
.wp-switch-editor {
    background: #2b2b2b !important;
    border: 1px solid #555 !important;
    color: #ddd !important;
    padding: 4px 10px !important;
    border-radius: 3px !important;
}

/* 활성 버튼 */
.wp-switch-editor.switch-tmce,
.wp-switch-editor.switch-html {
    background: linear-gradient(#6b552b, #4a3b1f) !important;
    border: 1px solid #c9a85a !important;
    color: #f5e6c0 !important;
}

/* hover */
.wp-switch-editor:hover {
    background: #3a3a3a !important;
}
.media-upload-btn {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 6px 14px 6px 28px;
    position: relative;
}

.media-upload-btn:before {
    content: "📷";
    position: absolute;
    left: 8px;
}
/* ===================================
   KBoard Editor Button All Style
=================================== */

/* 미디어 추가 버튼 */
.wp-media-buttons .button,
.insert-media,
.kboard-editor .button {
    background: linear-gradient(#7a6433, #4d3f22) !important;
    border: 1px solid #c9a85a !important;
    color: #f0e0b0 !important;
    padding: 5px 12px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

/* hover */
.wp-media-buttons .button:hover,
.insert-media:hover,
.kboard-editor .button:hover {
    background: linear-gradient(#9b7c3f, #5f4c28) !important;
    border-color: #e0c37a !important;
    color: #fff !important;
}

/* 비주얼 / 코드 버튼 */
.wp-switch-editor {
    background: #2b2b2b !important;
    border: 1px solid #555 !important;
    color: #ddd !important;
    padding: 4px 10px !important;
    border-radius: 3px !important;
}

/* 활성 상태 */
.wp-switch-editor.switch-tmce.active,
.wp-switch-editor.switch-html.active {
    background: linear-gradient(#7a6433, #4d3f22) !important;
    border: 1px solid #c9a85a !important;
    color: #f0e0b0 !important;
}

/* 코드모드 버튼 (b i link 등) */
.quicktags-toolbar .ed_button {
    background: #2c2416 !important;
    border: 1px solid #5a4b2c !important;
    color: #e0d0a0 !important;
    border-radius: 3px !important;
    padding: 3px 8px !important;
}

/* 코드모드 버튼 hover */
.quicktags-toolbar .ed_button:hover {
    background: #3a2f1c !important;
    color: #fff !important;
}

/* TinyMCE 버튼 */
.mce-btn button {
    background: #2c2416 !important;
    border: 1px solid #5a4b2c !important;
}

.mce-btn:hover button {
    background: #3a2f1c !important;
}
/* ===================================
   KBoard Button Full Style
=================================== */

/* 기본 버튼 */
.kboard-thumbnail-button-small,
.kboard-default-button,
.kboard-button,
.kboard-editor .button,
.wp-switch-editor {
    background: linear-gradient(#7a6433, #4d3f22) !important;
    border: 1px solid #c9a85a !important;
    color: #f0e0b0 !important;
    padding: 6px 14px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}

/* hover */
.kboard-thumbnail-button-small:hover,
.kboard-default-button:hover,
.kboard-button:hover,
.kboard-editor .button:hover,
.wp-switch-editor:hover {
    background: linear-gradient(#9b7c3f, #5f4c28) !important;
    border-color: #e0c37a !important;
    color: #fff !important;
}

/* 버튼 눌림 */
.kboard-thumbnail-button-small:active,
.kboard-default-button:active,
.kboard-button:active {
    background: #3a2f1c !important;
}

/* 왼쪽 오른쪽 버튼 영역 정리 */
.kboard-control {
    margin-top: 15px;
    padding-top: 10px;
}

.kboard-control .left a,
.kboard-control .right button {
    margin-right: 5px;
}
/* 파일 선택 버튼 */
input[type="file"]::file-selector-button {
    background: #2c2416;
    border: 1px solid #5a4b2c;
    color: #e0d0a0;
    padding: 4px 10px;
    border-radius: 3px;
}

input[type="file"]::file-selector-button:hover {
    background: #3a2f1c;
    color: #fff;
}
/* 댓글 박스 */
.kboard-comments-area {
    background: #161616;
    border: 1px solid #333;
    border-radius: 6px;
}

/* 댓글 입력 영역 */
.kboard-comments-area textarea {
    background: #202020;
}

/* 댓글 리스트 */
.kboard-comments-list {
    background: #1a1a1a;
    padding: 10px;
    border-radius: 4px;
}
/* =========================================
   KBoard List Style
========================================= */

/* 게시판 전체 */
.kboard-default {
    background: rgba(10,10,10,0.75);
    padding: 20px;
    border-radius: 6px;
}

/* 테이블 */
.kboard-default table {
    border-top: 2px solid #6b552b;
}

/* 헤더 */
.kboard-default thead tr {
    background: linear-gradient(#2a2214, #1a1a1a);
}

.kboard-default thead th {
    color: #c9a85a;
    font-weight: bold;
    border-bottom: 1px solid #3a3a3a;
    padding: 10px;
}

/* 목록 줄 */
.kboard-default tbody tr {
    border-bottom: 1px solid #2a2a2a;
    transition: background 0.2s;
}

/* 마우스 오버 */
.kboard-default tbody tr:hover {
    background: rgba(201,168,90,0.08);
}

/* 글 제목 */
.kboard-default .kboard-list-title a {
    color: #e6e6e6;
}

/* 글 제목 hover */
.kboard-default .kboard-list-title a:hover {
    color: #c9a85a;
}

/* 작성자 */
.kboard-default .kboard-list-user {
    color: #aaa;
}

/* 날짜 */
.kboard-default .kboard-list-date {
    color: #888;
}

/* 공지글 */
.kboard-default .kboard-list-notice {
    color: #e0c37a;
    font-weight: bold;
}

/* 페이지 번호 */
.kboard-pagination a {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ccc;
    padding: 5px 10px;
    margin: 2px;
}

.kboard-pagination a:hover {
    background: #6b552b;
    border-color: #c9a85a;
    color: #fff;
}

/* 현재 페이지 */
.kboard-pagination .active {
    background: #c9a85a;
    color: #111;
    border-color: #c9a85a;
}
/* 검색 영역 */
.kboard-default .kboard-search {
    margin-bottom: 15px;
}

/* 검색 select */
.kboard-default select {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 input */
.kboard-default input[type="text"] {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 버튼 */
.kboard-default .kboard-search button {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 5px 10px;
}
/* ===================================
   KBoard List Real CSS
=================================== */

/* 게시판 전체 */
#kboard-default-list {
    background: rgba(10,10,10,0.75);
    padding: 20px;
    border-radius: 6px;
}

/* 테이블 */
#kboard-default-list .kboard-list table {
    border-top: 2px solid #6b552b;
}

/* 헤더 */
#kboard-default-list thead th {
    background: linear-gradient(#2a2214, #1a1a1a);
    color: #c9a85a;
    border-bottom: 1px solid #3a3a3a;
    padding: 10px;
}

/* 목록 줄 */
#kboard-default-list tbody tr {
    border-bottom: 1px solid #2a2a2a;
    transition: background 0.2s;
}

/* 마우스 오버 */
#kboard-default-list tbody tr:hover {
    background: rgba(201,168,90,0.08);
}

/* 제목 */
#kboard-default-list .kboard-list-title a {
    color: #e6e6e6;
}

/* 제목 hover */
#kboard-default-list .kboard-list-title a:hover {
    color: #c9a85a;
}

/* 작성자 */
#kboard-default-list .kboard-list-user {
    color: #aaa;
}

/* 날짜 */
#kboard-default-list .kboard-list-date {
    color: #888;
}

/* 공지 */
#kboard-default-list .kboard-list-notice {
    color: #e0c37a;
    font-weight: bold;
}

/* 페이지 번호 */
#kboard-default-list .kboard-pagination a {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ccc;
    padding: 5px 10px;
    margin: 2px;
}

#kboard-default-list .kboard-pagination a:hover {
    background: #6b552b;
    border-color: #c9a85a;
    color: #fff;
}

#kboard-default-list .kboard-pagination .active {
    background: #c9a85a;
    color: #111;
    border-color: #c9a85a;
}
/* 검색 영역 */
#kboard-default-list select,
#kboard-default-list input[type="text"] {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 버튼 */
#kboard-default-list .kboard-search button {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 5px 10px;
}
/* ======================================
   KBoard List Style (Div Skin)
====================================== */


/* 한 줄 */
.kboard-list-item {
    border-bottom: 1px solid #2a2a2a;
    padding: 12px 15px;
    transition: background 0.2s;
}

/* 마우스 올리면 */
.kboard-list-item:hover {
    background: rgba(201,168,90,0.08);
}

/* 제목 */
.kboard-list-title a {
    color: #e6e6e6;
    font-weight: 500;
}

/* 제목 hover */
.kboard-list-title a:hover {
    color: #c9a85a;
}

/* 작성자 */
.kboard-list-user {
    color: #999;
}

/* 날짜 */
.kboard-list-date {
    color: #777;
}

/* 공지 */
.kboard-list-notice {
    color: #e0c37a;
    font-weight: bold;
}

/* 페이지 */
.kboard-pagination a {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ccc;
    padding: 5px 10px;
    margin: 2px;
}

.kboard-pagination a:hover {
    background: #6b552b;
    border-color: #c9a85a;
    color: #fff;
}

.kboard-pagination .active {
    background: #c9a85a;
    color: #111;
}
/* 검색 영역 */
.kboard-search select,
.kboard-search input[type="text"] {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 버튼 */
.kboard-search button {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 5px 10px;
}
/* =========================================
   KBoard Thumbnail List Style
========================================= */

/* 게시판 전체 박스 */
#kboard-thumbnail-list {
    background: rgba(10,10,10,0.75);
    border: 1px solid #2a2a2a;
    border-radius: 6px;
    padding: 20px;
}

/* 리스트 한 줄 */
#kboard-thumbnail-list .kboard-list-item {
    border-bottom: 1px solid #2a2a2a;
    padding: 12px 10px;
    transition: background 0.2s;
}

/* 마우스 올리면 */
#kboard-thumbnail-list .kboard-list-item:hover {
    background: rgba(201,168,90,0.08);
}

/* 글 제목 */
#kboard-thumbnail-list .kboard-list-title a {
    color: #e6e6e6;
    font-weight: 500;
}

/* 제목 hover */
#kboard-thumbnail-list .kboard-list-title a:hover {
    color: #c9a85a;
}

/* 작성자 */
#kboard-thumbnail-list .kboard-list-user {
    color: #999;
}

/* 날짜 */
#kboard-thumbnail-list .kboard-list-date {
    color: #777;
}

/* 공지글 */
#kboard-thumbnail-list .kboard-list-notice {
    color: #e0c37a;
    font-weight: bold;
}

/* 페이지 번호 */
#kboard-thumbnail-list .kboard-pagination a {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ccc;
    padding: 5px 10px;
    margin: 2px;
}

#kboard-thumbnail-list .kboard-pagination a:hover {
    background: #6b552b;
    border-color: #c9a85a;
    color: #fff;
}

#kboard-thumbnail-list .kboard-pagination .active {
    background: #c9a85a;
    color: #111;
}
/* 검색 select */
#kboard-thumbnail-list .kboard-search select {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 input */
#kboard-thumbnail-list .kboard-search input {
    background: #1a1a1a;
    border: 1px solid #444;
    color: #ddd;
    padding: 5px;
}

/* 검색 버튼 */
#kboard-thumbnail-list .kboard-search button {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 5px 10px;
}
/* 글쓰기 버튼 */
#kboard-thumbnail-list .kboard-control .kboard-default-button {
    background: linear-gradient(#7a6433, #4d3f22);
    border: 1px solid #c9a85a;
    color: #f0e0b0;
    padding: 6px 14px;
}

#kboard-thumbnail-list .kboard-control .kboard-default-button:hover {
    background: linear-gradient(#9b7c3f, #5f4c28);
}
/* 게시판 라인 */
#kboard-thumbnail-list hr,
#kboard-thumbnail-list .kboard-list-item {
    border-color: #2a2a2a;
}

/* 게시판 제목 */
.kboard-title {
    color: #c9a85a;
    font-weight: bold;
}
/* 불필요한 라인 제거 */
#kboard-thumbnail-list hr,
#kboard-thumbnail-list .kboard-list-item hr {
    display: none;
}

/* 리스트 라인 최소화 */
#kboard-thumbnail-list .kboard-list-item {
    border-bottom: 1px solid #222;
}

/* 마지막 줄 라인 제거 */
#kboard-thumbnail-list .kboard-list-item:last-child {
    border-bottom: none;
}


/* 글쓰기 버튼 위치 */
#kboard-thumbnail-list .kboard-control {
    margin-top: 15px;
    text-align: right;
}
/* 게시판 전체 */
#kboard-thumbnail-list {
    background: rgba(10,10,10,0.75);
    padding: 20px;
    border-radius: 8px;
}
/* ================================
   KBoard Thumbnail Final Style
================================ */

/* 전체 박스 */
#kboard-thumbnail-list {
    background: rgba(10,10,10,0.75);
    padding: 20px;
    border-radius: 8px;
}

/* 리스트 박스 */
#kboard-thumbnail-list .kboard-list {
    border-radius: 6px;
    overflow: hidden;
}

/* 리스트 줄 */
#kboard-thumbnail-list .kboard-list-item {
    border-bottom: 1px solid #222;
    padding: 12px 15px;
}

#kboard-thumbnail-list .kboard-list-item:hover {
    background: rgba(201,168,90,0.07);
}

/* 제목 */
#kboard-thumbnail-list .kboard-list-title a {
    color: #e6e6e6;
}

#kboard-thumbnail-list .kboard-list-title a:hover {
    color: #c9a85a;
}

/* 검색 영역 */
#kboard-thumbnail-list .kboard-search select,
#kboard-thumbnail-list .kboard-search input,
#kboard-thumbnail-list .kboard-search button {
    height: 16px;
    line-height: 16px !important;
    padding: 0 10px;
    vertical-align: middle;
}

/* 글쓰기 버튼 */
#kboard-thumbnail-list .kboard-control {
    margin-top: 15px;
    text-align: right;
}
.kboard-list-empty{color:#333;font-weight:400;}
/* 전체 영역 */
.sub_wrap{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    font-family:'Malgun Gothic', sans-serif;
}

/* 제목 */
.down_title{
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
    padding-left:10px;
    border-left:5px solid #ff5e5e;
}

/* 다운로드 박스 */
.down_client{
    background:#111;
    border:1px solid #333;
    padding:20px;
    margin-bottom:20px;
    color:#ddd;
}

/* 다운로드 이미지 영역 */
.content_border_down{
    border:1px solid #333;
    padding:20px;
    background:#0d0d0d;
}

.img_down_h a{
    display:block;
    text-align:center;
    margin:10px 0;
}

.img_down_h img{
    max-width:100%;
    transition:0.3s;
}

.img_down_h img:hover{
    transform:scale(1.02);
    opacity:0.85;
}

/* 필독사항 박스 */
.down_tip{
    background:#1a1a1a;
    border:1px solid #444;
    padding:20px;
    margin-top:20px;
    color:#ddd;
    line-height:1.8;
}



/* 경고 강조 */
.warn{
    color:#ff5e5e;
    font-weight:bold;
}

/* 포인트 */
.point{
    color:#00d8ff;
    font-weight:bold;
}
.img_down_h a br{display:none;}
/* =========================
   공통 배경
========================= */
.aden_notice_wrap{
    width:100%;
    margin:20px auto;
    font-family:'Malgun Gothic', sans-serif;
}

.aden_notice_table{
    width:100%;
    border-collapse:collapse;
    background:#111;
    color:#ddd;
    border:1px solid #333;
}

.aden_notice_table th,
.aden_notice_table td{
    border:1px solid #333;
    padding:12px 15px;
}

.aden_title{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    background:#1a1a1a;
    color:#ffd700;
}

.notice_label{
    width:160px;
    background:#181818;
    font-weight:bold;
    text-align:center;
    color:#aaa;
}

.notice_text{
    background:#101010;
    line-height:1.6;
}

.highlight{
    color:#ffd700;
    font-weight:bold;
}
.highlight2{
    color:#ffd700;
}
.warn2 {
    color: #ff5e5e;
 }
.highlight.red{
    color:#ff5a5a;
    font-weight:bold;
}
.highlight3 {
    color: #c200ff;
}
.aden_footer{
    text-align:center;
    background:#1a1a1a;
    font-weight:bold;
    color:#ccc;
}
.feature_wrap{
    width:100%;
    margin:20px auto;
    font-family:'Malgun Gothic', sans-serif;
}

.feature_table{
    width:100%;
    border-collapse:collapse;
    background:#111;
    color:#ddd;
    border:1px solid #333;
}

.feature_table th,
.feature_table td{
    border:1px solid #333;
    padding:10px 12px;
}

.feature_title{
    background:#1a1a1a;
    color:#00d8ff;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

.feature_icon{
    width:40px;
    text-align:center;
    background:#181818;
    font-size:16px;
}

.feature_text{
    background:#101010;
}

.highlight{
    color:#ffd700;
    font-weight:bold;
}

.key{
    background:#222;
    border:1px solid #444;
    padding:2px 6px;
    border-radius:4px;
    color:#00e0ff;
    font-weight:bold;
}
/* =========================
   섹션 타이틀
========================= */
.section_title{
    font-size:26px;
    color:#ffd700;
    margin:40px 0 20px 0;
    padding:12px 18px;
    background:linear-gradient(to right,#1a1a1a,#0d0d0d);
    border-left:6px solid #caa55a;
    box-shadow:0 0 10px rgba(0,0,0,0.6);
}


/* =========================
   사냥터 카드
========================= */
.hunt_page .hunt_container{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.hunt_page .hunt_box{
    width:calc(50% - 10px);
    background:linear-gradient(#111,#0d0d0d);
    border:1px solid #3a3a3a;
    box-shadow:0 0 10px rgba(0,0,0,0.8);
    transition:all 0.25s;
    position:relative;
}

.hunt_page .hunt_box:hover{
    border:1px solid #caa55a;
    box-shadow:0 0 18px rgba(202,165,90,0.35);
    transform:translateY(-4px);
}

/* 카드 상단 골드 라인 */
.hunt_page .hunt_box:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(to right,#caa55a,#ffd700,#caa55a);
}

/* 테이블 */
.hunt_page .hunt_table{
    width:100% !important;
    border-collapse:collapse;
}

.hunt_page .hunt_table td{
    border:1px solid #2a2a2a;
    padding:12px;
}

/* 타이틀 */
.hunt_page .hunt_title{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#ffd700;
    background:linear-gradient(#2a2a2a,#1a1a1a);
    letter-spacing:1px;
}

/* 이미지 */
.hunt_page .hunt_map_img{
    background:#000;
    text-align:center;
}

.hunt_page .hunt_map_img img{
    width:100%;
}

/* 몬스터 */
.hunt_page .hunt_monster{
    background:#151515;
    text-align:center;
    line-height:1.8;
}

/* 드랍 영역 */
.hunt_page .hunt_drop{
    background:#101010;
}

/* 드랍 박스 */
.hunt_page .drop_info{
    display:flex;
    gap:12px;
    align-items:stretch;
}

.hunt_page .drop_box{
   flex:1;
    background:linear-gradient(#161616,#101010);
    border:1px solid #3a3a3a;
    padding:12px;
    text-align:left;
    flex-direction:column;
    min-height:120px;
}
.hunt_page .drop_box p{
    margin-top:8px;
    line-height:1.6;
    color:#ddd;
}
.hunt_page .drop_box br{display:none;}
/* 드랍 박스 상단 라인 */
.hunt_page .drop_box:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:#caa55a;
}

/* 라벨 */
.hunt_page .label{
    display:block;
    margin-bottom:6px;
    padding:4px 12px;
    background:#0f2a33;
    border:1px solid #1c4d5d;
    color:#00d8ff;
    font-size:12px;
    font-weight:bold;
}



/* =========================
   보스 테이블
========================= */
.boss_title{
    font-size:26px;
    color:#ffd700;
    margin:40px 0 20px 0;
    padding:12px 18px;
    background:linear-gradient(to right,#1a1a1a,#0d0d0d);
    border-left:6px solid #caa55a;
}

/* 테이블 박스 */
.boss_container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    background:#0f0f0f;
    padding:15px;
    border:1px solid #333;
    box-shadow:0 0 12px rgba(0,0,0,0.6);
}

.boss_wrap{
    width:100%;
    overflow-x:auto;
}

/* 테이블 */
.boss_table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    color:#ddd;
}

.boss_table th{
    background:linear-gradient(#2a2a2a,#1a1a1a);
    color:#ffd700;
    font-size:15px;
    padding:14px;
    border:1px solid #333;
    white-space:nowrap;
	text-align:center;
}

.boss_table td{
    border:1px solid #2a2a2a;
    padding:12px;
    text-align:center;
    white-space:nowrap;
}

/* 줄 배경 */
.boss_table tr:nth-child(even){
    background:#141414;
}

/* hover */
.boss_table tr:hover{
    background:#1c1c1c;
    box-shadow:inset 0 0 10px rgba(202,165,90,0.15);
}

/* 이미지 */
.boss_table img{
    width:64px;
    height:64px;
    border:1px solid #333;
    background:#000;
    padding:2px;
}

/* 컬럼 너비 */
.boss_table th:nth-child(1){width:60px;}
.boss_table th:nth-child(2){width:180px;}
.boss_table th:nth-child(3){width:90px;}
.boss_table th:nth-child(4){width:150px;}
.boss_table th:nth-child(5){width:220px;}
td.hunt_drop br{display:none;}
div + br{
    display:none;
}
span + br{
    display:none;
}
h1 + br{
    display:none;
}
h2 + br{
    display:none;
}
h3 + br{
    display:none;
}
h4 + br{
    display:none;
}
h5 + br{
    display:none;
}
h6 + br{
    display:none;
}
p + br{
    display:none;
}
a + br{
    display:none;
}
/*==================info star======================*/
.info_wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* row 구조 */
.info_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; /* ⭐ 핵심 해결 */
  gap: 20px;
  background: #111;
  border: 1px solid #333;
  box-sizing: border-box;
  padding-bottom: 15px;
}

/* 제목 */
.info_title {
  width: 100%;
  padding: 12px;
  background: linear-gradient(to right, #2a2a2a, #111);
  color: #ffcc00;
  font-weight: bold;
  border-bottom: 2px solid #ffcc00;
  text-align: center;
  letter-spacing: 1px;
}

/* 좌측 이미지 */
.info_left {
  flex: 0 0 250px;
  align-self: flex-start; /* ⭐ 높이 문제 해결 */
  padding-left: 15px;
}

.info_left img {
  width: 100%;
  max-width: 250px;
  height: auto; /* ⭐ 중요 */
  display: block; /* ⭐ 중요 */
  margin-bottom: 10px;
}

/* 우측 내용 */
.info_right {
  flex: 1;
  padding-right: 15px;
}

.info_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.info_table td {
  border: 1px solid #222;
  padding: 8px;
  text-align: center;
  color: #ddd;
  word-break: break-all;
}

.info_box p {
  margin: 5px 0;
  color: #ddd;
}

.info_box strong {
  color: #00c8ff;
}
/*보상*/
.info_wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.info_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  background: #111;
  border: 1px solid #333;
  box-sizing: border-box;
  padding-bottom: 15px;
}

.info_title {
  width: 100%;
  padding: 12px;
  background: linear-gradient(to right, #2a2a2a, #111);
  color: #ffcc00;
  font-weight: bold;
  border-bottom: 2px solid #ffcc00;
  text-align: center;
}

/* 테이블 */
.info_right {
  width: 100%;
  padding: 15px;
}

.info_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.info_table td {
  border: 1px solid #222;
  padding: 10px;
  color: #ddd;
}

.info_table td:first-child {
  width: 30%;
  text-align: center;
  background: #1a1a1a;
  font-weight: bold;
}

/* 강조 */
.highlight_gold {
  color: #ffcc00;
  font-weight: bold;
}

.highlight_blue {
  color: #00c8ff;
  font-weight: bold;
}

.highlight_red {
  color: #ff4444;
  font-weight: bold;
}

/* 안내문 */
.info_desc {
  color: #aaa;
  font-size: 13px;
  margin-top: 5px;
}

/* 모바일 */
@media (max-width:768px){
  .info_row {
    flex-direction: column;
    padding: 10px;
  }

  .info_left {
    width: 100%;
    max-width: 100%;
    padding: 0;
	  flex: 0 0 155px;
  }

  .info_left img {
    max-width: 250px;
    margin: 0 auto 10px;
  }

  .info_right {
    width: 100%;
    padding: 0;
  }
}
/* 모바일 */
@media (max-width:768px){
  .info_table td {
    font-size: 12px;
    padding: 8px;
  }
}
	@media only screen and ( max-width: 1760px ) {
	.main_top_menu{min-width:776px;}
	.main-navigation .menu >li {
    padding: 7px 19px !important;
}
}
	@media only screen and ( max-width: 1470px ) {
	.q_wrap{display:none;}
	}

	@media only screen and ( max-width: 1400px ) {
	.photo_contain > div{width:24.8% !important;}
	}
	@media only screen and ( max-width: 1400px ) {
	}
	@media only screen and ( max-width: 1260px ) {
		#services > div{float:left !important;}
	}
	@media (max-width: 1199px) {
    .image-item {
        flex: 0 0 calc(100% / 3 - 10px); /* 3개 */
    }
}
	@media only screen and ( max-width: 1024px ) {

	.event_contain{margin:0 !important;left:0 !important;width:100% !important;}
	.main_event_wrap_one{width:100%;}
	}
	@media only screen and ( max-width: 1070px ) {
	.site-branding{float:none;}
	.main_top_menu{min-width:auto !important;}
	.main_top_menu {
    z-index: 9;
position: relative;
top: 0;
left: 0;
transform: none;
	}
	.main_top_menu{float:left;}
	.nav_wrap{float:left;}

	.gnb_wrap{display:none;}
	}
	/* [8] 반응형 대응 (모바일/태블릿) */
@media (max-width: 1024px) {
    .latest_screen_slick_wrap {
        grid-template-columns: repeat(2, 1fr) !important; /* 태블릿 2열 */
    }
}


	@media only screen and ( max-width: 1000px ) {
		#featured, #service-area, .img-section  { background-attachment: scroll; margin:0;}
		.featured-slider{right:0;}
	.photo_contain > div{width:33.133% !important;}
	}
	@media only screen and ( max-width:960px ) {
	}

	@media only screen and ( max-width:900px ) {
		.content-area, .container { width: 100%;  }
		.menu ul li a { font-size: 0.9em; }
		.main-navigation ul ul{position:relative;}
		.container > span{display:inline-block;width:50%;}
		.post-title{width:100%;}
		.featured-slider{right:0;}
		.menu > li{position:relative;}
	}
	/* 모바일에서는 화살표 숨기고 터치 스크롤 강조 */
@media (max-width: 767px) {
    .image-item {
        flex: 0 0 calc(100% / 1 - 10px); /* 1개 */
    }
}
@media (max-width:768px){
    .hunt_page .hunt_box{
        width:100% !important;
    }
    .hunt_page .drop_info{
        flex-direction:column !important;
    }
}

	@media only screen and ( max-width: 767px ) {
	
	.site-description{float:none;border-top:1px solid #000;padding:0;}
		.qwrap{display:none;}
		.linw-photo-list-user img{display:none;}
		.content-area, .container { width: 100%; }
		.site-description.mobile-only { padding: 0px 0; }
		.site-description { margin: 0px 0; }
		.post-title{width:100%;}

		.slide { padding-top: 30px; width: 100%;  }
		.slide .section-title { font-size: 4em; }
		.map-section .thumb table { width: 100%; }
		.post-heading { padding: 20px 0;}
		.two-column-right .thumb, .two-column-right .entry, .two-column-left .thumb, .two-column-left .entry { width: 100%; margin-right: 0; float: none; }
	}
	@media only screen and ( max-width: 676px ) {
	.gnb_wrap{display:none;}
	.site-title img{max-width:100px;}
	.main_login_wrap{width:auto !important;}
	}

	@media only screen and ( max-width: 650px ) {
	.charactor_wrap{display:none;}

	.section-area{margin:0 auto;}
	#services > div{width:49%;vertical-align:top;min-height:200px;}
.main_visual_text{top:129px;z-index:999;}
	.logo_circle img{min-width:150px;width:180px;max-width:178px;}
	.main_visual_text{width:100%;margin:0;left:0;}
	.main_visual_text h2{font-size:20px;}
	.main_visual_text h1{font-size:20px;}
	.pop_up_wrap{z-index:1000;}
	.row div{width:100%;}
	.gu_t_b a:link{display:inline-block;width:90%;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.photo_contain > div{width:49.8% !important;}
	.ipban_wrap .kboard-list-banid, .kboard-list-enddate{width:20% !important;}
	}
	@media only screen and ( max-width: 547px ) {
	
	}
	@media only screen and ( max-width: 550px ) {
	.logo_circle img{min-width:150px;width:180px;max-width:178px;}
	.main_visual_text{width:100%;margin:0;left:0;}
	.main_visual_text h2{font-size:20px;}
	.main_visual_text h1{font-size:20px;}
	.open_day{font-size:1.6em;}
	.event_content_container p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;min-width:300px;padding:0 50px 0 0px;}

	}
	@media (max-width: 480px) {
    .latest_screen_slick_wrap {
        grid-template-columns: 1fr !important; /* 모바일 1열 */
    }
}
	@media only screen and ( max-width: 479px ) {
		
		.main_visual_text h1{font-size:15px;}
		.sidebar_wrap{top:0;left:-150%;}
		.main_down_quick{position:fixed;left:0;}
		.section-area{position:relative;bottom:0;}
		#page{margin:0;}
		#services > div{width:100%;float:none;}
		#kboard-thumbnail-list .kboard-list tbody tr td{width:80px;}
		.content-area, .container {margin:0px 0 0 0;}
		.site-description.mobile-only { padding: 14px 0; }
		.site-description span {margin:0px 0 0 0;text-align:center;box-sizing:border-box;}
		.slide .section-title { font-size: 4em; }
		.post-thumb { width: 102px; height: 102px; margin: 10px 30px 20px 0; }
		.photo_contain > div{width:99.8% !important;}
	}
	@media only screen and ( max-width: 430px ) {
	.open_day{font-size:1.3em;}
		.sidebar_wrap{width:90%;}
	}
	@media only screen and ( max-width: 400px ) {

		.logo_circle img{min-width:150px;width:180px;max-width:178px;}
		.main_visual_text h2{font-size:15px;}
		.main_visual_text h1{font-size:15px;}

		.logo_circle{width:300px;margin:0 0 0 -175px;}
		.logo_circle img{width:100%;}
		.sidebar_wrap{width:90%;}
	}
	@media only screen and ( max-width: 300px ) {
		.open_day{font-size:1.1em;}
		.sidebar_wrap{width:90%;}

	}
	@media only screen and ( max-width: 320px ) {
		.logo_circle{width:300px;margin:0 0 0 -175px;}
		.site-description span{padding:0 5px 0 24px;}
		.main_login_wrap{width:200px;}
		.main_login_wrap > div > ul > li{margin:0;}
		.post-heading h1{font-size:2em;}
		.sidebar_wrap{width:90%;}
	}
	@media only screen and ( max-width: 280px ) {
		.main_visual_text h2{font-size:9px;}
		.main_visual_text h1{font-size:9px;}
		.main_down_quick{top:162px;left:0;}
	}