@charset 'euc-kr';
@import url("top.css");
@import url("table.css");
@import url("bottom.css");
@import url("sub_common.css");
@import url("popup.css");
/*
	¡á ¼³¸í: °ø¿ë CSS
	¡á ÃÖÃÊ ÀÛ¼ºÀÚ: ±èÈñ¼±
	¡á ÃÖÃÊ ÀÛ¼ºÀÏ: 2008.05.14
	
*/

/* basic style */
html, body {background:#FFF;margin:0;padding:0;height:100%;font-size:12px; text-align:center;}
table, div {font-family:Arial None, sans-serif;font-size:12px;color:#666666; border-collapse:collapse;line-height:17px;}
form,ul,ol,dl,table,div,h1,h2,h3,h4,p {margin:0;padding:0;}
p {font-family:Arial None, sans-serif;font-size:12px;line-height:16px;}
th, td {font-family:Arial None, sans-serif;font-size:12px;letter-spacing:0;}
td li{font-size:13px;font-family:Arial None, sans-serif;}
img {border:0;} /* ¸µÅ© Á¡¼± ¾ø¾Ö±â */
li {list-style-type:none;font-family:Arial None, sans-serif ;font-size:12px;;color:#666666}
* {margin:0;padding:0;}

html 
{
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CDCDCD;
	scrollbar-shadow-color: #CDCDCD;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #A5A5A5;
}
 
/* input style */
input {border:1px solid #dadada;height:19px;font-family:Arial None, sans-serif ;font-size:12px;color:#666;padding:3px 5px 0 5px;}
.radio {border:none;}
.input1 {border:none;}

/* textarea style */
textarea {border:1px solid #dadada;font-family:Arial None, sans-serif ;font-size:12px;color:#666;padding:3px 5px 0 5px;line-height:17px;}

/* H ÅÂ±× */

h4 {font-size:16px; font-family:Arial None, sans-serif;}
h3 {font-size:14px; font-family:Arial None, sans-serif;}
h2 {font-size:13px; font-family:Arial None, sans-serif;}
h1 {font-size:12px; font-family:Arial None, sans-serif;}

/* link style */
a {color:#666666;text-decoration:none;}
a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#099AE8;text-decoration:none;}

.top {color:#002e55; text-decoration:none;}
.top:link {color:#002e55; text-decoration:none;}
.top:visited {color:#002e55; text-decoration:none;}
.top:hover {color:#099AE8; text-decoration:none;}

.top_02 {color:#FFFFFF; text-decoration:none;}
.top_02:link {color:#FFFFFF; text-decoration:none;}
.top_02:visited {color:#FFFFFF; text-decoration:none;}
.top_02:hover {color:#0788CD; text-decoration:none;}

.blue01 {color:#00aff0; text-decoration:none;}
.blue01:link {color:#00aff0; text-decoration:none;}
.blue01:visited {color:#00aff0; text-decoration:none;}
.blue01:hover {color:#007AA8; text-decoration:none;}

.blue02 {color:#028dbf; text-decoration:none;}
.blue02:link {color:#028dbf; text-decoration:none;}
.blue02:visited {color:#028dbf; text-decoration:none;}
.blue02:hover {color:#028dbf; text-decoration:underline;}

.white01 {color:#ffffff; text-decoration:none;}
.white01:link {color:#ffffff; text-decoration:none;}
.white01:visited {color:#ffffff; text-decoration:none;}
.white01:hover {color:#ffffff; text-decoration:underline;}


/* font size */
.p9 {font-size:9px;}
.p10 {font-size:10px;}
.p11 {font-size:11px;}
.p13 {font-size:13px;}
.p14 {font-size:14px;}
.p16 {font-size:16px;}
.p18 {font-size:18px;}
.p20 {font-size:20px;}
.p30 {font-size:30px;}
.p40 {font-size:40px;}

/* font color */
.txtWhite01 {color:#FFFFFF; font-family:Arial None, sans-serif; font-weight:bold;} /* white */
.txtWhite02 {color:#FFFFFF; font-family:Arial, sans-serif; font-weight:bold;} /* white02 */
.txtblue01 {color:#002e55; font-family:Arial, sans-serif;} /* dark blue */
.txtblue02 {color:#00aff0; font-family:Arial, sans-serif;} /* blue02 */
.txtblue03 {color:#DFF9FF; font-family:Arial None, sans-serif;} /* blue03 */
.txtblue04 {color:#028dbf;  font-family:Arial None, sans-serif;} /* blue04 */
.txtblue05 {color:#39b6e6; font-family:Arial None, sans-serif;} /* blue05 */
.txtblue06 {color:#0792cc; font-family:Arial None, sans-serif;} /* blue06 */
.txtblack01 {color:#000000; font-family:Arial None, sans-serif;} /* black */
.txtblack02 {color:#373737; font-family:Arial None; font-weight:bold;} /* black02 */
.txtorange01 {color:#ff7300; font-family:Arial None;} /* orange01 */
.txtorange02 {color:#ff9600; font-family:Arial None;} /* orange02 */
.txtgray01 {color:#a6a6a6; font-family:Arial None;} /* gray01 */
.txtgray02 {color:#999999; font-family:Arial None;} /* gray02 */
.txtgray03 {color:#666666; font-family:Arial None, sans-serif} /* gray03 */
.txtred01 {color:#d018d0; font-family:Arial None;}/* red01 */
.txtBold {font-weight: bold;}/* bold */
.blue_02 {color:#229BE3!important;}
.green {color:#5CA81E!important;}
.violet {color:#A32CDC!important;}

/* letter spacing */
.ls {letter-spacing:-1px;}
.ls2 {letter-spacing:-2px;}
.ls1 {letter-spacing:1px;}

/* À̹ÌÁö Á¤·Ä */
.vaM {vertical-align:middle;} 
.vaB {vertical-align:baseline;}
.vaT {vertical-align:top;} 
.vaBT {vertical-align:bottom;}

/* padding */
.pdT4 {padding-top:4px;}
.pdT5 {padding-top:5px;}
.pdT8 {padding-top:8px;}
.pdT12 {padding-top:12px;}

/* line-height */
.line13 {line-height:13px;}
.line14 {line-height:110%;}
.line15 {line-height:15px;}
.line18 {line-height:18px;}
.line23 {line-height:23px;}
.line30 {line-height:30px;}

/* float */
.ftL {float:left;}
.ftR {float:right;}

/* clear */
.cl {clear:both;}

/* width % */
.w10 {width:10%;}
.w18 {width:18%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w70 {width:70%;}
.w80 {width:80%;}



/* Total layout */
/* Top */
#Wrapper01 {clear:both; position:relative; width:820px; margin:0 auto;}
	#top_01 {width:820px; height:75px; margin-top:12px;}
	#top_02 {width:820px; height:302px;}
	#top_03 {width:820px; height:84px;}
	#top_date {width:820px; height:25px;}
	#blank_area {width:820px; height:20px;}

/* Body */
#Wrapper02 {clear:both; position:relative; width:820px; margin:0 auto;}
	#con_form {float:left; width:798px; padding-left:11px; padding-right:11px;}
		#con_top {float:left; width:798px; text-align:left;}
		#con_left {float:left; width:379px; text-align:left;}
		#con_center {float:left; width:25px;}
		#con_right {float:left; width:394px; text-align:left;}
	#con_product_area {float:left; width:798px; padding-left:11px; padding-right:11px;}
	#con_sub_form {float:left; width:820px;}
	#con_bottom {float:left; width:820px;}

/* Bottom */
#Wrapper03 {clear:both; position:relative; width:820px; margin:0 auto;}
	/*#bottom_blank {width:820px; height:13px; font-size:1px;}*/
	#bottom_menu_area {width:793px; height:48px; background-color:#e8e8e8; text-align:left;padding-left:16px; padding-right:11px;}
	#bottom_address {width:820px; height:55px; text-align:left;}