@charset "utf-8";
/* CSS Document */
/*
Theme Name:tosclone Theme
Author:tosclone
Author URI:http://www.tosclone.co.kr
Theme URI:http://www.tosclone.co.kr
Version:1.14
License:tosclone
License URI:http://www.tosclone.co.kr
*/
/************************************************
	Layout
************************************************/
#site {
	float:left;	
	width:100%;	
}
.breaker {clear:both;}
.right, 
.alignright {float:right;}
.left, 
.alignleft {float:left;}
.aligncenter {
	display:block;	
	margin:0 auto;	
}
.fixed-nav {
	position:fixed !important;	
	z-index:2000;	
}
.section-div {
	border-bottom:1px dotted #ccc;	
	float:left;	
	margin:20px 0;	
	width:100%;	
}
/************************************************
	Leaderboard
************************************************/
#leader-wrapper {
	background:url(images/gray-bg.jpg);	
	float:left;	
	padding:10px 0;	
	position:relative;	
	width:100%;	
}
#leaderboard {
	margin:0px auto;	
	overflow:hidden;	
	padding:0 15px;	
	position:relative;	
	text-align:center;	
	width:970px;	
	height:90px;	
}
#leader-left {
	display:inline-block;	
	overflow:hidden;	
	text-align:center;	
	width:970px;	
}
/************************************************
	GNB
************************************************/
/*util menu*/
#util-nav-wrapper {
	float:left;
	position:relative;
	width:100%;
	z-index:2000;
	background:#222;
}
#util-nav {
	margin:0 auto;
	position:relative;
	width:980px;height:35px;
}
#util-nav div.mymenu {float:right;}
#util-nav div {margin-top:7px;}
#util-nav a {
	display:inline-block;
	color:#adadad;
	background:url(images/util-bar.gif) no-repeat left 4px;
	padding:0 6px 0 9px;
}
#util-nav div a:first-child {background:none;}
#util-nav a:hover {color:#fff !important;}
/*gnb*/
#main-nav-wrapper {
	position:relative;z-index:2000;
	float:left;	
	width:100%;			
	background:url(images/nav-bg.png) no-repeat top center;
	background-color:transparent !important;
	border-bottom:0 !important;	
}
#nav {
	float:left;	
	position:relative;	
	width:100%;	
}
body.admin-bar #nav {top:32px !important;}
#main-nav {
	position:relative;	
	width:980px;height:50px;
	margin:0 auto;	
}
#main-nav ul {
	position:relative;	
	display:inline;	
	float:left;	
	width:980px;height:50px;	
}
#main-nav ul li {
	position:relative;	
	display:inline;	
	float:left;	
	background-color:#365a9a;
	border-style:solid;
	border-width:0 0 0 1px;
	border-color:#5e7bae;
}
#main-nav ul li:last-child,
#main-nav ul li.last {
	background-color:#b51829;
	border-color:#b51829;
}
#main-nav ul li a {
	display:block;
	width:139px;height:50px;
	font-weight:700;
	font-size:14px;
	line-height:50px;
	text-align:center;
	color:#fff !important;
}
#main-nav ul li a:hover {
	color:#fff !important;
	text-decoration:none;
} 
#main-nav > div > ul > li:last-child > a,
#main-nav > div > ul > li.last > a {
	background-image:url(images/newsletter-icon.png);
	background-repeat:no-repeat;
	background-position:20px bottom;
	background-color:#b51829 !important;
	text-align:left;
	padding-left:75px;
	width:64px;
}
#main-nav ul li:hover a,
#main-nav li.current-menu-item a,
#main-nav li.current-post-parent a {color:#fff;}
#main-nav ul.sub-menu {display:none;}
#main-nav ul.sub-menu li,
#main-nav ul.sub-menu li:last-child,
#main-nav ul.sub-menu li.last {background-color:transparent;}
#main-nav ul.sub-menu li {border:0;}
#main-nav ul.sub-menu li.current-menu-item {background:none !important;}
#main-nav ul.sub-menu li:hover.current-menu-item {background:#222 !important;}
#main-nav ul.sub-menu li:hover {background:#222;}
#main-nav ul.sub-menu li a {
	width:139px;height:35px;
	font-size:12px;
	line-height:35px;
	font-weight:400;
}
#main-nav ul li:hover, 
#main-nav .current-menu-item, 
#main-nav .current-post-parent {background:#365a9a url(images/nav-bg.png) left top no-repeat !important;}
#main-nav ul li:hover ul {border-top:0 !important;}
#main-nav ul li:last-child:hover, 
#main-nav ul li.last:hover, 
#main-nav li:last-child.current-menu-item, 
#main-nav li:last-child.current-post-parent,
#main-nav li.last.current-menu-item, 
#main-nav li.last.current-post-parent,
#main-nav > div > ul > li:last-child,
#main-nav > div > ul > li.last,
#main-nav > div > ul > li:last-child:hover,
#main-nav > div > ul > li.last:hover {background-color:#b51829 !important;}
#nav {
	position:fixed;
	z-index:2000;
}
#nav.hover {
	min-width:980px;height:225px;
	background:url(images/navsub-bg.png) repeat-y center bottom, url(images/dropdown-bg.png) repeat left top;	
}
#nav.hover #main-nav ul.sub-menu {
	position:absolute;left:0px;top:50px;
	display:block;	
	width:139px;
	margin-top:0;
	padding:0;	
	border-top:0;
	background:none;
	-ms-box-shadow:0 0 0 0 #333;	
	-moz-box-shadow:0 0 0 0 #333;	
	-o-box-shadow:0 0 0 0 #333;	
	-webkit-box-shadow:0 0 0 0 #333;	
	box-shadow:0 0 0 0 #333;	
}
#nav.hover #main-nav ul.sub-menu li {
	position:relative;	
}
#nav.hover #main-nav ul.sub-menu li:hover,
#nav.hover #main-nav ul.sub-menu .current-menu-item, 
#nav.hover #main-nav ul.sub-menu .current-post-parent {
	background-color:transparent;
	background:url(images/dropdown-hover-bg.png) repeat !important;
}
/*navigation for mobile*/
#util-mobi,
#my-mobi,
#nav-mobi,
#footer-mobi {
	display:none;
	float:left;
}
#my-mobi {float:right;}
#nav-mobi {
	position:relative;	
	width:460px;height:38px;	
	color:#fff;		
	font-weight:700;
	font-size:16px;
	line-height:16px;
	margin:0 auto;	
	padding:0 10px;	
	text-align:left;	
	text-transform:uppercase;	
}
#nav-mobi a {color:#fff;}
#nav-mobi a:hover,
#nav-mobi a:active {text-decoration:none;}
#nav-mobi ul {
	position:absolute;top:43px;left:0px;	
	display:block;	
	float:left;	
	width:480px;	
	background:url(images/dropdown-bg.png);	
}
#nav-mobi ul li {
	position:relative;	
	display:inline;	
	float:left;	
	width:216px;
	font-weight:700;
	font-size:18px;
	line-height:18px;	
	margin:0;	
	padding:10px 12px;	
}
#nav-mobi ul li:hover {background:#222;}
#nav-mobi ul li ul {display:none;}
#util-mobi select,
#my-mobi select,
#nav-mobi select,
#footer-mobi select {
	border:none;
	color:#fff;
	float:left;
	-webkit-appearance: none !important;
	background-image:url(images/triangle-dark.png);
	background-repeat:no-repeat;
	background-size:auto 12px;
	background-position:right;
	background-color:#555;
}
#util-mobi select,
#my-mobi select {
	width:130px;
	padding:0 5px;
}
#nav-mobi select {
	width:460px;height:30px;
	margin:10px;	
	padding:0 30px 0 5px;	
}
#footer-mobi select {
	width:150px;
	padding:0 5px;
}
.flip {
	background:url(images/mobi-menu.png) no-repeat left 50%;	
	float:left;	
	width:480px;	
	height:38px;	
}
.panel {display:none;}
/************************************************
	Header
************************************************/
#wrapper {
	float:left;	
	position:relative;	
	width:100%;	
	z-index:6;	
	padding-top:85px !important;
}
#wallpaper {
	display:block;	
	position:absolute;	
	width:100%;	
	height:100%;	
	z-index:1;	
}
.wallpaper-link {
	margin:0 auto;	
	position:absolute;	
		top:0;	
	width:100%;	
	height:100%;	
	z-index:1;	
}
#inner-wrapper {
	margin:0 auto;	
	position:relative;	
	width:980px;	
	z-index:2;	
}
#content {
	position:relative;	
	float:left;	
	width:980px;
	padding:22px 0 0;	
	background:url(images/sub-bg-media.png) no-repeat right top;
}
#main-header-wrapper {
	float:left;	
	padding-bottom:20px;	
	width:100%;
}
#header {
	position:relative;
	width:100%;
}
#logo {
	float:left;
	text-align:center;
	width:100%;
	overflow:hidden;
}
/************************************************
	Content
************************************************/
#content-top {
	float:left;
	width:978px;height:37px;
	overflow:hidden;
	background:#fff;
	border-width:2px 1px 1px;
	border-style:solid;
	border-color:#333 #cdcdcd #cdcdcd;
	margin-bottom:13px;
}
#content-top:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
#ticker {
	float:left;
	width:648px;
}
ul.ticker-list {
	display:block;
	float:left;
	overflow:hidden;
	width:550px;height:37px;
}
ul.ticker-list li {
	display:block;
	height:12px;
	overflow:hidden;
	padding:9px;
	width:95%;
}
ul.ticker-list li a:hover {color:#365a9a !important;}
.ticker-heading {
	width:59px;
	background:#fff;
	border-right:1px solid #ccc;
	color:#ca0002;
	float:left;
	font-weight:700;
	line-height:37px;
	text-align:center;
	text-transform:capitalize;
}
#ticker a {
	color:#555;
	float:left;
}
.ticker-date {
	color:#999;
	margin-left:10px;
}
#content-social {
	float:right;
	width:320px;
}
#content-social ul {
	display:inline;
	float:right;
}
#content-social ul li {
	border-left:1px solid #ccc;
	display:inline;
	float:left;
	overflow:hidden;
}
.fb-but,
.twitter-but,
.rss-but {
	float:left;
	width:39px;height:37px;
	background-image:url(images/social-buttons.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	-moz-transition: all .1s;	
	-ms-transition: all .1s;	
	-o-transition: all .1s;	
	-webkit-transition: all .1s;	
	transition: all .1s;
}
.fb-but:hover {
	background-color:transparent;
	background-position:0 -37px;
}
.twitter-but {background-position:-39px 0;}
.twitter-but:hover {background-position:-39px -37px;}
.rss-but {background-position:-78px 0;}
.rss-but:hover {background-position:-78px -37px;}
#searchform {
	float:right;
	position:relative;
}
#searchform input {
	border:none;
	color:#777;
	float:left;
	line-height:30px;
	margin:0;
	padding:0 0 0 10px;
	width:161px;height:37px;
}
#searchform #search-button {
	border:none;
	float:left;
	width:28px;
	padding:0;
	cursor:pointer;
	background:url(images/search-icon.png) no-repeat right -56px;
}
#searchform #s:focus {outline:none;}
/************************************************
	Homepage
************************************************/
#main {
	float:left;
	margin-bottom:20px;
	width:659px;
}
.full {width:960px !important;}
#home-left {
	background:#fff;
	border-right:1px dotted #ccc;
	float:left;
	margin-right:20px;
	padding-right:19px;
	position:relative;
	width:420px;
}
h3.category-heading {
	position:absolute;top:-5px;left:-5px;z-index:50;
	display:inline-block;
	font-weight:700;
	font-size:24px;
	line-height:24px;
	color:#fff;
	margin-bottom:5px;
	padding:5px;
	text-transform:uppercase;
	-moz-box-shadow:3px 3px 10px -4px #000;
	-ms-box-shadow:3px 3px 10px -4px #000;
	-o-box-shadow:3px 3px 10px -4px #000;
	-webkit-box-shadow:3px 3px 10px -4px #000;
	box-shadow:3px 3px 10px -4px #000;	
}
.home-widget {
	float:left;
	margin:30px 0 0;
	width:100%;
}
.home-widget h3 {
	margin-bottom:18px;
	padding-bottom:8px;
	border-bottom:2px solid #555;
}
.home-widget h3,
.home-widget h3 a {
	font-weight:700;
	font-size:15px;
	line-height:16px;
	color:#24509e !important;
}
.category-image {
	float:left;
	margin-right:10px;
	width:156px;
}
.category-image img {
	border:1px solid #ccc;
	padding:2px;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	width:150px;
	height:168px;
}
.category-image img:hover {opacity:0.85;}
.category-links {
	float:left;
	width:254px;
}
.category-links p {
	color:#555;
	float:left;
}
.category-links ul {
	display:block;
	float:left;
	width:100%;
}
.category-links ul li {
	border-bottom:1px dotted #ccc;
	display:block;
	float:left;
	padding:5px 0;
	width:100%;
}
.blog-image {
	background:#fff;
	float:left;
	margin-right:10px;
	width:156px;
}
.blog-image img {
	border:1px solid #ccc;
	padding:2px;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	width:150px;
	height:168px;
}
.blog-image img:hover {opacity:0.85;}
.blog-text {
	float:left;
	width:234px;
}
.blog-text-noimg,
.category3-text-noimg {
	float:left;
	width:100%;
}
.blog-text p,
.blog-text-noimg p {
	color:#555;
	float:left;
}
.main-headline,
a.main-headline {
	width:100%;
	font-weight:700;
	font-size:15px;
	color:#222;
	margin-bottom:5px;
	text-transform:capitalize;
}
.headline-small {
	color:#333;
	font-weight:700;
	font-size:12px;
	line-height:16px;
	text-transform:capitalize;
}
.category-links ul li p {margin-bottom:5px;}
.category-links ul li:first-child {padding-top:0;}
.category-links ul li:last-child {border-bottom:none;}
.widget-content ul li:first-child {padding-top:5px;}
.footer-widget ul li:nth-child(2n+2) {background:#eee;}
#home-right {
	border-right:1px dotted #ccc;
	float:left;
	margin-bottom:10px;
	padding-right:19px;
	width:159px;
}
.image-contain {
	float:left;
	position:relative;
	width:160px;
	height:179px;
}
.image-contain img {
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	width:160px;
	height:179px;
}
.image-contain img:hover {opacity:.85;}
.image-box {
	background:url(images/featured-bg.png);
	float:left;
	padding:5px;
	position:absolute;bottom:0;left:0;
	width:150px;
}
.image-box h2 {margin-bottom:0 !important;}
.image-box a {
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
}
.middle-widget {
	float:left;
	width:100%;
}
.middle-widget h2 {
	float:left;
	margin-bottom:5px;
	width:100%;
}
.middle-widget h2 a:hover {text-decoration:underline;}
.middle-widget h3 {
	width:100%;
	float:left;
	margin-bottom:18px;
	padding-bottom:8px;
	border-bottom:2px solid #555;
}
.middle-widget h3,
.middle-widget h3 a {
	font-weight:700;
	font-size:14px;
	color:#24509e !important;
}
ul.middle-widget {
	display:block;
	float:left;
	margin-top:0;
}
ul.middle-widget li {
	display:block;
	float:left;
	margin:0;
	padding:10px 0;
	width:100%;
}
ul.middle-widget > li {
	border-bottom:1px solid #e0e0e0;
	padding:17px 0;
}
ul.middle-widget li:first-child {padding-top:0;}
ul.middle-widget li:last-child,
ul.middle-widget li.last {
	border-bottom:none;
	padding-bottom:0;
}
.bottom-widget {
	float:left;
	margin-bottom:20px;
	width:100%;
}
.bottom-widget h3 {
	border-bottom:1px dotted #ccc;
	float:left;
	font-weight:700;
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:5px;
	text-transform:uppercase;
	width:100%;
}
.multi-category-container {
	border-top:1px dotted #ccc;
	float:left;
	margin-bottom:10px;
	padding-top:20px;
	width:960px;
}
.multi-category img {
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	width:143px;
	height:160px;
}
.multi-category img:hover {opacity:0.85;}
ul.multi-category {
	display:inline;
	float:left;
	width:100%;
}
ul.multi-category li {
	border-left:1px dotted #ccc;
	display:inline;
	float:left;
	margin-left:10px;
	padding-left:9px;
	width:143px;
}
ul.multi-category li:first-child {
	border-left:none;
	margin-left:0;
	padding-left:0;
}
.multi-category h3 {
	border-bottom:none !important;
	font-weight:700;
	font-size:14px;
	line-height:14px;
	padding-bottom:0 !important;
	text-transform:uppercase;
}
.multi-category-image {
	float:left;
	position:relative;
	width:143px;
	height:160px;
}
.multi-category-text {
	background:url(images/featured-bg.png);
	float:left;
	padding:5px;
	position:absolute;bottom:0;left:0;
	width:133px;
}
.multi-category-text a {
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
}
.multi-category-headlines {
	float:left;
	margin-top:5px;
	width:143px;
}
ul.multi-category-headlines {
	display:block;
	float:left;
	width:100%;
}
ul.multi-category-headlines li {
	border-left:none;
	border-top:1px dotted #ccc;
	display:block;
	float:left;
	margin:0;
	padding:3px 0;
	width:100%;
}
ul.multi-category-headlines li:first-child {border-top:none;}
.headlines-info {
	float:left;
	width:100%;
	margin-top:6px;
}
ul.headlines-info {
	display:inline;
	float:left;
	margin-top:0;
}
ul.headlines-info li {
	border:none;
	display:inline-block !important;
	float:left;
	font-size:11px;
	color:#888;
	margin:0;
	padding:0 !important;
	width:auto;
}
.comments-icon {
	float:left !important;
	width:auto !important;height:auto !important;
	font-size:11px;
	line-height:20px;
	margin-left:10px !important;
	padding:2px 0 0 !important;
	text-align:left !important;
}
ul.headlines-info li.comments-icon {
	padding:0 !important;
	border-top:0;
}
.comments-icon a {
	display:inline-block;
	color:#888;
	background-image:url(images/comments-icon.png);
	background-repeat:no-repeat;
	background-size:auto 18px;
	padding:0 0 0 18px;
}
/************************************************
	Carousel
************************************************/
.es-carousel-wrapper {
	position:relative;
	clear:both;
	width:380px;
}
.es-carousel {overflow:hidden;}
.es-carousel ul {
	display:none;
	padding:0;
	margin:0;
}
.es-carousel ul li {height:100%;
	float:left;
	display:block;
	position:relative;
}
.es-carousel ul li a {
	display:block;
	width:140px;height:140px;
	background-color:#f6f6f6;
}
.es-carousel ul li a img {
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
	padding:0px;
	margin:0px;
}
.es-nav span{
	position:absolute;top:0;
	text-indent:-9000px;
	cursor:pointer;	
}
.es-nav span.es-nav-prev,
.es-nav span.es-nav-next {
	width:30px;height:140px;
	background-color:transparent;
	background-image:url(images/nav-arrows.png);
	background-repeat:no-repeat;
	background-size:auto 80px;
}
.es-nav span.es-nav-next {right:0px;}
.es-nav span.es-nav-prev {left:0px;}
.es-nav span.es-nav-next,
.es-nav span.es-nav-next:hover {background-position:-50px center;}
.es-nav span.es-nav-prev,
.es-nav span.es-nav-prev:hover {background-position:0 center;}
.carousel {
	float:left;
	margin:0;
	overflow:hidden;
	width:440px;
}
.carousel ul {
	display:inline;
	float:left;
	width:100%;
}
.carousel ul li {
	display:inline;
	float:left;
	width:140px !important;
	margin-right:10px;
}
.carousel ul li:last-child {margin-right:0;}
.carousel-image {
	float:left;
	position:relative;
}
.carousel-image img {
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.carousel-image,
.carousel-image img {width:140px;height:140px;}
.carousel-image img:hover {opacity:.85;}
.carousel-text {
	position:absolute;bottom:0;
	float:left;
	width:130px;
	padding:5px;
	background:url(images/featured-bg.png);
}
.carousel-text a {
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
}
/************************************************
	Posts
************************************************/
.cont-option {
	position:relative;
	height:25px;
	padding-top:10px;
}
#post-area {
	position:relative;
	float:left;
	width:659px;
}
.post-wrap {width:640px;}
.breadcrumb {
	width:100%;height:29px;
	color:#666;
	background-color:#fff;
	padding-bottom:7px;
	margin-bottom:26px;
	border-bottom:1px solid #e0e0e0;
}
.breadcrumb a {
	font-weight:700;
	font-size:18px;
	line-height:25px;
	color:#666;
	padding:0 5px 0 10px;
	background:url(images/location-bar.gif) no-repeat left 3px;
}
.breadcrumb a:first-child {
	background:none;
	padding-left:0;
}
.breadcrumb a:last-child,
.breadcrumb a.last,
.breadcrumb h1 {color:#24509e !important;}
.video-embed {
	float:left;
	margin-bottom:20px;
	width:100%;
}
.post-image {
	float:right;
	margin:0 0 10px 10px;
	width:306px;
	height:342px;
}
#content-area {font-size:16px;line-height:25px;}
#content-area h1,
#post-area h1 {
	width:100%;height:29px;
	font-weight:700;
	font-size:18px;
	line-height:25px;
	color:#24509e;
	margin:0 0 6px;
	padding-bottom:7px;
	border-bottom:1px solid #e0e0e0;
}
#post-area > h1 {margin-bottom:26px;}
#post-area .breadcrumb h1 {font-weight:700;}
#content-area h1 {
	font-weight:700;
	font-size:23px;
	line-height:28px;
	color:#222;
}
#post-area,
#post-area p,
#content-area font {font-family:'Nanum Gothic' !important;}
#post-area h1.headline {
	height:auto;
	font-size:23px;
	line-height:28px;
	color:#222;
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:5px;
}
.sub-headline,
.category3 p.sub-headline,
.category2 p.sub-headline {
	width:100%;height:20px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	font-weight:700;
	font-size:13px;
	line-height:18px;
}
#post-area h2.sub-headline {
	height:auto;
	font-size:15px;
	color:#555;
}
#content-area h2 {
	color:#333;
	font-weight:700;
	font-size:200.0%;
	line-height:28px;
	margin:10px 0;
	width:100%;
}
#content-area h3 {
	color:#333;
	font-weight:700;
	font-size:183.3%;
	line-height:24px;
	margin:10px 0;
	width:100%;
}
#content-area h4 {
	color:#333;
	font-weight:700;
	font-size:166.7%;
	line-height:22px;
	margin:10px 0;
	width:100%;
}
#content-area h5 {
	color:#333;
	font-weight:700;
	font-size:133.3%;
	margin:10px 0;
	width:100%;
}
#content-area h6 {
	color:#333;
	font-weight:700;
	margin:10px 0;
	width:100%;
}
#post-area blockquote {
	border-left:1px #ccc solid;
	color:#777;
	margin:10px;
	padding-left:40px;
}
#post-area p {
	display:block;
	margin-bottom:15px;
}
#content-area {
	position:relative;
	display:block;
	float:left;
	width:100%;
	padding-bottom:50px;
}
#content-area ul {
	list-style:disc outside;
	margin:10px 0;
}
#content-area ol {
	list-style:decimal outside;
	margin:10px 0;
}
#content-area ul li,
#content-area ol li {
	margin-left:50px;
	padding:5px 0px;
}

