<style type="text/css">
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #2E712E;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
 }

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
1. ÇÏ³ªÃ¼
Link : @import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
Example : font-family: 'Hanna', serif;

2. Á¦ÁÖ°íµñ
Link : @import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
Example : font-family: 'Jeju Gothic', serif;

3. Á¦ÁÖÇÑ¶ó»ê
Link : @import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
Example : font-family: 'Jeju Hallasan', serif;

4. Á¦ÁÖ¸íÁ¶
Link : @import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
Example : font-family: 'Jeju Myeongjo', serif;

5. KoPub ¹ÙÅÁÃ¼
Link : @import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
Example : font-family: 'KoPub Batang', serif;

6. ³ª´® Brush
Link : @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
Example : font-family: 'Nanum Brush Script', serif;

7. ³ª´® °íµñÃ¼
Link : @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
Example : font-family: 'Nanum Gothic', serif;

8. ³ª´® °íµñ ÄÚµù
Link : @import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
Example : font-family: 'Nanum Gothic Coding', serif;

9. ³ª´® ¸íÁ¶Ã¼
Link : @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
Example : font-family: 'Nanum Myeongjo', serif;*/
/*@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

@font-face{
	font-family:"À±°íµñ 330";
	src:url("http://qa.nexpa.co.kr:8088/css/YD_YGO33_0.TTF"),
            url(http://qa.nexpa.co.kr:8088/css/YD_YGO33_0.TTF?#iefix) format('embedded-opentype'); /* IE6-IE8 */
}
*/
#radial-position {
  /* fallback */
  background-color: #2F2727;
  background-image: url(images/radial_fancy.png);
  background-position: 80% 20%;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, 80% 20%, 0, 80% 40%, 100, from(#1a82f7), to(#2F2727));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(80% 20%, closest-corner, #1a82f7, #2F2727);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(80% 20%, closest-corner, #1a82f7, #2F2727);

  /* IE 10 */
  background: -ms-radial-gradient(80% 20%, closest-corner, #1a82f7, #2F2727);

  /* Opera cannot do radial gradients yet */
}
body {
	font-family:"-À±°íµñ 330";
	/*font-Weight:normal;
	font-Style : normal;
	src:url(font/-À±°íµñ330.ttf);*/

     
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	/*background-color:#000000; */
	text-align:center;

	
	scrollbar-face-color:#DDDDDD;scrollbar-highlight-color:#DDDDDD;scrollbar-shadow-color:#DDDDDD;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#FBFBFB;scrollbar-darkshadow-color:#CCCCCC;scrollbar-base-color:#DDDDDD;
}

a:link {
	text-decoration:none;
	color:#000000;
}
a:visited {
	text-decoration:none;
	color:#555555;
}
a:hover {
	text-decoration:underline;
	color:#000000;
}
.xsmall {
	FONT-SIZE:12px;
	color:#666666;
	text-decoration:none;
	line-height: 15px
}
.unnamed1 {
	line-height:18px;
	color:#666666;
	text-decoration:none;
	font-size:11px
}
th,td {
	font-size:10pt;
}
.head {
	text-align:center;
	height:25px;
}
img{
	margin: 0;
	padding: 0;
	border: none;
}
.button {
    background-color: #000000;
    border: none;
    color: white;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
}
.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}
.button_example{
border:1px solid #393B3E;-webkit-box-shadow: #737373 0px 1px 5px ;-moz-box-shadow: #737373 0px 1px 5px ; box-shadow: #737373 0px 1px 5px ; -webkit-border-radius: 23px; -moz-border-radius: 23px;border-radius: 23px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 1px 2px 1px 2px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(10,10,10,0.5);font-weight:bold; color: #ffffff;
 background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

.button_example:hover{
 border:1px solid #393B3E;
 background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
}
.button_example2{
border:1px solid #999999; -webkit-border-radius: 1px; -moz-border-radius: 1px;border-radius: 1px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(255,255,255,0.3);font-weight:bold; color: #000000;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.button_example3{
border:1px solid #CE9A01;-webkit-box-shadow: #FFF563 0px 1px 0px inset;-moz-box-shadow: #FFF563 0px 1px 0px inset; box-shadow: #FFF563 0px 1px 0px inset; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-family:arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(255,255,255,0.44);font-weight:bold; color: #63460C;
 background-color: #b6e026; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#abdc28));
 background-image: -webkit-linear-gradient(top, #b6e026, #abdc28);
 background-image: -moz-linear-gradient(top, #b6e026, #abdc28);
 background-image: -ms-linear-gradient(top, #b6e026, #abdc28);
 background-image: -o-linear-gradient(top, #b6e026, #abdc28);
 background-image: linear-gradient(to bottom, #b6e026, #abdc28);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b6e026, endColorstr=#abdc28);
}

.button_example4{
border:1px solid #CE9A01;-webkit-box-shadow: #FFF563 0px 1px 0px inset;-moz-box-shadow: #FFF563 0px 1px 0px inset; box-shadow: #FFF563 0px 1px 0px inset; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-family:arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(255,255,255,0.44);font-weight:bold; color: #63460C;
 background-color: #b6e026; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#abdc28));
 background-image: -webkit-linear-gradient(top, #4ba614, #abdc28);
 background-image: -moz-linear-gradient(top, #4ba614, #abdc28);
 background-image: -ms-linear-gradient(top, #4ba614, #abdc28);
 background-image: -o-linear-gradient(top, #4ba614, #abdc28);
 background-image: linear-gradient(to bottom, #4ba614, #abdc28);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#abdc28);
}
.button_example5{
border:1px solid #CE9A01;-webkit-box-shadow: #FFF563 0px 1px 0px inset;-moz-box-shadow: #FFF563 0px 1px 0px inset; box-shadow: #FFF563 0px 1px 0px inset; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-family:arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(255,255,255,0.44);font-weight:bold; color: #63460C;
 background-color: #53C9E3; background-image: -webkit-gradient(linear, left top, left bottom, from(#53C9E3), to(#47B5DC));
 background-image: -webkit-linear-gradient(top, #53C9E3, #47B5DC);
 background-image: -moz-linear-gradient(top, #53C9E3, #47B5DC);
 background-image: -ms-linear-gradient(top, #53C9E3, #47B5DC);
 background-image: -o-linear-gradient(top, #53C9E3, #47B5DC);
 background-image: linear-gradient(to bottom, #53C9E3, #47B5DC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#53C9E3, endColorstr=#47B5DC);
}
.text {
	color:000000; height:22px; font-size:10pt; text-decoration:none; border-width:1; border-style:solid; border-color:6a6a6a;
}
.textarea {
	color:000000; font-size:10pt; text-decoration:none; border-width:1; border-style:solid; border-color:6a6a6a; 
}

.select {
	color:000000; height:20px; font-size:10pt; text-decoration:none; border-width:1; border-style:solid; border-color:6a6a6a; cursor:hand; background-color:#FFFFFF;
}
.padding4 {
	padding-top:6px; padding-bottom:4px; padding-left:4px; padding-right:4px
}
.padding8 {
	padding-top:10px; padding-bottom:8px; padding-left:8px; padding-right:8px
}
.padding10 {
	padding-top:15px; padding-bottom:12px; padding-left:10px; padding-right:10px
}
.framesize {
	font-size:8pt;
}
.font1 {
	font-family:"µ¸¿ò";
	font-size:10pt;
	letter-spacing:-1pt;
	color:#cb833d;
}
.font1_1 {
	font-family:"µ¸¿ò";
	font-size:10pt;
    color:#cb833d;
}
.font2 {
	font-family:"µ¸¿ò";
	font-size:10pt;
	letter-spacing:-1pt;
    color:#7c6b5a;
}
.font2_1 {
	font-family:"µ¸¿ò";
	font-size:10pt;
    color:#7c6b5a;
}
.font3 {
	font-family:"µ¸¿ò";
	font-size:10pt;
	letter-spacing:-1pt;
    color:#ff8400;
}
.font3_1 {
	font-family:"µ¸¿ò";
	font-size:10pt;
    color:#ff8400;
}
.font4 {
	font-family:"µ¸¿ò";
	font-size:10pt;
	letter-spacing:-1pt;
    color:#666666;
}
.font4_1 {
	font-family:"µ¸¿ò";
	font-size:10pt;
    color:#666666;
}
.style6 {font-family: "µ¸¿ò"; font-size: 10pt; letter-spacing: 1pt; color: #666666; font-weight: bold; }
.style8 {font-family: "µ¸¿ò"; font-size: 10pt; letter-spacing: 1pt; color: #cb833d; font-weight: bold; }
.style12 {font-family: "µ¸¿ò"; font-size: 10pt; letter-spacing: -1pt; color: #cb833d; font-weight: bold; }

SPAN.clsPlus {
	line-height:3px;
	font-size:9px;
	overflow:hidden;
	padding:3px 1px 1px 1px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsDot {
	line-height:4px;
	font-size:9px;
	overflow:hidden;
	padding:0px 3px 10px 0px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsDot1 {
	line-height:4px;
	font-size:9px;
	overflow:hidden;
	padding:0px 0px 10px 3px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsMinus {
	line-height:0px;
	font-size:9px;
	overflow:hidden;
	padding:0px 3px 10px 2px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsPlus4Tree {
	line-height:3px;
	font-size:9px;
	overflow:hidden;
	padding:3px 1px 1px 1px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#C5DAED;
}

SPAN.clsDot4Tree {
	line-height:4px;
	font-size:9px;
	overflow:hidden;
	padding:0px 3px 10px 0px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsDot14Tree {
	line-height:4px;
	font-size:9px;
	overflow:hidden;
	padding:0px 0px 10px 3px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsMinus4Tree {
	line-height:0px;
	font-size:9px;
	overflow:hidden;
	padding:0px 3px 10px 2px;

	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#DAE8F3;
}


.clsMouseOver {
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#CCCCCC;
	border:solid 1 #999999;
}

.clsMouseDown {
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#ffffff;
	border:solid 1 #999999;
}

/* ±âº» */
.clsMouseOut {
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:;
	border:solid 1 #ffffff;
}

/* spanButton on #cccccc */
.clsMouseOver1 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#CCCCFF;
	border:solid 1 #003399;
}

.clsMouseDown1 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#ffffff;
	border:solid 1 #999999;
}

.clsMouseOut1 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#CCCCCC;
	border:solid 1 #CCCCCC;
}

/* spanButton on #dddddd */
.clsMouseOver2 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#CCCCFF;
	border:solid 1 #003399;
}

.clsMouseDown2 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#ffffff;
	border:solid 1 #999999;
}

.clsMouseOut2 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#dddddd;
	border:solid 1 #aaaaaa;
}

/* spanButton on Åõ¸í */
.clsMouseOver3 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#CCCCFF;
	border:solid 1 #003399;
}

.clsMouseDown3 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:#ffffff;
	border:solid 1 #999999;
}

.clsMouseOut3 {
	cursor:hand
	position:relative;
	padding:2px 1px 1px 1px;
	width:1;
	background-color:;
	margin:1;
}

/* slideButton ±ÛÀÚ»ö º¯°æ */
.clsSlideMouseOver {
	cursor:hand;
	color:#c0c0c0;
}

.clsSlideMouseOut {
	cursor:hand;
	color:#000000;
}

/* form Element */

.clsText	{
	border:solid 1 #000000;
	height:18px;
}

.clsButtonOut {
	cursor:hand;
	background-color:#dddddd;
	border:solid 1 #aaaaaa;
	height:18px;
}

.clsButtonOver {
	cursor:hand;
	background-color:#CCCCFF;
	border:solid 1 #003399;
	height:18px;
}

.clsButtonOut { behavior:url(/htc/button.htc) }
.clsButtonOver { behavior:url(/htc/button.htc) }
.button { behavior:url(/htc/button.htc) }

a.blue:link {
	color:#4169e1;
	text-decoration:none;
}
a.blue:visited {
	color:#1e90ff;
	text-decoration:underline;
}
a.blue:active {
	color:#1e90ff;
	text-decoration:none;
}
a.blue:hover {
	olor:#1e90ff;
	text-decoration:underline;
}

</style>