@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
div#writeContents li {
    background: transparent !important;
}
.grecaptcha-badge {
    display: none !important;
}
/**********************************/
/* 멀티 업로드
/*
/**********************************/
ol#ajax-file-upload-container {
   list-style: none;
 }
 ol#ajax-file-upload-container li.ajax-file-upload-statusbar {
   counter-increment: item;
 }
 ol#ajax-file-upload-container li.ajax-file-upload-statusbar:before {
   content: counter(item);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -4px;
    left: -5px;
    font-weight: bold;
    color: #fff;
    background: #e4685d;
 }
 
span.sortable-number {
    border-radius: 50%;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: -15px;
    font-weight: bold;
    color: #fff;
    background: #e4685d;
}

#ajax-file-upload-container {
    list-style-type: none;
    margin: 0;
	padding:0;

}
#ajax-file-upload-container li {
	        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
}
#ajax-file-upload-container .ui-selected {
    background: red;
    color: white;
    font-weight: bold;
}

#ajax-file-upload-container .highlight {
    border: 2px dashed #888;
    font-weight: bold;
    font-size: 45px;
    background-color: #fff;
	min-height:119px;
	color:#e67a73;
	max-width: 478px;
	text-indent:15px;
	line-height:119px;
width:50%;
}

.ajax-file-upload-statusbar {
    position: relative;
    border: 1px solid #ccc;
    width: 50% !important;
	min-height:121px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: move;
    max-width: 480px;


}
.ajax-file-upload-statusbar:nth-child(odd), #ajax-file-upload-container .highlight:nth-child(odd)  {

}

.ajax-file-upload-statusbar:nth-child(even),#ajax-file-upload-container .highlight:nth-child(even)  {

}

.ajax-file-upload-statusbar:after {
	display:block;
	content:"";
	width:100%;
	clear:both;
	height:1px;
	
}
img.ajax-file-upload-preview {
    float: left;
    margin-right: 15px;
}
.extrahtml {
    margin-left:30px;margin-right: 7px;
}
.extrahtml input.ed {
    width: 240px;    z-index: 1000;
    position: relative;

}
.ajax-file-upload-filename {

height: auto;
margin: 10px 0 5px 30px;
word-wrap: break-word;
}

.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 2px 10px 5px 0px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 2px;
display: inline-block;
color:#FFFFFF;

}
.ajax-file-upload-bar {
background-color: #6589a9;
width: 0;
height: 23px;
border-radius: 2px;
color:#FFFFFF;

}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin: 5px 10px 5px 0px;
float:right;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload {
font-size: 14px;
    padding: 0px 10px;
    cursor: pointer;
    line-height: 35px;
    height: 38px;
    margin: 0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    color: #fff;
    background: #00a1db;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    vertical-align: middle;
  }

.ajax-file-upload:hover {
      background: #3396c9;
}

.ajax-upload-dragdrop
{

	border:2px dotted #ccc;
	width:100% !important;
	max-width: 966px;
	color: #aaa;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}
.ajax-upload-dragdrop span {
	text-align:center;
}
.state-hover
{
		border:2px solid #ccc;
}
.ajax-file-upload-container
{
margin: 20px 0px 20px 0px;
    width: 100%;
    position: relative;
    max-width: 832px;
}
/*
select#ca_name {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
appearance: button;
border-radius: 2px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-padding-end: 20px;
    -moz-padding-start: 2px;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
    user-select: none !important;    

    background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: url(/img/selectbg.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);	
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    color: #555;
    overflow: hidden;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    background-size: contain;
}
*/
/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 450px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

@font-face {
	font-family: 'icomoon';
	src:url('/font/icomoon/icomoon.eot?-rdnm34');
	src:url('/font/icomoon/icomoon.eot?#iefix-rdnm34') format('embedded-opentype'),
		url('/font/icomoon/icomoon.woff?-rdnm34') format('woff'),
		url('/font/icomoon/icomoon.ttf?-rdnm34') format('truetype'),
		url('/font/icomoon/icomoon.svg?-rdnm34#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.cs-skin-elastic {
	background: transparent;
	font-size: 1.3em;
	font-weight: 700;
	color: #999;
    border-radius: 2px;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;	
}

@media screen and (max-width: 30em) {
	div.cs-skin-elastic { font-size: 1em; }
}

.cs-skin-elastic > span {
	background-color: #fff;
	z-index: 100;
}

.cs-skin-elastic > span::after {
	font-family: 'icomoon';
	content: '\e005';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-elastic .cs-options {
	overflow: visible;
	background: transparent;
	opacity: 1;
	visibility: visible;
	padding-bottom: 1em;
	pointer-events: none;box-sizing: content-box;
}

.cs-skin-elastic.cs-active .cs-options {
	pointer-events: auto;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    margin-left: -1px;	
}

.cs-skin-elastic .cs-options > ul::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale3d(1,0,1);
	transform: scale3d(1,0,1);
	background: #fff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.cs-skin-elastic.cs-active .cs-options > ul::before {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: none;
	transition: none;
	-webkit-animation: expand 0.6s ease-out;
  	animation: expand 0.6s ease-out;
}

.cs-skin-elastic .cs-options ul li {
	opacity: 0;
	-webkit-transform: translate3d(0,-25px,0);
	transform: translate3d(0,-25px,0);
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	-webkit-transition: none;
	transition: none;
	-webkit-animation: bounce 0.6s ease-out;
  	animation: bounce 0.6s ease-out;
}

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
} 

/* with more items, more delays declarations are needed */


.cs-skin-elastic .cs-options span {
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 2em auto;
	padding: 0.8em 1em 1em 4em;
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
	color: #29B47C;
}
.cs-skin-elastic .cs-options span:hover {
    background: #efe;
}
.cs-skin-elastic .cs-options .cs-selected span::after {
	content: '';
}


@-webkit-keyframes expand { 
	0% { -webkit-transform: scale3d(1,0,1); }
	25% { -webkit-transform: scale3d(1,1.2,1); }
	50% { -webkit-transform: scale3d(1,0.85,1); }
	75% { -webkit-transform: scale3d(1,1.05,1) }
	100% { -webkit-transform: scale3d(1,1,1); }
}

@keyframes expand { 
	0% { -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); }
	25% { -webkit-transform: scale3d(1,1.2,1); transform: scale3d(1,1.2,1); }
	50% { -webkit-transform: scale3d(1,0.85,1); transform: scale3d(1,0.85,1); }
	75% { -webkit-transform: scale3d(1,1.05,1); transform: scale3d(1,1.05,1); }
	100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}


@-webkit-keyframes bounce { 
	0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; }
	25% { -webkit-transform: translate3d(0,10px,0); }
	50% { -webkit-transform: translate3d(0,-6px,0); }
	75% { -webkit-transform: translate3d(0,2px,0); }
	100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes bounce { 
	0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; }
	25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
	50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); }
	75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
/***********/
.caption-news {
    font-size: 12px;
    max-width: 600px;
    line-height: 1.8;
    text-align: justify;
}
div#container-body.mce-container-body {
    width: 500px !important;
}
	/* Scrollable table styling */
	.scrollable.has-scroll {
		position:relative;
		overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
	}
	.scrollable.has-scroll:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}

	/* This is the element whose content will be scrolled if necessary */
	.scrollable.has-scroll > div {
		overflow-x:auto;
	}

	/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
	.scrollable > div::-webkit-scrollbar {
		height:12px;
	}
	.scrollable > div::-webkit-scrollbar-track {
		box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
		background:#f0f0f0;
	}
	.scrollable > div::-webkit-scrollbar-thumb {
		border-radius:6px;
		background:#ccc;
	}
/************/
span.green.ribbon  a {
  display: inline-block;
  vertical-align: middle;
  padding: 0.6em 0.8em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
  position: relative;
  margin: 0 4px;
  left: -2rem;
  padding-left: 2rem;
  font-size: 16px;
  border-radius: 0px 2px 2px 0px;
  background-color: #2CC185;
  color: #FFF;
  border-color: #29B47C;
}
span.green.ribbon a:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0%;
  border-top: 0em solid transparent;
  border-right-width: 1em;
  border-right-color: inherit;
  border-right-style: solid;
  border-bottom: 1em solid transparent;
  border-left: 0em solid transparent;
  width: 0em;
  height: 0em;
}
span.view-title {
  margin-left: -2rem;
}
#skill { 
	list-style-type: none;
	padding: 0;
	margin:10px 0 0 0;
 /* position: absolute;top: 160px;*/
  width: 100%;   
  z-index: 99;
}

#skill li { 
background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
  background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
  background-image: -moz-linear-gradient(top, #fff, #f7f7f7);
  background-image: -ms-linear-gradient(top, #fff, #f7f7f7);
  background-image: -o-linear-gradient(top, #fff, #f7f7f7);
  background-image: linear-gradient(top, #fff, #f7f7f7);
  height: 50px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0px #ededed inset, 0 1px 1px #ddd;
  -webkit-box-shadow: 0 1px 0px #ededed inset, 0 1px 1px #ddd;
  box-shadow: 0 1px 0px #ededed inset, 0 1px 1px #ddd; 
  position:relative;
}
#skill li h3 { 
  position: relative;
  bottom: -15px;
  color: #fff;
  font-size: 13px;
  font-weight: 100;text-shadow: 1px 1px #055A0D;
   text-align: center;
  width: 40%; 
}
#skill li h4 { 
  position: relative;
  bottom: 2px;
  font-size: 13px;
  text-align: center;
  width: 60%;
  float: right;}
span.earth-date {
    position: absolute;
    top: 1px;
    right: 10px;
    color: #aaa;
    font-weight: 300 !important;
    font-size: .8rem !important;
}
p.earthallsum {
    position: absolute;
    top: -50px;
    font-size: 13px;
    width: 60%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    font-weight: 300;
    right: 0;
}
p.earthallsum:before {
    content: "";
    position: absolute;
    width: 128px;
    height: 3px;
    background: #1fa670;
    top: 35px;
}
p.earthallsum span {
    font-weight: 500;
    margin-left: 5px;
}
.bar { 
	height:48px; 
	margin:1px;  
	position:absolute;
	border-radius:3px 0 0 3px;
	-moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
	-webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;	 
	box-shadow: 0 1px 0px #f7f7f7 inset, 0 1px 0 #bebbb9;		
}
.earth {
	width:40%;animation:earth 2s ease-out;
	-moz-animation:earth 2s ease-out;
	-webkit-animation:earth 2s ease-out;
	background-color: #29b47c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#29b47c), to(#1BA16B));
	background-image: -webkit-linear-gradient(top, #29b47c, #1BA16B);
	background-image: -moz-linear-gradient(top, #29b47c, #1BA16B);
	background-image: -ms-linear-gradient(top, #29b47c, #1BA16B);
	background-image: -o-linear-gradient(top, #29b47c, #1BA16B);
	background-image: linear-gradient(top, #29b47c, #1BA16B);	
}
@keyframes earth   { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes earth   { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes earth   { 0%  { width:0px;} 100%{ width:40%;}  }

#bd {max-width:1000px;margin:0 auto;width:100%;}
textarea#wr_content {
width: 84%;float:left;
}

strong {font-weight:bold !important;}
div#writeContents {
  background: transparent;
clear:both;
}
div#writeContents ul li {
list-style-type: circle !important;
margin-left: 40px;
}
div#writeContents ol {margin:0;padding:0;}
div#writeContents ol li {    margin-left: 15px;
    padding-top: 5px; /*list-style-type: decimal;*/}

div#writeContents hr, .slvc_content .wr_content hr {
display:block !important;
border-color: #ccc;
border-style: dashed;
}
div#writeContents p, div#writeContents span, div#writeContents div {
font-family:"Apple SD Gothic Neo", 'Spoqa Han Sans', 'Noto Sans KR',   NanumBarunGothic, KoPubDotumPM,나눔고딕,NanumGothic,'NG',dotum,돋움,굴림,gulim,verdana,palatino,georgia,arial,sans-serif !important;
}
div#writeContents a {
color:#29b47c;
}
.cnb_n_list{
margin:10px auto 20px;
}
ul.bg_list_cat {
margin: 10px 0 0 ;
padding: 0;
list-style: none;
text-align: left;
display: block;
min-height:41px;
}
ul.bg_list_cat li {
display: inline-block;
float:left;min-height: 43px;
}
ul.bg_list_cat li a.active, ul.bg_list_cat li a:hover {
text-decoration: none;
color: #fff;
border: 1px solid #29B47C;
background: #29B47C;
}
ul.bg_list_cat li a {
position: relative;
color: #7c837c;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 5px 0 0;
display: inline-block;
text-decoration: none;
letter-spacing: -0.1em;
line-height: 25px;
cursor: pointer;
  font-size: 13px;
padding: .5em .8em;
min-width: 90px;
text-align: center;
}
div.tl_srch.clear {
margin:0 auto;
}
h2.heading.line.board {
padding-top: 30px;
}
h2.heading, h3.heading {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 24px;
  color: #828282;
  margin-bottom: 0;
  overflow: visible;
  color:#000;font-family: lexisaebomR;
}
h2.heading.line, h3.heading.line {
border-bottom: 1px solid #e1e1e1;
box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.72);
position: relative;
margin-bottom: 20px;
}
h2.heading.line:after, h3.heading.line:after {
  content: '';
  display: block;
  height: 4px;
  width: 83px;
  position: absolute;
  bottom: -4px;
  background: #29B47C;
  left:0;
}
small.heading {
  font-size:16px;
  color:#555;
}
li.first.date.published {
font-weight: bold;
}
.bo_current {
position: relative;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
border: 2px solid #29B47C;
border-radius: 12px;box-sizing: content-box;
}
.bo_current:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -5px 0 0 -6px;
height: 4px;
width: 8px;
border: solid #29B47C;
border-width: 0 0 4px 4px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);box-sizing: content-box;
}
button.btn_autosave {
display: inline-block;
padding: 0 15px 0 0;
    width: 130px;
height: 34px;
border: 0;
background: #2CC185;
color: #fff;
letter-spacing: -0.1em;
text-decoration: none;
vertical-align: top;
border-radius: 2px;
position: absolute;
right: 5px;
line-height: 23px;outline: none;
}
button.btn_autosave:hover {
background: #29B47C;
}
span#autosave_count {
width: 20px;
height: 20px;
display: inline-block;
line-height: 20px;
border-radius: 50%;
border: 1px solid;
background: #fff;
color: #29B47C;
text-align: center;
margin-left: 5px;
    position: absolute;
}
/******************* 유튜브 검색 등 */
	#sl_youtube{width:99%;font-size:14px;line-height:150%;}
	#sl_youtube h4{font-size:10pt;}
	.sly_video_wrapper{display:none;}
	#sly_video_container{display:none;margin:5px 0;padding:5px;border:2px solid #e0e0e0;}
	#sly_videos{margin-bottom: 10px;