/*error*/
body.error404 #main,
body.error404 #post-area {
	clear:both;
	float:none;
	width:100%;
}
body.error404 #content {background-image:none;}
body.error404 #post-area {
	position:static;
	padding-bottom:100px;
}
#post-404 {
	width:60%;
	text-align:left;
	padding:100px 0;
	margin:0 auto;
	background:url(images/ic-error.png) no-repeat left center;
}
#post-404 h1 {
	font-size:22px;
	line-height:22px;
	color:#365a9a;
	margin-bottom:15px;
	border:0;
}
#post-404 h1,
#post-404 p,
#post-404 .btn-group {
	max-width:380px;
	padding-left:170px;
}

#post-info {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	color:#888;
	margin-bottom:22px;
}
#post-info-left {margin-left:10px;}
#post-info-left li {
	background-image:url(images/bu-dot2.png);
	background-repeat:no-repeat;
	background-position:0 7px;
	background-size:auto 3px;
	padding-left:10px;
}
#post-info-left a {
	display:inline-block;
	background:url(images/reply-bar.gif) no-repeat 0 4px;
	padding-left:8px;
	margin-left:5px;
}
#post-info-left a.author {
	height:14px;
	font-size:11px;
	line-height:14px;
	padding:0 5px;
	color:#fff;
	background-image:none;
	background-color:#b8b8b8;
	border:1px solid #8e8e8e;
	-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
