﻿/*common-custom.css*/

a {
	text-decoration: none;
	color: #075984;
	outline: none;
}

a:focus  
{
	-moz-outline-style: none;
}

a:hover {
	text-decoration: underline;
}


body {
	background-image: url("img/backgroun_gradient.gif");
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #666666;
}

b 
{
	color: #FC8E03;
}


h4 {
	font-family: Arial, Helvetica, Verdana;
}


div#container {
	width: 784px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

/********** Top메뉴 ********************/

div#nav {
	margin-top: 3px;
	font-size: 12px;
	font-weight: bold;
}

td.navlinks {
	padding-right: 10px;
	padding-top: 13px;
	padding-left:10px;
	font-weight: bold;
}

td.navlinks a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	
}

td.navlinks a:hover {
	text-decoration: underline;
}

div#nav input#go {
	margin: 5px 0px -4px 0px;
}

/*********Main Content*********/
div#page-mainarea-div {
	margin-left: 159px;
}


/********** Header Section ********************/

div#header {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
	height:48px;
}

div#header ul {
	margin: 0;
	padding: 0;
	width: 430px;
	margin-top: .5em; 
	float: left;
}

div#header li {
	margin: 0;
	padding-right: 2px;
	padding-left: 2px;
	display: inline;
	list-style: none;
}

div#header li a {
	padding: 0;
	text-decoration: none;
	color: #00336A;
}

div#header dl 
{
	margin: 0;
}

div#header dt 
{
	padding-left: 5px;
}

div#header dd a 
{
	padding: 0;
	text-decoration: none;
	color: #61b8e2;
}

div#header div#languageContainer 
{ 
	width: 150px; 
	border: solid 1px #C8C8C8; 
	text-align: left; 
	background: #FFFFFF url('img/backgroun_gradient.gif') repeat-x 0 0;
	position: relative;
	z-index: 1000;
}

div#header div#languageContainer div 
{
	width:100%; 
	text-align: right;
}

div#header div#languageContainer div a
{
	text-decoration: none; 
	color:#61b8e2;	
	padding-right: 3px;
}

/********** Content Section ********************/

div#content {
	width: 100%;
	margin: 25px 0px 0px 0px;
}

/********* Content left **********************/
div#content-left {
	margin-top: -1px;
	float: left;
	width: 569px;
	z-index: 0;
}

div#content-left ul {
	margin: 5px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

div#content-left li {
	margin: 0;
	padding: 0px 5px 0px 5px;
	float:left;
	width: 179px;
}

div#content-left li h4 {
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	color: #005488;
	letter-spacing: .5px;
	font-family: Helvetica, Arial, Verdana;
}

div#content-left li p {
	margin: 0;
	padding: 2px 0px 0px 0px;
	font-size: 11px;
}

div#content-left li#darkerborder {
	border-top: 4px solid #005488;
	border-right: 1px solid #e3e3e3;
} 

div#content-left li#darkborder {
	border-top: 4px solid #61b8e2;
	border-right: 1px solid #e3e3e3;
}

div#content-left li#lightborder {
	border-top: 4px solid #DDD;
}


div.leftbottomlinks {
	text-align: right;
	padding-top: 20px;
}

div.leftbottomlinks a {
	font-size: 11px;
	text-decoration: none;
	color: #005488;
	line-height: 8px;
}

.sidebarcallout .title {
	font-weight: bold;
}

.sidebarcallout b {
	color: #999999;
}

.webscript-internallink{
color:#204288;
font-weight: bold;
font-family:Arial,Sans-serif;
}


/********* content-right *********************/

div#content-right {
	float: right;	
	width: 210px;
	font-size: 11.33px;
	margin-bottom: 10px;
}

div#content-right div.clientcontainer {
	margin: 0px 0px 5px 0px;
	padding: 10px;
	background: #EAEAEA url("img/bg_rgtcontainer.gif") repeat-x 0 0;	
}

div#content-right div.clientcontainer h4 
{
	padding: 0px 0px 0px 0px;
	color: #005488;
	margin: 0px 5px 5px 0px;
	font-size: 13px;
	font-weight: bold;
}

div#content-right div.rgtcontainer {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	background: #CFEAF6 url("img/right_column_gradient.gif") repeat-x 0 0;
}

div#content-right div.rgtcontainer h4 {
	margin: 10px 0px 5px 0px;
	padding-left: 5px;
	color: #5a6164;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana;
}

div#content-right div ul {
	margin: 0;
	padding: 5px 0px 1em 5px;
	list-style: none;
	color: #737778;
}

div#content-right div li {
	background: url("img/blue_arrow.gif") no-repeat 0 50%;
	padding:  2px 0px 1px 12px;
}

div#content-right span {
	padding-left: 5px;
	font-size: 11.33px;
}

p#p-rgtcontainer {
	margin: 0px 20px 0px 0px;
	padding-left: 5px;
	font-size: 11.33px;
	color: #333333;
}

img#signup {
	margin: 6px 0px -8px 0px;
}

input#email {
	font-size:11px;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.searchfield {
	font-size:9px;	
	margin: 0px 0px 1px 0px;
	padding-left:2px;
	width:70px;
	
}

