@charset "utf-8";
/* CSS Document */

/* COMMON * * * * * * * * */
img {border-style:none;}
fieldset {padding:2em; margin:1em 3em;}
cite {font-style:normal; cursor:help;}
.txtLightgray {color:lightgray;}
.hidden {display:none;}
.imgCtr {margin:0 auto; padding:10px; text-align:center !important; background-color:;}
.imgCtr img {border-width:0; border-style:none; border-color:#CCCCCC; margin:0 auto; padding:10px;}
.fltRt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;}
.fltLt { /* this class can be used to float an element left in your page */
	float: left; margin-right: 8px;}
.fltCt { /* this class can be used to float an element left in your page */
	float: none; margin: 8px auto;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}


/* #header * * * * * * * * */
#header h1#logo {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float:left; margin:0; padding:0 30px; height:60px; width:90px; display:inline; overflow:hidden;}
#header h1#logo a {
    margin:0; padding:60px 0 0 0; width:90px; height:0; overflow:hidden; display:block;
    background-image:url(/v4/common/images/header_logo.gif); background-position:0 0; background-repeat:no-repeat;}
#header .gnbArea {
	float:left; height:70px; width:750px; margin:0; padding:0; overflow:hidden;}
#header #gnb {
	height:70px; width:750px; margin:0; padding:0; list-style:none; display:block; overflow:hidden;}
#header #gnb li {
	float:left; height:61px; width:230px; margin:0; padding:0 10px; list-style:none; display:block; overflow:hidden; 
    font-size:14px;}
#header #gnb li#m01 {
    background-image:url(/v4/common/images/header_m01.gif); background-position:left top; background-repeat:no-repeat;}
#header #gnb li#m02 {
    background-image:url(/v4/common/images/header_m02.gif); background-position:left top; background-repeat:no-repeat;}
#header #gnb li#m03 {
    background-image:url(/v4/common/images/header_m03.gif); background-position:left top; background-repeat:no-repeat;}
#header #gnb a {
	margin:0; padding:70px 0 0 0; display:block; border:none;
	overflow:hidden; height:72px !important; width:auto;}
#header #gnb a:link,
#header #gnb a:visited {
    float:left; background-position:top left; background-repeat:no-repeat; color:#FFF; text-decoration:none;  }
#header #gnb a:hover {
	color:#F47528; text-decoration:none;}
#header #gnb a:active {
	}
#header .snbArea {
    float:left; clear:left; position:relative; height:auto; width:auto; padding:0; margin:0;}
#header .snb {
	margin:0; padding:0;
	position:absolute; top:-70px; list-style-type:none;
    background-color:#FFF;
    display:block;}
#header .snb li {}
#header .snb li a {
    text-decoration:none; padding:0; color:#CCC;}
#header .snbArea #snbm01 {
    left:240px; width:150px; z-index:10;}
#header .snbArea #snbm01 a:hover {
    color:#f7941d; font-weight:bold;}
#header .snbArea #snbm02 {
    left:490px; width:150px; z-index:10;}
#header .snbArea #snbm02 a:hover {
    color:#39b54a; font-weight:bold;}
#header .snbArea #snbm03 {
    left:770px; width:120px; z-index:10;}
#header .snbArea #snbm03 a:hover {
    color:#0072bc; font-weight:bold;}


/* #sidebar1 * * * * * * * * */
#sidebar1 #subMenu {
    margin:0; padding:0;}
#sidebar1 #subMenu h2 {
    margin:0; padding:0;}
#sidebar1 #subMenu #categoryName {
    margin:71px 0 0 0; padding:0;}
#sidebar1 #subMenu #menuList {
    margin:0; padding:0; list-style-type:none;}
#sidebar1 #subMenu #menuList li {
    margin:0 0 0 30px; padding:0; height:28px; width:170px; display:block; line-height:100%; font-size:12px;}
#sidebar1 a {
	text-decoration:none; }


/* #mainContent * * * * * * * * */
/* #mainContent / #cntHead * * * * * * * * */
#cntHead {}
#cntHead .pageTitle {
    background-image:url(/v4/common/images/headbar_bg.gif); background-position:top left; background-repeat:repeat-x;
    height:20px; width:auto; overflow:hidden; margin:0; padding:15px 10px; color:#CCC; font-size:16px;}
#cntHead .pageLocation {
    height:20px; width:auto; margin:0; padding:0 10px; text-align:right;}





/* #mainContent / #cntChest * * * * * * * * */
#cntChest {
	margin:2em; padding:0 2em; text-align:justify; min-height:240px;}
#cntChest h3 {
	background-image:url(/v4/common/images/h3_bul.gif); background-position:0 7px; 
	background-repeat:no-repeat;
	font-size:17px; line-height:25px; color:#800000; text-align:left;
	margin:16px 0; padding:0 0 0 16px;}
#cntChest h4 {
	font-size:15px; line-height:23px; color:#2e66ab; text-align:left;
	margin:16px 16px 8px 0; padding:0;}
#cntChest h5 {
	font-size:12px; line-height:21px; color:#0000FF; text-align:justify;
	margin:0 0 0 18px; padding:0;}
