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

body {scrollbar-face-color:#000; scrollbar-highlight-color:#000; scrollbar-shadow-color:#000; 
    scrollbar-3dlight-color:#000; scrollbar-darkshadow-color:#000; scrollbar-track-color:#000; scrollbar-arrow-color:#999;}
img {border-style:none;}
form {margin:0; padding:0;}
iframe {background:transparent; background-color:#000;}
fieldset {padding:2em; margin:1em 3em;}
.hidden {display:none;}
.imgCtr {margin:0 auto; padding:10px; text-align:center !important;}
.imgCtr img {border-width:0; border-style:none; border-color:#CCCCCC; margin:0 auto; padding:10px;}
a:link {color:#CCC; text-decoration:none;}
a:visited {color:#CCC; text-decoration:none;}
a:hover {color:#FFF; text-decoration:underline;}
a:active {color:#FFF; text-decoration:none;}

/* #header */
#header #jumpLanguage {
    height:14px; width:170px; text-align:left; font-weight:normal; float:right; clear:left; position:relative;}
#header #jumpLanguage ul {
    margin:0; padding:0; list-style-type:none;}
#header #jumpLanguage ul li {
    float:left; margin:0; padding:0; list-style-type:none; width:50px;}
#header #jumpLanguage a {
    color:#FFD700; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#header h1 {
    margin:0; padding:0;}
#header #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:0 0 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float:none; clear:both; margin:0 auto; height:76px; width:85px; list-style:none; display:block;}
#header .gnbarea {
	float:none; background-image:url(/en/common/images/header_line.gif); background-repeat:no-repeat; background-position:bottom;
    height:25px; width:760px; margin:0 auto; padding:0; overflow:hidden;}
#header #gnb {
	margin:0 auto; padding:0 0 5px 0; height:20px; width:660px; list-style:none; display:block; overflow:hidden; text-align:center;}
#header #gnb li {
	margin:0; list-style:none; display:block; height:20px; width:100px; float:left; font-size:14px; overflow:hidden;
    background-image:url(/en/common/images/header_menu.gif); background-repeat:no-repeat;}
#header #gnb li#m01 {
	padding:0 40px 0 0; background-position:0 0;}
#header #gnb li#m02 {
	padding:0 40px 0 0; background-position:-140px 0;}
#header #gnb li#m03 {
	padding:0 40px 0 0; background-position:-280px 0;}
#header #gnb li#m04 {
	padding:0 40px 0 0; background-position:-420px 0;}
#header #gnb li#m05 {
	padding:0; background-position:-560px 0;}
#header #gnb a {
	margin:0; padding:20px 0 0 0; display:block; border:none;
	overflow:hidden; height:20px !important; width:100px;
    font-family:"나눔고딕", "맑은 고딕", "돋움", "애플 고딕"; font-weight:bold; font-size:1.1em;}
#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:#FF9; text-decoration:none; background-position:0 -10px !important;}
#header #gnb a:active {
	}

#header #subarea {
    display:block; position:relative; width:16px; height:1px; margin:0; padding:0; overflow:visible;}
#header #subarea ul {
	margin:0; padding:4px 0; display:none;
	position:absolute; overflow:visible; list-style-type:none;
    background-color:#000; border:1px solid #747247;
    filter:alpha(opacity=60);}
#header #subarea ul li {
    text-align:center; height:18px; width:120px;}
#header #subarea ul li a {
    text-decoration:none; padding:0 8px; color:#FFE293; display:block;
    font-family:"Tahoma", "나눔고딕", "맑은 고딕", "돋움", "애플 고딕";}
#header #subarea #subm01 {
    left:120px;}
#header #subarea #subm02 {
    left:245px;}
#header #subarea #subm03 {
    left:385px;}
#header #subarea #subm04 {
    left:525px;}
#header #subarea #subm05 {
    left:665px;}

/* #sidebar1 */


/* #mainContent */
#mainContent #headTitle {
  margin:0; padding:0;}
#mainContent #headTitle h2 {
    background-image:url(); background-position:top left; background-repeat:no-repeat;
    height:40px; width:760px; overflow:hidden; margin:0 auto; padding:0;}
#mainContent #chest {
  margin:0 auto; padding:0; text-align:justify; height:420px; overflow:auto;}