#post-info-left a.txt-label:hover {color:#fff;}
.social-box {
	clear:both;
	width:100%;height:33px;
	border-bottom:2px solid #555;
}
ul.post-social-horz {
	display:inline;
	float:left;
}
ul.post-social-horz li {
	display:inline;
	float:left;
	padding:0 5px 5px;
	width:90px;	
}
.fb-like span {
	overflow:visible !important;
	width:450px !important;
	margin-right:-375px;
}
iframe#twitter-widget-0,
#___plusone_0 {
	position:relative;
	z-index:300;
}
.post-tags {
	clear:both;
	width:93%;
	font-weight:700;
	padding:0 0 20px 7%;
	border-bottom:1px solid #e0e0e0;
	background-image:url(images/tag.png);
	background-repeat:no-repeat;
	background-size:auto 20px;
	background-position:0 0;
}
.post-tags:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
.post-tags a {
	display:inline-block;
	float:left;
	color:#fff;
	background:#b8b8b8;
	margin:0 2px 10px;
	padding:0 12px;
	line-height:20px;
}
.post-tags a:hover {
	background:#536da4;
	color:#fff;
	text-decoration:none;
}
.wp-caption, .gallery-caption {
	margin-bottom:20px;
	max-width:98%;
	text-align:center;
	padding:10px 1% 5px;
	background-color:#f1f1f1;
}
#post-area p.wp-caption-text {
	margin-bottom:0;
	text-align:left;
	padding:5px;
	font-size:13px;
	line-height:20px;
}
/************************************************
	Comments
************************************************/
#comments {
	display:block;
	float:left;
	width:100%;
}
#comments h3 {
	font-weight:700;
	padding-bottom:10px;
}
.comment-inner {
	border-bottom:1px solid #e0e0e0;
	padding:20px 0 10px;
}
#comments .comment-inner:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
#comments .avatar {
	display:block;
	background-color:#fff;
	border:1px solid #ddd;
	padding:2px;
} 
#comments .commentmeta {
	display:block;
	float:none;
	width:80%;height:18px;
}
.comment-reply {
	clear:both;
	float:right;
	min-width:40px;
	background:#fff;	
	border:1px solid #cdcdcd;
	line-height:23px;
	text-align:center;
	margin-top:-20px;
}
.comment-reply:hover {
	background:#fff;
	border-color:#828282;
}
ol.commentlist {width:100%;}
#comments .comment-meta-1, 
#comments .comment-meta-2 {
	display:block;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	color:#888;
}
#comments .comment-meta-1 {
	padding-right:11px;
	background:url(images/reply-bar.gif) no-repeat right center;
}
#comments .comment-meta-1 .fn {
	float:left;
	width:auto;
	font-weight:normal;
	font-style:normal;
}
#comments .comment-meta-1 .reply {
	display:inline-block;
	float:right;
	font-size:11px;
	line-height:11px;
	padding-top:2px;
}
#comments .comment-meta-1 a {color:#222;}
#comments .text {
	clear:both;
	display:block;
	width:80%;
}
#comments .text .waiting_approval {
	font-size:14px;
	font-style:normal;
	font-weight:700;
}
#comments .c {line-height:20px;}
#comments .c p,
#comments .c code,
#comments .c blockquote,
#comments .c ul,
#comments .c ol {
	display:block;
	margin:5px 0;
}
#comments .c a {text-decoration:underline;}
#comments .c a:hover {text-decoration:none;}	
#comments .depth-2 .comment-wrapper {padding-left: 40px;}
#comments .depth-2 .commentmeta {width: auto;}
#comments .depth-3 .comment-wrapper {padding-left: 80px;}
#comments .depth-3 .commentmeta {width: auto;}
#comments .depth-4 .comment-wrapper {padding-left: 120px;}
#comments .depth-4 .commentmeta {width: auto;}
#comments .depth-5 .comment-wrapper {padding-left: 160px;}
#comments .depth-5 .commentmeta {width: auto;}