padding: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  border-top: 1px solid #FCF9F9;}
	#sly_videos #sly_imgs{overflow:auto;}
	#sly_videos .sly_video_row { position:relative;display:inline-block;zoom:1;*display:inline;width:110px;margin-right:10px;margin-bottom:10px;}
	#sly_videos .sly_img { width:100px;padding:2px;border:1px solid #ccc }
	#sly_videos .sly_video_title { width:100px; height:12px; line-height:12px; margin:5px 0; text-align:center; overflow:hidden; font-size:8pt; }
	#sly_videos .sly_menu { text-align:center;margin-top:3px;font-size:8pt;}
	#sly_videos .sly_menu span { color:#ccc; }
	#sly_videos .sly_menu a { color:#888}
	#sly_search {  }
	#sly_search h1 { background-color:#555; color:#fff; padding:10px; font-size:11pt;}
	#sly_search .gys_btn { padding:4px; border:0; background-color:#555; color:#fff; }
	#sly_search #mainSearchBox { position:relative; }
	#sly_search #mainSearchBox #mainSearchForm { margin-left:10px; }
	#sly_search #searchResultsNavigation { float:right; margin-right:20px; }
	#sly_search #sly_searchTerm{width:50%;}
	#sly_video_url{width:45%;}
	#sly_searching{position:absolute;margin:5px 0 0 5px;}
	#sly_video_upload_wrapper dl{}
	#sly_video_upload_wrapper dl dt{width:40px;}
	#sly_video_upload_wrapper dl dd{position:relative;margin-left:60px;}
	#sly_video_btn{margin-top:10px;margin-left:60px;}
	.videoList{margin:0;padding:0;list-style:none;overflow:auto;}
	.videoList li{position:relative;float:left;margin:0 10px 10px 0;padding:5px;width:95%;max-height:130px;border:1px solid #f0f0f0;overflow:hidden;}
	.videoList .videoThumb{float:left;margin:5px;}
	.videoList .videoTitle{}
	.videoList .videoDescription{}
	@media screen and (max-device-width: 720px) { 
		#sly_video_upload_wrapper dl dd{margin-left:0;width:95%;}
		#sly_video_btn{margin-left:0;}
		.videoList li{float:none;display:block;width:98%;}
	}
	@media screen and (max-device-width: 479px) { 
	ul.bg_list_cat li a {min-width:80px;}
		#sly_search #searchResultsNavigation{float:none;display:block;margin:5px auto 0 auto;width:100%;text-align:right;}
	}
	#sly_search #searchResultsVideoList { margin-top:10px; padding:10px; }
	#sly_search #searchResultsVideoList table { border-top:1px solid #ccc; }
	#sly_search #searchResultsVideoList tr { cursor:pointer; }
	#sly_search #searchResultsVideoList .hover { background-color:#f0f0f0; }
	#sly_search #searchResultsVideoList td { padding:10px 5px 5px 8px; border-bottom:1px solid #ccc;  }
	#sly_search #searchResultsVideoList td a.videoTitle { font-weight:bold; color:#3366ff; }
	#sly_search #searchResultsVideoList img { padding:2px; border:1px solid #ccc; max-width:120px;}
	
/*******************/
.sll_user_menu:after,
.sll_list_head:after,
.sll_row:after,
.prev_next  li:after {content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden; }
span.facebook-profile {width:16px;height:16px;position:absolute;left:8px; bottom:2px; background:url(/img/small-comment-facebook.svg) no-repeat;background-size: 16px;}
span.twitter-profile  {width:16px;height:16px;position:absolute;left:8px; bottom:2px; background:url(/img/small-comment-twitter.svg) 0 -16px no-repeat;background-size: 16px;}
span.sns-twitter {
background: #359BED url(/img/sns-share.png) 0 -90px no-repeat;
border: 3px solid #359BED;
}
span.sns-twitter_off {
background:#929292 url(/img/sns-share.png) 0 -30px no-repeat;
border: 3px solid #929292;
}
span.sns-facebook {
background: #3c5b9b url(/img/sns-share.png) 0 -60px no-repeat;
border: 3px solid #3c5b9b;
}
span.sns-facebook_off {
background:#595959 url(/img/sns-share.png) 0 0px no-repeat;
border: 3px solid #595959;
}


span.sns-twitter, span.sns-twitter_off , span.sns-facebook, span.sns-facebook_off {
display: block;
height: 30px;
float: left;
margin: 0;
padding:0 9px 0 29px;
line-height: 30px;
border-radius: 2px 0 0 2px;
color: #fff;
font-size: 12px;
cursor:pointer;background-size: 30px;
}

.prev_next {margin:0; padding:0 10px;}
.prev_next li a {
line-height: 40px !important;
overflow: hidden;
max-height: 40px;
line-height: 23px;
text-align: justify;margin-bottom: 3px;
}

.prev_next li a:hover {color:#29b47c;}
.prev_href a span, .next_href a span {
margin-right: 5px;
padding: 5px 10px 5px 24px;
border-radius: 3px;
color: #fff;
border: 2px solid #2CC185;
position: relative;
float:left;line-height: 23px;
}
blockquote {
  margin-left: 20px;
  border-left: 5px solid #ddd;
  padding: 0 12px;
}
#writeContents span {/*line-height:1.4em !important; font-size:13px;*/}
.prev_href a span:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #fff transparent;
content: "";
position: absolute;
left: 3px;
top: 11px;
}
.prev_href a span {
background: #2CC185;
}
.prev_href a:hover span {
background: #fff;
}
.prev_href a:hover span:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent  #29b47c transparent;
content: "";
position: absolute;
left: 3px;
top: 11px;
}
.next_href  {*clear:both;}
.fb_iframe_widget iframe {*width:300px !important;*z-index:1;}
.next_href a span {
background: #2CC185;
}
.next_href a span:before {
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #fff transparent transparent transparent;
content: "";
position: absolute;
left: 3px;
top: 11px;
}
.next_href a:hover span {
background: #fff;
}
.next_href a:hover span:before {
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #29b47c transparent transparent  transparent;
content: "";
position: absolute;
left: 3px;
top: 11px;
}
.prev_href a:hover span, .next_href a:hover span {
border: 2px solid #29b47c;
color: #29b47c;
}
.bd_zine li.notice .list-thumb {display:none;} 
.bd_zine.zine li.notice .rt_area {
margin-left: 0px; height:27px;
padding: 10px 8px 6px 16px;
border-left: 1px solid #CCC;
border-radius: 4px;
-webkit-box-shadow: -1px 0 2px #DDD;
box-shadow: -1px 0 2px #DDD;
}
.bd_zine.zine li.notice .tmb_wrp {
margin-left: 0px;
}
.bd_zine.zine li.notice {
margin: 0 1px 1px;
padding: 0;
border-radius: 5px;
background: #FFF;
-webkit-box-shadow: 0 1px 1px #AAA;
box-shadow: 0 1px 1px #AAA;
}
.bd_zine.zine li.notice span.list-date {
float: right;
margin-top: -23px;
margin-right: 20px;font-weight:bold;
}
.ribbon_v .ribbon.notice{background:url(/img/ribbon/notice.png);display:none;}
.ribbon_v2 .ribbon.notice{background:#36F;border-color:#36F;display:none;}
.bd_lst li.notice input[type=checkbox] {position:absolute; top:15px; left:2px;z-index:30;}
/* skin common *************************************************/
div.skin_l{position:relative;width:100%;color:#555;/*font-size:1em;*/line-height:15px;overflow:hidden;}
div.skin_l input,
div.skin_l button{--moz-appearance:none}
div.skin_l a{color:#222;}
.slvc_content  .wr_content a {
color: #0B9D62;
}
div.skin_l img{}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* buttons */
input#fkr_btn {
background: #2CC185 url(/img/search.png) 3px 5px no-repeat;
  padding: 8px 8px 8px 25px;  outline: none;
  border: 1px solid #2CC185;  cursor: pointer;
}
input#fkr_stx {
padding: 9px;outline: none;
}
select#fkr_sort {
padding: 8px;
}
div.skin_l input.sl_btn, 
div.skin_l a.sl_btn{display:inline-block;padding:12px 10px 10px 25px;border:0;background-color:#555;color:#fff;text-decoration:none;border-radius: 3px;transition: all .3s;}
div.skin_l a.sl_btn:hover{background-color:#000 !important;}
div.skin_l input.sl_btn2, 
div.skin_l a.sl_btn2{background-color:#888;}
div.skin_l input.emp, div.skin_l a.emp, .sl_btn_write {
background-color: #29b47c !important;
    background: #29b47c url(/img/pen.svg) 4px 4px no-repeat;
    padding: 12px 10px 10px 30px;
    cursor: pointer;
    transition: all .3s;
    background-size: 25px;
    width: 80px;
    box-sizing: border-box;
}
div.skin_l input.emp:hover {
	background-color:#F35454 !important;
}
div.skin_l a.emp:hover, .sl_btn_write:hover, .sl_btn_damin:hover {background-color:#000 !important;}
a.sl_btn.sl_btn_reply {
background: url(/img/list_reply_icon_white.png) 0 3px no-repeat;
}
a.sl_btn.sl_btn_list {
background: url(/img/list_icon_white.png) 1px 3px no-repeat;
}
a.sl_btn.sl_btn_search_list {
background:url(/img/list_search_icon2_white.png) -1px 1px no-repeat;;
}
a.sl_btn.sl_btn_modify {
background: url(/img/edit_icon_white.png) 1px 3px no-repeat;
}
a.sl_btn.sl_btn_delete {
background:url(/img/trash_icon_white.png) 1px 3px no-repeat;
}
a.sl_btn.sl_btn_copy {
background: url(/img/list_copy_icon_white.png) 1px 3px no-repeat;
}
a.sl_btn.sl_btn_move {
background: url(/img/list_search_icon_white.png) 1px 3px no-repeat;
}
div.slv_right_menu {float:right;margin-bottom: 10px;  position: absolute;
  top: 40px;
  right: 10px;z-index:9;}
div.slv_right_menu a{display:inline-block;padding:8px 10px 8px 30px;border:0;color:#fff;text-decoration:none;border-radius: 3px;text-decoration:none;background-color:#666;    height: 37px;
    background-position: 4px 4px;    box-sizing: border-box;}
.sl_btn_admin {background-color:#666;background: url(/img/list_admin_white.png) 1px 5px no-repeat;background-size: 23px;}
.sl_btn_admin:hover {background-color:#000;}
.sl_btn_list {background-color:#666;background:url(/img/list_icon_white.png) 1px 3px no-repeat;}
.sl_btn_list:hover {background-color:#000;}
/* default ******************************************************/

/* list.skin.php */
#skin_l_list{margin:0 auto;}
#skin_l_list input{overflow:auto;--moz-appearance:none }
.sll_top{position:relative;width:100%;min-height:30px;overflow:auto;border-bottom:2px solid #333;}
.sll_total{position:absolute;bottom:5px;right:0;}
.sll_total img{margin:-3px 0 0 5px;}
.sll_total .total_count{font-weight:normal;}
.sll_total .total_count .number{color:#ff3366;font-weight:bold;}
.sll_tab{float:left;margin-top:5px;}
.sll_tab ul{margin:0 0 0 0;padding:0;}
.sll_tab ul li{display:inline-block;float:left;list-style:none;}
.sll_tab ul li a{display:block;padding:5px 15px;margin-right:-1px;border:1px solid #ccc;border-bottom:0;background-color:#fcfcfc;color:#222;font-weight:bold;text-decoration:none;}
.sll_tab ul li.last a{margin-right:0;}
.sll_tab ul li a:hover{background-color:#f5f5f5;color:#ff0033;}
.sll_tab ul li.on a{background-color:#f0e1ee;color:#a559bd;} 
.sll_tab ul li.end{float:right;}
.sll_tab ul li.end a{border:0;background-color:#fff;cursor:text;}

.sll_category{display:none;margin:4px 8px 4px 0px;padding:2px 3px; font-size: 12px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;vertical-align:middle;height:22px;*margin-top:4px;line-height:22px;border:1px solid #cccccc;background-color:#ffffff; }
.sll_category:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

.sll_row,
.sll_list_head{position:relative;margin:0;padding:0;width:100%;border-bottom:1px solid #f0f0f0;list-style:none;vertical-align:middle;}
.sll_list_head li,
.sll_row li{float:left;}
.sll_body li{display:inline-block;margin:0;padding:8px 5px;text-align:left;}
.sll_body li.checkbox{width:30px;text-align:center;}
.sll_body li.num{width:30px;color:#888;text-align:center;}
.sll_body li.subject{word-wrap:break-word;}
.sll_body li.subject .cate,
.sll_body li.subject .cate a{color:#888;}
.sll_body li.subject .comment{color:#ca37b0;font-size:0.8em;}
.sll_body li.info{float:right;padding:0;color:#888;}
.sll_body li.info li{text-align:center;}
.sll_body li.category{width:60px;text-align:right;color:#888;}
.sll_body li.category a{color:#888;}

.sll_info li.category{display:none;}
.sll_info li.name{width:100px;}
.sll_info li.datetime{width:40px;}
.sll_info li.hit{width:50px;}
.sll_info li.good{width:40px;}
.sll_info li.nogood{width:40px;}
.sll_body li.info li.name{text-align:left;}

.sll_list_head{border-bottom:2px solid #f0f0f0;font-weight:normal;}
.sll_info{position:absolute;right:0;margin:0;padding:0;width:auto;border:0;background-color:#fff;z-index:5;}
.sll_row_notice{background-color:#f5f5f5;}
.sll_row_notice li.num span{display:block;background-color:#567ec0;color:#fff;}
.sll_row_notice li.subject .notice{font-weight:bold;}
.sll_row_notice .sll_info{background-color:#f5f5f5;}
.sll_row_current{background-color:#f5f5f5;}
.sll_row_current li.num,
.sll_row_current li.subject{font-weight:bold;}

.sll_row .subject .board_icon{display:inline-block;margin:0;padding:0;width:16px;height:16px;vertical-align:middle;}
.sll_row .subject .icon_reply{margin-right:5px;width:25px;background:url(img/icon_reply.gif) no-repeat 50% -2px;}
.sll_row .subject .icon_new{background:url(img/icon_new.gif) no-repeat 50% 50%;}
.sll_row .subject .icon_file{background:url(img/icon_file.gif) no-repeat 50% 50%;}
.sll_row .subject .icon_link{background:url(img/icon_link.gif) no-repeat 50% 50%;}
.sll_row .subject .icon_hot{background:url(img/icon_hot.gif) no-repeat 50% 50%;}
.sll_row .subject .icon_secret{background:url(img/icon_secret.gif) no-repeat 50% 50%;}

.sll_row .fa{display:none;margin-right:5px;}

.sll_user_menu{margin-top:20px;}
.sll_search{float:left;padding:5px 10px;}
.sll_search select{padding: 2px 2px 3px;border: 1px solid #e0e0e0;resize:none;}
.sll_search_txt{margin: 0px 0px 0px -2px;padding: 0px 5px;width: 140px;height: 22px;border-width: 1px;border-style: solid;border-color: #e0e0e0 #fff #e0e0e0 #e0e0e0;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;line-height: 1.6em;resize: none;outline: none;}
.sll_search input,
.sll_search select{vertical-align:middle;}
.sll_search_btn{margin-left: -5px;border-width: 1px 1px 1px 0px;border-style: solid solid solid none;border-color: #e0e0e0 #e0e0e0 #e0e0e0;-moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;}
.sll_command{float:right;margin:0;padding:0}
.sll_command li{float:left;margin-left:5px;list-style:none;}
.sll_admin_menu{padding:5px;border:1px solid #eee;text-align:center;}
.sll_admin_menu li{display:inline;margin-right:10px;padding:0;list-style:none;}
.sll_admin_menu li a{display:inline-block;padding:5px 10px;text-decoration:none;}
.sll_admin_menu li a:hover{background-color:#f3f3f3;color:#a85fba;}
.empty_list{height:200px;line-height:200px;text-align:center;}



/* view.skin.php */
span.view-cat a {
padding: 5px 9px;
position: relative;
text-decoration: none;
color: #FFF;
border: 1px solid #696969;
background: #696969;
font-weight: normal;
margin-right: 2px;
border-radius: 2px;
transition:all 0.5s;font-size: 14px;
}
span.view-cat a:hover {
background: #48bd7f;
border: 1px solid #48bd7f;
}
#skin_l_view{margin:0 auto 30px auto;overflow:hidden;}
#skin_l_view input {  }
.slv_top{width: 99%;
margin: 0 auto;}
.slv_body{padding:0;*width:99.7%;}
.slv_menu{overflow:auto;width:98%;margin:0 auto 5px auto;}
.slv_menu ul{float:right;margin:0;padding:0;}
.slv_menu ul li{display:inline;float:left;margin:0 2px;padding:0;list-style:none;}
.slv_menu .slv_left_menu{float:left;}
.slv_menu .slv_right_menu{float:right;}
.slv_title { /*position: relative;
padding: 5px 10px;
background-color: #fcfaf5;
box-shadow: 0px 1px 4px #D5D5D5;
width: 97%;
margin: 0 auto; */
position: relative;
padding: 15px 12px;
background-color: #fff;
box-shadow: 0px 1px 4px #D5D5D5;
width: 97%;
margin: 0 auto;
color: #222 !important;
border-radius: 3px;
*height:76px; box-sizing: border-box;
}
.slv_title h1{margin:0;padding:10px 0;font-size:1.3em;line-height: 20px;}
.slv_title ul{margin:0;padding:10px 0;font-size:1em;}
.slv_title ul li{float:left;display:block;margin-right:20px;/*color:#444;*/ color:#999; list-style:none;}
.slv_title ul li span{/*color:#888;*/ color:#999;background:none !important;}
.slv_title li.hit {margin-right:0 !important;} 
.slv_profile{float:right;margin:0 0 0 8px;  position: relative;}
.slv_profile img { /*border: 3px solid #DCD7DD;*/
-webkit-background-clip: padding-box;
border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 500px; vertical-align: middle;
box-shadow: 0 0 0 3px #f6f7f5, 0 0 0 4px #f6f7f5;
}
.slv_mb_photo{width:58px !important;height:58px !important}
#skin_l_view .slv_attached h2{position:absolute;margin:0;padding:0;font-size:0.9em;}
.slv_files, .slv_links {
box-sizing: border-box;
width: 97%;
margin: 0 auto;
}
.slv_files h2, .slv_links h2{
position:absolute;text-indent:-8000px;height:0;width:0;
}
#skin_l_view .slv_files a, #skin_l_view .slv_links a {color: #ccc;
word-break: break-all;
word-wrap: break-word;
max-height: 20px;
overflow: hidden;
line-height: 18px;
display: block;
text-decoration: none;
position: relative;
padding: 15px 10px 15px 40px;
background-color: #454641;
margin: -3px auto 0px auto;
border-radius: 0 0 3px 3px;
transition:all .5s;
}
#skin_l_view .slv_links a {
background: /*#454641*/ #5C5F69 url(/img/link-icon.png) no-repeat left center;
background-position: 0 -36px;
}
#skin_l_view .slv_links a:hover {
background: #4A8AC4 url(/img/link-icon.png) no-repeat left center;
background-position: 0 12px;
color:#f0f0f0;
}
#skin_l_view .slv_files a {
background: #5C5F69 url(/img/download-icon.png) no-repeat left center;
background-position: 0 -36px;

}
#skin_l_view .slv_files a:hover {
background: #4A8AC4 url(/img/download-icon.png) no-repeat left center;
background-position: 0 12px;
color:#f0f0f0;
}


.slv_files .slv_file .date{margin-left:10px;font-size:0.98em;}
#skin_l_view .slv_links .slv_link .hit, #skin_l_view .slv_files .slv_file .download{font-size: 0.98em;
color: #fff;
position: absolute;
right: 10px;
top: 8px;
background: rgba(36, 21, 21, 0.83);
/* padding: 5px; */
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;}
.slv_contents {position:relative;min-height:200px;padding:20px 10px;*width:100%;width:97%;margin:0 auto;box-sizing:border-box;}
.slv_contents_menu {padding:10px 20px;}
.slv_bottom_menu {margin: 10px auto;clear:both;
/*border: 1px solid #efefef;background: #f7f7f7;*/
padding: 10px 0;
}

.slv_title:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden; }
.video-wrapper {
    width: 600px;
    max-width: 100%;z-index:5;
}

#writeContents img, #writeContents video {
    display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: inherit !important;
    height: auto !important;
}
#writeContents img {

    text-align: center;
    margin:0;

	
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* view_comment.skin.php */
#commentContents {position:relative;width:97%;margin:0 auto;}
#commentContents h2{ font-size: 1.07em;
width: 100%;
margin: -3px auto 20px auto;
box-shadow: 0px 1px 2px #D5D5D5;
padding: 13px 0 10px 20px;
background: #FFFFFF;
line-height: 32px;
color: #222;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
}
div#commentContents h2 span {
border-radius: 50%;
background: #29B47C;
color: #fff;
position: absolute;
top: 14px;
left: 60px;
text-align: center;
line-height: 30px;
width: 30px;
height: 30px;
font-size: 14px;
font-weight: 100;
}
#commentContents input {  }
.slvc{position:relative;min-height:80px;}
.slvc_reply{position:absolute;top:10px;left:-25px;}
.slvc_profile { position:absolute;top:-2px;}
.slvc_profile img {border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 500px; vertical-align: middle;width: 58px !important;
 height: 58px !important;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
 box-shadow: 0 0 0 3px  #e0e0e0, 0 0 0 4px #e0e0e0;
 } 
.slvc_head{padding: 1.2em 1.2em 1.2em 2em ; margin-left:40px;
color: #888;
background-color: #e0e0e0;
border-top: 1px solid #FCF9F9;
border-bottom: 1px solid #e3e3e3;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.slvc_head .name{}
.slvc_head .member {font-weight:bold;}
.slvc_head .date{margin-left:10px;font-size:0.9em;}
.slvc_head .ip{margin-left:10px;font-size:0.8em2013-07-09;}
.slvc_content{margin:0 10px 15px 75px;padding: 15px 10px 0 5px;word-break:break-all;overflow:hidden;}
.slvc_menu {position:absolute;top:16px;right:10px;}
.slvc_menu a{margin-left:5px;color:#aaa !important;
padding: 5px 7px;
border-radius: 3px;text-decoration:none;position:relative;}

.slvc.slvc_0:before {
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #e0e0e0 transparent transparent;
content: "";
position: absolute;
left: -13px;
top: 9px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
z-index:9;
}
.comment-tree0:hover .slvc.slvc_0:before {
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #6589a9 transparent transparent;
content: "";
position: absolute;
left: -13px;
top: 9px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.comment-tree0:hover .slvc_0 .slvc_head {
background-color: #6589a9;
color: #fff;
 transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s; 
}
.comment-tree0:hover .slvc_menu  { }
.comment-tree0:hover .slvc_menu a {background-color:#fff; color:#333 !important}
.slvc_menu a:hover {
color: #fff !important;
background: #222 !important;
}
.comment-tree0:hover .slvc_menu a:hover {
color: #fff !important;
}
.slvc_0 .slvc_reply{display:none;}
.slvc_0 .slvc_head {margin-left:0px;padding-left:10px;border-radius:3px 3px 0 0;}
.slvc_0 .slvc_content{margin-left:0px;padding-left: 10px;}
.slvc_0 .slvc_profile {left:-9%;top:-3px;/*background: url(/img/comment-arrow.png) right 8px no-repeat;*/
padding-right: 27px;z-index:11;}
.slvc_1{margin-left: 40px;
}

.slvc_2{margin-left:80px;}
.slvc_3{margin-left:120px;}
.slvc_4{margin-left:160px;}
.slvc_5{margin-left:200px;}
#commentContents > .comment-tree0:nth-child(odd)  .slvc_head {
background-color: #fcfcfc;
}
#commentContents > .comment-tree0:nth-child(odd):hover .slvc_0 .slvc_head {
background-color: #6589a9;
color: #fff;
 transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s; 
}

#commentContents > .comment-tree0:nth-child(odd) .slvc.slvc_0:before {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12px 12px 0;
border-color: transparent #fcfcfc transparent transparent;
content: "";
position: absolute;
left: -12px;
top: 8px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
z-index:9;
}
#commentContents > .comment-tree0:nth-child(odd)  {

 }
#commentContents > .comment-tree0:nth-child(odd) .slvc.slvc_0:after {
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #dfdfdf transparent transparent;
content: "";
position: absolute;
left: -13px;
top: 8px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
z-index:0;
}
#commentContents > .comment-tree0:nth-child(odd):hover  .slvc.slvc_0:before,
#commentContents > .comment-tree0:nth-child(odd):hover  .slvc.slvc_0:after {
z-index:10;
border-color: transparent #6589a9 transparent transparent;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.comment-tree0 {margin-bottom: 15px;
border-radius: 3px; width:91%; float:right;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
background:#fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.comment-tree0:hover { }
.comment-tree0:hover .slvc_0 .slvc_profile{/*background: url(/img/comment-arrow-dark.png) right 8px no-repeat;*/}
.comment-tree0:hover .slvc_0 .slvc_profile img {
border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 500px; vertical-align: middle;
box-shadow:   0 0 0 2px #6589a9, 0 0 0 3px #6589a9;
}
#commentContents:after, .comment-tree0:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0; }
#comment_write{/*position:relative;width:97%;*/margin:10px auto 0 auto;max-width: 970px;}
.slvc_write{margin:0;padding:10px 20px;background-color:#f9f7f2;}
#wr_content{margin:0;height:250px;border:1px solid #ccc;}
.wr_content {font-size:1.14em;line-height: 1.9em;/*font-family:'나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif !important;*/}
.wr_content h1 {
font-size: 22px;
line-height: 40px;
}
.wr_content h2 {
font-size: 18px;
line-height: 25px;
}
.wr_content h3 {
font-size: 16}

div.comment-box-area {
position: relative;
width: 100%;
text-align:left;
min-height:126px;
}

.llslvc_write{padding:0;text-align:center;}
.llslvc_write input#btn_submit {
position: absolute;
right: 0;bottom:0px;
width: 14.3%;
height:60%;
min-height: 110px;
border: 1px solid #ddd;
border-radius: 3px;
cursor: pointer;
background-color: #ebebeb;
/*
-webkit-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
-moz-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
*/
border-radius: 2px;
border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
border-style: solid;
border-width: 1px;
-webkit-appearance: none;transition: all .2s;
}
.llslvc_write div#cke_wr_content, .llslvc_write .cke_chrome{
width: 85% !important;
}
.llslvc_write input#btn_submit:hover {
background-color: #29B47C;
color:#fff;
}
.llslvc_write .scd_cancelinput {
width: 14.3%;
cursor: pointer;
border: 0;
border-bottom: 1px solid #fff !important;
top: 0px;
position: absolute;
right: 0px;
height: 27%;
min-height: 47px;
z-index: 10;
}
input#wr_name:focus, input#wr_password:focus {outline:none;background-color:#fff;}

input#wr_name {
    width: 69%;
    background: url(/img/list-author-small-gray.png) no-repeat 1px 5px;
    background-color: #F2F2F2;
    -webkit-box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    -moz-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
    box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    border-radius: 0 2px 2px 0;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    border-left-width: 0;
}
input#wr_password {
    background: url(/img/comment-pass-icon.png) 5px 8px no-repeat;
    background-size: 13px;
    background-color: #F2F2F2;
    -webkit-box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    -moz-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
    box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    border-radius: 0 2px 2px 0;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    border-left-width: 0;
    position: relative;
}
#fwrite input#wr_name, #fwrite input#wr_password {
border-left-width: 1px;     width: 100%;
    box-sizing: border-box;
    max-width: 450px;    font-size: 15px;
    font-weight: 700;    background-position-y: 12px;    background-color: transparent;
}
.slvc_campaign{clear:both;margin:0 0 10px;overflow:hidden;}
.slvc_opt{float:right;margin-top:5px;margin-right:10px;}

.slvc_campaign li.guest_name label, .slvc_campaign li.guest_pass label {
    background-color: #DBDADA;
    -webkit-box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    -moz-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
    box-shadow: inset 0 1px 3px #dbdbdb, inset 0 -1px 0 #e9e9e9;
    border-radius: 2px 0 0 2px;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;
    width: 30%;
    display: inline-block;
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center;}
.slvc_campaign li input{    border: 1px solid #ccc;
    width: 69%;
    height: 42px;
    text-indent: 10px;
    padding: 0;
    float: left;
    display: inline-block;}

.slvc_campaign li {
    float: left;
    text-align: left;
    position: relative;
    width: 42.6%;
}
li.guest_facebook {
width: 182px;
margin-right: 10px;
}
li.guest_twitter {
width: 171px;
}
#slv_comments #wr_content{margin:0;height:120px;border:1px solid #ccc;}

/*글타래*/
.counsel-related {
padding: 15px 20px;
border: 1px solid #ededed;
background-color: #f8f8f8 ;
margin:0;
}
.counsel-related .related-header {
padding: 1px 0 1px 27px;
background: url(/img/blFolderBig.png) no-repeat 0 0px;
font-size: 13.3px;
color: #313131;
margin-bottom: 10px;}

.counsel-related span {
margin-left:7px; font-size:12px; padding-left:23px;
background:url(/img/view-author.png) 0 -4px no-repeat; }
}
.relatednow span {
margin-left:7px; font-size:12px; padding-left:23px;
background:url(/img/view-author_blue.png) 0 -4px no-repeat !important; }

.relatednow {
font-weight:bold; background:url(/img/list_reply_blue.png) left -2px no-repeat !important; padding-left:22px; 
}
.relatednow a {color:#29b47c;}

.relatednow a span {background:url(/img/view-author_blue.png) 0 -4px no-repeat !important; }
.une {background:none !important; margin-left:0 !important; padding:0px !important}
.unere1 {
margin-left:15px; background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;
margin-top:10px;
}
.unere2 {
margin-left:30px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}

.unere3 {
margin-left:45px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
.unere4 {
margin-left:60px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
.unere5 {
margin-left:75px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
.unere6 {
margin-left:90px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
.unere7 {
margin-left:105px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
.unere8{
margin-left:120px;background:url(/img/list_reply_gray.png) left -2px no-repeat; padding-left:22px;margin-top:10px;
}
/* write.skin.php */
#fwrite{margin:auto;}
.slw_form{width:100%;border:none;}
.slw_form legend{display:none;}
.slw_row{margin:0;padding:0;/*border-bottom:1px solid #eee;background-color:#f5f5f5;overflow:auto;*/}
.slw_row dt{float:left;margin:0;padding:5px 20px 5px 0;width:100px;font-weight:bold;text-align:right;clear:both;height: 34px;
line-height: 34px; display:none;}
.slw_row dd{margin:0;padding:5px;}
.slw_row input{margin:0;padding:1em;border:1px solid #ddd;box-sizing:border-box;min-height:50px;}
.slw_row select{margin:0;  padding: 9px;
  border-color: #ddd;  /*  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; */}
.slw_row select:focus {
    outline: none;
}
.slw_row .slw_opts label{margin-left:5px;margin-right:10px;}
.slw_row .radio,
.slw_row .chkbox{padding:0;border:0;}
.slw_row .itxt{    width: 100%;
    height: 28px;
    border-radius: 2px;    font-size: 14px;
}
	
  /* shift right placeholder in focus */

  .itxt::-webkit-input-placeholder       {text-align: left; transition: 0.3s ease;text-transform: uppercase;}
  .itxt::-moz-placeholder                {text-align: left; transition: 0.3s ease;text-transform: uppercase;}
  .itxt:-moz-placeholder                 {text-align: left; transition: 0.3s ease;text-transform: uppercase;}
  .itxt:-ms-input-placeholder            {text-align: left; transition: 0.3s ease;text-transform: uppercase;}
  .itxt::-ms-input-placeholder           {text-align: left; transition: 0.3s ease;text-transform: uppercase;}
  .itxt:focus::-webkit-input-placeholder {text-align:right; transition: 0.3s ease;color:#DE3859;font-size:13px;text-decoration:underline;font-weight: bold;}
  .itxt:focus::-moz-placeholder          {text-align:right; transition: 0.3s ease; color:#DE3859;font-size:13px;line-height: 0px;text-decoration:underline;font-weight: bold;}
  .itxt:focus:-moz-placeholder           {text-align:right; transition: 0.3s ease; color:#DE3859;font-size:13px;line-height: 0px;text-decoration:underline;font-weight: bold;}
  .itxt:focus:-ms-input-placeholder      {text-align:right; transition: 0.3s ease; color:#DE3859;font-size:12px;line-height: 0px;text-decoration:underline;font-weight: bold;}
  .itxt:focus::-ms-input-placeholder     {text-align:right; transition: 0.3s ease; color:#DE3859;font-size:12px;line-height: 0px;text-decoration:underline;font-weight: bold;}
.slw_row .isubject {
background-color: #FFF;
/*-webkit-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
-moz-box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;
box-shadow: inset 0 1px 3px #dbdbdb,inset 0 -1px 0 #e9e9e9;*/
    border-radius: 2px;
    border-color: #bebebe #cdcdcd #dcdcdc #cdcdcd;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    font-size: 15px;    font-weight: bold;
    color: #666;}
dd.slw_opts {

}
.slvc_kcapt, dl.slw_row.slw_row_captcha { /*보안이미지*/
display: none;
}
input#picture_uploadify {
-webkit-appearance: none;
}
div#sly_video_menu {
padding: 7px;
margin-bottom: 5px;
}
#sly_video_menu input {margin:0 2px 0 5px;}
/*피카사*/
.gpf_picasa_list{width: 100%;
position: relative;}
.gpf_picasa_list .gpf_pc_item { 

}
.gpf_picasa_list .gpf_pc_item:after {content:""; width:100%; height:0; display:block;}
.gpf_picasa_list img {position:relative;}
.gpf_picasa_list .gpf_pc_item:hover img {}
.gpf_picasa_list .gpf_pc_desc{ width:100%;padding:0; margin:5px 0 0 0 ;overflow:hidden;}
.gpf_picasa_list p.gpf_pc_desc_content{margin:0;padding:0;text-align:left;font-size:13px;color:#333;}
.gpf_picasa_list .gpf_pc_origin{
line-height: 30px;
padding: 10px;
margin-bottom: 20px;
float: left;
position: relative;
max-width: 946px;
border-top: solid 1px #dddbd7;
border-right: solid 1px #dddbd7;
border-bottom: solid 1px #c0bcb5;
border-left: solid 1px #dddbd7;
box-shadow: rgb(221, 219, 215) 0px 1px 0px 0px;
background-color: rgb(246, 245, 241);
}
.gpf_picasa_list .gpf_pc_origin:hover {
background:#fff;
}
.gpf_picasa_list .gpf_pc_origin .pc_img{
  width: 100% !important;
  position: relative;
  }
/*피카사*/
.slw_btns {margin-top:10px;padding:0;overflow:auto}
.slw_btns ul{margin:0;padding:0;list-style:none;}
.slw_left_menu{float:left;margin-left:10px;}
.slw_right_menu{float:right;margin-right:10px;}

#g5_file_table th,
#g5_file_table td{padding:5px;}
#g5_file_table th{width:70px;}

@media (max-width: 600px) {



  .sll_tab{display:none;}
  .sll_category{display:inline;}
  .sll_body li.datetime,
  .sll_body li.hit,
  .sll_body li.good,
  .sll_body li.nogood{display:none;}
  .sll_body li.checkbox{display:none;}

  .sll_body li.category,
  .sll_body li.num{display:none;}
  .sll_body li.subject{display:block;margin-left:0;padding-bottom:0;width:100%;font-size:1.2em;}
  .sll_body li.info{float:none;display:block;}
  .sll_info{position:relative;right:auto;display:block;}
  .sll_info li.category,
  .sll_info li.name,
  .sll_info li.cate,
  .sll_info li.datetime,
  .sll_info li.hit,
  .sll_info li.good,
  .sll_info li.nogood{display:inline;width:auto;}
  .sll_list_head li{display:none !important;}

  .sll_row .fa{display:inline-block;}

  .sll_user_menu{text-align:center;}
  .sll_search{float:none;margin:auto;}
  .sll_command{float:none;margin:20px auto;}
  .sll_command li{float:none;display:inline-block;}

  .slv_info{display:inline;}

  .slw_row{}
  .slw_row dt{float:none;padding-left:5px;text-align:left;}
  .slw_row dd{margin:0;}
}




/******************/

.bd a:focus,.bd input:focus,.bd button:focus,.bd textarea:focus,.bd select:focus{outline-color:#29B47C;}
.bd .replyNum{color:#29B47C !important}
.une span.cnt_cmt {
display: inline-block;
margin: 0 0 0 8px;
background: #4aca97;
position: relative;
color: #efefef;
line-height: 25px;
border-radius: 50%;
min-height: 25px;
min-width: 25px;
text-align: center;
font-size: 11px;
font-weight: 100;
}
/*
.une span.cnt_cmt:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #29B47C transparent transparent;
left: -6px;
top: 7px;
}
*/
.bd .trackbackNum{color:#5f9ea0 !important}
.bd.fdb_count .replyNum{background:#29B47C;}
.bd.fdb_count .trackbackNum{background:#5f9ea0;}
.bd em,.bd .color{color:#29B47C;}
.bd .shadow{text-shadow:1px 1px 1px #5f9ea0;}
.bd .bolder{color:#29B47C;text-shadow:2px 2px 4px #5f9ea0;}
.bd .bg_color{background-color:#2CC185;}
.bd .bg_f_color{background-color:#29B47C;background:-moz-linear-gradient(#FFF -50%,#29B47C 50%);background:-webkit-linear-gradient(#FFF -50%,#29B47C 50%);background:linear-gradient(to bottom,#FFF -50%,#29B47C 50%);}
.bd .border_color{border-color:#29B47C;}
.bd .bx_shadow{ -webkit-box-shadow:0 0 2px #5f9ea0;box-shadow:0 0 2px #5f9ea0;}
.viewer_with.on:before{background-color:#29B47C;box-shadow:0 0 2px #29B47C;}
.bd_tb_lst .cate span,.bd_tb_lst .author span,.bd_tb_lst .last_post small{max-width:px}
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
}
/* Reset */
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-size:12px;line-height:1.5}
.bd{color:#444}
.bd em{font-style:normal}
.bd a{text-decoration:none;color:#333;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;*cursor:pointer}
.bd a:hover{/*text-decoration:underline;color:#000*/}
.bd fieldset{margin:0;padding:0;border:0}
.bd label{cursor:pointer}
.fl{float:left}
.fr{float:right}
.bd,.bd .clear{display:block;position:relative;clear:both;*zoom:1}
.bd .clear:after{content:"";display:block;clear:both}
.bd hr.clear{margin:0;border:0;*border:1px solid transparent;*margin:-.8em 0}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
.bd_tb{width:100%;border:0;border-spacing:0;*border-collapse:collapse}
ul, li {list-style:none;} 
/* Common */
/* Button, Form, Select, Textarea */
.bd_btn,.bd textarea,.bd .itx{-ms-transition:border .4s,background .4s;-moz-transition:border .4s,background .4s;-webkit-transition:border .4s,background .4s;transition:border .4s,background .4s;*zoom:1}
.bd_btn,.btn_img{display:inline-block;position:relative;margin:1px;padding:5px 20px;background:#F3F3F3 url('./img/ie/btn.png') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#FFF 0%,#F3F3F3 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;line-height:16px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;-webkit-box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}
.btn_img{padding:5px 15px 5px 10px;font-size:11px;border-color:#CCC;background:#FCFCFC;letter-spacing:-1px;-webkit-box-shadow:none;box-shadow:none}
.btn_img.no{padding:5px 18px}
.bd_btn.blue{font-weight:bold;color:#FFF;text-shadow:0 1px 0 #000;border-color:#669 !important;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);background:#55B url('./img/ie/btn_blue.gif') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#77C),to(#55B));background:linear-gradient(to bottom,#77C 0%,#55B 100%)}
.bd_btn.red{font-weight:bold;color:#FFF;text-shadow:0 1px 0 #000;border-color:#99668f !important;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);background:#ba547d url('./img/ie/btn_blue.gif') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cc76ad),to(#ba547d));background:linear-gradient(to bottom,#cc76ad 0%,#ba547d 100%)}
.bd_btn:hover,.bd_btn:focus,.btn_img:hover,.btn_img:focus{border-color:#AAA;-webkit-box-shadow:0 1px 4px #CCC;box-shadow:0 1px 4px #CCC}
.bd_btn[disabled=disabled]{box-shadow:none !important}
.bd .itx,.bd select{display:inline-block;padding:4px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#BBB #DDD #DDD #BBB}
.bd .itx{margin:1px}
.bd .itx{height:18px;line-height:18px}
.bd .itx_wrp{position:relative}
.bd .itx_wrp label{position:absolute;top:-1px;left:8px;cursor:pointer;*top:10px}
.bd textarea{margin:0;padding:0;overflow:auto;border:1px solid;border-color:#CCC #DDD #DDD #CCC;border-radius:3px;-webkit-box-shadow:inset 1px 1px 3px #EEE;box-shadow:inset 1px 1px 3px #EEE}
.bd .itx:hover,.bd .itx:focus,.bd textarea:hover,.bd textarea:focus{background-color:#FFF;border-color:#AAA}



/* Arrow */
.bd .arrow{display:inline-block;margin:1px 3px;border-left:3px solid transparent;border-right:3px solid transparent;*height:3px;*vertical-align:middle}
.bd .arrow.up{border-bottom:3px solid #666}
.bd .arrow.down{border-top:3px solid #666}
/* Icon */
.bd .ico_16px,.bd .ico_24px,.bd .ico_32px,.bd .ico_sns,.bd .ui-icon{display:inline-block;overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;vertical-align:top;text-indent:-100px;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;*text-indent:0}
.bd.hover_effect a:hover .ico_16px,.bd.hover_effect a:focus .ico_16px,.bd.hover_effect a:hover .ico_24px,.bd.hover_effect a:focus .ico_24px,.bd.hover_effect a:hover .ico_sns,.bd.hover_effect a:focus .ico_sns,.bd.hover_effect a:hover .ui-icon,.bd.hover_effect a:focus .ui-icon{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.bd .ico_16px{background-image:url('./img/white/ico_16px.png');background-repeat:no-repeat}
.bd .ico_16px.reply{background-position:0 -32px}
.bd .ico_16px.search{background-position:0 -64px}
.bd .ico_16px.write{background-position:0 -96px}
.bd .ico_16px.setup{background-position:0 -128px}
.bd .ico_16px.delete{background-position:0 -160px}
.bd .ico_16px.re{background-position:0 -192px}
.bd .ico_16px.home{background-position:0 -224px}
.bd .ico_16px.facebook{background-position:0 -256px}
.bd .ico_16px.twitter{background-position:0 -288px}
.bd .ico_16px.list{background-position:0 -384px}
.bd .ico_16px.re,.bd .ico_16px.facebook,.bd .ico_16px.twitter{background-image:url('./img/white/ico_16px.png') !important}
.bd .ico_24px{width:24px;height:24px;background-image:url('./img/ico_24px.png')}
.bd .ico_32px{width:32px;height:32px;background-image:url('./img/white/ico_32px.png')}
.bd .ico_32px.deco2{background-position:0 -64px}
.bd .ico_sns{width:29px;height:29px;margin:1px;background-image:url('./img/sns.png')}
.bd .ico_sns.facebook{background-position:0 -29px}
.bd .ico_sns.line{background-position:0 -116px}
.bd .ico_sns.kakao{background-position:0 -145px}
/* Jquery UI */
.bd .ui-icon{background-image:url('./img/ui-icons_888888_256x240.png')}
/* Toggle */
.tg_cnt2{display:none}
.tg_blur2,.bd .blur{position:absolute;top:0;left:0;border:0;background:none;width:1px;height:1px;overflow:hidden}
.bd .tg_close2{position:absolute;top:0;right:10px;border:0;background:transparent;font:20px Tahoma;color:#999;cursor:pointer}
/* Bubble */
.bubble{position:relative;}
.bubble .wrp{display:none;position:absolute;left:50%;bottom:100%;z-index:100;margin:8px 0;font-size:11px;background:#FFF;border:1px solid #999;border-radius:5px;white-space:nowrap;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2);*text-decoration:none;z-index:9999;}
.bubble .speech{display:block;padding:3px 6px;font-weight:normal;line-height:1.5em;text-decoration:none}
.bubble .edge{display:block;position:absolute;bottom:-6px;left:50%;width:9px;height:6px;margin-left:-5px;background-image:url('./img/white/edge.png');background-repeat:no-repeat}
.bubble.right .wrp{top:0;left:100%;bottom:auto;margin:0 8px}
.bubble.right .edge{top:50%;left:-1px;bottom:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -32px}
.bubble.btm .wrp{top:100%;bottom:auto}
.bubble.btm .edge{top:-6px;bottom:auto;background-position:0 -64px}
.bubble.left .wrp,.rd_nav_side .wrp{top:0;right:100%;bottom:auto;left:auto;margin:0 8px}
.bubble.left .edge,.rd_nav_side .edge{top:50%;right:-6px;bottom:auto;left:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -96px}
/* Menu */
.bd .img_tx a{font-size:11px;line-height:16px;letter-spacing:-1px;text-decoration:none;*cursor:pointer}
/* Text Image */
.bd .tx_ico_chk{display:inline-block;padding:0 3px;font:bold 12px/10px Arial;color:#77A;-webkit-box-shadow:0 4px 5px -4px #669;box-shadow:0 4px 5px -4px #669}
.bd .tx_ico_circ{display:inline-block;width:1.2em;height:1.2em;border-radius:2em;line-height:1.2em;text-align:center;text-decoration:none !important;color:#FFF;opacity:.75}
.bd .tx_ico_circ:hover{opacity:1}
/* Font */
.fontcheckWrp p{float:left;font-size:72px}
.bd .ngeb {font-weight: bold;
/*white-space: nowrap;*/max-height: 19px;
overflow: hidden;
/*font-family: "Apple SD Gothic Neo",'나눔고딕 ExtraBold','NanumGothic ExtraBold',ngeb,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,ng,'Trebuchet MS','돋움',dotum,AppleGothic,sans-serif;*/
}
h1.ngeb.clear {white-space: nowrap;
max-height: 40px;
overflow: inherit;position:relative;}

h1.ngeb.clear span.number_count {margin-left: 5px;
color: #fff;
background: #b179b7;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(137, 133, 138, 0.53);
text-align: center;
line-height: 23px;
font-size: 11px;
padding: .62em .92em;
margin-top:-5px;
}
.ngeb span {font-size:13px; margin-left:7px;color:#888;}

/* NanumPen */
.use_np .np{font-size:1.3em}
.use_np .np .np_18px,.use_np .np.np_18px{font-size:1.5em}
.use_np .rd_hd .board .np h1{font-weight:normal}

/* Header */
.bd_hd{padding:3px 0 15px}
.small_lst_btn .bd_hd{padding-right:82px}
.small_lst_btn.select_lst_cloud .bd_hd{padding-right:105px}
/* Breadcrumb */
.bd_bc{font-size:11px;color:#999}
.bd_bc a{display:inline-block;padding:0 4px;color:#444}
.bd_bc em{font-weight:bold}
/* Setting */
.bd_set a{float:left;padding:1px 6px;font-size:11px;line-height:16px;text-decoration:none !important;color:#555}
.bd_set a b{margin-right:1px}
.bd_set .bg_f_f9{min-width:55px;margin:-3px 0 -3px 18px;padding:3px 14px 3px 11px;border-width:1px;border-style:solid;border-color:#DDD #CCC #BBB #D6D6D6;border-radius:3px;letter-spacing:-1px;text-align:center;color:#666;text-shadow:0 1px 0 #FFF;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}
.bd_set em{position:relative;top:1px;font:bold 13px/1em Arial}
.bd_set .font_select{position:relative}
.bd_set .font_select b{font-size:14px;position:relative;top:1px}
.bd_set .font_select .bd_font_select{right:0;left:auto;top:30px}
.bd_set .iCheck{margin:0;vertical-align:middle}
.viewer_with{margin-right:12px}
.viewer_with strong{font-weight:normal}
.viewer_with.on:before{content:"";display:block;position:absolute;bottom:0px;left:4px;width:95%;height:2px;opacity:.7}
.viewer_with em{display:none;filter:alpha(opacity=70);opacity:.7}
.viewer_with.on em{display:inline-block}
.viewer_with .wrp{width:226px;white-space:normal;text-align:center}
.bd_font{position:relative;margin:-3px 0 -3px 18px;font-size:11px;line-height:22px}
.bd .bd_font a{text-decoration:none}
.bd_font .select{display:inline-block;width:84px;height:22px;border:1px solid #CCC;border-radius:3px;background:#FFF;*cursor:pointer}
.bd_font b{padding:0 4px 0 6px;font:bold 12px 'Times New Roman',Times,serif}
.bd_font strong{font-weight:normal}
.bd_font .arrow{position:absolute;top:10px;right:4px}
.bd_font_select{display:none;position:absolute;z-index:20;top:24px;left:1px;width:84px;background:#FFF}
.bd_font_select ul{list-style:none;margin:0;padding:0}
.bd_font_select li{position:relative;margin:-1px;padding-left:18px;border:1px solid #DDD;line-height:20px;*zoom:1}
.bd_font_select li:hover{z-index:30;border-color:#CCC;background:#F6F6F6}
.bd .bd_font_select a{float:none;padding:0;-webkit-box-shadow:none;box-shadow:none}
.bd_font_select em{display:none;position:absolute;top:0;left:5px;font:11px Arial}
.bd_font_select .on em{display:block}
#install_ng2{display:none;position:absolute;top:50px;left:50%;z-index:100;width:280px;margin-left:-151px;padding:30px;border:1px solid #CCC;border-radius:8px;text-align:center;background:#FFF;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}
#install_ng2 a{margin:3px}
#install_ng2 p{padding:15px 0}
#install_ng2 b{font-size:1.1em;color:#2AAE1E}
#install_ng2 .close{padding:5px 20px;background:#FFF}
/* Title */
.bd_tl{float:left;margin:4px 16px 20px 10px;text-shadow:0 1px 0 rgba(0,0,0,.05);*padding-bottom:24px;position:relative;}
.bd_tl h1,.bd_tl span.clear{margin:0;padding:0 20px;font-size:16px;line-height:22px}
.bd_tl a{float:left;text-decoration:none;color:#555}
.bd_tl i{display:block;position:absolute;top:0;left:0;width:12px;height:25px;border-radius:2px;box-shadow: 1px 1px 2px rgba(137, 133, 138, 0.53);}
.bd_tl span.clear{margin-top:2px;font-size:11px;line-height:11px;color:#888}
.bd_tl span.clear i{height:12px;filter:alpha(opacity=70);opacity:.7}
/* Search */
.bd_faq_srch{display:block;float:right;}
div.tl_srch.clear {

}
.bd_faq_srch .itx_wrp{width:50%}
.bd_faq_srch.m_srch .itx_wrp{width:100%}
.bd_faq_srch .itx{width:100%;height:22px;background:#FFF}
.bd_faq_srch .select{width:auto}
.bd_faq_srch select{padding:1px 0;background:none;border:0}
.bd_faq_srch .bd_btn{height:32px;margin-left:13px}
.bd_faq_srch.clear{display:block;float:none;margin-bottom:30px;padding:25px;border-radius:8px}
.bd_faq_srch.clear .itx_wrp{width:100%}
/* List Style */


.lst_btn{position:absolute;top:50px;right:0px;background:#FFF}
.small_lst_btn .lst_btn{top:0;right:0}
.small_lst_btn1 .lst_btn{display:none}
.lst_btn ul{list-style:none;margin:0;padding:0}
.lst_btn li{float:left}
.lst_btn a{display:block;margin-left:-1px;padding:6px;border:1px solid #BBB;opacity:.5;filter:alpha(opacity=50);background-image:url(/img/blank.gif);*text-decoration:none !important}
.small_lst_btn .lst_btn a{padding:5px}
.lst_btn li:first-child a{border-radius:3px 0 0 3px;*margin:0}
.lst_btn li:last-child a{border-radius:0 3px 3px 0}
.lst_btn a:hover,.lst_btn a:focus,.lst_btn .on a{-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1}
.lst_btn b{display:block;overflow:hidden;width:11px;height:0;padding-top:11px;background:url(/img/list_style.png) no-repeat}
.lst_btn .zine b{background-position:-11px 0}
.lst_btn .gall b{background-position:-22px 0}
.lst_btn .cloud b{background-position:-33px 0}

/* Category List */
.bd_cnb{position:relative}
.bd_cnb ul{list-style:none;margin:0;padding:0}
.bd_cnb li{float:left;position:relative}
.bd_cnb a{display:block;text-decoration:none !important;white-space:nowrap;*zoom:1}
.bd_cnb .a1{position: relative;
height: 23px;
margin: 1px 4px 1px 1px;
padding: 5px 12px;
font-weight: bold;
color: #777;
border: 1px solid #bbb;
line-height: 23px;
border-radius: 3px;}
.bd_cnb .a1.on,.bd_cnb .a1:hover,.bd_cnb .a1:focus{/*border:1px dashed #888;border-radius:100% 70%;*/color: #fff;
border: 1px solid #29b47c;
background: #29b47c;/*text-shadow:0 1px 0 rgba(0,0,0,.1)*/}
.bd_cnb .a1:active,.bd_cnb .a1.on{color:#fff;border: 1px solid #29b47c;}
.bd_cnb .a1.on{margin: 1px 4px 1px 1px;
padding: 5px 12px;}
.bd_cnb .a1.on:before{content:"";display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;padding:1px;/*border:1px solid;border-color:#CCC #BBB #AAA;border-radius:80% 100%*/}
.bd_cnb ul ul{display:none;position:absolute;white-space:nowrap}
.bd_cnb .li2{float:none;display:inline-block;margin:0 6px}
.bd_cnb .li2 a{color:#888}
.bd_cnb .li2.on a,.bd_cnb .li2 a:hover,.bd_cnb .li2 a:focus{font-weight:bold;color:#222}
.bd_cnb small,.cTab small{padding-left:1px;font:10px Tahoma;color:#777}
.bd .cnbMore{visibility:hidden;position:absolute;right:10px;}
.cnbMore a{margin:7px 0 7px 5px;padding:1px 1px 0;border:1px solid;border-color:#AAA;border-radius:4px;background:#FFF;line-height:16px}
.cnbMore i{-moz-transition:none;-webkit-transition:none;transition:none}
.bd_cnb .hidden{display:none}
.bd_cnb.open li.hidden{display:block;visibility:visible;margin-top:5px;}


/* Gradation Style */
.bd_cnb .bg_f_f9{padding:3px 90px 3px 11px;}
.bd_cnb.open .bg_f_f9{height:auto}
.select_lst_cloud .bd_cnb .bg_f_f9{padding-right:114px}
.if_lst_btn .bd_cnb .bg_f_f9{padding-right:5px}
.bd_cnb .bubble:after {content:"";display:block;clear:both}
.bd_cnb ul.wrp{bottom:26px;left:-5px;z-index:10;padding:5px;font-size:11px}
.bd_cnb ul.flip{top:28px;right:-8px;bottom:auto;left:auto;white-space:normal;text-align:center}
.bd_cnb ul.wrp .edge{display:block;position:absolute;left:0;bottom:-8px;width:100%;height:8px;background:url('./img/white/edge.png') no-repeat 24px 0}
.bd_cnb ul.flip .edge{top:-6px;left:5px;background-position:50% -64px}

/* Tab Style */
.bd .cTab{position:relative;margin:0 1px 40px;padding:0;border-bottom:1px solid #AAA}
.bd .cTab li{float:left;list-style:none;margin-right:-1px;border:1px solid #DDD;border-top:0;border-bottom:0;background:#FDFDFD}
.bd .cTab li.on{margin:-1px 0 -1px 1px;border:1px solid #AAA;border-top:0;border-bottom:1px solid #FFF;background:transparent}
.bd .cTab li.home{margin-left:0}
.bd .cTab li a{position:relative;top:-1px;border-top:1px solid #DDD;float:left;height:25px;line-height:25px;padding:0 20px;color:#888;text-decoration:none}
.bd .cTab li.on a{padding-top:1px;font-weight:bold;color:#000;border-top:1px solid #AAA}
.bd .cTab ul{display:none;position:absolute;bottom:-30px;left:0;overflow:hidden;margin:0;padding:0;white-space:nowrap}
.bd .cTab li.on ul{display:block}
.bd .cTab li.on ul li{position:relative;left:1px;float:none;display:inline;margin:0;padding:0 15px;border:0;border-right:1px solid #DDD;background:none}
.bd .cTab li.on ul li a{border:0;top:0;float:none;line-height:none;padding:0;font-weight:normal}
.bd .cTab li.on ul li.on_ a{font-weight:bold;color:#000}

/* List Bottom */
.btm_mn{position:relative;margin-top:-1px;padding:10px 0;}
.btm_mn .fl .btn_img{margin-right:4px}
.bd_srch_btm{display:inline}
.bd .bd_srch_btm_itx{position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:0;box-shadow:none;background:none;cursor:pointer}
.bd .bd_srch_btm label{display:inline;position:static;font-size:11px;line-height:16px}
.bd_srch_btm button{background-color:transparent;border:0}
.bd_srch_btm.on .itx_wrp{float:left;width:140px;overflow:visible !important}
.on .bd_srch_btm_itx{width:136px;padding-left:4px;cursor:auto;line-height:28px}
.bd_srch_btm.on .search{position:absolute;top:5px;right:5px}
.bd_srch_btm.on label{visibility:hidden !important}
.bd_srch_btm .select{display:none;float:left;height:18px;padding:4px}
.bd_srch_btm select{margin:0;padding:0;border:0;background:#FCFCFC}
.bd_srch_btm .bg_f_f9{padding:5px 15px;border:1px solid #BBB}
.bd_srch_btm.on .select{display:block}



/* 게시판 목록 공통 */
.btn_bo_adm {float:left;padding:0;}
.btn_bo_adm li {float:left;margin-right:5px;list-style:none}
.btn_bo_adm input {padding: 8px 10px 8px 25px;cursor:pointer;
border: 0;
color: #fff;
border-radius: 3px;text-decoration:none;vertical-align:middle;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.btn_bo_adm .list_admin_delete{background: url(/img/trash_icon_white.png) 2px 5px no-repeat;
background-color: #666;
}
.btn_bo_adm .list_admin_copy {background: url(/img/list_copy_icon_white.png) 2px 5px no-repeat;
background-color: #666;}

.btn_bo_adm .list_admin_move {background: url(/img/list_search_icon_white.png) 2px 5px no-repeat;
background-color: #666;}

.btn_bo_adm .list_admin_delete:hover, .btn_bo_adm .list_admin_copy:hover,.btn_bo_adm .list_admin_move:hover {background-color: #000;}
span.se-cat {
position:relative;
padding-left: 24px;
font-size: 14px;
}
span.se-cat:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
left: 1px;
top: -3px;
background: #a869af;
border-radius: 2px 2px 0 2px;
}
span.se-cat:after {
content: "";
display: block;
position: absolute;
left: 8px;
top: 5px;
width: 10px;
height: 10px;
background: #c9a3cd;
border-radius: 0 2px 2px 2px;
}


/* Link Board. Star Rating(from XEUI) */
.bd_tb_lst td.link_url{overflow:hidden;max-width:240px;text-overflow:ellipsis}
.bd .starRating,.bd .starRating span{overflow:hidden;display:inline-block;height:14px;background:transparent url('./img/white/iconStarRating.gif') no-repeat}
.bd .starRating{width:79px;vertical-align:middle;text-align:left !important}
.bd .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}
.bd_zine.zine .info .starRating{margin-top:-4px}
.bd_zine.card .info .starRating{display:block;margin:8px auto}
.link_modify{margin:0 4px;font-size:11px;border-bottom:1px dotted #999}
.bd_zine .link_modify{position:relative;z-index:100}

/* Read */
.rd{margin:0 auto;padding:0 15px}
/* Read Header */
.rd_hd{margin-bottom:60px}
.rd_hd .top_area{text-shadow:0 1px 0 rgba(0,0,0,.08)}
.rd_hd .btm_area span,.rd_hd .board .cate{padding:0 6px;font-size:11px;color:#888}
.rd_hd b{letter-spacing:0}
.rd_hd small{color:#AAA}
/* Board Style */
.rd_hd .board .top_area{padding:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#FCFCFC;line-height:1.5em;white-space:nowrap}
.rd_hd .board h1{overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 8px;font-size:12px}
.rd_hd .board .img{width:68px;height:68px;margin:4px 0 4px 6px;padding:3px;border:1px solid #DDD;background:#FFF}
.rd_hd .board .btm_area{position:static;border-bottom:1px solid #EEE}
.rd_hd .board .side{display:inline-block;padding:9px}
.rd_hd .board .side.fr{*margin-top:-34px}
.rd_hd .board .btm_area span{letter-spacing:-1px}
.rd_hd .board b{padding-left:2px;color:#666}
.rd_hd .board .link{padding:0 8px;font-size:10px;color:#999}
.rd_hd .board .nick{padding:0 8px;font-size:11px}
.rd_hd .board .date{font-weight:normal;letter-spacing:0 !important}
.rd_hd .xe_v3 .top_area{margin:0 1px 1px;border:1px solid #DDD;border-radius:5px;-webkit-box-shadow:0 1px 1px #AAA;box-shadow:0 1px 1px #AAA}
.rd_hd .xe_v3 .btm_area{margin:0 3px;background:#F9F9F9}
/* Blog Style */
.rd_hd .blog{padding:12px 3%;border-top:3px solid #333;border-bottom:1px solid #666}
.rd_hd .blog.v2{border-top:1px solid #333;border-bottom:0}
.rd_hd .blog.v3{border:10px solid #EEE}
.rd_hd .blog.v4{padding:0;border:0}
.rd_hd .blog h1{margin:.8em 4px 1em;font-size:2.3em;line-height:1;letter-spacing:-1px;color:#222;-webkit-text-stroke:.25px;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:2s;-moz-animation-timing-function:ease-in-out;animation-duration:2s;animation-timing-function:ease-in-out}
@-webkit-keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@-moz-keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@-webkit-keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
@-moz-keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
@keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
.rd_hd .blog small{padding-right:2px;font-weight:normal;font-style:italic;font-size:11px}
.rd_hd .blog .top_area span{display:inline-block;padding:16px 6px 0;*display:inline;*zoom:1}
.rd_hd .blog .btm_area span{display:inline-block;padding:0 6px 16px;text-shadow:0 1px 0 rgba(0,0,0,.08);*display:inline;*zoom:1}
.rd_hd .blog .btm_area span.sv{display:none;}
.rd_preview{margin:20px 6px;font-size:11px;color:#888}
.rd_hd .blog .date{font-variant:small-caps;font-size:1em}
.rd_hd .blog .cate{color:#999}
.rd_hd .btm_area.nmeb span{font-size:1em}
.rd_hd .blog .np b{font-weight:normal}

/* Read Navi */
.bd .rd_nav{position:relative;margin:15px 10px 0}
.rd_nav_style2 .rd_nav,.rd_nav_side .rd_nav{border:1px solid #D3D3D3;border-radius:4px;background:#FCFCFC}
.rd_nav a{float:left;padding:6px}
.rd_nav a:hover,.rd_nav a:focus{position:relative;z-index:10}
.rd_nav_style2 .rd_nav a:hover,.rd_nav_style2 .rd_nav a:focus{-webkit-box-shadow:0 0 6px #999;box-shadow:0 0 6px #999}
.rd_nav_style2 .rd_nav .edit{padding-right:8px;border-left:1px solid #DDD}
.rd_nav .bubble:hover .wrp,.rd_nav .bubble:focus .wrp{display:block}
.rd_nav .text{display:inline-block;width:16px;font-weight:bold;font-family:Georgia,'Times New Roman',Times,serif;text-align:center;color:#999;*display:inline;*zoom:1}
.rd_nav .help{float:left;cursor:help}
.rd_nav .help .wrp{margin-top:-23px;padding:3px}
#viewer .rd_nav .help .wrp{margin-top:-32px}
.rd_nav .help h4{margin:0 0 4px}
.rd_nav .help p{margin:2px 0}
.rd_nav .help strong{display:inline-block;width:28px;margin-right:6px;background:#EEE;border:1px solid #DDD;border-radius:4px;text-align:center}
.rd_nav .tg_btn2{padding:6px 1px 6px 5px;font-size:10px;color:#666}
.rd_nav .tg_btn2 .arrow{border-top-color:#888}
.rd_nav_side{position:absolute;z-index:100;right:0}
.rd_nav_side .rd_nav{display:none;position:fixed;top:auto !important;bottom:230px;width:28px;margin:0}
.rd_nav_side .edit,.rd_nav_side .files,.rd_nav_side .action,.rd_nav_side .tg_btn2{display:none}
.rd_nav_tx{line-height:16px;letter-spacing:-1px}
.bd_hd .rd_nav{margin:0;*clear:none}
.bd_hd .rd_nav a{padding:2px 6px 0;-webkit-box-shadow:none;box-shadow:none}
.bd_hd .rd_nav .tg_btn2{padding:2px 1px 0 6px}
.bd_hd .rd_nav .help .wrp{top:100%;left:auto;right:auto;margin:8px 0 0 -34px}
.bd_hd .rd_nav .help .edge{top:-6px;right:auto;left:50%;width:9px;height:6px;margin-top:0;background-position:0 -64px}
#viewer .rd_nav_side .rd_nav{display:block !important;right:12px}
.rd_nav_blk .rd_nav_side .rd_nav{border-color:#666;background:#111;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.9);box-shadow:0 5px 10px rgba(0,0,0,.9)}
.rd_nav_blk .rd_nav_side a{color:#DDD}
.rd_nav_blk .rd_nav_side .wrp{background:#000;color:#DDD}
.rd_nav_blk .rd_nav_side .edge{background-image:url('./img/black/edge.png')}
.rd_nav_blk .rd_nav_side .help strong{background:#222;border-color:#666}

/* Read Body */
.rd_body{margin-bottom:30px}
.xe_content{word-wrap:break-word}
.rd_gallery img{margin:5px}
/* Tag */
.rd_tag{padding:30px 0 0 50px}
.rd_tag div{float:left;margin:4px 0 2px -50px;padding:0 5px 0 7px;font:10px/12px 'Courier New',Courier,Tahoma;letter-spacing:-1px;color:#FFF;border:1px solid;border-radius:3px 7px 7px 3px;opacity:.8}
.rd_tag ul{margin:0;padding:0}
.rd_tag li{display:inline-block;padding-right:6px;font-size:11px;line-height:20px;*display:inline;*zoom:1}
.rd li:last-child .comma{display:none}

/* Read Footer */
/* Sign */
.rd_sign{position:relative;width:86%;max-width:780px;margin:0 auto 30px;padding:14px 19px;background:#FCFCFC;border:1px solid #DDD;border-radius:7px;box-shadow:0 1px 9px -3px rgba(0,0,0,.1)}
.rd_sign h4{position:relative;margin:0 0 10px;font-size:13px;color:#666}
.rd_sign .tx_ico_circ{margin-right:6px}
.rd_sign .img{width:60px;height:60px;border:1px solid #CCC}
.rd_sign .get_sign{margin-left:80px;word-wrap:break-word;font-size:11px;color:#888}
/* Prev-Next */
.bd_prev_next{padding-bottom:35px}
.bd_prev_next p{margin:0}
.bd_prev_next a{max-width:50%;text-decoration:none !important}
.bd_prev_next .fl .wrp{left:-10px}
.bd_prev_next .fr .wrp{left:auto;right:-10px}
.bd_prev_next .wrp{max-width:280px;margin:-2px -2px 8px}
.bd_prev_next b{overflow:hidden;text-overflow:ellipsis;font-weight:normal}
.bd_prev_next .link{margin:0 6px;font-weight:bold}
.bd_prev_next img{max-width:240px;max-height:240px;height:auto}
.prev_next .speech{padding:9px;font-size:11px;letter-spacing:0;text-align:center}
.prev_next .speech b{display:block;margin:4px 0;font-weight:normal}
.prev_next .speech span{color:#777}
.prev_next small{padding-left:5px;color:#AAA}
#viewer .bd_prev_next{display:block !important;position:fixed;top:50%;left:0;z-index:20;width:100%;padding:0}
#viewer .bd_prev_next div{position:relative;max-width:740px;margin:-32px auto;padding:0 96px}
#viewer .bd_prev_next a{position:absolute}
#viewer .bd_prev_next .wrp{left:100%}
#viewer .bd_prev_next .fr .wrp{left:auto;right:100%}
#viewer .bd_prev_next .fl{left:-46px}
#viewer .bd_prev_next .fr{right:-46px}
#viewer .bd_prev_next p{display:none}
.bd_prev_next .tx_arrow{display:none;width:64px;font-style:normal;font-size:64px;line-height:1;text-align:center;color:#999;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}
#viewer .bd_prev_next .tx_arrow{display:block}
.bd_prev_next a:hover .tx_arrow,.bd_prev_next a:focus .tx_arrow,.viewer_style2 .bd_prev_next .tx_arrow{color:#DDD}
.viewer_style2 .bd_prev_next a:hover .tx_arrow,.viewer_style2 .bd_prev_next a:focus .tx_arrow{color:#666}
/* Vote */
.rd_vote{padding-bottom:30px;text-align:center}
.bd .rd_vote a{display:inline-block;width:46px;height:46px;margin:0 6px;text-decoration:none;border-radius:2px}
.rd_vote a.blamed{border:2px solid #BBB;color:#AAA}
.rd_vote b{display:block;padding-top:7px;font:bold 17px/1 Arial}
.rd_vote p{margin:1px 0 0 0;font-weight:bold;font-size:11px}
/* SNS */
.bd .to_sns.big{padding:0 15px 30px;text-align:center}
.bd .to_sns.small{padding:6px}
.bd .to_sns .fl{margin:3px}
.bd .to_sns a{letter-spacing:0;text-decoration:none}
.bd .to_sns strong{font-weight:normal}
.bd .to_sns .bubble strong{display:none}
/* File, Trackback, Etc */
.rd_fnt,.rd_ft_nav{border-top:1px solid #DDD}
.bd .rd_fnt{font-size:11px}
.fnt_count{font-weight:normal;font-size:12px}
.rd_fnt b{font:bold 12px/17px Tahoma}
.rd_file th,.rd_file td{padding:8px 12px}
.rd_file th{padding-right:0;white-space:nowrap}
.rd_file td{width:100%}
.rd_file ul{list-style:none;float:left;margin:0;padding:0}
.rd_file li{float:left;padding:2px 8px 2px 0}
.rd_file .wrp{font-size:10px}
.rd_hd .rd_file{margin:-1px 0;border-bottom:1px solid #DDD}
.rd_hd .rd_file th{padding-left:15px}
.rd_file a,.rd_trb .link{color:#666}
.rd_trb{padding:10px 12px;background:#FCFCFC}
.rd_trb a{margin-right:16px}
.rd_ft_nav{padding-bottom:32px}
.rd_ft .fdb_lst{border:0}

/* FeedBack */
.bd .profile{float:left;width:50px;height:50px;line-height:50px;padding:2px;font-size:32px;border:1px solid #DDD}
.fdb_lst_wrp{margin-bottom:50px;*zoom:1}
.fdb_lst_wrp.fdb_v2{padding:10px;background:#F3F3F3;border:1px solid #E6E6E6}
.fdb_lst{position:relative;*zoom:1}
.fdb_lst_ul{list-style:none;margin:0;padding:0}
.fdb_v2 .fdb_lst{padding:52px 20px 12px;background:#FFF;border:1px solid #E6E6E6}
.fdb_tag{position:relative;z-index:10;margin:-1px;padding:10px 16px;font-size:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#FCFCFC;*zoom:1}
.fdb_tag b{font-size:12px}
.fdb_tag .cmt_pg{float:right;*margin-top:-1.5em}
.fdb_tag .cmt_pg a,.fdb_tag .cmt_pg .this{padding:0 3px}
.fdb_tag .cmt_pg .this{font-size:12px;text-decoration:underline}
.fdb_tag .cmt_pg span{display:none}
.cmt_wrt_btm .fdb_tag{border:1px solid #CCC;border-radius:5px}
.bd .nametag{position:absolute;top:10px;left:-22px;background:#FFF;text-decoration:none !important;*cursor:pointer}
.bd .nametag strong{display:block;height:28px;padding:0 15px;font-size:14px;line-height:28px;letter-spacing:-1px;border-radius:2px;color:#FFF;filter:alpha(opacity=60);opacity:.6}
.bd .nametag b{font-size:16px}
.cmt_editor_tl,.editor_select{position:relative;margin-bottom:10px}
.cmt_editor_tl em{position:absolute;bottom:-1px;left:5px;font:bold 17px sans-serif;opacity:.8}
.cmt_editor_tl strong{padding-left:24px;text-shadow:0 0 1px rgba(0,0,0,.2)}
.editor_select{font-size:11px}
#editor_select{margin-left:-40px;padding:4px 8px}
#editor_select a{display:block;text-decoration:none}
#editor_select em{visibility:hidden}
#editor_select .on em,#editor_select a:hover em{visibility:visible}
.cmt_editor{margin-bottom:32px;padding:12px 16px 20px;background:#FCFCFC;border:1px solid #DDD;border-bottom-color:#CCC;border-radius:8px;box-shadow:0 1px 3px -1px rgba(0,0,0,.1);*zoom:1}
.fdb_v2 .cmt_editor{clear:both;margin-bottom:10px;padding:0;border:0;background:none;box-shadow:none}
.fdb_itm{position:relative;margin:-1px 0;padding:12px 12px 16px 58px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;transition:background .5s;-moz-transition:background .5s;-webkit-transition:background .5s;*zoom:1}
.fdb_v2 .fdb_itm{padding-left:72px;border-bottom:0}
.fdb_v2 .fdb_itm:first-child{margin-top:30px}
.cmt_wrt_btm .fdb_itm:first-child{margin-top:0;border:0}
.fdb_nav_btm .fdb_itm{padding-bottom:15px}
.trb_lst h4{margin:0 0 6px}
.fdb_v2 .fdb_itm.re{margin-bottom:12px;padding:12px 12px 12px 80px;border:1px solid #EEE;border-radius:4px}
.fdb_v2 .fdb_itm.bg1{background:#FAFAFA}
.fdb_itm.re:hover{background:none}
.ico_16px.re{position:absolute;top:16px;left:-10px}
.ico_16px.rere{top:6px;left:-12px}
.fdb_v2 .ico_16px.re{top:8px;left:-24px}
.fdb_v2 .ico_16px.rere{top:18px;left:-22px}
.fdb_itm .profile{margin-left:-72px}
.fdb_v2 .fdb_itm.re .profile{margin-left:-68px}
.fdb_itm .meta{margin-bottom:8px}
.fdb_itm .meta a{font-weight:bold;color:#444}
.fdb_itm .meta .date{padding:0 12px;font-size:11px;color:#888}
.fdb_nav{position:absolute;top:12px;right:8px}
.fdb_nav_btm .fdb_nav{position:static;margin:4px -4px -4px;text-align:right}
.fdb_nav a{display:inline-block;overflow:hidden;height:1px;padding:0 4px;-moz-transition:-moz-transform .5s;-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.fdb_nav_btm .vote{display:block !important;position:absolute;top:12px;right:8px}
.fdb_itm .vote a{height:auto !important;font-weight:bold;font-size:13px;color:#BBB;opacity:1}
.fdb_itm .vote b{font-size:16px}
.fdb_itm .fdb_nav_ico{font-size:14px;color:#BBB}
.fdb_itm:hover .fdb_nav a,.fdb_nav a:focus,.fdb_nav_btm .re_comment{height:auto !important}
.fdb_itm:hover .vote{display:none}
.trb_lst .fdb_itm,.no_profile .fdb_itm{padding:12px !important}
.no_profile .fdb_nav{top:12px}
.no_profile .fdb_nav_btm .vote{top:12px;right:8px}
.no_profile .fdb_nav_btm .fdb_nav{margin:5px -5px -4px}
.fdb_itm .meta .tg_btn2{font-weight:normal;font-size:11px;color:#666}
.cmt_files{position:relative;display:block;margin:10px 0 15px;padding:10px;border:1px solid #DDD}
.cmt_files ul{margin:0;padding:0;list-style:none}
.cmt_files li{display:inline;margin-left:8px}
.bd .cmt_files a{font-weight:normal;font-size:11px}
.cmt_files .speech{font-size:10px}
.cmt_files .tg_close2{font:11px/16px Tahoma}

/* Write */
.bd_wrt_main{padding:15px;background:#F3F3F3;border:1px solid #DDD;border-radius:10px}
.bd_wrt_hd .itx{width:100%}
.bd_wrt .tag{clear:both;margin:0 -1px}
.bd_wrt .tag .itx{width:82%}
.opt_chk,.edit_opt{margin-top:8px}
.opt_chk *{vertical-align:middle}
.opt_chk .section{display:inline;margin-right:12px}
.opt_chk label{margin-right:8px}
.opt_chk input{margin:0}
.edit_opt .n_p{width:15%;margin:4px 0}
.edit_opt .m_h{width:23%;margin:4px 0}
.edit_opt .bd_btn{margin:4px 0}
.fdb_lst .opt_chk{margin:0 0 0 4px;font-size:11px}
.fdb_lst .edit_opt .itx{margin:4px 0}
.sns_wrt,.bd_wrt .regist{position:relative;margin-top:12px;padding:12px 0;text-align:center;border-top:1px solid #CCC}
.sns_wrt{padding:0;text-align:left}
.bd_wrt .regist .bd_btn{padding:8px 16px}
.bd_wrt .regist .blue{margin-left:16px;padding:8px 24px}
.bd_wrt .regist .cancle{position:absolute;right:0}
.simple_wrt{position:relative;margin:0 60px;*zoom:1}
.simple_wrt .profile{position:absolute;top:0;left:-60px}
.simple_wrt .text{margin-right:2px}
.simple_wrt textarea,.cmt_disable{display:block;width:100% !important;min-height:54px}
.simple_wrt .bd_btn{position:absolute;top:0;right:-60px;width:56px;height:56px;line-height:54px;margin:0;padding:0}
.cmt_disable{border:1px solid #CCC;border-radius:2px;background:#FFF;text-decoration:none !important}
.cmt_disable p{margin:.5%;font-size:11px;color:#999}


/* List Style */
.bd_lst{clear:both;margin:0;padding:0;list-style:none;*zoom:1}
.bd_tb_lst td {
margin-bottom: 15px !important;
padding-bottom: 10px !important;
color: #D5D5D5;
border-bottom: 1px solid #eee;
}
.bd_zine li {margin-bottom: 15px !important;
padding-bottom: 10px !important;
box-shadow: 0px 1px 4px;-webkit-box-shadow:0px 1px 4px #eaeaea;
color:#eaeaea;
transition: box-shadow .5s; -webkit-transition: box-shadow .5s;background:#FCFCFC;}
.bd_zine li:hover, .bd_zine li.reading {color: #29B47C;
-webkit-box-shadow: 0px 1px 4px #Ccc;
background: #fff;}
.bd_tb_lst .notice td,.bd_tb_lst .select,.bd_tb_lst tbody tr:hover{background:#F9F9F9;border-color:#DDD}
.bd_tb_lst.common_notice{margin-top:0;padding:0 2px}
.bd_lst input[type=checkbox]{  position: absolute;
  z-index: 300;
  left: 2px;
  top: 16px;}
.bd .no_doc{clear:both;padding:20px;text-align:center}
.bd .attached_image{display:inline-block;width:12px;height:11px;background:url('./img/image1.gif');vertical-align:middle;*display:inline;*zoom:1}
.bd .replyNum,.bd .trackbackNum{margin-left:4px;font:bold 11px Tahoma;white-space:nowrap}
.bd .replyNum{color:#C66}
.bd .trackbackNum{color:#39C}
.bd.fdb_count .replyNum,.bd.fdb_count .trackbackNum{padding:1px 5px 2px;border-radius:2px;font-weight:normal;text-decoration:none;color:#FFF !important}
.bd.fdb_count .replyNum{background:#BBB}
.bd.fdb_count .trackbackNum{background:#666}
.fdb_count .bd_tb_lst .replyNum,.fdb_count .bd_tb_lst .trackbackNum{float:left;margin:1px 8px 0 0}
.fdb_count2 .bd_tb_lst .replyNum,.fdb_count2 .bd_tb_lst .trackbackNum{float:right;margin:1px 0 0 4px}
.bd_lst img,.bd_lst input{vertical-align:middle}

/* Thumb */
.no_img{display:block;overflow:hidden;position:relative;margin:0 auto;background:#F3F3F3;font-weight:bold;font-size:1.1em;color:#CCC;text-align:center;white-space:nowrap;*margin:0}
.tmb_wrp{display:inline-block;position:relative;margin:0 auto;*display:inline;*zoom:1}
.tmb_wrp img.tmb{display:block;position:relative;margin:0 auto;background:#FFF;*margin:0}
.tmb_wrp .loading{background:url('./img/white/loading.gif') no-repeat 50% 50%}
.bd_lst.img_load .tmb_wrp{}
.bd_lst.img_load .fin_load{visibility:visible}
.bd_lst.img_load2 img.tmb,.fin_load .loading{display:none}
.bd_lst.img_load2 .fin_load img.tmb{display:block !important;*display:inline !important}
.tmb_wrp .fixed{display:block;position:absolute;color:#EEE}
.tmb_wrp a{top:0;left:0;width:100%;height:100%;text-decoration:none !important;background-image:url('./img/blank.gif');*cursor:pointer}
.tmb_wrp .info_wrp{display:block;position:relative;overflow:hidden;height:100%}
.tmb_wrp .info{display:block;width:100%;height:100%;font-size:11px;line-height:1.5;background:url('./img/ie/blk_op5.png');background:rgba(0,0,0,.5)}
.tmb_wrp .info.st,.tmb_wrp .info.st1{filter:alpha(opacity=0);opacity:0}
.tmb_wrp .info.st2{top:-100%}
.tmb_wrp .info.st3{left:-100%}
.tmb_wrp .info.st4{top:-100%;left:-100%}
.tmb_wrp a:focus .info{position:static !important;opacity:1 !important}
.tmb_wrp .padding{padding:6%;*color:#EEE}
.tmb_wrp .info{display:block;position:relative;white-space:nowrap;text-align:left;line-height:1.4em;color:#EEE;color:rgba(255,255,255,.9)}
.tmb_wrp .info span{display:block}
.tmb_wrp .tl{display:block;padding-bottom:7px;font-size:12px;line-height:14px;white-space:normal;letter-spacing:-1px;color:#FFF}
.tmb_wrp .ribbon{display:block;position:absolute;top:-1px;left:-1px;width:60px;height:60px;background:#29b47c;font-size:11px;text-align:center;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,.3)}
.tmb_wrp .ribbon i{display:block;overflow:hidden;position:relative;font-style:normal;line-height:1;text-overflow:ellipsis;color:#FFF}
.tmb_wrp .ribbon .date{width:24px;padding:5px;text-transform:uppercase}
.tmb_wrp .ribbon .cate{white-space:normal}
.tmb_wrp .ribbon b{font-size:16px;font-family:"Times New Roman",Times,serif}
.tmb_wrp .ribbon small{display:block}
.tmb_wrp .nnu i{padding:0 !important;font-size:10px;line-height:56px}

.tmb_link .fixed{display:block;position:absolute;color:#EEE}
.tmb_link a{top:0;left:0;width:100%;height:100%;text-decoration:none !important;background-image:url('./img/blank.gif');*cursor:pointer}
.tmb_link .info_wrp{display:block;position:relative;overflow:hidden;height:100%}
.tmb_link .info{display:block;width:100%;height:100%;font-size:11px;line-height:1.5;background:url('./img/ie/blk_op5.png');background:rgba(0,0,0,.5)}
.tmb_link .info.st,.tmb_link .info.st1{filter:alpha(opacity=0);opacity:0}
.tmb_link .info.st2{top:-100%}
.tmb_link .info.st3{left:-100%}
.tmb_link .info.st4{top:-100%;left:-100%}
.tmb_link a:focus .info{position:static !important;opacity:1 !important}
.tmb_link .padding{padding:6%;*color:#EEE}
.tmb_link .info{display:block;position:relative;white-space:nowrap;text-align:left;line-height:1.4em;color:#EEE;color:rgba(255,255,255,.9)}
.tmb_link .info span{display:block}
.tmb_link .tl{display:block;padding-bottom:7px;font-size:12px;line-height:14px;white-space:normal;letter-spacing:-1px;color:#FFF}
.tmb_link .ribbon{display:block;position:absolute;top:-1px;left:-1px;width:60px;height:60px;background:url('./img/ribbon/default.png');font-size:11px;text-align:center;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,.3)}
.tmb_link .ribbon i{display:block;overflow:hidden;position:relative;font-style:normal;line-height:1;text-overflow:ellipsis;color:#FFF}
.tmb_link .ribbon .date{width:24px;padding:5px;text-transform:uppercase}
.tmb_link .ribbon .cate{white-space:normal}
.tmb_link .ribbon b{font-size:16px;font-family:"Times New Roman",Times,serif}
.tmb_link .ribbon small{display:block}
.tmb_link .nnu i{width:36px;height:36px;padding:0 !important;font-size:10px;line-height:36px}

.ribbon_v .ribbon.nnu{width: 55px;
height: 55px;
border-radius: 50%;
box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.76);}
.ribbon_v .ribbon.new{background: rgba(41, 180, 124, 0.77);}
.ribbon_v .ribbon.nnu.new i{font-weight:bold;font-size:11px}
.ribbon_v .ribbon.nnu.hot i{font-weight:bold;font-size:11px}
.ribbon_v .ribbon.nnu.update i{font-weight:bold;font-size:11px}

.ribbon_v .ribbon.update{ }
.ribbon_v .ribbon.hot{ }
.ribbon_v .ribbon i{padding:4px 24px 4px 0;white-space:nowrap;*padding-right:24px !important}
.ribbon_v2 .ribbon{right:-1px;left:auto;width:auto;height:auto;max-width:80%;background:#837df4;border:1px solid #837df4;box-shadow:1px 1px 1px rgba(0,0,0,.3)}
.ribbon_v2 .ribbon.new{background:#F33;border-color:#F33}

.ribbon_v2 .ribbon.update{background:#FA0;border-color:#FA0}
.ribbon_v2 .ribbon:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.01)));background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,rgba(0,0,0,.01) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,.4)}
.ribbon_v2 .ribbon i{padding:4px 6px}

/* Normal */
ul.bd_lst.une li:after {content:""; width:100%;height:0;display:block;clear:both;}
ul.bd_lst.une li.bg_list_header:after {margin-bottom:0;}
ul.bd_lst.une li.bg_list_header {padding: 13px 0 !important;
line-height: 2em;
/*box-shadow: 0px 2px 5px rgba(151, 147, 153, 0.56);*/
width: 100%;
float: left;
margin-bottom:20px !important;font-weight: bold;
display: /*inline-block;*/ none;
}
ul.bd_lst.une li {width: 100%;position:relative;
padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: 0px 1px 0 rgba(255,255,255,0.72);clear: both;
line-height: 27px;
transition:all 0.3s;
}
ul.bd_lst.une span.ribbon.nnu.update {
color: #29B47C;padding-left: 10px;
}
ul.bd_lst.une li span.ribbon.nnu.new i {
background: #fd6331;
font-style: normal;
border-radius: 2px;
color: #fff;
font-style: normal;
display: block;
position: absolute;
top: 9px;
left: 9px;
font-size: 10px;
text-align: center;
text-shadow: 0 1px 1px rgba(0,0,0,.1);
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 30px;
}
.board_list_right {width:29%;float:right;}
.board_list_right_no { }
.bg_list_header .no, .bg_list_header .title, .bg_list_header .board_list_date, .bg_list_header .m_no, .no, .board_list_date, .m_no {
text-align: center;
}
.no {
  width: 7%;
  float: left;
  text-align: left;
  text-indent: 15px;
}
.title {
width: 60%;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size:13px;
}
.writer {
float: left;
width:30%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 
}
.writer_no {width:50%;}
.board_list_date {
float: left;
width:50%;
}
.m_no {
float: left;
width:19%;
}
span.header_cat {
float: left;
}
ul.bd_lst.une li a.hx{display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid transparent;background-image:url(/img/blank.gif);text-decoration:none}
ul.bd_lst.une li:hover, ul.bd_lst.une li.reading, ul.bd_lst.une li.notice {border-bottom:1px solid #FDF5FD;/*box-shadow: 0px 0 1px rgba(205, 205, 205, 0.56);*/ background: #fff;}
ul.bd_lst.une li.notice .title {font-weight:bold;}
/* Webzine */
.bd_zine li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word}
.bd_zine.zine li{clear:both;margin:0 2px;padding:16px 8px 16px 16px;*zoom:1}
.bd_zine.zine2 li{padding-left:118px}
.bd_zine .hx,.bd_zine .notice a{display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid transparent;background-image:url(/img/blank.gif);text-decoration:none}
.bd_zine .big_date{float:left;margin-left:-90px;text-align:center;white-space:nowrap}
.bd_zine .dd{font:bold 42px/48px Tahoma;letter-spacing:-2px}
.bd_zine .mmyy{font:bold 14px/22px Tahoma;letter-spacing:-1px;color:#777}
.bd_zine .yy{font-weight:normal}
.bd_zine .hh{letter-spacing:-1px;color:#888}
.bd_zine .tmb_wrp{text-align:center;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.bd_zine.zine .tmb_wrp{float:left}


.bd_zine h3{margin:0;font-size:15px;letter-spacing:-1px;color:#444;text-shadow:0 0 1px rgba(0,0,0,.08)}
.bd_zine .cnt {
margin-top: 8px;
font-size: 12px;
color: #666;
min-height: 20px;
max-height: 39px;
margin-bottom: 10px;
overflow: hidden;
text-align: justify;
line-height: 20px;
}
.bd_zine .info{color:#888}
.bd_zine .info b{padding-left:4px;color:#666}
.bd_zine.zine .info{font-size:11px;line-height:11px}
.bd_zine.zine .info .itm{display:inline-block;margin:8px 7px 0 0;padding-right:9px;border-right:1px solid #DDD;*display:inline;*zoom:1;white-space:nowrap;}
.bd_zine.zine .info .itm:last-child{border:0}
.bd_zine.card li{float:left;line-height:1.4em;background:#FFF;border:1px solid #DDD;border-bottom-color:#BBB;border-radius:5px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);padding-bottom:0px !important;}
.bd_zine.card li img {border-radius:4px 4px 0 0; width: 100%;}
.bd_zine.card2 li{padding:10px;background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.bd_zine.card .hx,.bd_zine.card .notice a{border-style:solid;border-radius:5px}
.bd_zine.card .tmb_wrp{width:100%}
.bd_zine.card h3{padding:5px;font-size:12px;letter-spacing:0;line-height:17px;}
.bd_zine.card .cnt{margin-top: 0px;
padding: 0 5px;}
.bd_zine.card .info{margin-top:.8em;font-size: 10px;
line-height: 1.4;
background: #efefef;
padding: 5px;
border-radius: 0 0 5px 5px;
border-top: 1px solid #ddd;}
.bd_zine.card .info b{padding:0 4px 0 3px;font-weight:normal}
.bd_zine.card .info .br{display:block}
.bd_zine.card .info .br b{padding-left:8px}


/* Gallery 픽쳐스타일*/
.bd_tmb_lst{padding:24px 0;text-align:center}
.bd_tmb_lst li{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.bd_tmb_lst .tmb_wrp{border:1px solid #DDD}
.bd_tmb_lst .bg,.bd_tmb_lst .bg2{display:block;top:0;left:0;width:100%;height:100%}
.bd_tmb_lst .bg2{background:#FFF}
.bd_tmb_lst .bg:before,.bd_tmb_lst .bg:after{content:"";position:absolute;bottom:15px;left:5px;width:50%;height:20%;max-width:300px;border:0;-webkit-box-shadow:0 15px 10px rgba(0,0,0,.37);box-shadow:0 15px 10px rgba(0,0,0,.37);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg)}
.bd_tmb_lst .bg:after{right:5px;left:auto;-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg)}
.bd_tmb_lst .tmb_wrp .trans_window{bottom:0;right:0;max-width:80%;margin:7%;padding:1px 6px;font-size:10px;background:url('./img/ie/blk_op7.png');background:rgba(0,0,0,.7);border:1px solid #222;border-radius:2px}
.bd_tmb_lst .deco1{top:-12px;left:-12px}
.bd_tmb_lst .deco2{bottom:-12px;right:-12px}
.bd_tmb_lst .deco{top:-15px;left:50%;width:90px;height:30px;margin-left:-45px;background:url('./img/deco/tape.png') center no-repeat}
.bd_tmb_lst .deco3{background-image:url('./img/deco/tape.png')}
.bd_tmb_lst p{overflow:hidden;margin:8px;max-height:45px;line-height:15px;text-overflow:ellipsis}
.bd_tmb_lst p b{font-weight:normal;font-size:11px}
.bd_tmb_lst.gall_style2 .tmb_wrp{padding:5%;/*-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);*/}
.bd_tmb_lst .frame_tl{position:relative;margin:16px 0 4px;white-space:nowrap;text-align:left;width:184px;}
.bd_tmb_lst .select .info{top:0;left:0;filter:alpha(opacity=70);opacity:1}





/* Viewer */
#viewer .bd{position:relative;max-width:740px;margin:0 auto;padding:3%;background:#FFF;-webkit-box-shadow:0 4px 48px rgba(0,0,0,.5);box-shadow:0 4px 48px rgba(0,0,0,.5)}
#viewer.viewer_style2 .bd{-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2)}
#viewer .rd{margin:auto;padding:0 !important}
#viewer .if_viewer{display:none}
#viewer .fdb_lst_wrp{margin:30px 0 0}
#viewer_lst{position:fixed;top:0;left:-455px;z-index:20;width:320px;height:100%;padding:0 20px 0 120px;background:#FFF;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3),inset -12px 0 24px 0 rgba(0,0,0,.04);box-shadow:0 0 8px rgba(0,0,0,.3),inset -12px 0 24px 0 rgba(0,0,0,.04)}
#viewer_lst_tg{display:block;position:absolute;top:50%;left:100%;margin:-46px 0 0;padding:16px 10px;border:0;border-radius:0 4px 4px 0;box-shadow:inset -1px 0 6px rgba(255,255,255,.2),inset 5px 0 8px rgba(0,0,0,.08),1px 1px 3px rgba(0,0,0,.2);line-height:15px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer}
#viewer_lst_tg .tx_open,.open #viewer_lst_tg .tx_close{display:block}
.open #viewer_lst_tg .tx_open,#viewer_lst_tg .tx_close{display:none}
#viewer_lst h3{margin:0;padding:16px 8px 4px;border-bottom:1px solid #666;color:#444}
#viewer_lst ul{list-style:none;margin:0;padding:0}
#viewer_lst li a{display:block;position:relative;margin-top:-1px;padding:8px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;text-decoration:none;*margin-top:-4px}
#viewer_lst li:first-child a{border-top-color:transparent}
#viewer_lst .on,#viewer_lst li a:hover,#viewer_lst li a:focus{z-index:1;background:#F9F9F9;border-color:#BBB}
#viewer_lst li span{display:block}
#viewer_lst li .tmb{overflow:hidden;float:left;max-height:60px;margin-right:8px;border:1px solid #DDD}
#viewer_lst img{display:block;width:60px;height:auto}
#viewer_lst .tl{overflow:hidden;padding-bottom:2px;white-space:nowrap;text-overflow:ellipsis;color:#333}
#viewer_lst b{padding-left:5px;font-size:11px;color:#F66}
#viewer_lst .meta{font-size:11px;color:#999}
#viewer_lst strong{padding-right:8px;color:#666}
#viewer_pn a,#viewer_pn strong{margin:0 1px;padding:0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none}
#viewer_pn .this,#viewer_pn a:hover,#viewer_pn a:focus{border-color:#666;color:#555}
#viewer_lst_scroll,#viewer_pn{visibility:hidden}
.open #viewer_lst_scroll,.open #viewer_pn{visibility:visible}
.bd_lst a button{display:none;position:absolute;z-index:30;padding:2px 20px;border:0;box-shadow:2px 2px 4px rgba(0,0,0,.4);font-weight:bold;font-size:12px;white-space:nowrap;text-align:center;text-decoration:none !important;color:#FFF;filter:alpha(opacity=70);opacity:.7;-ms-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:opacity .3s;-ms-transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s}
.bd_lst a:hover button{display:block}
.bd_lst a button:hover{filter:alpha(opacity=90);opacity:.9}
.bd_tb_lst a button{top:-4px;left:98%}
.bd_zine a button{top:10px;right:10px;width:48px;height:48px;line-height:48px;padding:0;border-radius:50%}
.bd_tmb_lst a button,.bd_cloud a button{right:-20px;top:10px}

@media only screen and (max-width : 810px) {
ul#bo_vc_sns:before {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 10px;
}

span.sns-twitter, span.sns-twitter_off, span.sns-facebook, span.sns-facebook_off {
box-sizing:content-box;
}
.slvc_campaign {padding:0;}
.slvc_campaign li {

}


}
/*모바일*/





@media only screen and (max-width : 585px) {
.ajax-file-upload-preview {
    max-width: 70px;
}
.extrahtml input.ed {
    max-width: 180px;
}	
.ajax-file-upload-statusbar {
min-height:80px;
}
#ajax-file-upload-container .highlight {
min-height:78px !important; line-height:78px ;
}
.slw_form{width:96%;margin: 0 auto;} 
.slv_contents {width:95%;margin:0 auto;}
.bd_zine .cnt {margin-bottom:0px;}
input.frm_file.frm_input {
width: 90%;
max-width: 320px;
}
.slw_btns {
width: 95%;
margin: 10px auto 0 auto;
}
ul.bd_lst.une,ul.bd_lst.une li {
width: 96%;
margin: 0 auto !important;
padding-left: 8px;
}
.no span, .bg_list_header .writer, .no strong {
display: none;
}
.board_list_right {color:#aaa;}
ul.bd_lst.une li span.sv_member {
vertical-align: middle;
padding: 2px 0 2px 5px;
color: #29B47C;
}
ul.bd_lst.une li span.sv_guest {
vertical-align: middle;
padding: 2px 0 2px 5px;
}
.bg_list_header .board_list_right {width: 50%; margin-top: 0;}
.bg_list_header .board_list_date {width:60%}
.board_list_right_no .board_list_date {
  text-align: right;
  width: 50% !important;
}
.bg_list_header .m_no {width:40%}
.bg_list_header .title {width: 39%;text-align:left;padding-left:25px;}
ul.bd_lst.une li span.cnt_cmt {top: inherit;
bottom: 11px;}
ul.bd_lst.une li span.ribbon.nnu.new i {
right: 3%;
left: inherit;
}
.no {width: 11%;}
ul.bd_lst.une input[type=checkbox] {
position: absolute;
top: 35px;
left: 5px;
}
li.bg_list_header  input[type=checkbox] { 
top: 12px !important;
}
.bd_zine span.list-date {
letter-spacing: -1px;
}
.title {width: 98%;}
.board_list_right {width:88.7%;margin-top:5px;}
.board_list_right .writer, .board_list_date {width:40%; }
#comment_write {width:95%;}

.btm_mn {margin: -1px auto 0 auto;width: 95%;}
.btn_bo_adm {
margin-left: 2.5%;
}
#commentContents h2 {line-height: 38px;width:97%;}
.slv_menu {width:100%;}
div#commentContents h2 span {
top: 18px;
left: 62px;}
.slv_top {
width: 95%;
margin: 0 auto;
}
.slv_files, .slv_links {
width:95%;
}
#skin_l_view .slv_files a, #skin_l_view .slv_links a {
padding: 10px 10px 15px 40px;
line-height: 29px;
max-height: 45px;
}
#skin_l_view .slv_links .slv_link .hit, #skin_l_view .slv_files .slv_file .download {
top: 5px;}
.cnb_n_list {width:96%;}
ul.bg_list_cat {
width:99%;margin:0 auto 10px 10px;
}
span.view-cat a {
position:absolute;
top:-15px;
}
span.green.ribbon a {
  padding-left: 1.6rem;
  margin-top: -70px;

}
span.view-title {
display: block;
  margin-top: -15px;
   margin-left:0; 
}
span.ip {display:none;}
.slv_bottom_menu {width: 94%;margin:0 auto !important;}
.comment-tree0:hover .slvc_0 .slvc_profile{background: none;}
.comment-tree0 {margin-right:1.7%;width:91%;}
.slvc_profile img {width: 45px !important;
 height: 45px !important;} 
.slvc_0 .slvc_profile {left: -24px;top: 2px;backgroundnone;padding-right: 0;width:45px; height:45px; z-index:11;}
.slvc_0 .slvc_head {  padding: 1.2em 1.2em 1.2em 2.3em;}
.slvc_0 .slvc_content {padding-left: 2.3em;}
.slvc_1{margin-left: 30px;
}
.slvc_2{margin-left:60px;}
.slvc_3{margin-left:90px;}
.slvc_4{margin-left:120px;}
.slvc_5{margin-left:150px;}
.slvc_profile {width:45px;height:45px;top: 2px;}
.slvc_head {

margin-left: 30px;}
.slvc_content {
margin: 0 10px 15px 45px;}

.slvc_guest_info {float:none;}
input#wr_name, input#wr_password {
    height: 40px;
}
input#wr_name {
background-position: 3px 7px;
}
input#wr_password  {background-position: 7px 10px;
 }
.slvc_guest_info label {width: 70px;display: block;text-align: center;float: left;line-height:24px;}
span.broken {display: block;clear: both;margin: 5px 0;}
.llslvc_write input#btn_submit {margin-top:5px;
position: relative;
float: left;
width: 50%;
height: 60px;
min-height: 60px;}
.llslvc_write .scd_cancelinput {position:relative;
width: 49%;border:none !important;
float: right;
margin-top: 5px;
height: 60px;-webkit-appearance: none;
}
.llslvc_write div#cke_wr_content, .llslvc_write .cke_chrome, #slv_comments #wr_content {
width: 100% !important;
}

div.comment-box-area:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0; }
#bo_vc_sns {margin:11px 0 0 0;}
.ribbon_v .ribbon.nnu.new i {
font-size: 10px;
}
.ribbon_v .ribbon.nnu {
width: 35px;
height: 35px;
top: 12px;
left: -11px;
}
.tmb_wrp .nnu i {
line-height: 36px;
}
.bd_zine li{
background:#fff;
}
.slv_title {width:95%;}
.prev_next li a {display: block;}
span.cke_toolgroup {
min-height: 30px !important;
}


.une span.cnt_cmt, .bd_zine span.cnt_cmt {
position: absolute;
width: 30px;
height: 30px;
background: #29B47C;
color: #fff;
text-align: center;
line-height: 30px;
border-radius: 50%;
left: 4px;
top: 5px;font-weight: normal;
}
.une span.cnt_cmt:after {
/*content: "";
position: absolute;
left: initial;
top:initial;
bottom: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 15px 15px;
border-color: transparent transparent transparent #29B47C;
right: -6px;*/
}

.bd .replyNum {color: #fcfaf5 !important;}
.bd_cnb .a1 {height:33px;}


}
/* IE8- Fix */
.dummy_ie{display:none;*display:block;*width:1px}
.ie8_only{display:none}


/* Mobile */
.m_editor{margin:12px 0 8px}
.m_editor textarea{width:100%}



/* ipad2+ */
@media only screen and (max-width : 768px) {
.bd iframe,.bd video{max-width:100%;min-width:240px;margin:0 auto}
.bd img{max-width:100%;height:auto}
.bd_tb_lst th,.bd_tb_lst td{padding:8px}
li.clear2 , .bd_zine.card li {width: 176px; }
input#wr_name {}
.slvc_campaign li {width:50%; margin-right:0;}

}



/* android HD landscape */
@media screen and (max-width:639px){
#ajax-file-upload-container .highlight, .ajax-file-upload-statusbar {
   width: 98% !important;
}	
	ul.bd_lst.une li span.sv_guest, 
ul.bd_lst.une li span.sv_member {
	background:none;
}
table {

}
div.slv_right_menu {
top:0
}
div.slv_right_menu.fr {top:60px;}
div.slv_right_menu.fr  .sl_btn_write { padding: 8px 15px 8px 30px !important; }
#skill { width:96%;margin: 40px 0 0 10px;}

#skill li h3  {font-size:12px;bottom:-7px; text-shadow:none; color:#fff !important;}
#skill li h4  {font-size:12px;    bottom: 28px;}
#skill li h3 span, #skill li h4 span {display:block}
p.earthallsum {
    top: -40px;
    width: 100%;
    text-align: left;
    text-indent: 5px;
}
div.skin_l,#skin_l_view {overflow:inherit;}
.lst_btn, .viewer_with,.bd_set .bg_f_f9{display:none !important}
.bd_bc,.bd_set,.bd_set a{font-size:13px}
.rd_hd .board h1,.xe_content{font-size:14px}
.rd_hd .blog h1{font-size:20px}
.bd_pg a,.bd_pg strong{min-width: 34px !important;
padding: 7px 10px;
margin-right: 2px;
line-height: 20px;
margin-bottom: 5px;}
.bd_zine{padding:0 !important}
.bd_zine.zine li{padding:5px}
.bd_zine.zine .rt_area{margin:4px !important}
.bd_zine.zine .tmb_wrp{margin:0 12px 6px 0 !important}
.bd_zine.zine .tmb_wrp img,.bd_zine.zine .no_img{/*width:100px !important;height:auto;font-size:12px !important;*/
width: 80px !important;
height: auto;
font-size: 12px !important;
height: 80px !important;
border-radius: 60px;
box-shadow: 1px 1px 2px rgba(71, 71, 71, 0.26);
}
.bd_zine.zine .no_img{height:80px !important;margin:0 auto;line-height:80px !important}
.bd_zine h3{font-size:13px}
.bd_zine.zine .cnt{overflow:hidden;max-height:36px;font-size:12px;text-overflow:ellpisis}
.bd_zine.zine .info .itm{padding-right:0;border:0;letter-spacing: -1px;}
.bd_zine.card li{margin:6px}
.bd_zine.card2 li{margin:0}
.bd_zine.card li .tmb,.bd_cloud.no_rd .tmb_wrp,.bd_cloud.no_rd .tmb{width:100%}
.bd_zine.card .info{font-size:11px}
.bd_tmb_lst{overflow:hidden;padding:16px 1%}
.bd_tmb_lst li{height:auto !important;padding-bottom:5%}
.bd_tmb_lst .tmb_wrp{width:90%}
.bd_tmb_lst.gall_style2 .tmb_wrp{width:80%}
.bd_tmb_lst img.tmb,.bd_tmb_lst .no_img{width:100% !important}
.bd_cloud{overflow:hidden;padding:32px 4px;text-align:center}
.bd_cloud.no_rd a{width:212px;margin:8px}
.bd_cloud.no_rd a:hover{-ms-transform:scale(1) !important;-moz-transform:scale(1) !important;-webkit-transform:scale(1) !important;transform:scale(1) !important}
.use_np .bd_cloud em{font-size:18px}
h2.heading, h3.heading { font-size: 20px;}
h2.heading.line.board {padding-top:0;}
.cnb_n_list {margin:0;}
}

/* android 800x480 landscape */
@media screen and (max-width:533px){

span.itm.itmcat {display:none !important;}
.show_srch,.bd .cTab li ul,#bd_srch,.simple_wrt .profile,.rd_hd .blog .wave,.rd_hd .board .side.fr,
.bd_tb_lst .no,.bd_tb_lst .cate,#cloud_btn,
.bd_wrt .color_wrp{display:none !important}
#re_cmt .editor_select{display:block !important}
.bd .bd_hd{padding:0}
.bd_bc,.bd_set{padding-bottom:8px}
.bd_set{padding-right:6px}
.bd_set a{margin:0 5px;padding:0;border-bottom:1px dotted #999}
.bd_cnb{padding-left:0px}
.bd .cTab{border:0}
.bd .cTab li{width:20%;margin:0 !important;border:0 !important;text-align:center}
.bd .cTab li a{position:static;display:block;float:none;top:0;margin:-1px -1px 0 0;padding:0 !important;border:1px solid #CCC}
.bd .cTab li.on a{position:relative;border-color:#999}
.rd{padding:0;-webkit-box-shadow:none;box-shadow:none}
.rd_hd{margin:0 0 20px !important}
.rd_hd .board .top_area{margin:0 0 1px;padding:16px 8px}
.rd_hd .board h1{overflow:auto;white-space:normal}
.rd_hd .board .date{position:absolute;right:9px;bottom:9px}
.rd_body{margin:0 8px 24px}
.rd_sign{padding:4%}
.bd_prev_next{border-top:1px solid #EEE}
.bd_prev_next a{clear:both;max-width:none;margin:12px 2px 0}
.to_sns.big a{margin:0 2px}
.rd_ft_nav{padding-bottom:20px}
.rd_nav a{padding:9px;opacity:1}
.fdb_v2 .fdb_lst{padding:52px 12px 12px}
.fdb_tag{margin:0}
.fdb_itm,.guest_itm,.bd_guest .fdb_itm{padding:10px !important}
.fdb_itm .profile{margin:0 12px 0 0 !important}
.fdb_nav{position:static;padding-top:5px;text-align:right}
.fdb_nav a,.fdb_nav_btm .re_comment{height:auto !important}
.cmt_editor{padding-bottom:48px !important}
.simple_wrt{position:static;margin:0}
.simple_wrt textarea{min-height:72px}
.simple_wrt .bd_btn{position:absolute;top:100%;right:-1px;width:100%;height:36px;margin-top:8px;font-weight:bold;line-height:36px}
.edit_opt{display:block !important}
.edit_opt .itx{width:100%;padding:6px 0}
.bd_wrt_main{padding:12px}
.bd_wrt_hd .category{max-width:80px}
.bd_wrt .regist .bd_btn{margin:4px}
.bd_wrt .regist .cancle{position:static}
.context_data,.context_message{margin:0}
.bd_tb_lst td{position:relative;padding:8px 4px}

.bd_tb_lst .hx:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.bd_tb_lst .author{min-width:50px;white-space:normal}
.bd_guest .sum{margin:10px 5px}
.bd_guest .bd_wrt_main{margin:0 0 32px}
.bd_guest .guest_cmt{margin:4px 0 20px}
.guest_profile .img,.bd_guest .fdb_itm .profile{width:48px;height:48px;margin:0 12px 0 0;line-height:48px}
.guest_itm_nav{padding:4px}
.bd_guest .cmt_editor{margin:12px}
.rd_blog{margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none}
.bd_faq_srch_wrp,.bd_faq.faq_official .a{padding:10px}
.bd_faq.faq_official .markA{float:none;margin-left:-11px}
div.tl_srch.clear {width:96%;}


}
/* android HD */
@media only screen and (max-width : 448px) {
span.sns-facebook_off {padding: 0 9px 0 20px;}
ul.bg_list_cat li a {min-width:73px;}
}

@media only screen and (max-width : 375px) {
span.earth-date {top: -31px;}
}

@media only screen and (max-width:360px){
.bd_tb_lst img[alt="file"]{display:none}
.bd_cloud.no_rd a{width:260px}
.bd_zine.zine .tmb_wrp img,.bd_zine.zine .no_img{width:80px !important}
li.clear2 {width: 160px !important;}



}
/* android 800x480, iphone */
@media screen and (max-width:320px){
.bd .cTab li{width:25%}
.slv_title ul li.date {margin-right:5px;}

.slvc_campaign li {width:100%;}
span.sns-twitter, span.sns-twitter_off, span.sns-facebook, span.sns-facebook_off {padding:0 5px;}
ul.bg_list_cat li a {min-width:64px;}

}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

/* 게시판 댓글 */
#bo_vc {margin:0px 0 0 0; pdding:20px 0 0 0; border:1px solid #e5e8ec;background:#f9f9f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 0px 0;}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:5px 0 0 0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display: none;
z-index: 101;
position: absolute;
top: 8px;
right: 120px;
padding: 8px;
width: 350px;
height: auto !important;
height: 180px;
max-height: 180px;
/* border: 1px solid #29B47C; */
background: #2CC185;
overflow-y: auto;
border-radius: 3px;
color: #fff;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right;padding-right: 5px;}
#autosave_pop button {margin:0;padding:5px;border:0;background: #fff;
font-size: 12px;
border-radius: 2px;}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1;line-height: 23px;}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left;color: #fff;
text-decoration: none;}
#autosave_pop a :hover {color:#ccc}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

img {border:none;}
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}


.slvc_content .wr_content {font-size:13px;}
/* paginate */
.paginate2{margin:5px 0 0 0;text-align:center}
.paginate2 a{display:inline-block;width:32px;height:32px;margin-right:-5px;background:url('http://static.naver.net/ncc/image/p_2012/sp_paginate.gif') -42px 0;line-height:32px;font:bold 12px;font-weight:bold;font-family:tahoma;color:#777;text-decoration:none;vertical-align:top;cursor:pointer}
.paginate2 strong{display:inline-block;width:32px;height:32px;margin:-1px -5px 0 -3px;border:1px solid #8c8c8c;background:#fff;line-height:32px;font:bold 12px;font-weight:bold;font-family:tahoma;color:#777;text-decoration:none;vertical-align:top;cursor:pointer}
.paginate2 strong,.paginate2 a:hover{position:relative;z-index:2;background-position:-42px -64px;color:#ed0303}
.paginate2 .pre,.paginate2 .next{display:inline-block;overflow:hidden;width:42px;height:32px;padding:0;border:0;background:url('http://static.naver.net/ncc/image/p_2012/sp_paginate.gif') no-repeat;line-height:0;font-size:0;vertical-align:top}
.paginate2 .pre{margin-right:-5px;background-position:0 0}
.paginate2 .next{background-position:-74px 0}
.paginate2 a.pre{background-position:0 -32px}
.paginate2 a.next{background-position:-74px -32px}
.paginate2 a.pre:hover{background-position:0 -64px}
.paginate2 a.next:hover{background-position:-74px -64px}
.pag_thou{margin-top:40px;border:3px solid #dfdfdf}
.pag_thou span{display:inline-block;margin:12px 15px 11px;line-height:20px;font-size:12px;color:#333;vertical-align:top}
.pag_thou span strong{font-weight:normal;color:#ed0303}

.swfupload { position: absolute; z-index: 1; }
span.button,span.button input { position:relative; border:0; font:11px 굴림;}
span.button input { width:60px; height:24px; left:1px; padding-top:2px; text-align:center; background-position:right top; cursor:pointer; overflow:visible; }


.bd .bolder{color:#29b47c;text-shadow:2px 2px 4px #29B47C;}
.bd .bg_f_color{background-color:#29b47c;background:-moz-linear-gradient(#FFF -50%,#29b47c 50%);background:-webkit-linear-gradient(#FFF -50%,#29b47c 50%);background:linear-gradient(to bottom,#FFF -50%,#29b47c 50%);}
.bd .border_color{border-color:#29b47c;}
.bd .bx_shadow{ -webkit-box-shadow:0 0 2px #29B47C;box-shadow:0 0 2px #29B47C;}
.viewer_with.on:before{background-color:#29b47c;box-shadow:0 0 2px #29b47c;}
.bd_zine.zine li img {border:1px solid #DDD;
width: 110px !important;
height: 110px !important;
border-radius: 50%;
transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;}
.bd_zine.zine li:hover img {border: 1px solid #29b47c;
/*-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
display: block; */}
.bd_zine.card li:hover{z-index:10;-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.bd_zine .tmb_wrp .no_img{width: 110px;
height: 110px;
line-height: 110px;
border-radius: 50%;}
.bd_zine a:hover,.bd_zine a:focus,.bd_zine .select a{z-index:20;/*border-color:#29B47C;*/}
.bd_zine.zine .tmb_wrp img,.bd_zine.card li{  }
.bd_zine .info b,.bd_zine .info a{color:#29B47C;}
.bd_zine.card h3{color:#29b47c;}
.bd_zine.zine .rt_area{margin-left:134px}
.bd_zine.zine .tmb_wrp{margin-left:-134px}


/*************************/
.sl-youtube-player{width:100%;height:350px;}
/* view */
div#fkr_image{margin:0 auto 30px auto;padding:5px;width:95%;border:1px solid #f0f0f0;text-align:center;overflow:hidden;}
div#fkr_image img{}
div.fkr_image_description{position:relative;;margin-top:10px;color:#ccc;}
div.fkr_image_license{float:left;}
div.fkr_image_caption{float:right;color:#ccc;}
span.fkr_image_title{color:#aaa}
div.fkr_image_caption a{color:#888}
/* write */
section#fkr{position:relative;width:100%;word-break:break-all;overflow:hidden;}
div.fkr_search_bar{position:relative;border:none;    }
div.fkr_search_bar_left{position:relative;display:inline-block;color:#aaa;  }
img.fkr_loading_img{position:absolute;display:none;margin-top:5px;margin-left:10px;}
div.fkr_search_bar_right{float:right;  }
div.skin_l a.fkr_prev_btn{display:none;}
div.skin_l a.fkr_next_btn{display:none;}
div#fkr_results{display:none;margin-top:5px;border-top:1px solid #f0f0f0;}
div.fkr_row{position:relative;min-height:75px;margin-bottom:5px;padding:5px;  border-bottom: 1px solid #e1e1e1;
  box-shadow: 0px 1px 0 rgba(255,255,255,0.72);color:#888;}
div.fkr_img{   float: left;
  margin-right: 1em;  min-height: 85px;  margin-bottom: 7px; }
  .fkr_row:after, div#fkr_img_url_info:after {
  content: "";
  clear: both;
  display: block;
}
div.fkr_img img{  border-radius: 2px;
  box-shadow: 0 0 0 3px white, 0 0 0 5px #ccc;}
div.fkr_row_content {  line-height: 1.6em;}
div.fkr_row_content span {display:block;}
a.sl_btn.fkr_next_btn, a.sl_btn.fkr_prev_btn {
  padding: 8px 8px 8px 20px !important;
}
.fkr_sizes {
  margin: 7px 0;
}
.fkr_sizes a {
  padding: 6px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 2px;margin-right: 2px;
}
.fkr_sizes a:hover {

  border: 1px solid #2CC185;
  background: #2CC185;
color:#fff;
}
span.fkr_title a{color:#579A78}
span.fkr_owner{}
span.fkr_owner a{color:#666;  cursor: default;}
span.fkr_photo_license{margin-right:5px;}
span.fkr_cc_img{  display: inline-block !important;}
span.fkr_size_label{float:left;}
div#fkr_img_url_info{display:none;  margin: 15px 0;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: 0px 1px 0 rgba(255,255,255,0.72);}
div#fkr_img_url_info img {
max-width:200px;
  box-shadow: 0 0 0 3px white, 0 0 0 5px #ccc;
  margin:0 20px 15px 10px;
  float: left;
}
div.fkr_res_label{position:relative;width:100%;font-weight:bold;  margin-bottom: 15px;
  padding-bottom: 10px;}
div.fkr_res_label a{position:absolute;top:0;right:0;font-weight:normal;}