@import url("http://www.xpeedx.kr/g_skin/skin01/gls_lib_division.css");

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  layout */

/* 왼쪽 & 오른쪽 배경 */
#promotion_bg_l {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/bg.gif) repeat right 0;
	top:-1px;
	left:-400px;
	width:50%;
	height:45px;
	position:absolute;
	z-index:1;
}

#promotion_bg_r {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/bg.gif) repeat 400px 0;
	top:-1px;
	right:0;
	width:50%;
	height:45px;
	position:absolute;
	z-index:1;
}

#promotion {
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:10;
}

#container_header {
	/*background:url(http://www.xpeedx.kr/g_skin/skin01/images/top_20090605.jpg);*/
	width:800px;
	height:419px;
	position:relative;
	clear:both;
}

#container_header .h_item1 { clear:both; position:relative; margin:-400px 0 0 205px; }

#container {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/center_bg.gif);
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
	float:left;
}

#container_1 { width:800px; text-align:center; position:relative; }
#container_1 ul { margin:0; padding:0; }
#container_1 li { margin:0; padding:0; list-style-type:none; vertical-align:middle; }

#container_footer { width:800px; height:102px; position:relative; clear:both; }
#container_footer_l { width:17px; height:102px; position:relative; float:left; }
#container_footer_m { background:url(http://www.xpeedx.kr/g_skin/skin01/images/bottom_center.gif); width:766px; height:102px; position:relative; float:left; }
#container_footer_r { width:17px; height:102px; position:relative; float:left; }

#copyright_l { width:160px; margin:23px 0 0 10px; position:relative; float:left; clear:both; }
#copyright_r { margin:13px 0 0 50px; position:relative; float:left; }

#reg_promotion {
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:10;
}

#sub_header1 {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/submit_top1.jpg);
	width:800px;
	height:233px;
	position:relative;
	clear:both;
}

#sub_header2 {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/submit_top2.jpg);
	width:800px;
	height:233px;
	position:relative;
	clear:both;
}

.container_reg_button {
	width:560px;
	height:84px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.container_reg_button a {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/submit_button.gif);
	width:560px;
	height:84px;
	margin:0 auto;
	padding:0;
	display:block;
}

