/* global rest */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/**/
html, body {
    background-color:#f5f5f5;
}

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
font-family: Corbel, Nanum Gothic, monospace;
}

body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size: 9px;
  /*  line-height: 1.25;   **************************/
    color: #777; font-family: Corbel, Nanum Gothic, monospace; }
 


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}


img, fieldset,button {
    border:0 none;
}
img {
    vertical-align: top;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
    color: #777;
    text-decoration: none;
}

a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height: 25px;
    height: 25px;
}
input {
    line-height: 25px;
    height: 25px;
}
input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}
/**/
/*****DIV Ãß°¡**È¨ÆäÀÌÁö ¸®´º¾ó*************background-color: transparent;*/

#headWrap { position: fixed; top:0; width:100%; z-index: 99999; border-top: 1px solid #333;  background-color: transparent; background-color: rgba(255, 255, 255, 0.8) !important; /* FF3+, Saf3+, Opera 10.10+, Chrome */ *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); /* IE6 IE9 */ zoom: 1;}
#hdWrap { margin: auto;  }
/* --------------------------
	Header
----------------------------- */

.header {
	text-align: center;	
}

.header a {
	font-size: 30px;
	font-weight: bold;
font-style : italic;
	color:#535456;
}

/* --------------------------
	Navigation
----------------------------- */

