/*
Theme Name: Empire
Theme URI: Theme Prince
Description: Wordpress Theme by Theme Prince
Author: ThemePrince
Author URI: Theme Prince
License: Please read the attached license folder!
License URI: http://wiki.envato.com/support/legal-terms/licensing-terms/
Version: 1.3
*/
@import './theme/basic/css/reset.css';
/* font-family: 'Nanum Gothic', 'Nanum Myeongjo', 'Nanum Brush Script', 'Nanum Pen Script', */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700;800&display=swap');
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;
body, h1, h2, h3, h4, h5, h6, li, p, div, a, span {
font-family: 'Nanum Gothic',malgun gothic; /* !important */
}
table, tbody, thead, tr, th, td, p, ul, li, input, button, textarea, select, .c1 {font-family: 'Nanum Gothic',malgun gothic,Verdana, AppleGothic, sans-serif; font-weight:normal; font-size:9pt; color:#111;}
body,html {
padding: 0px;
margin: 0px auto;
text-align: center;
font-family: 'Nanum Gothic',malgun gothic,Verdana,Tahoma,굴림;
font-size: 9pt;
line-height: 20px;
/*background-color: #000;*/
color: #222222;
width: 100%;
height: 100%;
}
/* 파이어 폭스*/
html>body, td, p, button, textarea, select, .c1 {
font-family: 'Nanum Gothic',malgun gothic,NanumGothicWeb,Tahoma,굴림; font-size:9pt; color:#454545;
}
img{border:0}
*:focus { outline:none;}
A {
CURSOR: url('../fonts/03_cur_normal.cur')
}
#writeContents {float:left; padding:10px 10px; font-family:'Nanum Gothic',malgun gothic,Verdana,Tahoma; font-size:9pt; color:#222222; line-height:18px;}
#mobile {
position:absolute;
float:right;
top:0px;
right:65px;
background:url(images/mobile.png) no-repeat;
width:60px;
height:100px;
border:0;
display:block;
text-indent:-9999px;
z-index:10000;
}
#dev7link {
position:absolute;
float:right;
top:0;
right:70px;
background:url(images/dev7logo.png) no-repeat;
width:60px;
height:85px;
border:0;
display:block;
text-indent:-9999px;
z-index:1000;
}
#dev7link-2 {
position:absolute;
float:right;
top:90%;
right:70px;
background:url(images/dev7logo-up.png) no-repeat;
width:60px;
height:85px;
border:0;
display:block;
text-indent:-9999px;
z-index:1000;
}
#deco1 {
position:absolute;
float:right;
top:175px;
right:115px;
background:url(images/debatingx340.png) no-repeat;
width:330px;
height:227px;
border:0;
display:block;
z-index:99999;
}
#deco2 {
position:absolute;
float:right;
top:300px;
left:-400px;
background:url(images/deco/on_the_trail_sniffing.gif) no-repeat;
width:340px;
height:227px;
border:0;
display:block;
z-index:999991;
}
#deco3 {
position:absolute;
float:right;
top:320px;
left:300px;
background:url(images/cloudy-at-night-weather.png) no-repeat;
width:100px;
height:100px;
border:0;
display:block;
z-index:999992;
}
.ani {
position: absolute;
left:50%;
z-index: 99999;
top: 60px;
margin-left: 185px;
}
.ani a {
float: left;
width: 160px;
height: 144px;
font: 0px/0px 'NanumGothic';
text-indent: -100px;
background-image: url(images/deco/on_the_trail_sniffing.gif);
background-repeat: no-repeat;
text-decoration: none;
margin-right: 5px;
}
/*상단검색*/
input.search_input {float:right; border:0px solid #b2c7de;padding:4px;font:normal 14px dotum;width:162px;height:23px !important;margin-right:2px; }
#search_wrap {float:right;width:232px; padding:2px 5px 3px 0;height:23px;}
#search_wrap .form_input {float:right;}
#search_popular {clear:both;text-align:left;padding-top:7px;height:30px;}
#search_popular .p_title {color:#1b5f99;font-weight:bold;}
#search_popular span {color:#555;font-weight:normal;}
h1 {
float: left;
font-size: 18px;
text-align: left;
width: 100%;
font-weight: normal;
}
h2 {
float: left;
font-size: 18px;
text-align: left;
width: 100%;
font-weight: normal;
}
h3 {
font-weight: normal;
float: left;
font-size: 16px;
text-align: left;
width: 100%;
}
h4 {
font-weight: normal;
float: left;
font-size: 15px;
text-align: left;
width: 100%;
margin-bottom: 30px;
}
h5 {
font-weight: normal;
float: left;
color: #222;
text-align: left;
width: 100%;
margin-top: 10px;
margin-bottom: 3px;
margin-left:30px;
}
h6 {
float: left;
font-size: 13px;
text-align: left;
width: 100%;
margin-bottom: 30px;
}
a {color: #111111;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {
text-decoration: none;
color: #b69d31;
}
.read_more{
color: #b69d31;
font-weight: normal;
}
table {
width: 100%;
}
td{
padding: 0px;
line-height: 20px;
}
#content .alignright, .alignright {
float: right;
}
#content .alignleft, .alignleft {
float: left;
}
#content .aligncenter {
margin-left:auto;
margin-right:auto;
}
#content .justify{
text-align: justify;
}
.h_sep {
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 14px;
}
/* Default WP styles */
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
.sticky {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.commentlist > li.bypostauthor {
background: #eee;
}
/* MENU */
#menu {
margin: 0px auto;
width: 100%;
z-index: 30;
margin-top: 60px;
float: left;
}
#menu .menu {
width: 100%;
}
#menu .menu .menu-item {
line-height: 29px; /* ★ 32px */
text-align: center;
width: 100%;
background-image: url('./images/menu_li.png');
background-repeat: no-repeat;
background-position: bottom center;
clear: left;
float: left;
}
#menu .menu .menu-item a {
font-size: 14.5px;
font-weight: normal;
display: block;
color: #999999;
-webkit-text-shadow: 3px 3px 1px rgba(0,0,0,0.75);
-moz-text-shadow: 3px 3px 1px rgba(0,0,0,0.75);
text-shadow: 3px 3px 1px rgba(0,0,0,0.75); }
-webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#menu .menu .menu-item:hover{
background-image: url('./images/menu_li_hover.png');
}
#menu .menu .menu-item a:hover {
color: #ffffff;
font-weight:bold; /* ★ 추가함 */
}
#menu .menu .current-menu-item a, #menu .current_page_item a{
color: #bff347;
font-weight:bold;
}
#menu .menu .menu-item ul{
display: none;
}
#menu .menu .menu-item ul li{
background-image: url('./images/menu_subli.png');
}
#menu .menu .menu-item ul li a{
font-size: 13.5px;
-webkit-text-shadow: 3px 3px 1px rgba(0,0,0,0.75);
-moz-text-shadow: 3px 3px 1px rgba(0,0,0,0.75);
text-shadow: 3px 3px 1px rgba(0,0,0,0.75); }
-webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}
#notification {
float: left;
left: 0px;
top: 0px;
height: 35px;
width: 100%;
text-align: center;
position: absolute;
z-index: 20;
background-color: #fff1ba;
font-size: 12px;
color: #000;
font-weight: bold;
line-height: 35px;
z-index: 100;
}
#icon_moving {float:left !important; position:absolute;margin-top:20px;margin-left:24px;width:70px;height:120px;z-index:9999} /* ★ moving */
#icon_moving2 {float:left !important; position:absolute;margin-top:-100px;margin-left:24px;width:280px;height:480px;z-index:9999} /* ★ moving2 */
/* PAGE */
#bg_slider{
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 0;
overflow: hidden;
background-color: transparent;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
}
#bgslider-top{
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
opacity:inherit;
filter:inherit;
}
#bgslider-bottom{
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
float: left;
opacity:inherit;
filter:inherit;
}
#bgslider-top img, #bgslider-bottom img {
opacity:inherit;
filter:inherit;
}
#logo {
text-align: center;
margin: 0px auto;
width: 100%;
padding-top: 95px; /* ★ 60px */
padding-bottom: 30px;
background-image: url('./images/sidebar-hsep.png');
background-repeat: no-repeat;
background-position: bottom center;
background-color: transparent;
}
#wrapper{
width: 1035px;
height: 100%;
min-height: 100%;
margin: 0px auto;
z-index: 1;
}
#sidebar{
position: fixed;
width: 300px;
height: 100%;
min-height: 100%;
/*
background-image: url('./images/sidebar-bg.png');
background-repeat: repeat-y;
background-color: transparent;
background-position: top left; */
background:transparent url('./images/sidebar-bg.png') top center repeat-y;
float: left;
z-index: 1;
}
#sidebar-color{
width: 278px;
height: 100%;
position: fixed;
float: left;
z-index: 12;
background-color: #3D2F26 ; /* #3D2F26 :brown #385234 :green #383769 :purple #4F3030 :brown */
margin-left: 13px;
}
#sidebar-border{
width: 278px;
height: 100%;
position: fixed;
float: left;
z-index: 13;
background-image: url('./images/sidebar-border.png');
background-repeat: repeat-y;
margin-left: 13px;
}
#sidebar-light{
width: 278px;
height: 100%;
position: fixed;
float: left;
z-index: 14;
background-image: url('./images/sidebar-light.png');
background-repeat: no-repeat;
background-position: top center;
margin-left: 13px;
}
#sidebar-texture{
width: 278px;
height: 100%;
position: fixed;
float: left;
z-index: 15;
background-image: url('./images/sidebar-texture-leather.png'); /* sidebar-texture-carbon.png */
background-repeat: repeat-y;
margin-left: 13px;
}
#sidebar-content{
position: absolute;
z-index: 16;
width: 218px;
float: left;
margin-left: 40px;
margin-top: 0px; /* ★ 30px */
}
#sidebar-bottom{
width: 278px;
position: absolute;
z-index: 17;
margin-left: 13px;
bottom: 70px; /* 15px */
}
#sidebar-bottom ul {
float: left;
clear: left;
width: 278px;
}
/*
#sidebar-bottom ul li {
display: inline;
margin-right: 4px;
margin-left: 4px;
}
*/
/* --------------------------- */
/* SUBSCRIBE
/* --------------------------- */
ul.subscribe {
margin-bottom: 5px; /* 20px */
margin-top: 0;
}
.subscribe li {
padding: 0;
position: relative;
display: inline-block;
margin: 0 2px;
}
.subscribe li.first-child {
margin-left: 0;
}
.subscribe li.last-child {
margin-right: 0;
}
.subscribe li a {
display: block;
width: 26px;
height: 26px;
}
li a.subscribe-fb,
li a.subscribe-rss,
li a.subscribe-tw,
li a.subscribe-fl,
li a.subscribe-in,
li a.subscribe-yt,
li a.subscribe-vi {
background-image: url(../images/social-buttons.png);
}
li a.subscribe-fb {background-position: 0 0;}
li a.subscribe-rss {background-position: -26px 0;}
li a.subscribe-tw {background-position: -52px 0;}
li a.subscribe-fl {background-position: -78px 0;}
li a.subscribe-in {background-position: -104px 0;}
li a.subscribe-yt {background-position: -130px 0;}
li a.subscribe-vi {background-position: -156px 0;}
li a.subscribe-fb:hover {background-position: 0 -26px;}
li a.subscribe-rss:hover {background-position: -26px -26px;}
li a.subscribe-tw:hover {background-position: -52px -26px;}
li a.subscribe-fl:hover {background-position: -78px -26px;}
li a.subscribe-in:hover {background-position: -104px -26px;}
li a.subscribe-yt:hover {background-position: -130px -26px;}
li a.subscribe-vi:hover {background-position: -156px -26px;}
#page {
position: relative;
width: 744px;
min-height: 100%;
float: right;
z-index: 2;
/*
background-color: transparent;
background-image: url('./images/page-bg.png');
background-repeat: repeat-y;
background-position: top right; */
/*background: url('./images/bg10.jpg');*/
background:transparent url('./images/page-bg.png') top right repeat-y;
}
#content{
float: right;
width: 695px; /* ★ 708px */
margin-top: 30px;
margin-left: 30px;
margin-right: 25px; /* ★ 10px */
padding-bottom: 60px;
text-align: left; /* ★ left */
}
#contentb{
float: right;
width: 670px; /* ★ 708px */
margin-top: 20px;
margin-left: 0px;
margin-right: 40px; /* ★ 10px */
padding-bottom: 40px;
text-align: left; /* ★ left */
}
#content p{
clear: none;
/* margin-bottom: 30px; */
}
.toggle{position:absolute; float:right; margin:35px 70px 0 0; padding-left:20px; background-repeat: no-repeat; background-image: url('../images/icon/icon_arrow-blue.gif'); background-position: 0px -2px;}
.toggle_box {background-color:#fff;border: 1px solid #ddd;/* Rounder Corner */-moz-border-radius: 4px; -webkit-border-radius: 4px;-khtml-border-radius: 4px;overflow: hidden;width:265px;clear: both;margin-right:54px;}
.toggle_box .block {padding: 5px 10px 2px 15px;}/* CAROUSEL (HORIZONTAL) */
/* NIVO SLIDER */
.slider-nivo-holder{
float: left;
width: 590px;
height: 220px;
background-image: url('images/nivo-slider-bg.gif');
background-repeat: no-repeat;
margin-left: 50px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
#slider-nivo{
position: relative;
float: left;
width: 582px;
height: 212px;
background-image: url('images/loading.gif');
background-repeat: no-repeat;
background-position: center center;
z-index: 98;
margin-left: 4px;
margin-top: 4px;
}
/* DEFAULT PAGINATION */
#page_control {
width: 100%;
float: left;
}
#page_control-older {
float: right;
text-align: right;
width: 225px;
}
#page_control-newer {
float: left;
width: 225px;
}
/* SINGLE POST */
#page #content .blog-post-info{
float: left;
width: 590px;
text-align: left;
padding: 0px;
margin: 0px;
height: 22px;
line-height: 22px;
margin-top: -15px;
margin-bottom: -15px;
}
#page #content .blog-post-info img {
vertical-align: middle;
margin-top: -1px;
}
/* BLOG - SMALL THUMBS */
#blog-small {
float: left;
}
#blog-small li {
float: left;
clear: left;
width: 590px;
margin: 0px;
padding: 0px;
}
.blog-small-text h1 {
font-size: 16px;
margin-bottom: 5px;
}
.blog-small-image {
width: 163px;
height: 128px;
float: left;
margin-right: 15px;
padding-left: 6px;
padding-top: 9px;
background-image: url('images/blog_small_pic.png');
}
.blog-small-image img {
float: left;
border: 0px;
width: 146px;
height: 113px;
}
.blog-small-text {
float: left;
width: 406px;
}
#page #content .blog-small-excerpt{
width: 406px;
float: left;
padding: 0px;
margin: 0px;
}
#page #content .blog-small-sep {
height: 29px;
width: 585px;
background-image: url('images/blog_small_sep.png');
background-position: center center;
background-repeat: no-repeat;
float: left;
clear: left;
margin-bottom: 30px;
}
.post_separator {
margin-bottom: 5px;
height: 10px;
width: 100%;
background-image: url('images/hr2.gif');
background-position: center bottom;
background-repeat: repeat-x;
float: left;
clear: left;
}
.post_separator a {
font-size: 11px;
float: right;
font-weight: normal;
}
#blog-small .blog-info{
float: left;
width: 406px;
height: 20px;
line-height: 20px;
text-align: left;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
font-size: 11px;
}
#blog-small .blog-info img {
margin-top: -1px;
vertical-align: middle;
}
/* BLOG - MEDIUM THUMBS */
.blog-medium {
float: left;
width: 590px;
clear: left;
}
.blog-medium li {
float: left;
width: 280px;
padding: 0px;
margin: 0px;
}
.blog-medium .first{
margin-right: 30px;
}
.blog-medium-text h1 {
font-size: 16px;
margin-bottom: 0px;
}
.blog-medium-image {
width: 276px;
height: 141px;
float: left;
padding-left: 4px;
padding-top: 4px;
background-image: url('images/blog_medium_pic.png');
}
.blog-medium-image img {
float: left;
border: 0px;
width: 272px;
height: 128px;
}
.blog-medium-text {
float: left;
clear: left;
width: 280px;
}
#content .blog-medium .blog-medium-excerpt{
width: 280px;
float: left;
clear: left;
padding: 0px;
margin: 0px;
text-align: justify;
margin-top: 15px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
}
#page #content .blog-medium .blog-info{
float: left;
width: 280px;
text-align: left;
padding: 0px;
margin: 0px;
font-size: 11px;
height: 20px;
line-height: 20px;
}
#content .blog-medium .blog-info img {
margin-right: 4px;
margin-left: 4px;
vertical-align: middle;
margin-top: -1px;
}
/* BLOG - LARGE THUMBS */
#blog-large {
float: left;
}
#blog-large li {
float: left;
clear: left;
width: 590px;
}
.blog-large-excerpt h1 {
font-size: 16px;
margin-bottom: 15px;
}
.blog-large-image {
width: 586px;
height: 188px;
float: left;
margin-right: 15px;
padding-left: 4px;
padding-top: 4px;
background-image: url('images/blog_large_pic.png');
}
.blog-large-image img {
float: left;
border: 0px;
width: 582px;
height: 173px;
}
.blog-large-excerpt{
width: 383px;
float: left;
padding: 0px;
margin: 0px;
}
#blog-large .blog-info{
float: left;
width: 177px;
text-align: right;
padding: 0px;
margin: 0px;
line-height: 20px;
margin-right: 30px;
font-size: 12px;
}
#blog-large .blog-info img {
margin-top: 4px;
margin-left: 8px;
float: right;
}
#page #content .blog-large-sep {
height: 29px;
width: 585px;
background-image: url('images/blog_small_sep.png');
background-position: center center;
background-repeat: no-repeat;
float: left;
clear: left;
margin-bottom: 10px; /* 30px */
}
/* PORTFOLIO */
.pf_categories{
float: left;
width: 100%;
margin-bottom: 30px;
margin-top: -15px;
}
.pf_categories li {
float: left;
line-height: 24px;
}
.pf_categories li a {
font-weight: normal;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.pf_categories li a:hover {
background-color: #ededed;
}
.pf_categories .active a{
background-color: #ededed;
}
/* PORTFOLIO 3 COLS*/
.portfolio-3c {
width: 620px;
float: left;
clear: left;
overflow: hidden;
margin-bottom: -30px;
}
.portfolio-3c li {
float: left;
margin-right: 30px;
margin-bottom: 30px;
width: 176px;
}
.portfolio-3c .thumb{
width: 172px;
height: 140px;
float: left;
margin-bottom: 10px;
background-image: url('images/portfolio-3c-bg.png');
padding-left: 4px;
padding-top: 4px;
}
.portfolio-3c img {
float: left;
width: 168px;
height: 128px;
}
.portfolio-3c .main_h1 {
width: 176px;
font-size: 16px;
float: left;
margin-bottom: 0px;
background-image: none;
line-height: 20px;
height: auto;
}
#content .portfolio-3c p {
float: left;
width: 176px;
text-align: justify;
margin-top: 15px;
margin-bottom: 0px;
}
/* PORTFOLIO 2 COLS*/
.portfolio-2c {
width: 620px;
float: left;
clear: left;
overflow: hidden;
margin-bottom: -30px;
}
.portfolio-2c li {
float: left;
margin-right: 30px;
margin-bottom: 30px;
width: 280px;
}
.portfolio-2c .thumb{
width: 276px;
height: 141px;
float: left;
margin-bottom: 10px;
background-image: url('images/portfolio-2c-bg.png');
padding-left: 4px;
padding-top: 4px;
}
.portfolio-2c img {
float: left;
width: 272px;
height: 128px;
}
.portfolio-2c .main_h1 {
width: 280px;
font-size: 16px;
float: left;
margin-bottom: 0px;
background-image: none;
line-height: 20px;
height: auto;
}
#content .portfolio-2c p {
float: left;
width: 280px;
text-align: justify;
margin-top: 15px;
margin-bottom: 0px;
}
/* PORTFOLIO 1 COL */
.portfolio-1c {
width: 590px;
float: left;
clear: left;
overflow: hidden;
margin-bottom: -30px;
}
.portfolio-1c li {
float: left;
clear: left;
width: 590px;
margin-bottom: 30px;
}
.portfolio-1c .thumb{
width: 378px;
height: 184px;
float: left;
background-image: url('images/portfolio-1c-bg.png');
padding-left: 4px;
padding-top: 4px;
}
.portfolio-1c img {
float: left;
width: 374px;
height: 172px;
}
.portfolio-1c .main_h1 {
width: 176px;
font-size: 16px;
float: left;
margin-bottom: 0px;
background-image: none;
line-height: 20px;
height: auto;
margin-left: 30px;
}
#content .portfolio-1c p {
float: left;
width: 176px;
text-align: justify;
margin-top: 15px;
margin-bottom: 0px;
margin-left: 30px;
}
/* GALLERY */
.galleries {
float: left;
width: 620px;
}
.galleries li {
width: 172px;
height: 140px;
float: left;
background-image: url('images/portfolio-3c-bg.png');
padding-left: 4px;
padding-top: 4px;
margin-right: 30px;
margin-bottom: 25px;
}
.galleries li img {
float: left;
width: 168px;
height: 128px;
}
.galleries li h1 {
width: 176px;
font-size: 16px;
float: left;
margin-bottom: 0px;
margin-top: 15px;
background-image: none;
line-height: 20px;
height: auto;
}
/* WIDGET AREAS */
#primary{
float: left;
margin-top: 60px; /* ★ 25px */
}
.widget-area {
text-align: center;
}
.widget-area a {
font-weight: normal;
}
.widget-area h3 {
font-weight: normal;
float: left;
margin-bottom: 15px;
font-size: 16px;
height: 25px;
line-height: 16px;
background-image: url('images/dots.gif');
background-repeat: repeat-x;
background-position: bottom left;
}
.widget-container{
float: left;
clear: left;
width: 100%;
margin-bottom: 30px;
}
.widget-container div {
float: center; /* left */
}
/* SEARCH FORM */
.search {
float: left;
}
.search li {
float: left;
margin: 0px;
}
#search_input {
height: 28px;
padding-left: 10px;
background-color: #ededed;
border: 0px;
font-family: arial;
font-size: 12px;
color: #333333;
float: left;
}
#footer_widgets_2 #search_input{
width: 238px;
}
#footer_widgets_3 #search_input{
width: 134px;
}
#sidebar #sidebar-content #search_input{
width: 180px;
}
#sidebar #sidebar-content .search {
margin: 0px;
width: auto;
text-align: center;
margin-left: 15px;
}
#search_btn {
width: 32px;
height: 30px;
border: 0px;
}
/* WIDGET - ARCHIVES */
.widget_archive ul {
float: left;
width: 100%;
}
.widget_archive li {
clear: left;
float: left;
line-height: 30px;
background-image: url('images/widget_li_arrow.png');
background-repeat: no-repeat;
background-position: 0px 12px;
padding-left: 10px;
width: 95%;
}
.widget_archive li a {
display: block;
}
#sidebar #sidebar-content .widget_archive ul {
text-align: center;
margin: 0px auto;
max-width: 200px;
width: auto;
float: none;
}
#sidebar #sidebar-content .widget_archive li {
background-image: url('images/widget_li_dots.png');
background-position: 0px 28px;
padding: 0px;
width: auto;
margin: 0px;
text-align: center;
float: none;
}
/* NAVIGATION */
.widget_nav_menu ul{
float: left;
margin-top: -10px;
}
.widget_nav_menu ul li {
clear: left;
float: left;
line-height: 30px;
background-image: url('images/widget_li_arrow.png');
background-repeat: no-repeat;
background-position: 0px 12px;
padding-left: 10px;
width: 95%;
}
.widget_nav_menu a {
display: block;
margin: 0px;
padding: 0px;
}
#sidebar #sidebar-content .widget_nav_menu ul {
float: none;
clear: both;
margin: 0px auto;
padding: 0px;
text-align: center;
width: 200px;
}
#sidebar #sidebar-content .widget_nav_menu ul li {
float: none;
clear: both;
background-image: none;
margin: 0px auto;
width: auto;
}
#sidebar #sidebar-content .widget_nav_menu ul li a{
background-image: url('images/widget_li_dots.png');
background-position: 0px 28px;
background-repeat: no-repeat;
width: auto;
line-height: 30px;
}
/* WIDGET - CATEGORIES */
.widget_categories ul li {
clear: left;
float: left;
line-height: 30px;
background-image: url('images/widget_li_arrow.png');
background-repeat: no-repeat;
background-position: 0px 12px;
padding-left: 10px;
width: 214px;
}
.widget_categories li a {
display: block;
}
/* WIDGET - CONTACT INFO */
.ub_widget_contact_info {
width: 100%;
float: left;
}
.contact_info {
float: left;
}
.contact_info li {
float: left;
clear: left;
padding-bottom: 7px;
}
.contact_info li:last-child {
padding-bottom: 0px;
}
.contact_info li img {
float: left;
margin-right: 6px;
vertical-align: middle;
}
.contact_info li p {
float: left;
margin: 0px;
}
#footer_widgets_2 .contact_info li p {
width: 260px;
}
#footer_widgets_3 .contact_info li p {
width: 150px;
}
#sidebar #sidebar-content .contact_info li p {
width: 246px;
}
#sidebar #sidebar-content .contact_info li img{
display: none;
}
/* WIDGET - RECENT/POPULAR POSTS */
.ub_widget_rp_excerpt {
float: left;
}
#footer_widgets_2 .ub_widget_rp_excerpt{
width: 200px;
}
#footer_widgets_3 .ub_widget_rp_excerpt{
width: 106px;
}
#sidebar #sidebar-content .ub_widget_rp_excerpt{
width: 246px;
margin-bottom: 15px;
}
.ub_widget_rp_pic {
background-image: url('images/posts_w_pic_bg.png');
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}
#sidebar #sidebar-content .ub_widget_rp_pic {
display: none;
}
.ub_widget_rp_pic:hover {
background-image: none;
background-color: #ccc;
}
.ub_widget_rp_pic img {
margin-left: 3px;
margin-top: 3px;
float: left;
width: 54px;
height: 54px;
}
.widget_post_list {
float: left;
}
#content .widget_post_list li {
float: left;
clear: left;
height: auto;
}
.widget_post_list .widget_bottom_li {
margin-bottom: 0px;
}
/* WIDGET - RECENT TWEETS */
#twitter {
margin-bottom: -15px;
}
#twitter li {
background-image: url('images/tweet.png');
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 25px;
padding-bottom: 15px;
float: left;
clear: left;
line-height: 20px;
}
#twitter .twitter_time {
color: #aaa;
font-size: 11px;
font-style: italic;
}
#twitter li a {
font-weight: bold;
}
#twitter .twitter_time {
font-weight: normal;
}
#sidebar #sidebar-content #twitter li{
background-image: none;
padding-left: 0px;
}
/* WIDGET - FLICKR FEED */
#flickr_feed {
float: left;
}
.flickr_badge_image {
float: left;
margin-right: 10px;
margin-bottom: 10px;
background-image: url('images/posts_w_pic_bg.png');
background-repeat: no-repeat;
width: 60px;
height: 60px;
}
#footer_widgets_2 .flickr_badge_image {
margin-right: 10px;
margin-bottom: 10px;
}
#footer_widgets_3 .flickr_badge_image {
margin-right: 15px;
margin-bottom: 15px;
}
#sidebar #sidebar-content #flickr_feed .flickr_badge_image {
background-image: none;
background-color: #4c4c4c;
margin-right: 15px;
margin-bottom: 15px;
}
#sidebar #sidebar-content #flickr_feed .flickr_badge_image:hover{
background-color: #999;
}
#sidebar #sidebar-content #flickr_feed {
margin-left: 20px;
}
.flickr_badge_image:hover {
background-image: none;
background-color: #ccc;
}
.flickr_badge_image img {
width: 54px;
height: 54px;
margin-left: 3px;
margin-top: 3px;
float: left;
}
/* WIDGET - SOCIAL ICONS */
#social_icons {
float: left;
}
#social_icons li {
float: left;
margin-right: 6px;
margin-bottom: 6px;
}
/* WIDGET - CONTACT FORM */
.widget_contact_form {
float: left;
}
.widget_contact_form li {
float: left;
margin-bottom: 10px;
clear: left;
}
.widget_contact_form input {
float: left;
height: 21px;
border: 0px;
font-size: 11px;
padding-left: 4px;
padding-right: 4px;
background-color: transparent;
background-repeat: no-repeat;
font-family: arial;
}
#footer_widgets_2 .widget_contact_form input {
width: 130px;
}
#footer_widgets_3 .widget_contact_form input {
width: 87px;
background-image: url('images/cf3-input.png');
}
.widget_contact_form #ub_w_cf4 {
float: left;
height: 21px;
border: 0px;
font-size: 11px;
padding-left: 4px;
padding-right: 4px;
background-color: transparent;
text-transform: uppercase;
letter-spacing: 1px;
}
#footer_widgets_2 .widget_contact_form #ub_w_cf4 {
width: 42px;
background-image: url('images/cf2-captcha.png');
}
#footer_widgets_3 .widget_contact_form #ub_w_cf4 {
width: 38px;
background-image: url('images/cf3-captcha.png');
}
#footer_widgets_3 .widget_contact_form .send_button, #footer_widgets_2 .widget_contact_form .send_button {
height: 22px;
font-size: 11px;
text-align: center;
cursor: pointer;
background-color: #000;
background-image: none;
color:#fff;
}
#footer_widgets_2 .widget_contact_form .send_button {
width: 50px;
}
#footer_widgets_3 .widget_contact_form .send_button {
width: 46px;
}
.widget_contact_form label {
float: left;
margin-left: 10px;
height: 20px;
line-height: 22px;
}
.widget_contact_form img {
border: 1px solid #999;
float: left;
margin-left: 6px;
}
.widget_contact_form textarea {
height: 92px;
border: 0px;
line-height: 20px;
overflow: auto;
padding: 4px;
background-repeat: no-repeat;
}
#footer_widgets_2 .widget_contact_form textarea {
width: 272px;
background-image: url('images/cf2-textarea.png');
}
#footer_widgets_3 .widget_contact_form textarea {
width: 168px;
background-image: url('images/cf3-textarea.png');
}
.widget_contact_form .captcha {
width: 40px;
height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.widget_contact_form .send_button {
width: 80px;
background-color: #000;
}
/* SIDEBAR WIDGET AREA */
#sidebar #sidebar-content .widget-area{
width: 246px;
}
#sidebar #sidebar-content .widget-area, #sidebar-bottom{
color: #999999;
}
#sidebar #sidebar-content .widget-area a, #sidebar-bottom a{
color: #e0d1a9;
}
#sidebar #sidebar-content .widget-area a:hover, #sidebar-bottom a:hover{
color: #fff;
}
#sidebar #sidebar-content .widget-title {
background-image: none;
text-align: center;
}
/* FOOTER */
#wrapper #page #footer_widget_area {
float: left;
width: 590px;
min-height: 200px;
text-align: left;
}
#footer_widget_area .widget-title {
font-weight: normal;
float: left;
margin-bottom: 30px;
font-size: 16px;
height: 25px;
line-height: 16px;
}
#footer_widget_area .widget-container p{
margin-bottom: 15px;
}
/* 2 widget areas*/
#footer_widget_area #footer_widgets_2 {
width: 590px;
margin: 0px auto;
text-align: left;
}
#footer_widgets_2 .widget-container ul{
float: left;
clear: left;
width: 280px;
border: 0px;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
margin-top: -10px;
}
#footer_widgets_2 #first{
float: left;
width: 280px;
margin-right: 30px;
}
#footer_widgets_2 #second{
float: left;
width: 280px;
margin-right: 0px;
}
/* 3 widget areas*/
#footer_widget_area #footer_widgets_3{
width: 590px;
margin: 0px auto;
text-align: left;
}
#footer_widgets_3 .widget-container{
float: left;
clear: left;
width: 176px;
border: 0px;
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
}
#footer_widgets_3 #first{
float: left;
width: 176px;
margin-right: 30px;
}
#footer_widgets_3 #second{
float: left;
width: 176px;
margin-right: 30px;
}
#footer_widgets_3 #third{
float: left;
width: 176px;
margin-right: 0px;
}
/* COMMENTS */
#comments {
float: left;
clear: left;
width: 590px;
}
#comments h1 {
float: left;
margin-bottom: 30px;
font-size: 16px;
}
#comments h3 {
margin-bottom: 30px;
font-size: 16px;
}
.comments-avatar {
margin-right: 15px;
float: left;
width: 64px;
height: 64px;
background-image: url('images/avatar_bg.gif');
padding-left: 4px;
padding-top: 4px;
}
.comments-avatar img {
float: left;
}
.comments-text {
float: left;
width: 500px;
}
#comments-list {
float: left;
width: 590px;
margin-top: -15px;
}
#comments-list li {
float: left;
clear: left;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 15px;
padding-top: 15px;
}
#comments-list li ul li {
border: 0px;
}
.children {
float: left;
padding-top: 15px;
}
.children li{
margin-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
#comments-list .children .comments-text {
width: 470px;
}
#comments-list .children .comments-text .children .comments-text {
width: 440px;
}
#comments-list .children .comments-text .children .comments-text .children .comments-text {
width: 410px;
}
.c_required {
color: red;
}
.nopub {
color: #a6a6a6;
font-style: italic;
}
#comments .comment-textinput {
clear: left;
margin-bottom: 15px;
float: left;
}
.comment-textinput input {
float: left;
width: 200px;
height: 22px;
padding-left: 5px;
padding-right: 5px;
background-color: #ededed;
background-repeat: no-repeat;
border: 0px;
margin-right: 10px;
font-size: 12px;
font-family: arial;
color: #333333;
}
.comment-textinput label {
float: left;
font-family: arial;
height: 22px;
line-height: 22px;
}
#respond {
float: left;
}
#respond h3 {
margin-top: 30px;
}
.comment-textarea {
float: left;
clear: left;
}
.comment-textarea textarea {
float: left;
width: 590px;
height: 90px;
border: 0px;
font-size: 12px;
background-color: #ededed;
overflow: auto;
font-family: arial;
color: #777;
line-height: 18px;
}
#respond #submit_btn {
float: left;
height: 22px;
width: 80px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #000;
background-image: none;
color:#fff;
font-family: Arial;
cursor: pointer;
border: 0px;
}
.navigation {
width: 100%;
}
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.comments-navigation {
width: 558px;
float: left;
margin-bottom: 30px;
}
#reply-title small {
font-size: 11px;
}
#reply-title {
font-size: 18px;
}
/* SHORTCODES */
/* VIDEO PLAYER */
.video_player{
float: left;
border: 1px solid #cfcfcf;
background-color: #fff;
padding: 4px;
}
object{
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
/* FEATURE BOXES */
.feature_boxes {
float: left;
width: 201px;
margin-right: 30px;
}
.feature_boxes img {
float: left;
width: 193px;
height: 109px;
}
.feature_boxes p {
line-height: 20px;
width: 100%;
margin-bottom: 15px;
}
.feature_boxes a {
margin: 0px;
float: left;
padding: 0px;
}
.feature_boxes img{
border: 4px solid #f5f5f5;
}
.feature_boxes .main_h1 {
margin-bottom: 0px;
padding: 0px;
margin-top: 15px;
font-size: 14px;
background-image: none;
}
#content .last-child {
margin-right: 0px;
}
.hr {
width: 100%;
float: left;
clear: left;
height: 15px;
background-image: url('images/horizontal_ruler.png');
background-position: top center;
background-repeat: no-repeat;
margin-bottom: 5px;
margin-top: 0px;
}
.hr2{
width: 100%;
float: left;
clear: left;
height: 1px;
background-image: url('images/hr2.gif');
background-position: top center;
background-repeat: repeat-x;
margin-bottom: 30px;
margin-top: 30px;
}
.hr3{
width: 100%;
float: left;
clear: left;
height: 1px;
background-image: url('images/hr2.gif');
background-position: top center;
background-repeat: repeat-x;
margin-bottom: 20px;
margin-top: 20px;
}
.hrdiv{
width: 100%;
float: left;
clear: left;
height: 22px;
background-image: url('images/separator.gif');
background-position: top center;
background-repeat: no-repeat;
margin-top: 15px;
margin-bottom: 10px;
}
.vspace {
float: left;
clear: left;
width: 100%;
height: 30px;
}
.vspace2 {
float: left;
clear: left;
width: 100%;
height: 15px;
}
.vspace3 {
float: left;
clear: left;
width: 100%;
height: 400px;
}
.hidden {
display: none;
}
.item-preview{background:url(/images/bg-fade.png) no-repeat center center;display:block}
/* IMAGE PRELOADER */
.preloader {
background: url('images/preloader.gif') center center no-repeat #fff;
display: inline-block;
}
/* ★★ 2015.03.17 */
.small_image {
width: 120px;
height: 90px;
float: left;
background-image: url('images/blog_small_pic2.png' center top no-repeat);
}
.small_image img,.small_image .preloader {
border: 0px;
width: 120px;
height: 90px;
}
/* ★★ 2012.04.07 */
.small_image2 {
width: 165px;
height: 110px;
float: left;
margin-left:0px;
/* background-image: url('images/blog_small_pic.png'); */
}
.small_image2 img,.small_image2 .preloader {
border: 0px;
width: 165px;
height: 110px;
}
/* ★★ 2023.12.10 */
.small_image2 {
width: 160px;
height: 100px;
float: left;
margin-left:0px;
/* background-image: url('images/blog_small_pic.png'); */
}
.small_image2 img,.small_image2 .preloader {
border: 0px;
width: 160px;
height: 100px;
}
/* ★★★ #2 2015.03.17 */
.small_image3 {
width: 128px;
height: 103px;
float: left;
margin-left:5px;
background-image: url('images/i_s2.png');
}
.small_image3 img,.small_image3 .preloader {
border: 0px;
width: 120px;
height: 90px;
}
/* ★★ 2017.03.29 */
.small_image5 {
width: 120px;
height: 90px;
float:left;
background-image: url('images/blog_small_pic2.png'); background-repeat:no-repeat; background-position:-4px 8px;
}
.small_image5 img,.small_image5 .preloader {
border: 0px;
width: 120px;
height: 90px;
}
.medium_image {
width: 276px;
height: 141px;
float: left;
padding-left: 4px;
padding-top: 4px;
background-image: url('images/blog_medium_pic.png');
}
.medium_image img,.medium_image .preloader {
border: 0px;
width: 272px;
height: 128px;
}
.large_image {
width: 586px;
height: 188px;
float: left;
padding-left: 4px;
padding-top: 4px;
background-image: url('images/blog_large_pic.png');
}
.large_image img,.large_image .preloader {
border: 0px;
width: 582px;
height: 173px;
}
.imghover_small_blog {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 146px;
height: 113px;
float: left;
}
.imghover_medium_blog {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 272px;
height: 128px;
float: left;
}
.imghover_large_blog {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 582px;
height: 172px;
float: left;
}
.imghover_3c_pfolio {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 168px;
height: 128px;
float: left;
}
.imghover_2c_pfolio {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 272px;
height: 128px;
float: left;
}
.imghover_1c_pfolio {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 374px;
height: 172px;
float: left;
}
.imghover_gallery{
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 168px;
height: 128px;
float: left;
}
.imghover_small {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 146px;
height: 113px;
float: left;
}
.imghover_medium {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 272px;
height: 128px;
float: left;
}
.imghover_large {
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 582px;
height: 172px;
float: left;
}
.bq_full {
width: 100%;
clear: left;
float: left;
margin: 0px auto;
padding-left: 50px;
background-image: url('images/quote.png');
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 24px;
font-size: 18px;
font-style: italic;
}
.bq_left {
float: left;
background-image: url('images/quote.png');
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;
line-height: 22px;
padding-left: 30px;
text-align: justify;
margin-top: 15px;
margin-bottom: 15px;
font-size: 14px;
font-style: italic;
}
.bq_right {
float: right;
background-image: url('images/quote.png');
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;
line-height: 22px;
padding-left: 30px;
text-align: 15px;
margin-top: 20px;
margin-bottom: 15px;
font-size: 14px;
font-style: italic;
}
.dropcap {
font-size: 38px;
font-weight: bold;
float: left;
margin-top: 10px;
margin-right: 6px;
}
code {
line-height: 20px;
width: 570px;
border: 1px solid #ccc;
float: left;
background-image: url('images/code_bg.gif');
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
margin-top: 15px;
}
pre {
line-height: 20px;
width: 606px;
border: 1px solid #ccc;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
margin-right: 40px;
margin-top: 20px;
}
.list1 {
float: left;
margin-right: 30px;
}
.list1 li {
background-image: url('images/list1-bullet.gif');
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
margin: 0px;
line-height: 30px;
}
.list2 {
float: left;
margin-right: 30px;
}
.list2 li {
background-image: url('images/list2-bullet.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
margin: 0px;
line-height: 30px;
}
.list3 {
float: left;
margin-right: 30px;
}
.list3 li {
background-image: url('images/list3-bullet.png');
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 10px;
margin: 0px;
line-height: 30px;
padding-right: 10px;
}
.list4 {
float: left;
margin-right: 30px;
}
.list4 li {
background-image: url('images/list-bullet.png');
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 20px;
margin: 0px;
}
.list_num{
float: left;
clear: left;
}
.list_num li{
width: 176px;
float: left;
margin-left: 30px;
margin-right: 20px;
text-align: justify;
}
.list_num .last{
margin-right: 0px;
}
.list_num li span{
float: left;
width: 34px;
height: 34px;
background-image: url('images/list_num_bg.png');
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: center;
line-height: 29px; /* 34px */
font-family:'나눔고딕',Georgia;
font-size: 22px;
color: #fff;
margin-right: 5px;
}
.one_half {
float: left;
width: 280px;
display: block;
padding-right: 30px;
}
.one_half_last{
padding-right: 0px;
float: left;
width: 280px;
display: block;
}
.one_third {
float: left;
width: 176px;
padding-right: 30px;
display: block;
}
.one_third_last{
float: left;
width: 176px;
display: block;
padding-right: 0px;
}
.two_third {
float: left;
width: 382px;
display: block;
padding-right: 30px;
}
.two_third_last{
float: left;
width: 382px;
display: block;
padding-right: 0px;
}
.box_error {
float: left;
width: 98%;
padding: 10px;
background-color: #ffaea6;
border: 1px solid #d70000;
color: #8d4343;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
.box_success{
float: left;
width: 98%;
padding: 10px;
background-color: #e4f6d7;
border: 1px solid #79e32c;
color: #798571;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
.box_info {
float: left;
width: 98%;
padding: 10px;
background-color: #e2e8ff;
border: 1px solid #c9c8ff;
color: #384b94;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
.box_note {
width: 100%;
width: 98%;
background-color: #fff9e2;
border: 1px solid #cdae62;
color: #333;
font-size: 12px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.table table {
font-size: 12px;
clear: left;
width: 100%;
background-image: url('images/table_bg.gif');
background-repeat: repeat-x;
background-color: #f9f2e4;
background-position: 0px 30px;
}
.table th {
background-color: #fff;
height: 32px;
vertical-align: middle;
text-align: center;
}
.table thead{
border: 2px solid #dedede;
}
.table tr {
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #fff;
}
.table tbody {
border: 2px solid #dedede;
}
.table tr:hover {
background-color: #fbf9f4;
}
.table td {
height: 27px;
vertical-align: middle;
text-align: center;
}
/* SHORTCODE - CONTACT FORM */
.shortcode_contact_form {
float: left;
margin-bottom: 30px;
}
.shortcode_contact_form li {
float: left;
margin-bottom: 15px;
width: 590px;
clear: left;
}
.shortcode_contact_form input {
float: left;
height: 22px;
width: 300px;
border: 0px;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
background-color: #ededed;
font-family: arial;
}
.shortcode_contact_form label {
float: left;
margin-left: 10px;
line-height: 22px;
}
.shortcode_contact_form img {
border: 1px solid #333;
float: left;
margin-left: 6px;
}
.shortcode_contact_form textarea {
width: 590px;
height: 130px;
border: 0px;
background-color: #ededed;
overflow: auto;
}
.shortcode_contact_form #ub_s_cf4 {
width: 50px;
text-transform: uppercase;
letter-spacing: 2px;
background-color: #ededed;
}
.shortcode_contact_form .send_button {
width: 120px;
height: 22px;
background-color: #000;
border: 0px;
cursor: pointer;
color: #fff;
font-size: 12px;
background-image: none;
}
/* SHORTCODE: PURCHASE BUTTON */
#content .purchase_button p{
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 20px;
font-weight: bold;
color: #BC6B18;
font-size: 13pt;
}
.purchase_button{
float: left;
clear: left;
width: 100%;
}
.purchase_button p{
float: left;
width: auto;
max-width: 470px;
margin-left: 10px;
margin-right: 20px;
font-size: 1pt;
line-height: 24px;
}
.purchase_button a{
float: right;
white-space: nowrap;
background-image: url('images/button-light.png');
background-repeat: no-repeat;
background-position: top center;
padding-left: 20px;
padding-right: 20px;
margin-right: 35px;
line-height: 40px;
height: 25px; /* ★ 배경높이 */
color: #fff;
font-weight: normal;
font-size: 14px;
}
.purchase_button a:hover{
background-image: none;
}
.purchase_button-gold{
background-color: #d4af74;
}
.purchase_button-black{
background-color: #4b4b4b;
}
.purchase_button-white{
background-color: #fff;
}
.purchase_button-grey{
background-color: #999999;
}
.purchase_button-blue{
background-color: #363d97;
}
.purchase_button-pink{
background-color: #E06273;
}
.purchase_button-green{
background-color: #2a873e;
}
.purchase_button-orange{
background-color: #E2984E; /*#f6a13c*/
}
.purchase_button-red{
background-color: #ab1919;
}
.purchase_button-purple{
background-color: #8719ab;
}
/* SHORTCODE: ICON LIST */
.small_icons{
float: left;
width: 176px;
margin-left: 30px;
margin-right: 30px;
}
.small_icons img {
float: left;
}
.small_icon-img{
float: left;
width: 28px;
margin-right: 15px;
height: 50px;
}
#content .small_icon-title{
width: 133px;
float: left;
font-size: 14px;
margin-bottom: 5px;
}
.small_icon-text{
width: 133px;
float: left;
text-align: justify;
line-height: 18px;
font-size: 12px;
}
.small_icons-last{
float: left;
width: 176px;
margin-right: 0px;
}
/* BUTTONS */
.button-small,.button-medium,.button-large {
float: left;
white-space: nowrap;
background-image: url('images/button-light.png');
background-repeat: no-repeat;
background-position: top center;
color: #fff;
background-color: #4c4c4c;
text-align: center;
}
.button-small:hover,.button-medium:hover,.button-large:hover{
background-image: none;
}
.button-small{
width: 100px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-weight: normal;
font-size: 12px;
}
.button-small:hover{
color: #fff;
}
.button-medium{
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-weight: normal;
font-size: 14px;
}
.button-medium:hover{
color: #fff;
}
.button-large{
margin-right: 5px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-weight: normal;
}
.button-large:hover{
color: #fff;
}
/* HOMEPAGE 1 TIME PRELOADER */
#hp_preloader {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
background-image: url('images/loading.gif');
background-repeat: no-repeat;
background-position: center center;
z-index: 1000;
}
/* STYLER FOR DEMO */
#styler{
width: 214px;
height: 355px;
background-image: url('images/styler_bg.png');
position: fixed;
left: -178px;
top: 100px;
z-index: 90;
text-align: left;
padding-left: 15px;
padding-top: 30px;
}
#styler-button{
width: 33px; /* ★ 33px */
height: 156px;
position: absolute;
z-index: 91;
right: 10px;
top: 25px;
}
#styler #texture{
float: left;
clear: left;
margin: 0px;
padding: 0px;
margin-bottom: 30px;
}
#styler #texture li{
background-image: url('images/styler-cb1.gif');
background-position: 0px 10px;
background-repeat: no-repeat;
line-height: 26px;
height: 26px;
float: left;
clear: left;
padding-left: 15px;
}
#styler #texture li:hover{
background-image: url('images/styler-cb2.gif');
}
#styler #texture #selected{
background-image: url('images/styler-cb2.gif');
}
#styler #texture #selected a{
color: #cca247;
}
.styler-title{
float: left;
width: 100%;
clear: left;
margin-bottom: 15px;
}
input.ed { font:inherit; height:20px; vertical-align:middle; border:1px solid #99AABF; border-left:2px solid #99AABF; border-top:2px solid #99AABF; padding:2px 2px 0 2px;}
input.ed:focus {border:#CF8B1B solid 2px;}
input.ed2 {font-family: 'Nanum Gothic',malgun gothic; height:30px; vertical-align:middle; border:2px solid #262b30; padding:5px 2px; color:#efefef; background-color:#353d44;}
input.ed2:focus {border:#6AB8C8 solid 2px;}
input.ed3:focus {border:#FD4F03 solid 1px;}
input.ed_password { height:22px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:2px solid #262b30; border-right:1px solid #1b1e21; border-bottom:1px solid #1b1e21; padding:2px; overflow : auto; }
textarea.tx:focus {border:#CF8B1B solid 2px;}
textarea.ed { background-image:url(./img/formbg.png) left top repeat-x; background-color:#EEF1F7; border:1px solid #99AABF; border-left:2px solid #8CA5C0; border-top:2px solid #8CA5C0; padding:2px; overflow : auto;}
textarea.ed:focus {border:#CF8B1B solid 2px;}
textarea.edblue { background-image:url(../img/bg/txt_bg.gif); background-repeat:repeat-x; background-attachment:fixed; background-position: left top; background-color:#262b30; border:1px solid #596571; border-left:2px solid #1b1e21; border-top:2px solid #1b1e21; padding:2px; overflow : auto;}
textarea.edblue:focus {border:#5CA9D4 solid 2px;}
/* ★ 추가함 */
.board-view a {text-decoration:none;}
.board-view u {text-decoration:none;}
.board-view a[href^="http:"] { padding:0 18px 0px 2px; background-image:url('./images/icon/icon_arrow_red.png'); background-repeat:no-repeat; background-position:right 30%; color:#000; border-bottom:2px solid #5cadcf;}
.board-view a[href^="https:"] { padding:0 11px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:#000; border-bottom:3px dotted #FF8000; text-decoration:none !important;}
.board-view .brush:php a[href^="http:"] { padding:0 15px 2px 2px; background:none; border:none;}
.board-view u{clear: both; padding:0 10px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* ★★ 게시판에 적용됨 23.12.12 */
#view_content a[href^="http:"] { padding:0 17px 0px 2px; background-image:url('./images/icon/icon_arrow_red.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:6px solid #FF8000;}
#view_content a[href^="https:"] { padding:0 10px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:3px solid #FF8000; text-decoration:none !important;}
#view_content .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#view_content u{clear: both; padding:0 5px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* ?? */
#view_contents a[href^="http:"] { padding:0 17px 0px 2px; background-image:url('./images/icon/icon_arrow_red.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:6px solid #FF8000;}
#view_contents a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:3px solid #FF8000; text-decoration: none;}
#view_contents .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#view_contents u{clear: both; padding:0 5px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* ★ 적용되는 ucc_youtube */
#view_contents a[href^="http:"] { padding:0 17px 0px 2px; background-image:url('./images/icon/icon_arrow_blue.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:6px solid #FF8000;}
#view_contents a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000; text-decoration: none;}
#view_contents .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#view_contents u{clear: both; padding:0 5px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* ?? */
#view_comment a[href^="http:"] { padding:0 17px 0px 2px; background-image:url('./images/icon/icon_arrow_red.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:6px solid #FF8000;}
#view_comment a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:3px solid #FF8000; text-decoration: none;}
#view_comment .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#view_comment u{clear: both; padding:0 5px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* ★ 적용되는 youTUBE 현제적용됨 ★ */
#bo_v_con a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('./img/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000; text-decoration: none;}
#bo_v_con .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#bo_v_con u{clear: both; padding:0 5px 1px 10px; background-image:url('./img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; }
/* -----------------------------------------
notify
----------------------------------------- */
/* Corners */
.notify_nw,
.notify_ne,
.notify_se,
.notify_sw{
float: left;
height: 20px;
width: 20px;
/* background: url(../images/corners.png) no-repeat; */
}
/* Sides */
.notify_w,
.notify_e {
float: left;
width: 20px;
/* background: url(../images/sides.png) repeat-y;*/
}
/* Center and Bottom */
.notify_center,
.notify_bottom {
clear: left;
}
/* Top and Bottom */
.notify_n,
.notify_s {
float: left;
/* background: url(../images/corners.png) no-repeat; */
height: 20px;
width: 160px;
}
.notify_content {
float: left;
line-height:1.8em;
/* background: #002E6A; */
color: #fff;
width: 160px;
}
.notify_center {
background: #1E211F;
}
.notify_n {
background-position: -16px -49px;
background-repeat: repeat-x;
}
.notify_ne {
background-position: -20px 0;
}
.notify_se {
background-position: 0 -20px;
}
.notify_sw {
background-position: -20px -20px;
}
.notify_s {
background-position: -16px -70px;
background-repeat: repeat-x;
}
.notify_e {
background-position: -20px 0;
}
.notification {
clear: left;
float: left;
list-style: none;
}
/*
#notification_area {
position: fixed;
bottom: 10px;
right: 10px;
}
*/
#notification_area {
position: fixed;
top:55px;
/* bottom: 635px; */
right: 66px;
z-index:9999;
}
.notification iframe {
border: 0;
}
.notification iframe body {
margin: 0;
}
/* -----------------------------------------
recent-posts
----------------------------------------- */
/*
.recent-posts-list .entry-title {
} margin-bottom: 5px;
.recent-posts-list .entry-title:first-letter {
color: #BF6000;
font-weight:bold; } */
.recent-posts-list .entry-title .animated {
color: #BF6000; font-weight:normal;}
.recent-posts-list .entry-title a {
color: #000; } /* color: inherit; */