@charset "utf-8";

* {
	float: none;
}
body {
	margin: 0px;
	padding: 0px;
}
.Layout {
	width: 980px;
}

.Layout .Header {
	width: 980px;
}

.Layout .Header .Logo {
	float: left;
	height: 71px;
}

/* Top Navigation Area */
.Layout .Header .mainMenu { float: left; z-index:1000; margin:0; padding:0; left:0; bottom:0; width:760px; height:71px; background:url(../images/topMenuBg_G.gif) repeat-x;}
.Layout .Header .mainMenu li { padding-top:5px; position:relative; list-style:none; float:left; font-weight:bold; font-size:12px; }
.Layout .Header .mainMenu li .on .menu1st { font-weight:bold; color:#000000; } 
.Layout .Header .mainMenu li a {display:block; text-decoration:none; padding:17px 12px 17px 12px; color:#000000;}
.Layout .Header .mainMenu li a:hover,
.Layout .Header .mainMenu li a:focus {text-decoration:none; color:#4f8b08;}
.Layout .Header .mainMenu .seperator { padding-top:22px; };
.Layout .Header .mainMenu .focused { background-color:15b000; }
.Layout .Header .mainMenu li table { position:absolute; width:150px; margin:0; padding:0; left:10px; top:40px; z-index:1000; }
.Layout .Header .mainMenu li table td {white-space:nowrap; width:150px; padding:2px 2px 0; border:2px solid #68b808;}
.Layout .Header .mainMenu li table td p {position:relative; width:100%; padding:0; margin:0; padding-bottom:2px; white-space:nowrap;}
.Layout .Header .mainMenu li table td p.on .menu2nd {font-weight:bold;}
.Layout .Header .mainMenu li table td p a {color:#4f8b08; height:16px; margin:0; padding:3px 8px 3px 5px; .padding:4px 8px 2px 5px;}
.Layout .Header .mainMenu li table td p img {position:absolute; margin:0; padding:0; top:7px;}
.Layout .Header .mainMenu li table td p a:hover,
.Layout .Header .mainMenu li table td p a:focus {cursor:pointer; color:#FFFFFF; border:1px solid #68b808; background:#68b808; padding:2px 7px 2px 4px; .padding:3px 7px 1px 4px;}
.Layout .Header .mainMenu li table td p .mRight {float:right; clear:right; position:relative;}
.Layout .Header .mainMenu li table td p .mRight table {position:absolute; left:-5px; top:-28px; z-index:1000;}
.Layout .Header .mainMenu li table td p .mRight table p.on .menu3rd {font-weight:bold;}
.Layout .Header .mainMenu li table td p .mRight table p .mRight table {position:absolute; left:-5px; top:-28px; z-index:1000;}
.Layout .Header .mainMenu li table td p .mRight table p .mRight table p.on .menu4th {font-weight:bold;}
.Layout .Header .mainMenu li table td p .mRight table p .mRight table p .mRight table {position:absolute; left:-5px; top:-28px; z-index:1000;}
.Layout .Header .mainMenu li table td p .mRight table p .mRight table p .mRight table p.on .menu5th {font-weight:bold;}

/* Language Bar Area */
.Layout .Language {
	float: left;
	width: 20px;
	height: 71px; /* All Browser */
	#height: 31px; /* IE */
}

.Layout .LanguageBar {
	position:absolute;
	left:760px;
	top:0px;
	width:197px;
	height:14px;
	z-index: 100;
}
.Layout .LanguageBar .LangKorean {
	float:left;
	width:55px;
	height:14px;
}
.Layout .LanguageBar .LangChinese {
	float:left;
	width:46px;
	height:14px;
}
.Layout .LanguageBar .LangEnglish {
	float:left;
	width:44px;
	height:14px;
}
.Layout .LanguageBar .LangJapaese {
	float:left;
	width:52px;
	height:14px;
}

/* The left side Menu Box */
.left_box_head				{ width: 188px; height: 7px; font-size: 0; background: url('../images/left_box_head_bg.gif') no-repeat; }
.left_box_body				{ width: 188px; background: url('../images/left_box_body_bg.gif') repeat-y; }
.left_box_sep				{ width: 188px; height:9px; background: url('../images/left_box_sep_bg.gif') no-repeat; }
.left_box_foot				{ width: 188px; height: 7px; font-size: 0; background: url('../images/left_box_foot_bg.gif') no-repeat; }

/* The left side Title */
.left_div_box				{ width:100%; padding:0 0 10px 13px; overflow:hidden; position:relative; }
.left_div_box h2 			{ margin:0; display:block; height:21px; padding:9px 0 0 0; margin-bottom:2px; color:#000000; font-size:1em; valign:middle; }

/* The Search Input Text Field */
#isSearch .inputSearchText			{ vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:110px; height:13px; font-size:1em; color:#000000; border:1px solid #adc297; background-color:#FFFFFF; }
#isSearch .inputSearchText:hover,
#isSearch .inputSearchText:focus 	{ border:1px solid #adc297; background-color:#d7ffad; }
#isSearch .selectSearchOption 		{ color:#000000; border:1px solid #adc297; background-color:#FFFFFF; }
#isSearch .submit 			{ vertical-align:middle; _position:relative; _top:-1px;}

/* Main Content Box */
.main_content_box_head		{ width: 734px; height: 8px; font-size: 0; background: url('../images/rank_top_bg.gif') no-repeat; }
.main_content_box_body		{ width: 734px; background: url('../images/rank_main_bg.gif') repeat-y; }
.main_content_box_foot		{ width: 734px; height: 7px; font-size: 0; background: url('../images/rank_bottom_bg.gif') no-repeat; }

.Layout .Mid_Left {
	width: 202px;
	float: left;
}
.Layout .Mid_Left .Login {
	margin: auto;
	clear: both;
	width: 190px;
}
.Layout .Mid_Left .LeftMenuArea {
	margin: auto;
	clear: both;
	width: 190px;
}
.Layout .Mid_Left .Adv {
	margin: auto;
	padding: 4px 0 1px 6px;
}

.Layout .Mid_Right {
	width: 753px;
	margin-left: 202px;
}

.Layout .Mid_Right .Content {
	padding-top: 0px;
	float: left;
	width: 753px;
}

/* Bottom CopyRight Area */
.Layout .footer {
	float:left;
	width:951px;
	height:44px;
	padding: 4px 0 0 6px;
}
.Layout .footerContent {
	float:left;
	width:139px;
	height:44px;
}
.Layout .footerLogo {
	float:left;
	width:139px;
	height:44px;
}
.Layout .footerMenu {
	float:left;
	width:602px;
	height:44px;
	background-color:#DFE7C2;
}

.Layout .footerMenu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 9px;
}

.Layout .footerMenu ul li { 
	display:inline; padding:2em .3em 0 .3em; 
}

.Layout .footerMenu ul li { 
	text-decoration:none; color:#6a8958; font: bold 1em "굴림", Gulim, AppleGothic, Sans-serif;
}

.Layout .footerMenu ul li a { 
	text-decoration:none; color:#6a8958; font: bold 1em "굴림", Gulim, AppleGothic, Sans-serif;
}

.Layout .footerMenu-01 {
	float:left;
	width:58px;
	height:24px;
}
.Layout .footerMenu-02 {
	float:left;
	width:92px;
	height:24px;
}
.Layout .footerMenu-03 {
	float:left;
	width:83px;
	height:24px;
}
.Layout .footerMenu-04 {
	float:left;
	width:102px;
	height:24px;
}
.Layout .footerCopy {
	width:335px;
	height:20px;
	clear: both;
}
.Layout .footerContent {
	float:left;
	width:139px;
	height:44px;
}
.Layout .footerSpace {
	float:left;
	width:268px;
	height:44px;
	background-color:#DFE7C2;
}
.Layout .footerMaster {
	float:left;
	width:209px;
	height:44px;
}
p {
	margin:0 0 0 0;
}
img {
	border:0px;
}

/* Left Menu ShortCut */
div.ShortCut {
	margin: auto;
	padding-top:4px;
	padding-bottom:4px;
	clear: both;
	width: 190px;
	height:161px;
}
div.ShortCut .LinkList {
	float:left;
	width:64px;
	height:76px;
}
div.ShortCut .UserGuide {
	float:left;
	width:64px;
	height:76px;
}
div.ShortCut .SeviceCenter {
	width:60px;
	height:76px;
	float: left;
}
div.ShortCut .Policy {
	float:left;
	width:64px;
	height:85px;
}
div.ShortCut .DG {
	float:left;
	width:64px;
	height:85px;
}
div.ShortCut .Hot {
	float:left;
	width:60px;
	height:85px;
}

/* Site Layout - Content Body */
/* #contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
#columnLeft { position:relative; width: 202px; float: left;}
#columnRight { width:770px; float:right; overflow:hidden;}
*/