.nav { border-bottom: 1px solid #ccc; }
.nav ul {
	list-style: none;
	padding: 15px 0;	
	text-align: center;
}

.nav ul li {
	display: inline;

	margin-right: 5px;
	

	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.nav ul li a {
color: #555;
font-size: 14px; /*»ó´Ü ¸Þ´º±ÛÀÚÅ©±â */
font-weight: bold;
vertical-align:top;
}

.nav ul li a:hover {
color: #111;
}


.nav ul li:last-child {
	margin-right: 0;
}

.nav ul li:hover {
	color: #000;
}

.nav ul li:hover:after {
	color: #ccc;
}

.nav ul li:after {
	margin-left: 5px;
	content: '/';
	color: #ccc;
	font-size: 15px; 

}

.nav ul li:last-child:after {
	content: '';
}
/*******************/
/*************ÀüÈ­°É±â½ÃÀÛ***********/
.call { border-bottom: 1px solid #ccc; }
.call ul {
	list-style: none;
	padding: 15px 0;	
	text-align: center;
}

.call ul li {
	display: inline;

	margin-right: 5px;
	

	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.call ul li a {
color: #555;
font-size: 14px; /*»ó´Ü ¸Þ´º±ÛÀÚÅ©±â */
font-weight: bold;
color: navy;
vertical-align:top;
}

.call ul li a:hover {
color: #111;
}
.call ul li:after {
	margin-left: 5px;
	content: '/';
	color: #ccc;
	font-size: 15px; 

}

.call ul li:last-child:after {/*¸¶Áö¸·¿¡/¾ÈºÙÀÓ**/
	content: '';
}
/****************************
/****************Áß°£ °Ë»öÆû************/
/*Áß´Ü °Ë»öÆû*/
.search02{width: 100%; text-align: center; vertical-align: middle; float:auto;}/*height: 30px; */
.search02 ul {padding-top:5px; text-align: center; vertical-align: middle;}

.search02 li {	display: inline;	margin-right: 7px;	font-size: 13px;	}
/*Áß°£ °Ë»öÆû ³¡*/
/*¾ð´õ ÆäÀÌÁö µ¿ ÀÌ¸§ Ä«Å×°í¸® */
.cate{width: 100%; text-align: center; vertical-align: middle; float:auto;}
.cate ul {padding-top:5px; text-align: center; vertical-align: middle;}
.cate li { display: inline;}
.cate02 { margin-right: 1px;	font-size: 10px; color:#000; font-weight: bold;	}/*µ¿ÀÌ¸§*/
.cate03 { margin-right: 1px;	font-size: 10px; color:#FF0000; font-weight: bold;	}/*¸Å¹°°¹¼ö*/
/*¾ð´õ ÆäÀÌÁö µ¿ ÀÌ¸§ Ä«Å×°í¸® ³¡*/
/*****¸ÞÀÎ ÆäÀÌÁö ½ÃÀÛ*********************/
#contentWrapper { padding-top: 120px; min-height: 500px;}/*100¿¡¼­ 80À¸·Î º¯°æ*/
#contentWrap:after { content: ""; display: block; clear: both; }
.product_list_wrap{ margin:0 auto;  min-height: 500px; }

/*item-list´Â ¸®½ºÆ® °³º° ¹Ú½º */
.box { margin:0 auto;}/*float: left;*/
.item-list { float: left; margin: 0px; text-align: left; width: 155px; background-color:#fff; border-top: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ddd; margin:5px; padding:5px;}
.item-list .thumb img {width:155px;}
.item-list dd ul { padding: 6px; font-size: 13px;}/*¹Ú½º³» ±ÛÀÚÅ©±â º¯°æ*/
.item-list li {list-style: none; padding: 0px; font-size: 13px;}

.prd-addr { font-size:13px; color:#111;}/*ÁÖ¼Ò*/
.prd-price { font-size:13px; color:#111; font-weight: bold;}/*ÀÓ´ë,¸Å¸Å±Ý¾×*/
.prd-size { font-size:13px; color:blue; font-weight: bold;}/*Àü¿ë¸éÀû*/

/***************¸ÞÀÎ ³¡*********/
/* Ç²ÅÍ·¹ÀÌ¾î #3d3d3d*/
#ftWrap { position: relative; width:100%; margin-top: 10px; background-color:#3d3d3d; float:center; color:#fff; }
#ftWrap a { color: #fff;}/*¸µÅ©°É¸°»ö*/

#ftWrap .ft-left { float:center; margin: 10px 0 10px 10px; }
#ftWrap .ft-left .ft-menu li{ float:center; padding: 0 10px 0 0;}


#ftWrap .ft-left .ft-info { padding-top: 10px; font-size: 9px; }
#ftWrap .ft-left .ft-info p { margin-bottom: 5px; }


#ftWrap .ft-right { position: absolute; right: 25px; top: 20px; text-align:right; font-size: 13px;}

#ftWrap .ft-right .ft-bank { padding-top: 6px; }
/* Ç²ÅÍ end */



/*---========================================================--*/


@media print {
	.noprint {
		display: none
	}
}
/*png ½ºÅ¸ÀÏ*/
.png24 {
   tmp:expression(setPng24(this));
}

body,td
{
    font-size:9pt;
    font-family:±¼¸²;
    color:#000000;
    line-height:18px;
    word-break:break-all;
}


/* ±âº» ¸µÅ© */
A:link
{
    color:#333333;
    text-decoration:none;
}
A:visited{
    color:#333333;
    text-decoration:none;
}
A:active{
    color:#333333;
    text-decoration:none;
}
A:hover{
    color:#333333;
    text-decoration:underline;
}


/* ÄÃ·¯ ¸µÅ© */
A.red:hover
{
    color:#FF0000;
    text-decoration:none;
}
A.blue:hover
{
    color:#0000FF;
    text-decoration:none;
}
A.help:hover
{
    cursor:help;
    text-decoration:none;
}

.t_ds,.t_ds th,{border:0}
.t_ds {width:100%; border-top:1px solid #B6B6B6; font-size:9pt; border-collapse:collapse; font-family:'³ª´®°íµñ',nanumgothic,'µ¸¿ò',dotum; background-color: #fff; text-align: center}
.td1 {width: 20%; padding: 5px 6px ; font-size:11px; line-height: 130%; background-color: #fff; border:1px solid #B6B6B6 ;border-bottom-width:3px;}
.td2 {background-color: #B6B6B6; border:1px solid #B6B6B6 ;border-bottom-width:3px;font-weight: bold; font-size:10pt}
.tbl_opt th{width: 80px;  height:20px;background:#fff;text-align:left}
.tbl_opt td{padding-left:5px;background:#fff;text-align:left;border-bottom: 1px dotted #e1effa}
.tbl_opt td span{margin:0px 2px}
.tbl_opt td img{vertical-align:middle}


/* input button */
.but1
{
    border:solid 1;
    color:black;
    height:20px;
    width:60;
    line-height:140%;
    margin-bottom:1;
    cursor:hand;
}
.but2
{
    border:solid 1;
    color:black;
    height:20px;
    line-height:140%;
    margin-bottom:1;
    cursor:hand;
}
.but3
{
    border:solid 1;
    color:black;
    height:23px;
    width:80px;
    padding-top:2;
    margin-top:10;
    cursor:hand;
}
.but4
{
    border:solid 1;
    color:black;
    height:25px;
    width:130px;
    padding-top:2;
    margin-top:10;
    cursor:hand;
}


/* title font */
.bigno
{
    font-size:24pt;
    color:#5858C8;
    font-family:Arial;
    line-height:normal;
}
.midno
{
    font-size:14pt;
    color:#5858C8;
    font-family:Arial;
    line-height:normal;
}
.smallno
{
    font-size:12pt;
    color:#5858C8;
    font-family:Arial;
    line-height:normal;
}


/* list line */
.list
{
    border-bottom:solid 1 A5A5A5;
    padding-top:2;
}


/* sms textarea */
.sms
{
    border-style:none;
    width:100px;
    height:74px;
    background-color:#88C8F8;
    font-size:9pt;
    overflow:hidden;
}


/* line td */
.tab
{
    border-top:solid 2 #D0D0D0;
    border-right:solid 1 #D0D0D0;
    border-bottom:solid 1 #D0D0D0;
    border-left:solid 2 #D0D0D0;
}


/* line table */
.tbline
{
    height:25px;
    border-right:solid 1 #D0D0D0;
    border-bottom:solid 1 #D0D0D0
}


/* table background line */
.linetable
{
    font-size:9pt;
    font-family:±¼¸²;
    line-height:20px;
    background-image:url(../image/text_dot.gif);
}


/* textarea background line */
.linearea
{
    border:0;
    width:100%;
    margin:10 0 10 14;
    font-size:9pt;
    font-family:±¼¸²;
    line-height:20px;
    background-image:url(../image/text_dot.gif);
    scrollbar-face-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-arrow-color:#CC0000;
}


/* input left */
.ipL
{
    border:0;
    width:100%;
    background-color:#FFFFFF;
    text-align:left;
    padding-left:5;
}


/* input center */
.ipC
{
    border:0;
    width:100%;
    background-color:#FFFFFF;
    text-align:center;
}


/* input right */
.ipR
{
    border:0;
    width:100%;
    background-color:#FFFFFF;
    text-align:right;
    padding-right:5;
}


.ip100
{
    border:solid 1 #000000;
    width:100px;
    height:21px;
    font-size:11pt;
    font-family:µ¸¿ò, ±¼¸², arial;
}
.ip120
{
    border:solid 1 #000000;
    width:120px;
    height:21px;
    font-size:11pt;
    font-family:µ¸¿ò, ±¼¸², arial;
}
.ip150
{
    border:solid 1 #000000;
    width:150px;
    height:21px;
    font-size:11pt;
    font-family:µ¸¿ò, ±¼¸², arial;
}
.ip200
{
    border:solid 1 #000000;
    width:200px;
    height:21px;
    font-size:11pt;
    font-family:µ¸¿ò, ±¼¸², arial;
}
A.link01:link {color: #333333; font-size: 9pt; text-decoration:none}
A.link01:active {color: #333333; font-size: 9pt; text-decoration:none}
A.link01:visited {color: #333333;font-size: 9pt; text-decoration:none}
A.link01:hover {color: #999999; font-size: 9pt; text-decoration:none}

A.link02:link {color: #064D95; font-size: 9pt; text-decoration:none}
A.link02:active {color: #064D95; font-size: 9pt; text-decoration:none}
A.link02:visited {color: #064D95;font-size: 9pt; text-decoration:none}
A.link02:hover {color: #FF6600; font-size: 9pt; text-decoration:none}

/* table css 2009.07.08 ¾ËÂùµ¹»ß */
table.center tr td {text-align:center}
table.center tr td.t_left {text-align:left}
table tr td.th {background:#ccc}
table tr td.t_right {text-align:right}

div#dynamic {display:none;position:absolute;background:#FFFFE8;padding:5px;border:#2080D0 1px solid}
.bold {font-weight:bold}
/* ajax division by ¾ËÂùµ¹»ß */
#ajax1 {position:absolute;display:none;background:#000;z-index:1000}
#ajax2 {position:absolute;display:none;text-align:center;background:url(/loading.gif) no-repeat center top;color:#0078FF;font-weight:bold;z-index:1001}
.readonly {background:#F0F0F0;color:#909090}

