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

HTML {
	overflow:auto; 
}
A { color:#999 }
BODY{
	background-color: #333;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:140%;
	}
#WarpContainer{
	width:800px;
	height:auto;
	margin:0;
	padding:0;
	}
#WarpContentContainer{
	width:776px;
	height:auto;
	margin:0;
	padding:0;
	}
#Cont_gnb{width:780px; height:47px; margin:0; padding:0; background-color:#212121; text-align:center; font-size:12px; font-weight:bold; }
#Cont_gnb .gnb {float:left; width:210px; height:42px; margin:5px 10px 0 5px; padding:0; background-color:#212121; text-decoration:none }
#Cont_gnb .gnb2 {float:left; width:210px; height:26px; margin:11px 10px 0 5px; padding:0; background-color:#212121; text-decoration:none }
#Cont_gnb .gnb .space {float:left; width:210px; height:42px; margin:6px 0 0 0; padding:0; }
#Cont_gnb .gnb:hover { text-decoration:none; }
#Cont_gnb .here { background-color:#333; cursor:default; color:#049bbb; }
#Cont_gnb .usa_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/usa.jpg) 0 100% no-repeat }
#Cont_gnb .usa_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/usa.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .spa_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/spa.jpg) 0 100% no-repeat }
#Cont_gnb .spa_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/spa.jpg) 0 0 no-repeat; cursor:default;}
#Cont_gnb .por_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/por.jpg) 0 100% no-repeat }
#Cont_gnb .por_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/por.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .pol_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/pol.jpg) 0 100% no-repeat }
#Cont_gnb .pol_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/pol.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .ger_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/ger.jpg) 0 100% no-repeat }
#Cont_gnb .ger_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/ger.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .fra_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/fra.jpg) 0 100% no-repeat }
#Cont_gnb .fra_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/fra.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .tur_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/tur.jpg) 0 100% no-repeat }
#Cont_gnb .tur_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/tur.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .ind_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/ind.jpg) 0 100% no-repeat }
#Cont_gnb .ind_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/ind.jpg) 0 0 no-repeat; cursor:default}
#Cont_gnb .kor_btn { float:right; width:22px; height:16px; margin:15px 8px 0 0; padding:0; background:url(../images/kor.jpg) 0 100% no-repeat }
#Cont_gnb .kor_btn_here{ float:right; width:22px; height:16px; margin:15px 8px 0 0; background:url(../images/kor.jpg) 0 0 no-repeat; cursor:default}

#WarpContentContainer .header{float:left; width:766px; height:auto; margin:20px 0 20px 10px; font-size:12px; line-height:120%; color:#999;}
#WarpContentContainer .numberBlue{ float:left; width:124px; height:22px; background-image:url(../images/step_box_blue.gif)}
#WarpContentContainer .numberGreen{ float:left; width:124px; height:22px; background-image:url(../images/step_box_green.gif)}
#WarpContentContainer .numberYellow{ float:left; width:124px; height:22px; background-image:url(../images/step_box_yel.gif)}
.stepnumber{width:100%; height:auto; margin:0 0 0 10px;}

#WarpContentContainer .content{ float:left; width:776px; height:auto; margin:0 0 15px; border:#049bbb; border-style:solid; border-width:2px; background-color:#2a2a2a;}
#WarpContentContainer .content2{ float:left; width:776px; height:auto; margin:0 0 15px; border:#10d672; border-style:solid; border-width:2px; background-color:#2a2a2a;}
#WarpContentContainer .content3{ float:left; width:776px; height:auto; margin:0 0 15px; border:#dd9a0a; border-style:solid; border-width:2px; background-color:#2a2a2a;}
.step{ float:left; width:446px; height:auto; margin:10px; padding:0}
.script{ float:left; width:280px; height:auto; margin:10px 0 0 10px; padding:0; color:#CCC}
.script A{ color:#009cbd }
.accent { color:#049bbb;}
.accent1 { color:#10d672;}
.accent2 { color:#dd9a0a;}