#respond {
	position:relative;
	clear:both;
	width:598px;
	padding:20px 20px 12px;
	margin:30px 0 0;
	background:#fafafa;
	border:1px solid #e0e0e0;
	overflow:hidden;
}
#respond h3 {display:none;}
#respond .login-msg {
	float:right;
	margin-top:-22px;
}
#respond p.comment-form-comment {
	width:518px;
	float:left;
	margin-bottom:0;
}
#respond p.comment-form-comment label {display:none;}
#respond p.form-submit {
	float:right;
	width:80px;
	margin-bottom:0;
}
#respond p.comment-social {
	clear:both;
	padding-top:10px;
	margin-bottom:0;
}
#respond p.comment-social em {padding-left:7px;}
#respond textarea {
	width:501px;height:68px;
	background:#f6f6f6;
	border:1px solid #ddd;
	background-color:#fff;
	border-color:#cdcdcd;
	border-right-width:0;
	vertical-align:top;
}
#respond #submit {
	width:80px;height:80px;
	font-weight:700;
	font-size:14px;
	line-height:78px;
	color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#808ba0;
	background-color:#ed6161; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#909baf), to(#808ba0));
	background-image:-webkit-linear-gradient(#909baf, #808ba0); 
	background-image:-moz-linear-gradient(#909baf, #808ba0); 
	background-image:-o-linear-gradient(#909baf, #808ba0); 
	background-image:linear-gradient(#909baf, #808ba0);
	margin:0;
	padding:0;
	vertical-align:top;
	box-shadow:none;
	cursor:pointer;
}
#respond #submit:hover {
	border-color:#404654;
	background-color:#303642; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#737b8d), to(#404654));
	background-image:-webkit-linear-gradient(#737b8d, #404654); 
	background-image:-moz-linear-gradient(#737b8d, #404654); 
	background-image:-o-linear-gradient(#737b8d, #404654); 
	background-image:linear-gradient(#737b8d, #404654);
}
h3#reply-title,
h2.comments {
	border-bottom:1px dotted #ccc;
	font-weight:700;
	font-size:14px;
	line-height:14px;
	margin:0 0 10px !important;
	padding-bottom:5px;
	text-transform:uppercase;
}
h3#reply-title {display:none;}
h2.comments i {
	font-weight:400;
	font-size:12px;
	padding-left:3px;
}
span.comments {
	background:#fff;
	color:#aaa;
	float:left;
	font-weight:700;
	font-size:20px;
	line-height:20px;
	padding-right:15px;
	text-transform:uppercase;
}
span.comments a {color:#666;}
span.comments a:hover {
	color:#f00;
	text-decoration:none;
}
#comment-input label {margin-bottom:10px;}
p.cancel-comment-reply {clear:both;}
#respond .form-allowed-tags {display:none;}
/************************************************
	Archives
************************************************/
.archive-header {
	color:#666 !important;
	font-weight:700;
	font-size:32px;
	line-height:36px;
	margin-bottom:20px !important;
}
.archive h2 {margin-bottom:5px;}
.archive h2 a {
	color:#333;
	font-weight:700;
	font-size:18px;
	line-height:22px;
	text-transform:capitalize;
}
.archive-image {
	float:left;
	width:95px;height:95px;
	margin-right:10px;
	overflow:hidden;
}
.archive-image img {
	float:left;
	width:95px;height:auto;
}
.archive-text {
	float:left;
	width:535px;
}
.archive-text-noimg {
	float:left;
	width:100%;
}
.archive-text p,
.archive-text-noimg p {
	max-height:56px;
	overflow:hidden;
}
.archive-text em.txt-series {
	margin-right:10px;
	vertical-align:middle;
	font-weight:400;
}
#post-area .archive-text p,
#post-area .archive-text-noimg p {margin:0;}
ul.archive {
	display:block;
	float:left;
	width:100%
}
ul.archive li {
	display:block;
	float:left;
	width:100%;
	padding:20px 0;
}
ul.archive > li {border-bottom:1px solid #e0e0e0;}
ul.archive li:first-child {padding-top:0;}
ul.archives,
ul.archives li {
	display:block;
	float:left;
	width:100%;
}
ul.archives li {
	border-top:1px dotted #ccc;
	margin-left:20px !important;
	margin-top:5px !important;
	padding-top:5px !important; 
}
ul.archives li:first-child {
	border-top:none;
	margin-top:0 !important;
	padding-top:0 !important;
}
ul.archive ul.headlines-info li {
	width:90% !important;
	display:block !important;
}
ul.archive ul.headlines-info li.comments-icon {
	width:10% !important;
	margin-left:0 !important;
}
ul.archive ul.headlines-info li.comments-icon a {float:right !important;}
ul.archive ul.headlines-info cite {
	display:inline-block;
	background:url(images/reply-bar.gif) no-repeat right 4px;
	padding-right:11px;
	margin-right:5px;
}
ul.archive ul.headlines-info cite a {color:#5176b7;}
ul.archive .main-headline,
ul.archive .sub-headline {
	display:block;
	width:535px;
	margin-bottom:2px;
}
ul.archive .main-headline {margin-bottom:5px;}
ul.archive.photo .archive-text > a {min-height:67px;}
ul.archive .archive-text-noimg .main-headline,
ul.archive .archive-text-noimg .sub-headline {width:100%;}
/************************************************
	Sidebar
************************************************/
#sidebar-wrapper {
	float:right;
	width:321px;
	margin-top:36px;
	border-top:1px solid #e0e0e0;
}
#sidebar-home-wrapper {
	background:#fff;
	float:right;
	margin-bottom:10px;
	width:500px;
}
.sidebar-widget {
	float:left;
	width:100%;
	overflow:hidden;
	background-color:transparent;
}
.sidebar-widget .featured-container .flexslider .slides li {
	height:123px !important;
	overflow:hidden;
}
.side,
.side-home {float:left;}
.side-home {width:280px;}
.side {
	width:319px;
	background-color:transparent;
	border-left:1px solid #e0e0e0;
}
.side-home {margin-left:20px;}
.sidebar-widget h3 {
	margin-bottom:18px;
	padding-bottom:8px;
	border-bottom:2px solid #555;
}
.sidebar-widget h3,
.sidebar-widget h3 a {
	color:#24509e !important;
	font-weight:700;
	font-size:15px;
	line-height:16px;
}
.tabs h4 a {
	font-weight:700;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
}
.tabs h4 a:hover {text-decoration:none;}
.widget-container p {
	font-weight:700;
	font-size:12px;
	line-height:16px;
}
.widget-content {
	float:left;
	width:100%;
}
.tabber-container,
.page-tab {
	float:left;
	width:100%;
}
.tabber-buttons {
	float:left;
	margin-top:10px;
	width:100%;
}
ul.tabs {
	display:inline;
	float:left;
	width:100%;
}
ul.tabs li {
	display:inline;
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:16px;
	margin:0 !important;
	text-align:center;
	background-color:#f9f9f9;	
	border-style:solid;
	border-width:1px 1px 1px 0;
	border-color:#e0e0e0;
	color:#555;
}
ul.tabs li:last-child {border-right:0;}
ul.tabs li:hover {background:#fff;}
ul.tabs li h4 {margin:0 !important;}
ul.tabs li h4 a {
	display:block;
	font-weight:700;
	font-size:15px;
	line-height:28px;
	color:#555;
	text-transform:none;	
}
ul.tabs li h4 a:hover,
ul.tabs li.active h4 a {color:#24509e;}
ul.tabs li.active {
	position:relative;
	z-index:1000;
	border-color:#e0e0e0;
	border-left-width:0;
	border-bottom-width:0;
	background:#fff;
}
ul.tabs li.active:hover {background:#fff;}
.tabber-content {
	float:left;
	width:100%;
}
.tabber-content-shortcode {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:10px;
}
.widget-content ul {
	display:block;
	float:left;
	width:100%;
}
.tabber-content ul {
	display:block;
	width:280px;
	margin:0 auto;
}
.tabber-content ul.archive {width:100%;}
.tabber-content ul li,
.widget-content ul li {
	display:block;
	float:left;
	padding:10px;
}
.tabber-content ul li {
	border-top:1px solid #e0e0e0;
	padding:20px 0;
}
.tabber-content ul.archive li,
.tabber-content ul li:first-child {border-top:0;}
.tabber-image {
	float:left;
	margin-right:10px;
	width:95px;height:95px;
}
.tabber-image img {
	width:95px;height:95px;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.tabber-image img:hover {opacity:.85;}
.tabber-text {
	float:left;
	width:175px;
}
.tabber-text-noimg {
	float:left;
	width:100%;
}
.tabber-text p,
.tabber-text-noimg p {
	max-height:54px;
	overflow:hidden;
}
ul.latest-comments {
	float:left;
	width:100%;
}
ul.latest-comments li {
	display:block;
	float:left;
	font-size:12px;
	line-height:16px;
	padding:10px;
	width:100%;
}
.comment-image {
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
	padding:2px;
	width:50px;
}
.comment-image img {float:left;}
.comment-text {
	float:left;
	width:214px;
}
.comment-text span {
	float:left;
	font-weight:400;
	font-size:12px;
	line-height:12px;
	margin-bottom:5px;
	width:100%;
}
.comment-text p {
	color:#888;
	float:left;
	font-weight:400;
	font-size:12px;
	line-height:16px;
}
.comment-text p a {color:#888;}
.twtr-widget {
	float:left;
	width:300px;
	margin:0;
	padding:0;
}
.twtr-hd {display:none !important;}
.twtr-bd {}
.twtr-widget .twtr-bd .twtr-tweet {
	margin:5px 0 0;
	padding:0 0 5px;
	border-bottom:1px dotted #ccc;
}
.twtr-tweet:before {
	display:block;
	float:left;
	margin:-5px 0 0 5px;
	font-size:50px;
	color:#bababa;
}
.twtr-ft,
.middle-side {display:none;}
.textwidget p {
	float:left;
	margin-bottom:15px;
	width:100%;
}
.tag-cloud {
	float:left;
	width:100%;
}
.tag-cloud a {
	float:left;
	min-width:20px;
	color:#fff;
	line-height:20px;
	background:#b8b8b8;
	margin:0 2px 10px;
	padding:0 12px;
	text-align:center;
}
.tag-cloud a:hover {
	background:#536da4;
	color:#fff;
	text-decoration:none;
}
/************************************************
	Footer
************************************************/
#footer-bottom-wrapper {
	position:relative;z-index:6;
	float:left;
	width:100%;
	background-color:#474747;
	background-image:url(images/footer-line.gif);
	background-repeat:repeat-x;
	background-position:left 39px;
}
#footer-bottom {
	color:#aaa;
	font-weight:400;
	line-height:14px;
	margin:0 auto;
	padding:6px 20px 10px;
	position:relative;
	width:960px;
}
#footer-bottom:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
#footer-bottom li {
	background-image:url(images/footer-bar.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
}
#footer-bottom li:last-child,
#footer-bottom li.last {background-image:none;}
#footer-nav1 {
	float:left;
	width:75%;
	margin:2px 0 5px;
}
#footer-nav1 ul:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
#footer-nav1 ul li {
	float:left;
	margin:0 10px 5px 0;
	padding:3px 10px 3px 0;
}
#footer-nav1 ul li:last-child,
#footer-nav1 ul li.last {border:0;}
#footer-nav1 ul li a {
	color:#fff;
	font-weight:700;
	line-height:12px;
}
#footer-nav1 ul li ul {display:none;}
#footer-nav2 {
	float:right;
	position:relative;
	width:148px;
	background-color:#fff;
}
#footer-nav2 ul {
	display:none;
	position:absolute;left:0;bottom:24px;
	width:148px;
	border-top:1px solid #cdcdcd;
	background-color:#fff;
}
#footer-nav2 > div.link > a {
	border:1px solid #cdcdcd;
	background-image:url(images/bg_link.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 4px;
}
#footer-nav2 li {
	border:1px solid #cdcdcd;
	border-top:0;
	background-image:none;
}
#footer-nav2 a {
	display:block;
	color:#555;
	line-height:23px;
	padding:0 9px;
}
#footer-nav2 li a:hover {
	color:#fff;
	background-color:#365a9a;
}
#copyright {
	clear:both;
	width:100%;
	padding:18px 0 30px;
	background-image:url(images/footer-logo.png);
	background-repeat:no-repeat;
	background-position:left 43px;
}
#copyright p {
	padding:0 0 0 180px;
	font-size:11px;
	line-height:16px;
	color:#cdcdcd;
}
#copyright p strong {
	display:block;
	font-size:12px;
	color:#fff;
	padding-bottom:14px;
}
#copyright p a {color:#fff;}
/************************************************
	Pagination
************************************************/
.nav-links {
	clear:both;
	position:relative;
	width:100%;
	padding:20px 0 0;
}
.pagination {
	clear:both;
	position:relative;
	height:31px;
	line-height:28px;
	text-align:center;
}
.pagination span {display:none;}
.pagination .current,
.pagination a {
	display:inline-block;
	background:#fff;
	border:1px solid #fff;
	color:#555;
	margin:0 2px;
	line-height:28px;
	padding:0 12px;
	text-decoration:none;
	width:auto;
}
.pagination .current, 
.pagination a:hover {
	background:#fdfdfd;
	border:1px solid #cdcdcd;
	color:#5176b7;
}
.pagination a.prev,
.pagination a.next,
.pagination a.first,
.pagination a.last {
	width:30px;height:30px;
	background-image:url(images/bg_direction_page.png);
	background-repeat:no-repeat;
	background-size:auto 60px;
	text-indent:-9999px;
	border:0;
	margin:0;
	padding:0;
	cursor:default;
}
.pagination a.on {cursor:pointer;}
.pagination a.prev {background-position:0 0;}
.pagination a.next {background-position:-30px 0;}
.pagination a.first {background-position:-60px 0;}
.pagination a.last {background-position:-90px 0;}
.pagination a.prev.on {background-position:0 -30px;}
.pagination a.next.on {background-position:-30px -30px;}
.pagination a.first.on {background-position:-60px -30px;}
.pagination a.last.on {background-position:-90px -30px;}
@media screen and (max-width: 599px) {
	#nav {height:70px;}
	#util-nav-wrapper,
	#main-nav-wrapper {height:35px;}
	#nav,
	#util-nav-wrapper,
	#main-nav-wrapper {float:none;}
}


