/*-----------------[RESET]------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1;}
ol, ul { font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; margin-left:20px; line-height: 20px;}
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
hr {height:1px; background:#ddd; border:none; margin:25px 0 20px;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; border-collapse: collapse; border-spacing: 0; }


/*-----------------[BASIC STYLES]-----------------*/
body { line-height: 20px; font-family:'Droid Sans','Nanum Gothic',Arial,Verdana,sans-serif; font-size: 12px; color: #929292; background:#286278 url(../img/body-bg6.png); padding-top: 48px; padding-bottom:98px; }

a { font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; text-decoration: none; color: #00b7f3; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: lighter; margin-top:20px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080;}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*---------------[MAIN LAYOUT INFO]---------------*/


#container { text-align: left; margin: 35px auto; width: 960px; position: relative; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #fff url(images/header-shadow.png) repeat-x top; }
	#header { position: relative; padding:30px 35px;}
		#logo { float: left; }	
		p#slogan { float: left; font-size: 12.5px; color: #66929c; text-transform: uppercase; padding-top: 0px; margin-left: -143px; margin-top: 27px; font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif;}
		ul#top-menu { float: right; padding-top: 30px; }	
		#additional-info { position:absolute; top: 1px; right: 1px; }
			#et-social-icons { float: left; padding-top: 9px; padding-right: 20px; }
				#et-social-icons  a { padding-left: 3px; }
			#search-form { float: right; background: url(images/search-bg.png) no-repeat; width: 161px; height: 28px; }
				#search-form #searchinput { background: none; border: none; float: left; margin: 5px 7px 0 5px; width: 114px; padding-left: 9px; font-size: 11px; font-family: Georgia, serif; color: #a3a3a3; text-shadow: 1px 1px 0px #ffffff; font-style: italic; }
				#search-form #searchsubmit { margin-top: 7px; margin-right: 7px; }
		#quote { text-align: center; width: 890px; margin: 0 auto; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top:38px; padding-bottom: 25px; }
			#category-name h3 { color: #3b3b3b; font-family: 'Nanum Myeongjo', 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter;font-size: 28px; }
			#category-name p { color: #929292; font-family: 'Nanum Myeongjo', 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter;font-size: 20px; }
				#category-name p.description {font-size: 12px; }
		#content-area { padding: 45px 48px 60px; }	
			#services { margin-bottom: 40px; }
				.service { float: left; width: 244px; margin-right: 66px; }
				.last { margin-right: 0px; }
					.service h3.title { margin-bottom: 4px; margin-left: 5px; }
					h3.title, #et-control-panel h3.control_title { color: #1d1d1d; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; }
					.service h4.title { margin-bottom: 4px; margin-left: 5px; }
					h4.title, #et-control-panel h3.control_title { color: #1d1d1d; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; }
					.service h5.title { margin-bottom: 4px; margin-left: 5px; }
					h5.title, #et-control-panel h3.control_title { color: #1d1d1d; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; }
					.service h6.title { margin-bottom: 4px; margin-left: 5px; }
					h6.title, #et-control-panel h3.control_title { color: #1d1d1d; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; }
					.service .thumb { background: url(images/thumb-bg.png) no-repeat; width: 242px; height: 127px; position: relative; margin-bottom: 10px; }
						.item-image { margin-top:4px; margin-left:4px; }
						span.more-icon { background: url(images/more-icon.png) no-repeat; position: absolute; display: block; height: 41px; left: 100px; top: 41px; width: 40px; }
					.service p { margin-left: 5px; }
						.service p a { font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif; color:#929292; text-decoration: none; }
							.service p a:hover { color:#b2b2b2; }
			#from-blog { float: left; margin-left: 5px; width: 223px; margin-right: 85px; } 
				#from-blog h3.title { margin-bottom: 2px; }
				#from-blog  ul li { padding:4px 16px; display: block; background:url(images/sidebar-bullet.png) no-repeat 0px 12px; }
					#from-blog ul li a { color:#929292; text-decoration: none; }
						#from-blog ul li a:hover { color:#b2b2b2; }
			#multi-media-bar { float: left; width: 870px; }	
				#multi-media-bar h3.title { margin-bottom: 10px; }
				#et-multi-media { position: relative; border: 1px solid #f0f0f0; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #dcdcdc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); padding: 14px 15px 14px 22px; }
					a#left-multi-media, a#right-multi-media { position: absolute; top: 30px; width: 27px; height: 27px; text-indent:-9999px; }
						a#left-multi-media { background:url(images/left-multi-media-arrow.png) no-repeat; left: -13px; }	
						a#right-multi-media { background:url(images/right-multi-media-arrow.png) no-repeat; right: -13px; }
					#et-multi-media .thumb { float: left; margin-right: 16px; position: relative; padding: 4px; border: 1px solid #f0f0f0; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
					#et-multi-media .last { margin-right: 0px; }
						#et-multi-media .thumb a { display: block !important; }
							span.more { background: url(images/more.png) no-repeat; position: absolute; display: none; height: 33px; left: 12px; top: 12px; width: 33px; }
							.et-video span.more { background: url(images/et-video-more.png) no-repeat; }

	#breadcrumbs { font-size:14px; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; padding-top:17px; padding-left: 48px; color: #1d1d1d; margin-bottom: 28px; }
		#breadcrumbs a { color:#929292; text-decoration: none; }
			#breadcrumbs a:hover { color:#1d1d1d; }
		#breadcrumbs .raquo { color:#929292; }	
	#category-name { text-align: center; width: 890px; margin: 0 auto; padding-top:38px; background: url(images/top-category-bg.png) no-repeat; }
		#category-inner { background: url(images/bottom-category-bg.png) no-repeat bottom left; padding-bottom: 28px; }
			h1.category-title { color: #1d1d1d; font-size:28px; font-family: 'Nanum Gothic', 'Nanum Myeongjo', 'Kreon', Arial, sans-serif; font-weight: bold; }
			p.description { color: #929292; font-size:20px; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; }
		#content { padding: 0px 48px 60px; background: url(images/content-bg.png) repeat-y 633px 0px; }
		.fullwidth { background: none !important; }
			#left-area { width: 586px; float:left; }
			.fullwidth #left-area { width: 100%; }
			#sidebar { width: 238px; float:left; padding-top: 35px; padding-left: 40px; }
				.post { padding:35px 35px 25px 0px; }
					.post-thumbnail { display:block; float:left; position:relative; margin-right: 35px; margin-top: 6px; }
						.post-thumb { margin-top:7px; margin-left:7px; }
						span.post-overlay { background:url(images/post-overlay.png) no-repeat;
						display:block; height:200px; left:0px; position:absolute; top:0px; width:200px; }
					h2.title { font-size: 28px; font-family: 'Nanum Gothic', 'Kreon', Arial, sans-serif; font-weight: lighter; padding-bottom: 15px; }
						h2.title a { color: #1d1d1d; text-decoration: none; }
						h2.title a:hover { color: #000; }
						.post p.meta-info { padding-bottom:9px; padding-top: 9px; font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif; font-weight: lighter; font-size: 15px; color: #d0d0d0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 11px; }
							.post p.meta-info a, p.description a { color: #929292; text-decoration: none; }
							p.description a { color: #6e6e6e; }
							.post p.meta-info a:hover, p.description a:hover { color: #111; }	
					a.read-more, .reply-container a, #commentform input#submit  { border: 1px solid #eaeaea; float:right; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif; font-weight: lighter; font-size: 12px; color: #1d1d1d; padding: 3px 10px; text-decoration: none; display: block; background: #fff; }


/*---------------[DROPDOWN MENU]------------------*/ 
ul#top-menu li { padding: 0px 9px; }
	ul#top-menu a { font-size: 15px; font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif; color: #393939; text-decoration: none; font-weight: lighter; }
	ul#top-menu a:hover, ul#top-menu > li.sfHover > a { color: #427d8b;}
	ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a { color: #427d8b !important; font-weight: normal; }
	
ul#top-menu ul { width: 189px; background: #fff; border: 1px solid #efefef; top: 34px !important; padding: 10px 8px 10px 20px; z-index: 9999px; display: none; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	ul#top-menu ul li { padding: 8px 0; }
		ul#top-menu ul li a { padding: 0px 0px 0px 12px; width: 160px; }
	
		ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -12px !important; left: 197px !important; } 	


/*---------------------[FOOTER]-------------------*/
#footer { border-top: 1px solid #ececec; }	
#footer-content { width: 98%; margin-left: 10px; margin-top: 20px; margin-bottom: 1px; -webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; }
.footer-widget { width: 21%; margin-left: 20px; float: left; color: #929292; text-shadow: 1px 1px 1px #ffffff; }
.footer-widget a { color: #929292; }
p#copyright { float:right; color:#cdcdcd; text-shadow: 1px 1px 1px #ffffff; padding-bottom:20px; padding-right: 48px; }	
p#copyright a { color:#929292; }
.footer-copyright {float:left; margin:20px 20px 10px;}



/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; font-size: 12px !important;
}
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 191px; z-index:1000; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }



/*-------------------[PAGE NAVI]------------------*/

.foursixeight { margin: 0px 0px 15px 84px;}
.et_pt_blogentry { position: relative; }


#featured #slides { height: 332px; }

#media-slides { height: 60px !important; }
.et_embedded_videos { display: none; }
	
.js #featured #slides, .js #featured-modest { background: url(images/ajax-loader.gif) no-repeat center; }
	.js #featured .slide, .js #featured-modest .slide { display: none; }
	
.service .thumb a { display: block; }

.dropdown {
	font-family: 'Kreon', 'Nanum Gothic', Arial, sans-serif; color: #393939; text-decoration: none; font-weight: lighter; font-size:14px;
    position: relative;
    display: inline-block;
    margin-right:10px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 15px 16px 2px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.et-box {
    margin: 0px;
    padding:30px;
    background: #eee;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    font-size: 14px;
    position: relative;
}

/* CONTENT SLIDER */

/* ANIMATION */
@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:337px; opacity:0; z-index:0; } 
	21% { top:-337px; opacity:0; z-index:-1; }
	92% { top:-337px; opacity:0; z-index:0; }
	100%{ top:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { top:-337px; opacity:0; }
	16% { top:-337px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:337px; opacity:0; z-index:0; }
	100%{ top:-337px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-337px; opacity:0; }
	36% { top:-337px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:337px; opacity:0; z-index:0; }
	100%{ top:-337px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-337px; opacity:0; }
	56% { top:-337px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	95% { top:0px; opacity:1; }
	96% { top: 0px; opacity: 1; z-index: 0; }
   100%{ top: 325px; opacity: 0; z-index: 0; }
}

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:337px; opacity:0; z-index:0; }
	21% { top:-337px; opacity:0; z-index:-1; }
	50% { top:-337px; opacity:0; z-index:-1; }
	92% { top:-337px; opacity:0; z-index:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-337px; opacity:0; }
	16% { top:-337px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:337px; opacity:0; z-index:0; }
	100%{ top:-337px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-337px; opacity:0; }
	36% { top:-337px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:337px; opacity:0; z-index:0; } 
	100%{ top:-337px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-337px; opacity:0; }
	56% { top:-337px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	95% { top:0px; opacity:1; }
	96% { top: 0px; opacity: 1; z-index: 0; }
   100%{ top: 325px; opacity: 0; z-index: 0; }
}
/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}

#content-slider {
	width:100%; height:332px;}
/* SLIDER */
#slider {background:#000; height:332px; width:960px; overflow:visible; position:relative;}
#mask {overflow:hidden; height:332px;}
#slider ul {margin:0; padding:0; position:relative;}
#slider li {width:960px; height:332px; position:absolute; top:-337px; list-style:none;}
#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.7); width:960px; height:130px; position:relative;
	bottom:135px;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h1 {color:#fff; font-size:24px; font-weight:300; line-height:50px; padding:10px 0 0 20px;}
#slider .tooltip p {color:#ddd; padding:0 20px 0;}
#slider li#first:hover .tooltip, #slider li#second:hover .tooltip, #slider li#third:hover .tooltip, #slider li#fourth:hover .tooltip {left:0px;}


/* PROGRESS BAR */
.progress-bar { 
	position:relative; top:-5px; width:960px; height:5px; background:#000;
	-moz-animation:fullexpand 25s ease-out infinite;
	-webkit-animation:fullexpand 25s ease-out infinite;
}