#mainContent #chest h3 {
  background-image:url(); background-position:0 7px; background-repeat:no-repeat;
  font-size:17px; line-height:2em; color:#BCA166; text-align:left; margin:16px 0; padding:0 0 0 16px;}
#mainContent #chest h4 {
	font-size:15px; line-height:23px; color:#2e66ab; text-align:left;
	margin:16px 16px 4px 0; padding:0;}
#mainContent #chest h5 {
  font-size:14px;
  line-height:21px;
  color:#cdaa2b;
  text-align:justify;
  margin:0 0 0 18px;
  padding:0;
}
#mainContent #chest h6 {
	font-size:12px; line-height:21px; color:#999; text-align:justify;
	margin:0 0 0 18px; padding:0; font-weight:normal;}
#mainContent #chest>p {
	font-size:12px; line-height:20px; text-align:justify;
	margin:4px 16px 16px 16px; padding:0;}
#mainContent #chest p {
  color: #CCC; margin:0;
  line-height: 2em;}
#mainContent #chest ul  {
	margin:16px 16px 16px 32px; padding:0;}
#mainContent #chest ul li {
	font-size:12px; line-height:20px;
	margin:0; padding:0;}
#mainContent #chest ol  {
	margin:16px 16px 16px 32px; padding:0;}
#mainContent #chest ol li {
	font-size:12px; line-height:20px;
	margin:0; padding:0;}
#mainContent #chest dl  {
	margin:16px 16px 16px  32px; padding:0;}
#mainContent #chest dl dt {
	font-weight:bold; font-size:12px; line-height:20px;
	margin:0; padding:0;}
#mainContent #chest dl dd {
	font-size:12px; line-height:20px;
	margin:0; padding:0; display:inline;}
#mainContent #chest .hr {background-image:url(); background-position:center; background-repeat:no-repeat; height:8px;
	font-size:1px; margin:48px auto;}
#mainContent #chest .blue {
    color:#00F;}
#mainContent #chest a:link,
#mainContent #chest a:visited {
	text-decoration:none;}
#mainContent #chest a:hover {
	text-decoration:none;}
#mainContent #chest a:active {
	text-decoration:none;}
#mainContent #chest 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;}
#mainContent #chest 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;}
#mainContent #chest 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;}
#mainContent #chest 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;}

#mainContent .table1 { /* upper header*/
	border-collapse:collapse; background-color:#CCCCCC;
	font-size:12px;
	margin-bottom:25px;}
#mainContent .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;}
#mainContent .table1 td {
	height:20px;
	text-align:center; vertical-align:middle;
	padding:5px 3px; background:#FFFFFF;}
#mainContent .table1 td.check {
    background-color:#FCF;}
#mainContent .table2 { /* left header*/
	border-collapse:collapse;
	margin-bottom:25px;}
#mainContent .table2 tr {
	}
#mainContent .table2 th {
	text-align:right; vertical-align:middle; border-left:3px solid #1AA6FA; border-right:2px solid #FFFFFF;
	padding:5px; background:#BFDDF9;}
#mainContent .table2 td {
	text-align:left; vertical-align:middle;
	padding:5px; background:#FAFAFA;}
#mainContent .table3 { /* upper header*/
	font-size:12px;
	border-collapse:collapse;margin:5px 10px 30px 10px; border-top:3px solid #FAA61A;}
#mainContent .table3 tr {
	height:auto; background:#B2B2B2;}
#mainContent .table3 th {
	text-align:center; vertical-align:top;
	padding:5px 11px;border:1px solid #d3d3d3; background:#EEEEEE;}
#mainContent .table3 td {
	text-align:left; vertical-align:top;
	padding:5px 11px;border:1px solid #d3d3d3; background:#FFFFFF;}


/* #footer */
#footer #contact {
	float:none; clear:both; display:block; height:18px; margin:0; padding:0; text-align:center; 
    font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFD700;}
#footer #contact a:link, 
#footer #contact a:visited {
	 color:#FFD700; text-decoration:none;}
#footer #contact a:hover, 
#footer #contact a:active {
	 color:#FFD700;}
#footer #contact p {
	margin:0 20px; padding:0; font-style:italic;}
#footer #w3 {
	float:right; margin:10px; padding:0; visibility:visible;}


.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; text-align:center;
}
.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;
}