.search
{
 font-weight:bold;
 padding-bottom:5px;
 padding-top:10px;
}


div#content-right div.rgtcontainer div h4 {
	margin: 0px 0px 5px 0px;
	padding-left: 11px;
	color:#333333;
	font-size: 10px;
	letter-spacing: .5px;
}

#stats {
}

.roundcont {
	width: 190px;
	margin: 5px auto 5px auto;
	background-color: #B0D3E6;
}

.roundcont h4 {
	margin: 0 10px 0 0;
	padding: 0;
}

.roundcont p {
	margin: 0 10px;
	padding: 2px 0px 0px 0px;
	color: #005488;
	font-size: 20px;
	letter-spacing: 1px;
}

.roundtop { 
	background: url("img/right_column_top_right.gif") no-repeat top right; 
}

.roundbottom {
	background: url("img/right_column_bottom_right.gif") no-repeat top right; 
}

img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}

#securitytalk {
	height: 105px;
	background: #EAEAEA url("img/face.gif") no-repeat top right; 
	padding: 5px 44px 0px 10px;
}

#securitytalk h4 {	
	color: #5A6164;
	margin: 8px 5px 10px 0px;
	font-size: 12px;
	font-weight: normal;
}

#securitytalk p {
	margin: 0px 10px 0px 0px;
	padding: 2px 0px 10px 0px;
	font-size: 11px;
}

#securitytalk_v2 {
	background: #EAEAEA ;
	margin-bottom:3px;
}

#securitytalk_v2 .background {
	background: url("img/chat-girl.gif") no-repeat top right; 	
	height: 105px;
	padding: 0px 44px 0px 10px;		
} 

#securitytalk_v2 h4 
{
	padding: 5px 0px 0px 5px;
	color: #005488;
	margin: 0px 5px 5px 0px;
	font-size: 14px;
	font-weight: bold;
}

#securitytalk_v2 p 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 5px 0px;
	font-size: 11px;
}

/********** content-bottom Section ********************/

div#content div#content-bottom {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	color: #6999B6;
	font-size: 11px;
}

div#content div#content-bottom h4 {
	display: inline;
	margin: 0;
	font-size: 11px;
	padding-right: 5px;
}

div#content div#content-bottom span {
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

div#content div#content-bottom a {
	color: #6999B6;
}

/*******Page Navigation**********/
div#page-navigation-div {
	width: 150px;
	float: left;
}

.page-navigation {
	font-size: 10px;
	color: #055880;
	margin: 0px;
	padding: 0px;
}

.page-navigation li {
	text-align: left;
	list-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

.page-navigation .header-blue {
	border-top: 2px solid #0069C4;
}

.page-navigation .header2-blue {
	border-top: 1px solid #0069C4;
}

.page-navigation .level1 {
	font-size: 12px;
	padding-left: 5px;
}

.page-navigation .level1 a {
	color: #095CB1;
}

.page-navigation .level2 {
	padding-left: 8px;
	border-top: 1px #E0E0E0 dotted;	
}

.page-navigation .level3 {
	padding-left: 12px;
	border-top: 1px #E0E0E0 dotted;	
}

.page-navigation .selected {
	border-top: 1px solid #095BB1;
	font-size: 12px;
	font-weight: bold;
	color: #EFF3F7;
}

.page-navigation li.selected 
{
	background: #F1F1F1 url(img/gray_pixel_arrow.gif) no-repeat scroll 10px 50%;
}

.page-navigation li.selected a 
{
	margin-left: 7px;	
}

/*common-layout.css*/

body 
{
	margin:0px;
	padding:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#PageContainer {
	padding-top:7px;
	width: 768px;
	margin: auto;
}

#HeaderContainer {
	background-color: #255282;
}

#Header {
	padding-top:15px;
	padding-left:35px;
	padding-bottom:30px;
}

#LeftSidebar {
	width: 150px;
	float: left;
}

#MainContentContainer {
}

#Center {
	margin-left:153px;
	margin-right:155px;
	vertical-align:top;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}

#RightSidebar {
	width:150px;
	float: right;
}

#Footer {
	background-color: #255282;
	color: #FFFFFF;
	clear: both;
}

.header_left_corner {	
	float: left;
}

.header_logo {
	vertical-align:top;
}

.header_be_certain {
	float:right;
	padding-right:10px;
}

.header_navigation {
	border: 0px;
	color: #FFFFFF;
}


/********* Style the standard HTML tags **************/
h1,h2, h3, h4.markup {
	color: #045594;
	font-size: 17px;
	font-weight:normal;

}

h2.markup {
	color: #075984;
	padding:0px;
	margin:0px;
	font-weight: bold;
	font-size:12px;
}

/********** footer Section ********************/

div#footer {
	clear: both;	
	font-size: 11px;
}

div#footer hr {
	color: #C8C8C8;
	background-color: #C8C8C8;
	height: 1px;
	width: 100%;
	border: none;
}

div#footer div#footerleft {
	float: left;
	text-align: left;
}

div#footer div#footerright {
	text-align: right;	
}

div#footer div#footerright a {
		color: #666666;
		text-decoration: none;
}