@charset "utf-8";
/* KPMG.com Design style guide
   January 2011 © KPMG International

   Version 1.0

   For any questions or comments please e-mail
   GO-FM Global Digital Marketing              */

/* Document level definitions */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background: #F3F4F8;
	margin: 0;
	padding: 0;
	color: #444;
}
div {
	text-align: left;
	overflow: hidden;
}
ul, ol, dl, li, form, img {
	padding: 0;
	margin: 0;
}
li {
	list-style-type: none;
	margin: 0;
}
a img {
	border: none;
}
a:link {
	color: #007C92;
	text-decoration: none;
}
a:visited {
	color: #8E258D;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
h1 {
	color: #002664;
	font-size: 1.38em;
	font-weight: bold;
	line-height: 1.375em;
	margin-top: 1em;
}
h2 {
	color: #002664;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 1.375em;
	margin-top: 1.125em;
}
h3 {
	color: #002664;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 0.875em;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}
h4 {
	color: #444444;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 0.875em;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}
h5 {
	color: #002664;
	font-size: 0.688em;
	font-weight: bold;
	line-height: 0.75em;
	margin: 1em 0;
}
h6 {
	color: #444444;
	font-size: 0.688em;
	font-weight: bold;
	line-height: 0.75em;
	margin: 1em 0;
}
hr {
	border: none;
	background-color: #E7ECF8;
	width: 100%;
	height: 1px;
	padding: 0;
}
blockquote {
	margin: 15px;
	color: #00505C;
	font-size: 0.75em;
    quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }

/* Table */
table {
	font-size: 0.75em;
	border-collapse: collapse;
}

thead {
	font-weight: bold;
	color: #002664;
}
thead tr {
	background-color: #E0EEFB;	
}
thead tr td {
	border: 1px solid #CAE2FA;
}

tr {
	background-color: #FAFBFE;
	vertical-align: top;
	text-align: left;
}

tr.even {
	background-color: #FFFFFF;
}

td {
	padding: 1em;
	overflow: visible;
	border: 1px solid #E9EDF8;
}


 
/* Layout DIVs */
.container {
	width: 996px;
	margin: 0 auto;
	background: url("../images/main_bg.jpg") repeat-y scroll transparent;
	text-align: center;
}
.globalNavigation {
	width: 980px;
	margin: 0 auto;
	padding: 5px 8px 3px 8px;
	background: url("../images/main_bg_top.jpg") #F3F4F8 no-repeat scroll bottom center;
	text-align: right;
}
.brandingBar {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/branding_bg.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}

.brandingBarToyota {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/brandingToyota.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}
  
.brandingBarVWFSK {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/brandingVWFSK.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}

.brandingBarSFA {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/brandingSFA.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}

.brandingBarJnl {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/jnltech.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}


.brandingBarKSNET {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	background: url("../images/brandingKSNET.png") no-repeat left top;
	background-color: #00257A;
	color: #FFF;
	line-height: normal;
}

.homeBar {
	width: 980px;
	height: 210px;
	margin: 0 auto;
	color: #FFF;
	line-height: normal;
    position: relative;
}
.columnWrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	text-align: left;
	height: 100%;
	background-color: #FFFFFF;
}

.footer {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #FFFFFF;
	border-top: 1px solid #E7ECF8;
	color: #B2B2B2;
	font-size: 0.688em;
}

/* Template specific layout DIVs */ 
.rightColumnContainer {
	float: left;
	width: 100%;
	background: #F8F9FD;
	position: relative;
}
.centralColumnContainer {
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-right: 1px solid #E8ECF8;
	position: relative;
	right: 231px;
	overflow: visible;
}
.leftColumnContainer {
	float: left;
	width: 100%;
	background: #F8F9FD;
	border-right: 1px solid #E8ECF8;
	position: relative;
	right: 519px;
	overflow: visible;
}
.wideColumnContainer {
	float: left;
	width: 100%;
	background: #FFFFFF;
	position: relative;
	right: 231px;
	overflow: visible;
}
.leftColumn {
	float: left;
	width: 230px;
	position: relative;
	left: 750px;
}
.centralColumn {
	float: left;
	width: 520px;
	position: relative;
	left: 750px;
}
.rightColumn {
	float: left;
	width: 230px;
	background: #F8F9FD;
	position: relative;
	left: 750px;
}
.wideColumn {
	float: left;
	width: 750px;
	position: relative;
	left: 750px;
}
.mastheadColumn {
    float: right;
	width: 750px;
    background: url("../images/contentandpods_bg.gif") #FFFFFF repeat-y scroll left;
	left: 750px;
	position: relative;	
}
.messageBox {
    background-color: #E7ECF8;
    height: 110px;
	padding: 20px;
    color: #022662;
    font-weight: bold;
	font-size: 0.688em;
	line-height: 1.818em;
}
.welcomeBox {
	width: 190px;
    height: 210px;	
	float: left;
    padding: 12px 10px 15px 30px;
	background: url('../images/welcome_box_bg.png') #00257A; repeat-y scroll left;
    position: relative;
}
.welcomeBox h2 {
    color: #82C2FF;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 23px;
	margin: 0px;
	padding: 0px;
}
.welcomeBox p {
    color: #E7ECF8;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.667em;
	margin: 0px;
	padding: 0px;
}
.flashOverlay {
    background: url("../images/flash_overlay.png") no-repeat left top transparent;
    left: 0;
    top: 0;
    position: relative;
    z-index: 1;
    float: left;
    width: 62px;
    height: 210px;	
}
.flashBanner {
    float: left;
	right: 0;
	bottom: 0;
    position: absolute;
    width: 750px;
    height: 210px;	
}

/* Navigation styles */
.globalNavigation ul {
	float: right;
	display: inline;
	line-height: normal;
}
.globalNavigation li {
	font-size: 0.688em;
	display: inline;
	float: left;
	list-style-type: none;
	background: url("../images/divider_global.gif") no-repeat center right;
	padding: 0 10px 0 7px;
	text-align: center;
}
.globalNavigation li a {
	margin-top: 5px;
}
.globalNavigation li a:link, .globalNavigation li a:visited {
	font-weight: bold;
	text-decoration: none;
}
.globalNavigation li a:hover, .globalNavigation li a:active, .globalNavigation li a:focus {
	font-weight: bold;
	text-decoration: underline;
}
.globalNavigation li.selected {
	text-decoration: underline;
	font-weight: bold;
}
.globalNavigation li.last {
	padding-right: 0;
	background: 0 none;
}
.globalNavigation select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #575757;
}
.globalNavigation select.site {
	width: 173px;
}
.globalNavigation select.language {
	width: 143px;
}
.primaryNavigation {
	width: 678px;
	margin-top: 20px;
	float: right;
	font-size: 0.688em;
}
.primaryNavigation li {
	color: #FFFFFF;
	display: inline;
	float: left;
	font-weight: bold;
	list-style-type: none;
	padding: 3px 16px 0 13px;
	text-align: center;
	background: url("../images/divider_primary.png") no-repeat center right;
}
.primaryNavigation li a:link, .primaryNavigation li a:visited {
	color: #005EB8;
	font-weight: bold;
	text-decoration: none;
}
.primaryNavigation li a:hover, .primaryNavigation li a:active, .primaryNavigation li a:focus {
	color: #00338D;
	font-weight: bold;
	text-decoration: none;
}
.primaryNavigation li.selected {
	color: #00338D;
	font-weight: bold;
	text-decoration: none;
}
.primaryNavigation li.selected a:link, .primaryNavigation li.selected a:visited {
	color: #00338D;
	font-weight: bold;
	text-decoration: none;
}
.primaryNavigation li.selected a:hover, .primaryNavigation li.selected a:active, .primaryNavigation li.selected a:focus {
	color: #00338D;
	font-weight: bold;
	text-decoration: none;
}
.primaryNavigation li.last {
	background: none 0;
	padding-right: 0;
}
.secondaryNavigation {
	width: 100%;
	font-size: 0.688em;
	line-height: 18px;
	overflow: hidden;
}
.secondaryNavigation li, .secondaryNavigation li ul li, .secondaryNavigation li ul li ul li, .secondaryNavigation li ul li ul li ul li  {
    display: inline;
}
.secondaryNavigation li a {
	background: url("../images/arrow_icon.gif") no-repeat scroll 217px 50% #FFFFFF;
	display: block;
	padding: 4px 20px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #E7ECF8;
}
.secondaryNavigation li a:link, .secondaryNavigation li a:visited {
	color: #007C92;
	text-decoration: none;
}
.secondaryNavigation li a:hover, .secondaryNavigation li a:active, .secondaryNavigation li a:focus {
	text-decoration: underline;
}
.secondaryNavigation li a.expanded {
	background: url("../images/arrow_icon_expanded.gif") no-repeat scroll 216px 50% #FFFFFF;
}
.secondaryNavigation li.selected a {
	color: #002664;
	font-weight: bold;
}
.secondaryNavigation li ul li a {
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	background: none #f0f0f0;/*컬러변경*F8F9FD에서*/
	border-bottom: 1px solid #E7ECF8;
}
.secondaryNavigation li ul li ul li a {
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	background: none #EFF2FA;
	border-bottom: 1px solid #FFFFFF;
}
.secondaryNavigation li ul li ul li ul li a {
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFFFFF;
}
.breadcrumbs {
	width: 100%;
	padding: 4px 20px 5px 20px;
	font-size: 0.688em;
}
.breadcrumbs ul {
	float: left;
	display: inline;
}
.breadcrumbs li {
	display: inline;
	float: left;
	list-style-type: none;
	background: url("../images/divider_breadcrumbs.gif") no-repeat center right;
	padding-right: 13px;
	text-align: center;
}
.breadcrumbs li a:link, .breadcrumbs li a:visited {
	color: #007C92;
	text-decoration: none;
}
.breadcrumbs li a:hover, .breadcrumbs li a:active, .breadcrumbs li a:focus {
	text-decoration: underline;
}
.breadcrumbs li.last, .breadcrumbs li.last a {
	color: #002664;
	padding-right: 0;
	background: 0 none;
}
.breadcrumbsFix {
	padding-left: 15px;
	padding-right: 15px;
}

/* Branding Bar styles */
.brandingBarLogo {
	display: inline;
	float: left;
	margin-top: 22px;
	margin-left: 22px;
}
.brandingBarLogo img {
	width: 160px;
	height: 56px;
}
.brandingBarTop {
	float: right;
	width: 750px;
	height: 30px;
	margin: 7px 0;
	vertical-align: bottom;
}
.brandingBarTop h1 {
	display: inline;
	color: #00338D;
	line-height: 1.875em;	
	font-size: 0.813em;
	font-weight: bold;
	margin-left: 100px;
	margin-top: 7px;
}
.brandingBarTop ul {
	float: right;
	display: inline;
	margin-top: 6px;
}
.brandingBarTop li {
	font-size: 0.688em;
	display: inline;
	border-right: 1px solid #FFFFFF;
	float: left;
	list-style-type: none;
	padding: 0 8px;
	text-align: center;
}
.brandingBarTop li a:link, .brandingBarTop li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.brandingBarTop li a:hover, .brandingBarTop li a:active, .brandingBarTop li a:focus {
	color: #FA9A00;
	text-decoration: none;
}
.brandingBarTop li.selected {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.brandingBarTop li.last {
	border: 0 none;
}
.brandingBarSearch {
	float: right;
	margin: 3px 10px 0 3px;
	display: inline;
	line-height: normal;
}
.brandingBarSearch input {
	width: 140px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.688em;
	border: 1px #7F9DB9 solid;
	padding: 1px 2px;
}
.brandingBarSearch img {
	vertical-align: bottom;
}

/* Column styles */
.sideColumnContent {
	padding: 0 10px;
}
.centralColumnContent {
	padding: 0 20px;
}
.mastheadColumnContent {
	padding: 0 10px 0 20px;
}
.wideColumnContent {
	padding: 0 10px 0 20px;
}
.maxColumnContent {
	padding: 0 15px 38px 15px;
}
.sideColumnContent p, .sideColumnContent span {
	font-size: 0.75em;
}/*
.centralColumnContent p, .centralColumnContent span {
	font-size: 0.9em;
}*/
.mastheadColumnContent p, .mastheadColumnContent span {
	font-size: 0.75em;
}/*
.wideColumnContent p, .wideColumnContent span {
	font-size: 0.75em;
}*/
.maxColumnContent p, .maxColumnContent span {
	font-size: 0.75em;
}

.centralColumnContent h1.contentTitle, .centralColumnContent h2.contentTitle, .centralColumnContent h3.contentTitle, .wideColumnContent h1.contentTitle, .wideColumnContent h2.contentTitle, .wideColumnContent h3.contentTitle, .mastheadColumnContent h1.contentTitle, .mastheadColumnContent h2.contentTitle, .mastheadColumnContent h3.contentTitle, .maxColumnContent h1.contentTitle, .maxColumnContent h2.contentTitle, .maxColumnContent h3.contentTitle {
	margin: 0 0 12px 0;
	line-height: normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #E7ECF8;
}
p.introCopy, span.introCopy {
	font-size: 0.75em;
	line-height: 1.125em;
}
p.bodyCopy, span.bodyCopy {
	font-size: 0.688em;
	line-height: normal;
}
.centralColumnContent ul, .sideColumnContent ul, .wideColumnContent ul, .mastheadColumnContent ul, .maxColumnContent ul {
	margin: 0.25em 0;
}
.centralColumnContent li, .sideColumnContent li, .wideColumnContent li, .mastheadColumnContent li, .maxColumnContent li {
	background: url("../images/arrow_icon.gif") no-repeat 7px 0.688em;
	position: relative;
	font-size: 0.75em;
	padding: 0.25em 0 0.25em 1.5em;
	line-height: 1.25em;
}
ul.bodyCopy {
	font-size: 0.833em;
}
li.iconDocument {
	background: url("../images/icon_document.gif") no-repeat left 0.35em;
}
li.iconPodcast {
	background: url("../images/icon_podcast.gif") no-repeat left 0.35em;
}
li.iconMovie {
	background: url("../images/icon_movie.gif") no-repeat left 0.35em;
}
li.iconWebpage {
	background: url("../images/icon_webpage.gif") no-repeat left 0.35em;
}
li.iconPhone {
	background: url("../images/icon_phone.gif") no-repeat left 0.35em;
}
li.iconEmail {
	background: url("../images/icon_email.gif") no-repeat left 0.35em;
}
li.iconRss {
	background: url("../images/icon_rss.gif") no-repeat left 0.35em;
}
li.iconPopup {
	background: url("../images/icon_popup.gif") no-repeat left 0.35em;
}
li.iconAudio {
	background: url("../images/icon_audio.gif") no-repeat left 0.35em;
}
.centralColumnContent img {
}
/*
.centralColumnContent img {
	margin: 10px 0;
	display: block;
}
*/
.heroWrapper {
    position: relative;
	height: 100%;
}
.heroOverlay {
	width: 276px;
	height: 52px;
	background: url('../images/hero_overlay.png') no-repeat right bottom;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #FFFFFF;
	font-size: 0.813em;
	line-height: normal;
	padding: 8px 20px 5px 20px;
}
.heroOverlayIeFix {
	width: 100%;
	height: 100%;
	text-align: right;
}
.heroOverlay h3 {
  	color: #82C2FF;
	font-size: 1em;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.heroOverlay a:link, .heroOverlay a:visited {
  	color: #FFFFFF;
}
.heroOverlay a:hover, .heroOverlay a:active, .heroOverlay a:focus {
  	color: #FA9A00;
	text-decoration: none;
}

/* Layout dividers */
.oneHalf {
	width: 230px;
	float: left;
}
.oneThird {
	width: 150px;
	float: left;
}
.spacingHalf {
	width: 20px;
	float: left;
}
.spacingThird {
	width: 15px;
	float: left;
}
.spacingQuarter {
	width: 10px;
	float: left;
}
.podsAndContent {
	width: 100%;
	background: url("../images/podsandcontent_bg.gif") repeat-y scroll left;
	margin: 10px 0 20px 0;
}
.contentAndPods {
	width: 100%;
	background: url("../images/contentandpods_bg.gif") repeat-y scroll right;
	margin: 10px 0 20px 0;
}
.podsAndContent h1, .podsAndContent h2, .podsAndContent h3, .podsAndContent h4, .podsAndContent h5, .podsAndContent h6, .contentAndPods h1, .contentAndPods h2, .contentAndPods h3, .contentAndPods h4, .contentAndPods h5, .contentAndPods h6 {
    margin-top: 0;
}
.podsAndContent div.pod, .contentAndPods div.pod {
	margin: 0 0 10px 0;
}
.podsLeft {
    float: left;
	width: 160px;
	margin-right: 20px;
}
.contentRight {
	padding-left: 20px;
}
.podsRight {
    float: right;
	width: 160px;
	margin-left: 20px;
}
.contentLeft {
	padding-right: 20px;
}
.rightBorder {
	border-right: 1px solid #E8ECF8;
}
.bottomBorder {
	border-bottom: 1px solid #E8ECF8;
}
.podsLeft blockquote, .podsRight blockquote {
	margin: 0;
	color: #000505C;
}

/* Pods */ 
.pod {
	padding: 0 10px;
	margin: 10px 0 0 0;
	position: relative;
}
.nopadding {
	padding: 0;
}
.nomargin {
	margin: 0;
}
.pod img {
	margin: 0.5em 0;
	display: block;
}
.pod h3 {
	width: auto;
	line-height: 1.5em;
	padding: 1px 10px 0px 10px;
	margin: 0 -10px 0.5em -10px;
	position: relative;
}
.pod h3.blue {
	color: #002664;
	background-color: #E0EEFB;
	border-bottom: 1px solid #C1DDF8;
	position: relative;
}
.pod h3.turqoise {
	color: #FFFFFF;
	background-color: #007C92;
	border-bottom: 1px solid #006375;
	position: relative;
}
.pod h3.red {
	color: #FFFFFF;
	background-color: #9E3039;
	border-bottom: 1px solid #7E262E;
	position: relative;
}
.pod h3.blue a {
	display: block;
	margin: 0 -10px;
	padding: 0 20px 0 10px;
	color: #002664;
	background: url("../images/pod_arrow_blue.gif") no-repeat scroll right center transparent;
	text-decoration: none;
}
.pod h3.turqoise a, .pod h3.red a {
	display: block;
	margin: 0 -10px;
	padding: 0 20px 0 10px;
	color: #FFFFFF;
	background: url("../images/pod_arrow_white.gif") no-repeat scroll right center transparent;
	text-decoration: none;
}
.pod h3.blue a:hover, .pod.blue h3 a:active, .pod.blue h3 a:focus {
	text-decoration: none;
	background-color: #C1DDF8;
}
.pod h3.turqoise a:hover, .pod.turqoise h3 a:active, .pod.turqoise h3 a:focus {
	text-decoration: none;
	background-color: #006375;
}
.pod h3.red a:hover, .pod.red h3 a:active, .pod.red h3 a:focus {
	text-decoration: none;
	background-color: #7E262E;
}
.nopadding h3.blue, .nopadding h3.turqoise, .nopadding h3.red {
	padding: 1px 20px 0px 20px;
}

/* Footer styles */
.footer li {
	border-right: 1px solid #E7ECF8;
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 6px;
	text-align: center;
}
.footer li.selected {
	font-weight: bold;
}
.footer li.last {
	border: 0 none;
}
.footer li a:link, .footer li a:visited {
	color: #B2B2B2;
	text-decoration: none;
}
.footer li a:hover, .footer li a:active, .footer li a:focus {
	text-decoration: underline;
}
.footerNavLeft {
	display: inline;
	float: left;
	margin-left: 4px;
	margin-top: 10px;
}
.footerNavRight {
	display: inline;
	float: right;
	margin-right: 4px;
	margin-top: 10px;
}
.footerLegalese {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 730px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 1.6;
}
.footerLegalese p {
	color: #B2B2B2;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: normal;
}

/* Miscellaneous classes */
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* verisign SSL Seal */
.verisignSeal {
	width: 210px;
	height: 130px;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;
}


/* 여기부터 Global Template 을 사용하기 전에 style.css 에 있었던. 그렇지만 Global css 에는 없는 것들 모음.. */

/*  GLOBAL SPACERS  */
.onepixelspace
{ font-size: 1px; line-height: 1px;  margin: 0px; padding: 0px}

/*  CURSORS  */
.hand
{ cursor: hand}

/*  NAVIGATION STYLES  */

/*  Breadcrumb Trail indicates location on two- and three-level deep pages. 
It is not recommended to activate this text with hyperlinks for navigation.  */
.BreadcrumbTrail
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 10px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
}

.BreadcrumbTrail a:link		{color: #00349C; text-decoration:none}
.BreadcrumbTrail a:visited	{color: #00349C; text-decoration:none}
.BreadcrumbTrail a:hover	{color: #00349C; text-decoration:underline}
.BreadcrumbTrail a:active	{color: #00349C; text-decoration:underline}

/*  TopNavigation is used for Main Top Horizontal navigation  */
.TopNavigation {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	font-weight: bold;
	color: #00349C;
	text-align: center;
	cursor: hand;
	margin: 0px;
	padding-right: 0px;
	padding-top: 5px;
}

.TopNavigation a:link		{color: #00349C; text-decoration:none}
.TopNavigation a:visited	{color: #00349C; text-decoration:none}
.TopNavigation a:hover		{color: #FA9A00; text-decoration:none}
.TopNavigation a:active		{color: #FA9A00; text-decoration:none}

/*  Separates top navigation choices  */
.TopNavPipe
{
	font-size:1px;
	width:1px;
	border-right:1px solid #B2B2B2;
	height: 8px;
	margin: 0;
	padding: 0;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 8px;
	line-height: 1px;
}

/*  LeftNavigation must be used for Main Left navigation  */

.LeftNavigation {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	font-weight: bold;
	color: #00349C;
	text-align: right;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 20px;
}

.LeftNavigation a:link		{color: #00349C; text-decoration:none}
.LeftNavigation a:visited	{color: #00349C; text-decoration:none}
.LeftNavigation a:hover		{color: #FA9A00; text-decoration:none}
.LeftNavigation a:active	{color: #FA9A00; text-decoration:none}

/* 2008-09-12 김영원 추가 부분 시작 */ 

.LeftNavigationSelect {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FA9A00;
	text-align: right;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 20px;
}

.LeftNavigationSelect a:link, .LeftNavigationSelect a:visited, .LeftNavigationSelect a:hover, .LeftNavigationSelect a:active	{color: #FA9A00; text-decoration:none}
/* 2008-09-12 김영원 추가 부분 끝 */

/*  LeftNavFlyout must be used for flyout menus from the Main Left navigation  */
.LeftNavFlyoutSelect {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
font-size: 11px; line-height: 13px; font-style: normal; font-weight: bold; color: #00349C; text-align: left; cursor: hand; margin: 0px; padding: 0px; padding-bottom: 6px  }

.LeftNavFlyout a:link		{color: #00349C; text-decoration:none}
.LeftNavFlyout a:visited	{color: #00349C; text-decoration:none}
.LeftNavFlyout a:hover		{color: #FA9A00; text-decoration:none}
.LeftNavFlyout a:active		{color: #FA9A00; text-decoration:none}
/* 2008-09-29 김영원 추가 부분 끝 */

.LeftNavFlyout {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
font-size: 11px; line-height: 14px; font-style: normal; font-weight: bold; color: ##fa9a00; text-align: left; cursor: hand; margin: 0px; padding: 0px; padding-bottom: 6px  }

.LeftNavFlyout a:link		{color: #00349C; text-decoration:none}
.LeftNavFlyout a:visited	{color: #00349C; text-decoration:none}
.LeftNavFlyout a:hover		{color: #FA9A00; text-decoration:none}
.LeftNavFlyout a:active		{color: #FA9A00; text-decoration:none}

/* 2008-09-29 김영원 추가 부분 끝 */

/* 2008-09-29 김영원 추가 부분 끝 */

/* Flyout Panel Style */
.FlyoutBorder 
{ font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; vertical-align: top; background-color: #FFFFFF; border-left: 2px solid #ababab; border-top: 2px solid #CBCBCB; border-right: 2px solid #8d8d8d; border-bottom: 2px solid #707070 }  

/*  LeftNavSub is used for Subnavigation in the Left Navigation bar, revealed by the plus (+) and closed by the minus (-)  */
.LeftNavSub {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00349C;
	text-align: right;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-right: 20px;
}

.LeftNavSub a:link		{color: #00349C; text-decoration:none}
.LeftNavSub a:visited	{color: #00349C; text-decoration:none}
.LeftNavSub a:hover		{color: #FA9A00; text-decoration:none}
.LeftNavSub a:active	{color: #FA9A00; text-decoration:none}

/*  Top is Main Navigation in the form of a jump link back to the top of a scrolling page */
.Top {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	font-weight: bold;
	color: #00349C;
	text-align: right;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	padding-right: 24px;
	padding-top: 9px;
}

.Top a:link		{color: #00349C; text-decoration:none}
.Top a:visited	{color: #00349C; text-decoration:none}
.Top a:hover	{color: #FA9A00; text-decoration:none}
.Top a:active	{color: #FA9A00; text-decoration:none}

.Top img {letter-spacing: normal; vertical-align: bottom; word-spacing: normal ; margin: 0px; padding: 0px; padding-bottom: 5px; display:inline;}


/*  UtilityNavigation is used for Utility Links as well as Secondary Tabbed Navigation */
.UtilityNavigation {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 9px;
	line-height: 9px;
	font-style: normal;
	font-weight: normal;
	color: #00349C;
	text-align: right;
	vertical-align: top;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 11px;
}

.UtilityNavigation a:link		{COLOR: #00349C; text-decoration:none}
.UtilityNavigation a:visited	{COLOR: #00349C; text-decoration:none}
.UtilityNavigation a:hover		{COLOR: #FA9A00; text-decoration:none}
.UtilityNavigation a:active		{COLOR: #FA9A00; text-decoration:none}

/*  Separates utility navigation choices  */
.Pipe
{
 font-size:1px;
 line-height: 8px;
 height: 8px;
 width:1px;
 border-right:1px solid #B2B2B2;
 margin: 0;
 padding: 0;
 margin-left:12px;
 margin-right:12px;
}

/*  TabNavigation may be used for Secondary Tabbed Navigation */
.TabNavigation 
{font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 9px; line-height: 9px; font-style: normal; font-weight: normal; 
color: #00349C; text-align: right; vertical-align: top; cursor: hand; margin: 0px; padding: 0px; padding-right: 7px; padding-top: 5px}

.TabNavigation a:link		{color: #8C8C8C; text-decoration:none}
.TabNavigation a:visited	{color: #8C8C8C; text-decoration:none} 
.TabNavigation a:hover	{color: #00349C; text-decoration:underline}
.TabNavigation a:active	{color: #00349C; text-decoration:underline}

/*  LinkBold is used for Subnavigation links.  */
.LinkBold {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; line-height: 13px; font-style: normal; font-weight: bold; color: #00349C; text-align: left; vertical-align: top; cursor: hand; margin: 0px; padding: 0px; padding-top: 6px}

.LinkBold a:link		{color: #00349C; text-decoration:none}
.LinkBold a:visited		{color: #00349C; text-decoration:none}
.LinkBold a:hover		{color: #00349C; text-decoration:underline}
.LinkBold a:active		{color: #00349C; text-decoration:underline}

/*  LinkSub is used for Subnavigation as listed sublinks. They may be revealed by the plus (+) and closed up by the minus (-). */
.LinkSub {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; line-height: 12px; font-style: normal; font-weight: normal; color: #00349C; text-align: left; cursor: hand; margin: 0px; padding: 0px; padding-top: 4px  }

.LinkSub a:link		{color: #00349C; text-decoration:none}
.LinkSub a:visited	{color: #00349C; text-decoration:none}
.LinkSub a:hover	{color: #00349C; text-decoration:underline}
.LinkSub a:active	{color: #00349C; text-decoration:underline}

/*  Search Results Pagination Navigation Style */
.Pagination {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; line-height: 12px; font-style: normal; font-weight: normal; color: #000000; text-align: left; vertical-align: top; margin: 0px; padding: 0px; padding-top: 6px}

.Pagination a:link			{color: #00349C; text-decoration:none}
.Pagination a:visited		{color: #666666; text-decoration:none}
.Pagination a:hover			{color: #00349C; text-decoration:underline}
.Pagination a:active		{color: #00349C; text-decoration:underline}

/*  HEADLINE / NEWS SOURCE / ABSTRACT NAVIGATION STYLES */

/*  A headline links to a full story on a Web page and is accompanied by a brief abstract.
Key in initial caps except for prepositions for title case editorial treatment  */
.Headline {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; line-height: 13px; font-style: normal; font-weight: bold; color: #00349C; text-align: left; vertical-align: top; cursor: hand; margin: 0px; padding: 0px; padding-top:9px;}

.Headline a:link		{color: #00349C; text-decoration:none}
.Headline a:visited		{color: #666666; text-decoration:none}
.Headline a:hover		{color: #00349C; text-decoration:underline}
.Headline a:active		{color: #00349C; text-decoration:underline}

/*  NewsSource may be used for story source, author, or date attributes  */
.NewsSource {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	padding-right: 12px;
}

/*  Abstracts may accompany a Headline to summarize a story's content.  If the Headline uses a NewsSource, change padding-top of Abstract to 4px */
.Abstract {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; line-height: 12px; font-style: normal; font-weight: normal; color: #000000; text-align: left; vertical-align: top; margin: 0px; padding: 0px; padding-top: 2px}

/* MENU / DIVIDER BRACKETS */

.MenuCorner
{
	font-size:1px;
	line-height: 1px;
	width:13px;
	height: 13px;
	border-top:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;
	vertical-align: top;
	position:absolute;
	left:145px;
	top:120px;
	padding: 0;
	margin: 0;
}

.MenuBracketRight
{
	border-right:1px solid #B2B2B2; 
	border-top:1px solid #B2B2B2;
	padding-right: 8px;
	padding-top: 6px;
}

.MenuBracketLeft
{
	border-left:1px solid #B2B2B2;
	border-top:1px solid #B2B2B2;
	padding-left: 8px;
	padding-top: 6px;
}

/* For added menu width, use 8-px wider table to simulate right border hanging into margin and code remaining page accordingly. Alternatively, apply position attributes on other page elements to right of menu to shift them left by 8px */
.MenuBracketRightPos
{
	border-right:1px solid #B2B2B2; 
	border-top:1px solid #B2B2B2;
	padding-right:8px; 
	padding-top:6px; 
	position:relative; left:0px; top:0px;
}

/* Position attributes hang table into left gutter for added menu width. Allows for an 8-px wider table for added width. */
.MenuBracketLeftPos
{
	border-left:1px solid #B2B2B2; 
	border-top:1px solid #B2B2B2;
	padding-left:8px; 
	padding-top:6px; 
	position:relative; left:-8px; top:0px;
}

/*  TEXT STYLES  */
/*  Superscripts/Subscripts are applied using the <sup> and <sub> tags. */

sup { font-size: 70%}
sub { font-size: 70%}

/*  Content Styles  */

.Head01
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 22px;
	font-style: normal;
	line-height: 23px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #00349C;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

.Head01SpaceAfter 
{ font-family:Arial, Helvetica, sans-serif,verdana, Gulim,굴림,UnDotum ; font-size: 24px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; text-transform: none; color: #00349C; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px;  padding: 0px; padding-bottom: 19px }


.Head02
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 15px;
	font-style: normal;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00349C;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: baseline;
	word-spacing: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

.Head02SpaceAfter 
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 15px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal; text-transform: none; color: #00349C; letter-spacing: 0px; text-align: left; vertical-align: baseline; word-spacing: 0px; margin: 0px; padding: 0px; padding-bottom: 19px}


.Head03
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

.Head03SpaceAfter
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal;  text-transform: none; color: #000000; letter-spacing: 0px; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-bottom: 19px }

.Head03ALLCAPS
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal;  text-transform: uppercase; color: #000000; letter-spacing: 0px; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-bottom: 19px }


.Head03AlertRed {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal;  text-transform: none; color: #B70005; letter-spacing: 0px; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px }


/* Run-in head -- the first sentence of a paragraph -- applied using the span tag within a paragraph tag */
.Head04       
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 13px; font-style: normal; line-height: 19px;  font-weight: normal; font-variant: normal;  text-transform: none; color: #00349C; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal ; margin: 0px; padding: 0px; padding-bottom: 19px; padding-right: 12px }

p
{font-family:Arial, Helvetica, sans-serif,  MS Gothic, Gulim, 굴림, Dotum, 돋움, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 12px; font-style: normal; line-height: 19px;  font-weight: normal; font-variant: normal;  text-transform: none; color: #000000; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal ; margin: 0px; padding: 0px; padding-bottom: 19px }


.Footnote
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 10px; font-style: normal; line-height: 11px; font-weight: normal; font-variant: normal;  text-transform: none; color: #000000; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-top: 6px}

.Caption {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal;  text-transform: none; color: #000000; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-top: 2px
}

.Callout {
font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal;  text-transform: none; color: #00349C; letter-spacing: normal; text-align: right; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-top: 2px
}

.Date
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal;  text-transform: none; color: #000000; letter-spacing: 0px; text-align: left; vertical-align: baseline; word-spacing: normal; margin: 0px; padding: 0px; padding-top:16px;}

.Subbullet {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	vertical-align: baseline;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
	margin-left:32px;
	padding-bottom: 4px;
	text-indent: -16px;
}

/* Used for smaller Form buttons */
.FormButton
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center;  vertical-align: middle; color: #000000; background-color: #FFFFFF; 	margin: 0px; margin-top: 9px; margin-bottom: 4px; margin-right: 6px; padding: 0px; padding-left: 6px; padding-right: 6px; cursor: hand; }

.FormButton_1
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center; vertical-align: middle; color: #000000; background-color: #FFFFFF; margin: 0px; padding: 0px; padding-left: 6px; padding-right: 6px; cursor: hand; }

.FormButton_2
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center;  vertical-align: top; color: #000000; background-color: #FFFFFF; 	margin: 0px; margin-top: 9px; margin-bottom: 4px; margin-right: 6px; padding: 0px; padding-left: 6px; padding-right: 6px; cursor: hand; }

/* Used for when larger, more prominent Form buttons are needed */
.FormButtonWide 
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center;  vertical-align: middle; color: #000000; background-color: #FFFFFF; 	margin: 0px; margin-top: 9px; margin-bottom: 4px; margin-right: 6px; padding: 0px; padding-left: 12px; padding-right: 12px; cursor: hand; }

/* Used for when larger, more prominent Form buttons are needed 사용자 추가*/
.FormButtonWide2 
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center;  vertical-align: top; color: #000000; background-color: #FFFFFF; 	margin: 0px; margin-top: 9px; margin-bottom: 4px; margin-right: 6px; padding: 0px; padding-left: 12px; padding-right: 12px; cursor: hand; }


.FormLabel 
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: 0px;
	text-align: right;
	vertical-align: top;
	word-spacing: normal;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.FormLabelAbove {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.FormLabel2 {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	padding-top: 2px;
}

.FormLabel3 { font-size: 10px; line-height: 11px; font-weight: normal}

.FormLabel4 {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: 0px;
	text-align: left;
	word-spacing: normal;
	vertical-align: baseline; 
	margin: 0px; 
	padding: 0px; 
}

.FormAlertText {
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B70005;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
	margin-left: 12px;
}

.FormTextField 
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 13px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	margin: 0px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 12px;
}

.FormTextField_1
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 13px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	margin: 0px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.FormRadioButton {
	padding: 0;
	margin: 0;
	margin-right: 12px;
	position: relative;
	top: 2px;
}

.FormCheckBox {
	padding: 0;
	margin: 0;
	padding-top:2px;
	margin-right: 12px;
}

.FormListMenu 
{
	font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 13px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	margin: 0px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 12px;
	height: 22px;
	padding-left: 0px;
}

/*  Use this to indicate a required field */
.Asterisk
{
	color: #00349C;
	font-size: 13px;
	font-weight: normal;
	margin-right: 3px;
	position: relative;
	top: 2px;
}

.AsteriskRed
{
	color: #B70005;
	font-size: 13px;
	font-weight: normal;
	margin-right: 3px;
	position: relative;
	top: 2px;
}

/* TABLE STYLES */

/* Used for table column heads */
.ColumnHead
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; text-transform: none; text-align: center;  vertical-align: bottom; color: #000000; background-color: #E7EAF0; margin: 0px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2 }

/* Used for table first column column head */
.ColumnHeadLeft
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; text-transform: none; text-align: left;  vertical-align: bottom; color: #000000; background-color: #E7EAF0; margin: 0px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2 }

/* Used for table first column text */
.ColumnTextLeft
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; text-transform: none; text-align: left;  vertical-align: Top; color: #000000; background-color: #FFFFFF; margin: 0px;  margin-bottom: 2px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2}

/* Used for table text */
.ColumnText
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 13px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; text-align: left;  vertical-align: Top; color: #000000; background-color: #FFFFFF; margin: 0px;  margin-bottom: 2px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2}

/* Used for table text 사용자 추가*/
.ColumnText2
{  font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; text-align: left;  vertical-align: middle; color: #000000; background-color: #FFFFFF; margin: 0px;  margin-bottom: 2px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2}


.ColumnTextCenter
{  font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; text-align: center;  vertical-align: Top; color: #000000; background-color: #FFFFFF; margin: 0px;  margin-bottom: 2px; padding: 10px; border: 0px; border-bottom: 1px solid #B2B2B2}


/* Used for content text */
.ContentsText
{  font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: left; color: #000000; padding: 3px; border: 0px; }


/* DOTCOM HOME PAGE STYLES */
.HomeCallout01 
{ font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 16px; font-style: normal; line-height: 20px; font-weight: bold; 
font-variant: normal; text-transform: none; color: #000000; letter-spacing: normal; text-align: right; vertical-align: baseline; 
word-spacing: normal; margin: 0px; padding: 0px; padding-top: 66px; padding-bottom: 3px} 

.HomeCallout02 
{font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 11px; font-style: normal; line-height: 20px; font-weight: bold; 
font-variant: normal; text-transform: none; color: #000000; letter-spacing: normal; text-align: right; vertical-align: baseline; 
word-spacing: normal; margin: 0px; padding: 0px} 

.HomeImage 
{width: 40px; height: 49px; margin-right: 17px; border: 0px; margin-top: 3px} 

.HomeHead01 
{font-family:Arial, Gulim, 굴림, Dotum, 돋움,Helvetica, sans-serif,  MS Gothic, "ＭＳＰゴジック", Osaka, "ヒラギノ角ゴ Pro W3", verdana; font-size: 27px; font-style: normal; line-height: 28px; font-weight: normal; 
font-variant: normal; text-transform: none; color: #4994D6; letter-spacing: normal; text-align: left; vertical-align: baseline; 
word-spacing: normal; margin: 0px; padding: 0px; padding-bottom: 15px} 

.HomeHeadline 
{font-family:Arial, Dotum, 돋움, Gulim, 굴림, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-style: normal; font-weight: bold; color: 
#00349C; text-align: left; vertical-align: top; cursor: hand; margin: 0px; padding: 0px} 

.HomeHeadline a:link {color: #00349C; text-decoration:none} 
.HomeHeadline a:visited {color: #666666; text-decoration:none} 
.HomeHeadline a:hover {color: #00349C; text-decoration:underline} 
.HomeHeadline a:active {color: #00349C; text-decoration:underline} 

.HomeHeadline_Kr
{ font-family:Gulim, 굴림, Dotum, 돋움,  Arial,  Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; font-weight: bold; color: 
#00349C; text-align: left; vertical-align: top; cursor: hand; margin: 0px; padding: 0px} 

.HomeHeadline_Kr a:link {color: #00349C; text-decoration:none} 
.HomeHeadline_Kr a:visited {color: #666666; text-decoration:none} 
.HomeHeadline_Kr a:hover {color: #00349C; text-decoration:underline} 
.HomeHeadline_Kr a:active {color: #00349C; text-decoration:underline} 

.HomeAbstract 
{font-family:Gulim, 굴림, Arial, Dotum, 돋움,  Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; font-weight: normal; 
color: #000000; text-align: justify; vertical-align: top; margin: 0px; padding: 0px; padding-top: 2px; padding-bottom: 15px} 

.HomeAbstract_Kr
{ font-family:Dotum, 돋움, Gulim, 굴림, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; font-weight: normal; 
color: #000000; text-align: justify; vertical-align: top; margin: 0px; padding: 0px; padding-top: 2px; padding-bottom: 15px} 

.HomeHead03ALLCAPS 
{font-family:Arial, Dotum, 돋움, Gulim, 굴림, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; 
font-variant: normal; text-transform: uppercase; color: #000000; letter-spacing: 0px; text-align: left; vertical-align: baseline; 
word-spacing: normal; margin: 0px; padding: 0px; margin-bottom: -3px} 

.HomeRtHeadline 
{font-family:Arial, Dotum, 돋움, Gulim, 굴림, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-style: normal; font-weight: bold; color: 
#00349C; text-align: left; vertical-align: top; cursor: hand; margin: 0px; padding: 0px; padding-top:6px} 

.HomeRtHeadline a:link {color: #00349C; text-decoration:none} 
.HomeRtHeadline a:visited {color: #666666; text-decoration:none} 
.HomeRtHeadline a:hover {color: #00349C; text-decoration:underline} 
.HomeRtHeadline a:active {color: #00349C; text-decoration:underline} 

.HomeRtAbstract 
{font-family:Arial, Dotum, 돋움, Gulim, 굴림, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-style: normal; font-weight: normal; color: 
#000000; text-align: left; vertical-align: top; margin: 0px; padding: 0px} 


/*--2009-09-01 영원 추가 --IFRS site --*/

.title02{color:#007c92; font-weight:bold; margin-top:0px; font-size:12px; }
.sup01{color:#007c92; font-size:11px; }


/* BUTTON STYLES 2016-10-14 추가*/


.btn{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
	}
	
	
.btn-default{
	color:#333;
	background-color:#fff;
	border-color:#ccc
	}
	
.btn-sm{
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
	border-radius:3px
	}	
	
   

/*FaircallSvc_sfa 추가*/
	
	.privacy-container {
	font-family:굴림; 
	font-size:11px;
	width:517px;
	margin-left: 13px;
}

.privacy-table {
	font-family:굴림; 
	font-size:11px;
	border: 1px solid;
	border-collapse: collapse;
	
}

.privacy-table tr th{
	background:#F2F2F2;
	padding:5px;
	border: 1px solid;

}

.privacy-table tr td {
	border: 1px solid;
	padding:5px;
}

.privacy-table .privacy-in{
	font-weight : bold;
	text-decoration : underline;
}

/* FairCall service wrapper modern refresh (scoped to svc/svc_jnl/svc_sfa pages only) */
body.fc-modern-shell {
	background: linear-gradient(180deg, #f7f9fd 0%, #eef3f9 100%);
	color: #1f2937;
	font-family: "Noto Sans KR", "Malgun Gothic", "Segoe UI", Arial, sans-serif;
}

body.fc-modern-shell * {
	font-family: inherit;
}

body.fc-modern-shell .container {
	margin: 16px auto;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(2, 38, 100, 0.1);
	background: #ffffff;
}

body.fc-modern-shell .globalNavigation {
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	padding: 10px 8px 8px 8px;
}

body.fc-modern-shell .columnWrapper {
	background-color: #ffffff;
	padding: 10px 0 16px 0;
}

body.fc-modern-shell .wideColumnContent {
	padding: 6px 12px 16px 12px;
}

/* Remove legacy left navigation on svc wrapper pages and let iframe content use full width */
body.fc-modern-shell .leftColumn {
	display: none;
}

body.fc-modern-shell .wideColumn {
	width: 100%;
	left: 0;
}

body.fc-modern-shell .wideColumnContainer,
body.fc-modern-shell .leftColumnContainer {
	right: 0;
	border-right: 0;
}


body.fc-modern-shell .brandingBarToyota,
body.fc-modern-shell .brandingBarJnl,
body.fc-modern-shell .brandingBarSFA {
	overflow: visible;
}

body.fc-modern-shell .brandingBarLogo {
	display: none;
}

body.fc-modern-shell .heroWrapperIeFix,
body.fc-modern-shell .heroWrapper,
body.fc-modern-shell .heroOverlay,
body.fc-modern-shell .heroOverlayIeFix {
	display: none;
}

body.fc-modern-shell .fc-modern-frame {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 600px;
	border: 1px solid #dbe4f0;
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 18px rgba(15, 23, 42, 0.07);
	background: #ffffff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

body.fc-modern-shell .footer {
	border-top: 1px solid #e2e8f0;
	padding: 6px 0 10px 0;
	background: #ffffff;
}

body.fc-modern-shell .footer li a:link,
body.fc-modern-shell .footer li a:visited {
	color: #64748b;
}

body.fc-modern-shell .footer li a:hover,
body.fc-modern-shell .footer li a:active,
body.fc-modern-shell .footer li a:focus {
	color: #0f766e;
}

@media (max-width: 1024px) {
	body.fc-modern-shell .container,
	body.fc-modern-shell .globalNavigation,
	body.fc-modern-shell .brandingBarToyota,
	body.fc-modern-shell .brandingBarJnl,
	body.fc-modern-shell .brandingBarSFA,
	body.fc-modern-shell .columnWrapper,
	body.fc-modern-shell .footer {
		width: 100%;
	}

	body.fc-modern-shell .leftColumn {
		display: none;
	}

	body.fc-modern-shell .wideColumn {
		width: 100%;
		left: 0;
	}

	body.fc-modern-shell .wideColumnContainer,
	body.fc-modern-shell .leftColumnContainer {
		right: 0;
		border-right: 0;
	}
}

/* FairCall wrapper polish v2: visual-only overrides */
body.fc-modern-shell {
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

body.fc-modern-shell .container {
	border: 1px solid #e2e8f0;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

body.fc-modern-shell .globalNavigation {
	padding: 8px 10px 7px;
}

body.fc-modern-shell .brandingBarToyota,
body.fc-modern-shell .brandingBarJnl,
body.fc-modern-shell .brandingBarSFA {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

body.fc-modern-shell .columnWrapper {
	padding: 12px 0 18px;
}

body.fc-modern-shell .wideColumnContent {
	padding: 10px 14px 18px;
}

body.fc-modern-shell .fc-modern-frame {
	border-color: #d6e0ed;
	border-radius: 14px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 20px rgba(15, 23, 42, 0.07);
}

body.fc-modern-shell .footer {
	padding: 8px 0 12px;
}