#related-posts {
	width:100%;
	border-bottom: 1px solid #e0e0e0;
	padding:7px 0 15px;
}
#related-posts >h3 {
	font-size:23px;
	padding:10px 0;
}
#related-posts ul {
	width:100%;	
}
#related-posts ul:after {
	content:'';display:block;clear:both;
}
#related-posts ul li {
	width:100%; 
}
#related-posts .related-text a{
	font-weight:bold;
	font-size:16px;
	line-height:25px;
	display:inline-block;
	text-decoration: underline;
	color:#316ad0;
}

/*레이어 팝업*/
.nw_layer_popbx{position: fixed; top:28px; left:28px;z-index: 3000;padding:5px 5px 0; background: rgba(0,0,0,0.8);}
.nw_layer_popbx .thum{line-height: 0;}
.nw_layer_popbx .nw_checkbx{padding:10px 10px 10px;position: relative;}
.nw_layer_popbx .nw_checkbx .nw_close{width:36px; height:36px; text-indent: -99999px;display: block;position: absolute; bottom:0; right:0;}
.nw_layer_popbx .nw_checkbx .nw_close:before{content: ""; width:16px;height:2px;background: #fff; position: absolute; top:50%; left:50%;margin-top:-1px;margin-left:-8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nw_layer_popbx .nw_checkbx .nw_close:after{content: ""; width:2px;height:16px;background: #fff; position: absolute; top:50%; left:50%;margin-top:-8px;margin-left:-1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nw_layer_popbx .nw_checkbx .nw_check input{display: none;}
.nw_layer_popbx .nw_checkbx .nw_check label{font-size:12px; color:#fff; line-height: 1.4em;display: block;position: relative; padding-left:23px;cursor: pointer;}
.nw_layer_popbx .nw_checkbx .nw_check label:before{content: ""; width:14px; height: 14px; border: solid 1px #fff; display: block; position: absolute; top:50%; margin-top:-8px; left:0;}

/*액션*/
.nw_layer_popbx .nw_checkbx .nw_check input:checked + label:before{background: #fff;}

@media screen and (max-width: 1023px) and (min-width: 1px) {
	.nw_layer_popbx{top:10px; left:10px; width:280px;}
}