@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {font-size:9pt;font-family:sans-serif,Arial, Nanum Gothic, Helvetica, sans-serif;color:#707070}

TD {line-height:120%}

select,option {font-size:9pt;font-family:Nanum Gothic,tahoma;color:333333;background-color:#ffffff}

a {
	color: #484747;
	font-size: 12px;	
	text-decoration: none;
}
a:hover {
	color: #a78d58;
}


a.over, a.over img {
	background: #FFFFFF;
}
a.over, a.over img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
a.over:hover {
	opacity: 0.9;
}

.thumb_border:hover { 
    border:0px solid 
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ 
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ 
} 


A:link    {color:#90511f;text-decoration:none}
A:visited {color:#90511f;text-decoration:none}
A:active  {color:#90511f;text-decoration:none}
A:hover   {color:#000000;text-decoration:none}

.back-to-top {
    position: fixed;
    bottom: 0em;
    right: 0px;
    padding: 0em;
    display: none;
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
	z-index:1000;
}

.lazy {-webkit-transition-property: opacity; -moz-transition-property: opacity; 
-o-transition-property: opacity; transition-property: opacity; 
-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; transition-duration: 0.8s; 
-webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; 
-o-transition-timing-function: ease; transition-timing-function: ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}

.animated{display:inline-block;position:relative;overflow:hidden}[class^=responsive_border_].animated img{display:block;-webkit-transition:all 550ms ease-out;-moz-transition:all 550ms ease-out;transition:all 550ms ease-out;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}[class^=responsive_border_].animated::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-color:#fff;border-style:solid}[class^=responsive_border_].animated:hover img{-webkit-transition-duration:500ms;-moz-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19,1,.22,1);-ms-transition-timing-function:cubic-bezier(0.19,1,.22,1);transition-timing-function:cubic-bezier(0.19,1,.22,1);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.responsive_border_sm{padding:0px}.responsive_border_sm.animated::after{border-width:0px}.responsive_border_sm.animated img{-webkit-transition:all 150ms ease-out;-moz-transition:all 150ms ease-out;transition:all 150ms ease-out}.responsive_border_sm.animated:hover img{-webkit-transition-duration:150ms;-moz-transition-duration:150ms;transition-duration:150ms;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.responsive_border_md{padding:0px}.responsive_border_md.animated::after{border-width:0px}.responsive_border_md.animated img{-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;transition:all 200ms ease}.responsive_border_md.animated:hover img{-webkit-transition-duration:200ms;-moz-transition-duration:200ms;transition-duration:200ms;-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)}.responsive_border_lg{padding:0px}.responsive_border_lg.animated::after{border-width:0px}.stretched_thumbnail{position:absolute;top:0;bottom:0;left:0;right:0;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}

.back-to-top { position: fixed; bottom: 3em; right: 10px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 0.5em; display: none;}
.back-to-top:hover { background-color: rgba(156, 156, 156, 0.30);}

#quotes {color:#999;}
#quotes a, #quotes span {padding:5px 6px 2px 6px;}
#quotes a {color:#999; border:#ddd 1px solid; margin-right:2px; text-decoration:none;}
#quotes a:hover {color:#000; border: #a0a0a0 1px solid; margin-right:2px; text-decoration:none;}
#quotes span.current {background-color:#f0f0f0; font-weight:bold; color:#aaa; border:#f0f0f0 1px solid; margin-right:2px; text-decoration:none;}

#vgallery {text-align:left;overflow:hidden;width:1012px;margin:0 auto;}
#vgallery div.sny{float:left;width:325px;padding:0 6px 10px;}
#vgallery div.sny div.info{width:325px;display:table;padding:10px 0;text-align:center;background:#f5f5f5}
#vgallery div.sny div.info p{display:table-cell;vertical-align:middle;text-align:center;padding:0 3px 0px;line-height:120%}


.textarea {border:1px solid #c9c9c9;font-size:9pt;color:#252525;background-color:#ffffff;padding:5px;line-height:160%}
.file     {border:1px solid #cfcfcf;font-size:9pt;color:#252525;background-color:#ffffff;height:21px;}
.input    {border:1px solid #cfcfcf;font-size:9pt;color:#252525;background-color:#ffffff;height:21px;}
.input2   {border:1px solid #c9c9c9;font-size:9pt;color:#252525;background-color:#ffffff;height:21px;}
.submit   {border:1px solid #555555;font-size:9pt;color:#ffffff;background-color:#909090;height:21px;line-height:16px}
.submit_w {border:1px solid #555555;font-size:9pt;color:#dfdfdf;background-color:#707070;height:40px;font-weight:bold}
.submit_c {border:1px solid #cccccc;font-size:9pt;color:#585858;background-color:#e5e5e5}
.button   {border:1px solid #555555;font-size:9pt;color:#ffffff;background-color:#afafaf;height:21px;line-height:16px}

.line1 {background-color:#f0f0f0; padding:0}
.line2 {background-color:#eaeaea; padding:0}
.lined {background-color:#eaeaea; border-top:0px solid #eaeaea;height:1px;}

.separator1 {background-color:#efefef; padding:0}
.separator2 {background-color:#e3e3e3; padding:0}

.mmp {font-family:Nanum Gothic,tahoma;color:#909090;font-size:11px;text-decoration:none}
.bt  {font-family:Nanum Gothic,tahoma;color:#bfbfbf;font-size:10px;text-decoration:none}

.pic_bg {background-color:#ffffff}
.pic_border {border:1px solid #dfdfdf}

.thumb_border { 
    border:0px solid 
} 


.thumb_border:hover { 
    border:0px solid 
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ 
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ 
} 


.exif_bg	 {background-color:#fafafa;font-family:Nanum Gothic,verdana;font-size:7pt;padding:3px 5px 3px 5px;line-height:120%;border:1px dashed #d0d0d0}
.exif_spacer {color:#d0d0d0;padding:0 3px 0 3px}

.info_bg {background-color:white;font-size:9pt}
.han  {color:#727272;font-size:9pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.han2 {color:#363636;font-size:9pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.eng  {font-family:Nanum Gothic,tahoma;color:#666666;font-size:8pt;text-decoration:none}

.thumb_list_title {color:#1f1f1f;font-size:11px;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.thumb_list_name  {color:#606060;font-size:11px;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.thumb_list_cate  {color:#959595;font-size:11px;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.thumb_list_eng   {color:#a6a6a6;font-size:11px;text-decoration:none;font-family:Nanum Gothic,tahoma;line-height:12px}
.view_title  {color:#555555;font-size:13pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.view_title2 {color:#555555;font-size:10pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif;line-height:100%}
.view_name   {color:#404040;font-size:9pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.view_cate   {color:#959595;font-size:9pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif}
.wArticle    {color:#606060;font-size:10pt;text-decoration:none;font-family:Nanum Gothic,Arial, Helvetica, sans-serif;line-height:100%}

.ce_bg		 {background-color:#F9F9F9; border:1px solid #b0b0b0}
.list_comment  {color:#a6a6a6;font-size:8pt;font-family:Nanum Gothic,tahoma}
.list_comment2 {color:#606060;font-size:8pt;font-family:Nanum Gothic,tahoma;font-weight:bold}

.imageToolbox {
	position: absolute;
	width:  34px;
	height: 34px;
	left: 10px;
	top:  10px;
	display:none;
	z-index:1;
}
.imageToolbox img {cursor:pointer}

blockquote { border:#e5e5e5 1px solid; padding:5px; color:#303030; background-color: #f9f9f9; margin: 10px 20px 10px 20px}
code  {border:#a5a5a5 1px dashed; padding:2px 5px 2px 5px; color:#303030; font-family:'Courier New', Monospace; background-color:#efefef}
.code {border:#a5a5a5 1px dashed; padding:2px 5px 2px 5px; color:#303030; font-family:'Courier New', Monospace; background-color:#efefef}

#search_options_tool {width:115px; float:right; margin-right:5px; height:21px; padding-top:9px; display:none}
#search_options_tool img {margin-right:5px; cursor:pointer}
#search_btTools {float:right; height:30px; width:189px; margin-right:3px}
#search_btTools div {float:left; margin-top:3px; margin-bottom:3px}
#search_btArrow {width:15px; height:24px; margin-left:3px; cursor:pointer}
#search_input   {width:114px; height:24px; background-image:url(search_input.gif); background-repeat:no-repeat}
#search_intext  {width:100%; height:16px; margin-top:3px; margin-left:2px; border:0}

.descipt_counter { font-family:Nanum Gothic,sans-serif; font-size:15pt; color:#a0a0a0; margin:0 5px 0 5px}

.slide_thumb_img      { margin:1px; border:3px solid #e5e5e5; float:left; cursor:pointer }
.slide_thumb_img_over { margin:1px; border:3px solid #909090; float:left; cursor:pointer }