.container_reg_button a:hover {
	background:url(http://www.xpeedx.kr/g_skin/skin01/images/submit_button.gif);
	width:560px;
	height:84px;
	margin:0 auto;
	padding:0;
	display:block;
}

.container_reg_button span {
	display:none;
}

#container_thankyou {
	position:relative;
	width:800px;
	text-align:center;
	float:left;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  basic */
body {
	background-color:#EB2701;
	margin:0 0 51px 0;
	padding:0;
	text-align:center;
}

td, div, span, input, textarea, button {
	font:9pt "Trebuchet MS", "Tahoma", "gulim", sans-serif;
	color:#666;
}

h1 { display:none; }
h2 { display:none; }
h3 { display:none; }

body {
	scrollbar-3dlight-color:			#595959;
	scrollbar-arrow-color:				#FFFFFF;
	scrollbar-base-color:					#CFCFCF;
	scrollbar-darkshadow-color:		#FFFFFF;
	scrollbar-face-color:					#CFCFCF;
	scrollbar-highlight-color:		#FFFFFF;
	scrollbar-shadow-color:				#595959;
}

.scrollbar1 {
	scrollbar-3dlight-color:			#595959;
	scrollbar-arrow-color:				#FFFFFF;
	scrollbar-base-color:					#CFCFCF;
	scrollbar-darkshadow-color:		#FFFFFF;
	scrollbar-face-color:					#CFCFCF;
	scrollbar-highlight-color:		#FFFFFF;
	scrollbar-shadow-color:				#595959;
}

.scrollbar2 {
	scrollbar-3dlight-color:			#C9C9C9;
	scrollbar-arrow-color:				#C9C9C9;
	scrollbar-base-color:					#FFFFFF;
	scrollbar-darkshadow-color:		#FFFFFF;
	scrollbar-face-color:					#FFFFFF;
	scrollbar-highlight-color:		#FFFFFF;
	scrollbar-shadow-color:				#C9C9C9;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  link config */
a img {
	border:none;
	border:0;
}

a {
	text-decoration:none;
	overflow:hidden;
}

a:link, a:visited {
	color:#666;
}

a:hover {
	text-decoration:none;
	/*color:#FFFFBF;*/
	color:#78C5CE;
}

a.L-999:link, a.L-999:visited {
	color:#999;
}

a.L-999:hover {
	text-decoration:none;
	color:#F60;
}

a.L-F60:link, a.L-F60:visited {
	color:#F60;
}

a.L-F60:hover {
	text-decoration:none;
	color:#F60;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  font config */
@font-face { font-family:'Malgun Gothic'; src:url("/lib/font_gothic.eot") }

.dot7pt { font:8pt "dotum", sans-serif; }
.dot8pt { font:8pt "dotum", sans-serif; }
.dot9pt { font:9pt "dotum", sans-serif; }

.gul9pt { font:9pt "gulim", "Tahoma", sans-serif; }

.ari7pt { font:7pt "Arial", sans-serif; }
.ari8pt { font:8pt "Arial", sans-serif; }

.tah7pt { font:7pt "Tahoma", sans-serif; }
.tah8pt { font:8pt "Tahoma", sans-serif; }
.tah10pt { font:10pt "Tahoma", sans-serif; }
.tah11pt { font:11pt "Tahoma", sans-serif; }
.tah12pt { font:12pt "Tahoma", sans-serif; }

.ver7pt { font:7pt "Verdana", sans-serif; }
.ver8pt { font:8pt "Verdana", sans-serif; }
.ver11pt { font:11pt "Verdana", sans-serif; }
.ver12pt { font:12pt "Verdana", sans-serif; }

.geo8pt { font:8pt "georgia", "Tahoma", sans-serif; }
.geo9pt { font:9pt "georgia", "Tahoma", sans-serif; }
.geo10pt { font:10pt "georgia", "Tahoma", sans-serif; }
.geo11pt { font:11pt "georgia", "Tahoma", sans-serif; }
.geo12pt { font:12pt "georgia", "Tahoma", sans-serif; }
.geo13pt { font:13pt "georgia", "Tahoma", sans-serif; }
.geo14pt { font:14pt "georgia", "Tahoma", sans-serif; }
.geo15pt { font:15pt "georgia", "Tahoma", sans-serif; }

.luc7pt { font:7pt "Lucida Sans Unicode", sans-serif; }
.luc8pt { font:8pt "Lucida Sans Unicode", sans-serif; }
.luc9pt { font:9pt "Lucida Sans Unicode", sans-serif; }
.luc10pt { font:10pt "Lucida Sans Unicode", sans-serif; }
.luc11pt { font:11pt "Lucida Sans Unicode", sans-serif; }
.luc12pt { font:12pt "Lucida Sans Unicode", sans-serif; }
.luc13pt { font:13pt "Lucida Sans Unicode", sans-serif; }
.luc14pt { font:14pt "Lucida Sans Unicode", sans-serif; }
.luc15pt { font:15pt "Lucida Sans Unicode", sans-serif; }

.tre7pt { font:7pt "Trebuchet MS", sans-serif; }
.tre8pt { font:8pt "Trebuchet MS", sans-serif; }
.tre9pt { font:9pt "Trebuchet MS", sans-serif; }
.tre10pt { font:10pt "Trebuchet MS", sans-serif; }
.tre11pt { font:11pt "Trebuchet MS", sans-serif; }
.tre12pt { font:12pt "Trebuchet MS", sans-serif; }
.tre13pt { font:13pt "Trebuchet MS", sans-serif; }
.tre14pt { font:14pt "Trebuchet MS", sans-serif; }
.tre15pt { font:15pt "Trebuchet MS", sans-serif; }

.mal8pt { font:8pt "Malgun Gothic", sans-serif; }
.mal9pt { font:9pt "Malgun Gothic", sans-serif; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  기본설정 : 폰트색상 */
.C-FFF { color:#FFFFFF }
.C-06C { color:#06C }
.C-C30 { color:#C30 }
.C-98C4E0 { color:#98C4E0 }

.C-000 { color:#000 }
.C-222 { color:#222 }
.C-333 { color:#333 }
.C-555 { color:#555 }
.C-777 { color:#777 }
.C-888 { color:#888 }
.C-999 { color:#999 }
.C-CCC { color:#CCC }
.C-DDD { color:#DDD }
.C-690 { color:#690 } /* 녹색 */
.C-360 { color:#360 } /* 녹색2 */
.C-36C { color:#36C } /* 블루 */
.C-C60 { color:#C60 } /* 주황 1 */
.C-F60 { color:#F60 } /* 주황 2 */
.C-C00 { color:#C00 } /* 빨강 */
.C-C0F { color:#C000FF } /* 보라 */
.C-C0F { color:#C000FF } /* 보라 */
.C-99F { color:#99F }

.C-98C4E0 { color:#98C4E0 }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  etc config */
img {
	border:none;
	border:0;
}

form {
	margin:0;
	padding:0;
}

.cr-h {	cursor:hand; }
.fixed { table-layout:fixed }
.letter-1 { letter-spacing:-1px }
.letter+1 { letter-spacing:1px }
.justify { text-align:justify }

.dot_wline {
	background-image:url(/images/g_icon/dot_wline.gif);
	height:1px;
}

.PD-T1 { padding-top:1px }
.PD-T2 { padding-top:2px }
.PD-T3 { padding-top:3px }
.PD-T5 { padding-top:5px }
.PD-T10 { padding-top:10px }
.PD-T15 { padding-top:15px }
.PD-T20 { padding-top:15px }

.PD-R5 { padding-right:5px }
.PD-R10 { padding-right:10px }
.PD-R15 { padding-right:15px }
.PD-R20 { padding-right:15px }

.PD-L5 { padding-left:5px }
.PD-L10 { padding-left:10px }
.PD-L15 { padding-left:15px }
.PD-L20 { padding-left:15px }

.etc_blank_05px { margin:5px 0 0 0; clear:both }
.etc_blank_10px { margin:10px 0 0 0; clear:both }
.etc_blank_15px { margin:15px 0 0 0; clear:both }
.etc_blank_20px { margin:20px 0 0 0; clear:both }
.etc_blank_30px { margin:30px 0 0 0; clear:both }
.etc_blank_50px { margin:50px 0 0 0; clear:both }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  form config */
input {
	font:8pt "Lucida Sans Unicode", "Trebuchet MS", "Tahoma", "gulim", sans-serif;
}

.input_tp_kor_1 {
	background-color:#F2F2F2;
	border:1px solid #E1E1E1;
	font:9pt "gulim", sans-serif;
	color:#777;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_kor_2 {
	background-color:#F2F2F2;
	border:1px solid #E1E1E1;
	font:8pt "dotum", sans-serif;
	color:#777777;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_kor_3 {
	background-color:#EEE;
	border:1px solid #CCC;
	font:9pt "gulim", sans-serif;
	color:#777;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_kor_3a {
	background-color:#F1FFF5;
	border:1px solid #3E9F57;
	font:9pt "gulim", sans-serif;
	color:#009326;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_kor_3b {
	background-color:#F1F6FF;
	border:1px solid #4A6BAD;
	font:9pt "gulim", sans-serif;
	color:#003299;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_kor_3c {
	background-color:#FFF1F0;
	border:1px solid #D6382C;
	font:9pt "gulim", sans-serif;
	color:#C9180B;
	height:22px;
	padding:4px 5px 0 5px;
	ime-mode:active;
}

.input_tp_eng_1 {
	background-color:#F2F2F2;
	border:1px solid #E1E1E1;
	font:8pt "verdana", sans-serif;
	height:22px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
	ime-mode:disabled;
}

.input_tp_eng_2 {
	background-color:#EEEEEE;
	border:1px solid #CCC;
	font:8pt "verdana", sans-serif;
	height:22px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
	ime-mode:disabled;
}

.input_tp_eng_3 {
	background-color:#EEEEEE;
	border:1px solid #CCC;
	font:8pt "verdana", sans-serif;
	height:22px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
	ime-mode:disabled;
}

.input_tp_eng_3a {
	background-color:#FFF1F0;
	border:1px solid #D6382C;
	font:8pt "verdana", sans-serif;
	color:#C9180B;
	height:22px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
	ime-mode:disabled;
}

.input_tp_eng_3b {
	background-color:#F1FFF5;
	border:1px solid #3E9F57;
	font:8pt "verdana", sans-serif;
	color:#009326;
	height:22px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
	ime-mode:disabled;
}

.select_tp_1 {
	background-color:#FFFFB5;
	color:#0E7310;
	font:9pt "Trebuchet MS", "Tahoma", "gulim", sans-serif;
}

.select_tp_2 {
	background-color:#EEEEEE;
	color:#666666;
	font:9pt "Trebuchet MS", "Tahoma", "gulim", sans-serif;
}

.select_tp_3 {
	background-color:#5E7D7C;
	color:#FFF;
	font:9pt "Trebuchet MS", "Tahoma", "gulim", sans-serif;
}


.tMainTopSearchOn {
	background:#FFFFFF url(/images/g_icon/top_search_back.gif) 6px 4px no-repeat;
	border:3px solid #D6382C;
	font:9pt "gulim", sans-serif;
	width:150px;
	height:24px;
	padding:3px 3px 0 3px;
	ime-mode:active;
}

.tMainTopSearchOff {
	background:#FFFFFF;
	border:3px solid #D6382C;
	font:9pt "gulim", sans-serif;
	width:150px;
	height:24px;
	padding:3px 3px 0 3px;
	ime-mode:active;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  calendar */
/* 레이아웃 */
div.divLayout{ background-color:#FFFFFF; border:4px solid #999999; width:170px; padding:5px 10px 5px 10px; position:absolute; overflow:visible; }

/* 프레임 */
table.taFrame { width:100%; border-collapse:collapse }
table.taFrame tr.taFrameTrHead{}
table.taFrame td.taFrameTrHeadTdHead{}
table.taFrame tr.taFrameTrBody{}
table.taFrame td.taFrameTrHeadTdBody{}
table.taFrame tr.taFrameTrFoot{}
table.taFrame td.taFrameTrHeadTdFoot{}

table.taFrame a { text-decoration:none; color:#444444 }
table.taFrame a:hover{ text-decoration:underline }

/* 메뉴 */
table.taHead{  width:100% }
table.taHead tr.taHeadTr0{ }
table.taHead td.taHeadTr0Td0 { text-align:right }
table.taHead tr.taHeadTr1{ }
table.taHead td.taHeadTr1Td0 { text-align:center; height:24px }

table.taHead a.aClose { margin:0 2px }
table.taHead a.aToday { margin:0 2px }

table.taHead input.iptYear { border:1px solid #CCCCCC; font:8pt "Lucida Sans Unicode", sans-serif; text-align:center; padding:0; margin:0; width:40px }
table.taHead input.iptMonth { border:1px solid #CCCCCC; font:8pt "Lucida Sans Unicode", sans-serif; text-align:center; padding:0; margin:0; width:20px }

table.taHead a.aButton{}


/* 바닥글 */
table.taFoot{ width:100%; height:10px;}
table.taFoot tr.taFootTr0{ }
table.taFoot td.taFootTr0Td0{ text-align:right;}
table.taFoot a.aLink{margin:0 2px;}


/* 바디부분(달력) */
table.taBody { background-color:#FFFFFF; border-collapse:separate; border:1px solid #DDDDDD; margin:0 auto }
table.taBody td { line-height:150%; width:20px; border:1px solid #DDDDDD }
table.taBody span { color:#CCCCCC }

table.taBody tr.taBodyTrHead{ }
table.taBody tr.taBodyTrHead td { background-color:#EFEFEF; color:#666666; text-align:center }
table.taBody tr.taBodyTrHead td.tdSUN { background-color:#EFEFEF; color:#C00000 }
table.taBody tr.taBodyTrHead td.tdSAT { background-color:#EFEFEF; color:#36C }

table.taBody tr.taBodyTrDate{}
table.taBody tr.taBodyTrDate td { font:8pt "Lucida Sans Unicode", sans-serif; color:#666666; text-align:center }
table.taBody tr.taBodyTrDate td a { color:#333333 }

table.taBody tr.taBodyTrDate td.tdToday { background-color:#006699; border-color:#0099CC; font:8pt "Lucida Sans Unicode", sans-serif; }
table.taBody tr.taBodyTrDate td.tdToday a { color:#FFFFFF; }

table.taBody tr.taBodyTrDate td.tdSelectedDay { background-color:#993333; border-color:#ccbbaa; font:8pt "Lucida Sans Unicode", sans-serif; }
table.taBody tr.taBodyTrDate td.tdSelectedDay a { color:#FFFFFF; }

table.taBody tr.taBodyTrDate td.tdSAT { font:8pt "Lucida Sans Unicode", sans-serif; color:#36C }
table.taBody tr.taBodyTrDate td.tdSAT a { color:#36C }

table.taBody tr.taBodyTrDate td.tdSUN { font:8pt "Lucida Sans Unicode", sans-serif; color:#C00000 }
table.taBody tr.taBodyTrDate td.tdSUN a { color:#C00000 }

table.taBody tr.taBodyTrDate td.tdOrderDate { font:8pt "Lucida Sans Unicode", sans-serif; color:#CCCCCC }
table.taBody tr.taBodyTrDate td.tdOrderDate a { color:#CCCCCC }

table.taBody tr.taBodyTrDate td.tdOrderDateSAT { font:8pt "Lucida Sans Unicode", sans-serif; color:#CCCCCC }
table.taBody tr.taBodyTrDate td.tdOrderDateSAT a { color:#CCCCCC }

table.taBody tr.taBodyTrDate td.tdOrderDateSUN { font:8pt "Lucida Sans Unicode", sans-serif; color:#CCCCCC }
table.taBody tr.taBodyTrDate td.tdOrderDateSUN a { color:#CCCCCC }



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  심플 라이트박스 ( http://www.alik.info/work/slb.html ) CONFIG */
.SLB_center {
	/*background-color:#FFFFFF;
	border:solid 4px #000000;*/
	cursor:pointer;
	visibility:hidden;
}

.SLB_close {
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer;
	display:none;
	padding-bottom:4px;
}

.SLB_caption {
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer;
	display:none;
	padding-bottom:4px;
}

#SLB_loading {
	z-index:99998;
	position:absolute;
	background-color:#000000;
	color:#FFFFFF;
	padding:20px 180px 20px 180px;
	border:solid 2px #CFCFCF;
	cursor:pointer;
	display:none;
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  셀렉트박스 */
.selectBoxSelectedAreaGlobal {
	background-color:#FFFFFF;
	font:8pt "dotum", sans-serif;
	color:#5F7A87;
	letter-spacing:-1px;
	padding:2px 0 0 5px;
	line-height:17px;
}

.selectBoxSelectedAreaFocusGlobal {
	background-color:#FFFFFF;
	font:bold 8pt "dotum", sans-serif;
	color:#99F;
	letter-spacing:-1px;
	padding:2px 0 0 5px;
	line-height:17px;
}

.selectBoxOptionGlobal {
	background-color:#FFFFFF;
	font:8pt "dotum", sans-serif;
	color:#5F7A87;
	letter-spacing:-1px;
	padding:2px 0 0 5px;
	line-height:17px;
}

.selectBoxOptionOverGlobal {
	background-color:#EFEFEF;
	font:8pt "dotum", sans-serif;
	color:#C00;
	letter-spacing:-1px;
	padding:2px 0 0 5px;
	line-height:17px;
}

.selectBoxSelectedAreaGlobal_eng {
	background-color:#FFFFFF;
	font:8pt "Lucida Sans Unicode", "verdana", sans-serif;
	color:#5F7A87;
	letter-spacing:-1px;
	padding:0 0 0 5px;
	line-height:17px;
}

.selectBoxSelectedAreaFocusGlobal_eng {
	background-color:#FFFFFF;
	font:8pt "Lucida Sans Unicode", "verdana", sans-serif;
	color:#F60;
	letter-spacing:-1px;
	padding:0 0 0 5px;
	line-height:17px;
}

.selectBoxOptionGlobal_eng {
	background-color:#FFFFFF;
	font:8pt "Lucida Sans Unicode", "verdana", sans-serif;
	color:#5F7A87;
	letter-spacing:-1px;
	padding:0 0 0 5px;
	line-height:17px;
}

.selectBoxOptionOverGlobal_eng {
	background-color:#EFEFEF;
	font:8pt "Lucida Sans Unicode", "verdana", sans-serif;
	color:#C00;
	letter-spacing:-1px;
	padding:0 0 0 5px;
	line-height:17px;
}

.selectBoxOptionInnerLayer {
	background-color:#F5F5F5;
	overflow:auto;

	scrollbar-3dlight-color:			#D8D8D8;
	scrollbar-arrow-color:				#929292;
	scrollbar-base-color:					#FFFFFF;
	scrollbar-darkshadow-color:		#FFFFFF;
	scrollbar-face-color:					#FFFFFF;
	scrollbar-highlight-color:		#FFFFFF;
	scrollbar-shadow-color:				#D8D8D8;
	scrollbar-track-color:				#FFFFFF;
/*
	scrollbar-face-color:#F3F3F3;
	scrollbar-shadow-color:#6C6C6C;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#C9C9C9;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F3F3F3;
	scrollbar-arrow-color:#929292;
*/
}