#cntChest p {
	_margin:8px 16px 16px 16px;}
#cntChest ul  {
	margin:16px 16px 16px 32px; padding:0;}
#cntChest ul li {
	font-size:12px; line-height:20px;
	margin:0; padding:0;}
#cntChest ol  {
	margin:16px 16px 16px 32px; padding:0;}
#cntChest ol li {
	font-size:12px; line-height:20px;
	margin:0; padding:0;}
#cntChest dl  {
	margin:16px 16px 16px  32px; padding:0;}
#cntChest dl dt {
	font-weight:bold; font-size:12px; line-height:20px;
	margin:0; padding:0;}
#cntChest dl dd {
	font-size:12px; line-height:20px;
	margin:0; padding:0; display:inline;}
#cntChest .hr {background-image:url(); background-position:center; background-repeat:no-repeat; height:8px;
	font-size:1px; margin:48px auto;}
#cntChest .blue {
    color:#00F;}
#cntChest a:link,
#cntChest a:visited {
	text-decoration:none;}
#cntChest a:hover {
	text-decoration:none;}
#cntChest a:active {
	text-decoration:none;}
#cntChest p.subList {
	background-image:url(/en/common/images/sublist_bul.gif); background-position:0 3px; 
	background-repeat:no-repeat;
	font-size:12px; line-height:20px; text-align:justify;
	margin:8px 16px 16px 0; padding:0 0 0 18px;}
#cntChest a.performList {
	background-image:url(/en/common/images/performlist_bul.gif); background-position:0 4px; 
	background-repeat:no-repeat;
	font-size:17px; line-height:25px; color:#0000FF; text-align:left;
	margin:16px 0; padding:0 0 0 18px; border:none;}
#cntChest div.tipsClassTitle {
	background-image:url(/en/common/images/tipsclasstitle_bul.gif); background-position:0 7px; 
	background-repeat:no-repeat;
	font-size:17px; line-height:25px; color:#000000; text-align:left;
	margin:10px 20px; padding:0 0 0 18px; border:none;}
#cntChest a.tipsList {
	background-image:url(/en/common/images/tipslist_bul.gif); background-position:0 0px; 
	background-repeat:no-repeat;
	font-size:12px; line-height:20px; color:#0000FF; text-align:left;
	margin:8px 16px 16px 0; padding:0 0 0 18px; border:none;}
#cntChest cite {font-style:normal; border-bottom:1px dashed #666; cursor:help;}

#cntChest .table1 { /* upper header*/
	border-collapse:collapse; background-color:#CCCCCC;
	font-size:12px;
	margin-bottom:25px;}
#cntChest .table1 th {
	height:20px; text-align:center; vertical-align:middle; 
	font-weight:normal;
	background:#FFFFE8;
	background-image:url(/en/common/images/table_thbg01.gif); background-position:bottom; background-repeat:repeat-x;
	padding:3px;}
#cntChest .table1 td {
	height:20px;
	text-align:center; vertical-align:middle;
	padding:5px 3px; background:#FFFFFF;}
#cntChest .table1 td.check {
    background-color:#FCF;}
#cntChest .table2 { /* left header*/
	border-collapse:collapse;
	margin-bottom:25px;}
#cntChest .table2 tr {
	}
#cntChest .table2 th {
	text-align:right; vertical-align:middle; border-left:3px solid #1AA6FA; border-right:2px solid #FFFFFF;
	padding:5px; background:#BFDDF9;}
#cntChest .table2 td {
	text-align:left; vertical-align:middle;
	padding:5px; background:#FAFAFA;}
#cntChest .table3 { /* upper header*/
	font-size:12px;
	border-collapse:collapse;margin:5px 10px 30px 10px; border-top:3px solid #FAA61A;}
#cntChest .table3 tr {
	height:auto; background:#B2B2B2;}
#cntChest .table3 th {
	text-align:center; vertical-align:top;
	padding:5px 11px;border:1px solid #d3d3d3; background:#EEEEEE;}
#cntChest .table3 td {
	text-align:left; vertical-align:top;
	padding:5px 11px;border:1px solid #d3d3d3; background:#FFFFFF;}

/* #mainContent / #cntFoot * * * * * * * * */
#cntFoot {}

/* #footer * * * * * * * * */
#footer .horizonbar {
    float:none; clear:both; height:20px; width:auto; background-color:#333;}
#footer .footerContent {
	float:none; clear:both; height:4em; background-color:#FFF; font-size:0.9em;}
#footer .iconTxt {
	color:#FFF; font-weight:bold; background-color:#666; padding:0 2px;}
#footer .white {
	text-decoration:none; color:#F0F0F0;}
#footer #address {
	float:left; clear:left; width:52em; margin:1em; padding:0; background-color:#FFF;}
#footer #copyright {
    float:right; clear:right; width:22em; margin:1em; padding:0; text-align:right;}
#footer #copyright a:link, 
#footer #copyright a:visited {
	color:#333; text-decoration:none;}
#footer #copyright a:hover, 
#footer #copyright a:active {
	color:#2e66ab;}
#footer #copyright p {
	margin:0; padding:0;}
#footer #w3 {
	float:left; margin:10px; padding:0; visibility:visible;}