/*·Î°í ž¸Þ´º ¸ÞÀθ޴º*/
.top-wrap {
	
	width:950px;
	margin:0 auto;
}

#site-nav {
	width:768px;
}

.nav-horizontal_horizontal {
	width:748px;
	float:right;
	position:absolute;
	right:-45px;
	bottom:28px;
}

.nav-horizontal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* .nav-horizontal ul { */
	padding-left:36.5px;
	*zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML+='<div style=\"clear:both;\"></div>'); /*float9*/
}
.nav-horizontal ul:after {
	content: ''; /*float*/
	display: block;
	clear: both; /***/
}
.nav-horizontal ul li {
	float: left;
	display: block;
	position: relative;
}
.nav-horizontal ul a {
	display: inline-block;
	*display: inline;
	white-space: nowrap;
	text-decoration: none;
}
.nav-horizontal ul ul {
	display: none;
	position: absolute;
	*top: 1em;
	left: 0;
	z-index: 930;
	background-color: white;
}
.nav-horizontal ul ul li {
	float: none;
	display: block;
	width: 100%;
}
.nav-horizontal ul ul ul {
	top: 0;
	left: 80%;
	z-index: 940;
}

.nav-horizontal.nav_ready li:hover > ul, .nav-horizontal ul ul.nav-ul_open {
	display: block;
}

.nav-horizontal_horizontal ul ul {
	*top: 16px;
	font-size: 0;
	width: auto;
	white-space: nowrap;
}
.nav-horizontal_horizontal ul ul ul {
	left: 0;
}
.nav-horizontal_horizontal ul ul li {
	width: auto;
	display: inline;
}
.nav-horizontal_horizontal ul ul a {
	font-size: 16px;
	font-size: 1rem;
}
.nav-horizontal .nav-expand {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.nav-vertical ul ul {
	display: none;
}
.nav-vertical.nav_ready li:hover > ul, .nav-vertical ul ul.nav-ul_open {
	display: block;
}
.nav-expand {
	display: none;
}
.nav_tap-applied .nav-expand {
	display: block;
}
.nav_tap-applied .nav_fold {
	display: none;
}
.nav_tap-applied .nav_unfold {
	display: block;
}
.top-title-logo {
	border: none;
}

#site-nav-main a {
	color: #e4262c;
	text-shadow: 0, 0, 0, 3px;
	line-height: 46px;
	width: 135px;
	text-align: center;
	font-size: 15px;
	text-shadow: 0 0 8px #000, 0 0 4px #000;
	font-weight:bold;
}

#site-nav-main a:hover {
	color:#fff;
	animation-duration:4s;
}

#site-nav-main ul ul {
	background-color: transparent;
	padding-left: 10px;
}

#site-nav-main ul ul a {
	color: gray;
	width: auto;
	margin-left:15px;
	text-align: center;
	font-size: 11px;
	line-height: 22px;
	text-shadow: none;
	font-weight:500;
}

#site-nav-main ul ul a:hover {
	color:#fff;
	background:#f00;
}
#site-nav-main ul ul.sub03 {
	margin-left: -35px;
}

#site-head {
	position: relative;
	height:124px;
	background:url('/html/img/menu-bg.jpg') no-repeat 0 0;
}

#site-title {
	height: 45px;
	
}

#site-nav {
	background: url('/images/menu_bg2.png') no-repeat 0 0;
	padding-bottom: 36px;
}

#site-nav-user {
	position: absolute;
	top: 15px;
	right: 5px;
}
.top-menu li {
	list-style: none;
	float: left;
	color: #c5c5c5;
	font-size: 9px;
	line-height: 30px;
}
.top-menu li a {
	text-decoration: none;
	font-size: 11px;
	margin: 0 6px;
	color: #fff;
	text-shadow: 0 0 8px #000, 0 0 4px #000;
	_color: black;
	letter-spacing: -1px;
}

/*ºñÁ־󱸰£*/
.visual {
	background:url('/html/img/visual-bg.jpg');
	width:950px;
	height:385px;
	margin:0 auto;
}

/* ºñÁÖ¾ó ½ºÅ©¸³Æ®  */
/* ½½¶óÀÌµå ¸öÅë */
.slide{text-align:center; position:relative; float:left; display: block;}
.slide_ul{display: block;position:relative;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:100; display:block;float:left;}
.slide_ul>li img{float:left;position:absolute;top:-9px;left:50px;}
li{list-style: none;}

.show{display:block;}
.slide_btn {display:none;}

/*¼­ºêÆäÀÌÁö*/
.sub-visual {
	background:url('../html/img/sub-visual-bg.jpg') no-repeat;
	width:950px;
	height:176px;
	margin:0 auto;
}


¸ÞÀÎÆäÀÌÁö Style------------------------------------------------------------------------------------------------------
¸ÞÀÎÆäÀÌÁö ±âº» text
.m_basic {font-family:µ¸¿ò;}
.m_orange11 {font-family:verdana; color:#FF6600; font-size:11px;}
.m_red11 {font-family:verdana; color:#FF3000; font-size:11px;}
.m_ygreen11 {font-family:verdana; color:#00994C; font-size:11px;}
.m_b_blue12 {font-family:±¼¸²; color:#0077BB; font-size:12px;}
.m_b_dblue12 {font-family:±¼¸²; color:#02006E; font-size:12px;}
.m_bgreen10 {font-family:verdana; color:#009FCD; font-size:10px;}

¸ÞÀÎÆäÀÌÁö text ¸µÅ©»ö»ó------
text ¸µÅ©»ö»ó Gray11
A.link_m_b_g11:td,th {font-family:µ¸¿ò; color:#5F5F5F; font-size:11px; line-height:14px;}
A.link_m_b_g11:link {font-family:µ¸¿ò; color:#5F5F5F; font-size:11px; text-decoration:none; line-height:14px;}
A.link_m_b_g11:visited {font-family:µ¸¿ò; color:#5F5F5F; font-size:11px; text-decoration:none; line-height:14px;}
A.link_m_b_g11:hover {font-family:µ¸¿ò; color:#222222; font-size:11px; text-decoration:none; line-height:14px;}

text ¸µÅ©»ö»ó Blue12
A.link_m_b_blue:td,th {font-family:±¼¸²; color:#0066CC; font-size:12px;}
A.link_m_b_blue:link {font-family:±¼¸²; color:#0066CC; font-size:12px; text-decoration:none;}
A.link_m_b_blue:visited {font-family:±¼¸²; color:#0066CC; font-size:12px; text-decoration:none;}
A.link_m_b_blue:hover {font-family:±¼¸²; color:#0066CC; font-size:12px; text-decoration:none;}

text ¸µÅ©»ö»ó Gray12
A.link_m_b_g12:td,th {font-family:±¼¸²; color:#707070; font-size:12px;}
A.link_m_b_g12:link {font-family:±¼¸²; color:#707070; font-size:12px; text-decoration:none;}
A.link_m_b_g12:visited {font-family:±¼¸²; color:#707070; font-size:12px; text-decoration:none;}
A.link_m_b_g12:hover {font-family:±¼¸²; color:#333333; font-size:12px; text-decoration:none;}



¼­ºêÆäÀÌÁö text ¸µÅ©»ö»ó------
Product Category Link Color
A.link_category:td,th {font-family:±¼¸²; color:#2880AC; font-size:12px;}
A.link_category:link    {color:#2880AC; text-decoration:none;}
A.link_category:visited {color:#2880AC; text-decoration:none;}
A.link_category:hover  {color:#005B88; text-decoration:none;}
Product List Link Color
A.link_list:td,th {font-family:±¼¸²; color:#006EA6; font-size:12px;}
A.link_list:link    {color:#006EA6; text-decoration:none;}
A.link_list:visited {color:#006EA6; text-decoration:none;}
A.link_list:hover  {color:#00466A; text-decoration:none;}
Board_File Link Color
A.link_board_file:td,th {font-family:±¼¸²; color:#004FA0; font-size:12px;}
A.link_board_file:link    {color:#004FA0; text-decoration:none;}
A.link_board_file:visited {color:#004FA0; text-decoration:none;}
A.link_board_file:hover  {color:#001A5C; text-decoration:none;}
GRAY
A.link_gray:td,th {font-family:±¼¸²; color:#4f4f4f; font-size:12px;}
A.link_gray:link    {color:#4f4f4f; text-decoration:none;}
A.link_gray:visited {color:#4f4f4f; text-decoration:none;}
A.link_gray:hover  {color:#000000; text-decoration:none;}
GRAY10
A.link_gray10:td,th {font-family:±¼¸²; color:#4f4f4f; font-size:8px;}
A.link_gray10:link    {
	color:#4f4f4f;
	text-decoration:none;
	font-size: 8pt;
	font-family: "±¼¸²";
	font-weight: normal;
}
A.link_gray10:visited {
	color:#4f4f4f;
	text-decoration:none;
	font-size: 8pt;
	font-family: "±¼¸²";
	font-weight: normal;
}
A.link_gray10:hover  {
	color:#000000;
	text-decoration:none;
	font-size: 8pt;
	font-family: "±¼¸²";
	font-weight: normal;
}

BLACK
A.link_black10b:td,th {font-family:±¼¸²; color:#000000; font-size:12px;}
A.link_black10b:link    {color:#111111; text-decoration:none;}
A.link_black10b:visited {color:#111111; text-decoration:none;}
A.link_black10b:hover  {color:#000000; text-decoration:none;}
DEEPBLUE
A.link_deepblue:td,th {font-family:±¼¸²; color:#002C9C; font-size:12px;}
A.link_deepblue:link    {color:#002C9C; text-decoration:none;}
A.link_deepblue:visited {color:#002C9C; text-decoration:none;}
A.link_deepblue:hover  {color:#001A5C; text-decoration:none;}
BLUE
A.link_blue:td,th {font-family:±¼¸²; color:#0088dd; font-size:12px;}
A.link_blue:link    {color:#0088dd; text-decoration:none;}
A.link_blue:visited {color:#0088dd; text-decoration:none;}
A.link_blue:hover  {color:#0055bb; text-decoration:none;}
BLUEGREEN
A.link_bgreen:td,th {font-family:±¼¸²; color:#008A96; font-size:12px;}
A.link_bgreen:link    {color:#008A96; text-decoration:none;}
A.link_bgreen:visited {color:#008A96; text-decoration:none;}
A.link_bgreen:hover  {color:#003E44; text-decoration:none;}
YELLOWGREEN
A.link_ygreen:td,th {font-family:±¼¸²; color:#3B8B00; font-size:12px;}
A.link_ygreen:link    {color:#3B8B00; text-decoration:none;}
A.link_ygreen:visited {color:#3B8B00; text-decoration:none;}
A.link_ygreen:hover  {color:#266B00; text-decoration:none;}
violet
A.link_violet:td,th {font-family:±¼¸²; color:#8060C3; font-size:12px;}
A.link_violet:link    {color:#8060C3; text-decoration:none;}
A.link_violet:visited {color:#8060C3; text-decoration:none;}
A.link_violet:hover  {color:#330099; text-decoration:none;}
RED
A.link_red:td,th {font-family:±¼¸²; color:#FF0000; font-size:12px;}
A.link_red:link    {color:#FF0000; text-decoration:none;}
A.link_red:visited {color:#FF0000; text-decoration:none;}
A.link_red:hover  {color:#E30000; text-decoration:none;}
ORANGE
A.link_orange:td,th {font-family:±¼¸²; color:#666666; font-size:12px;}
A.link_orange:link    {color:#FF6600; text-decoration:none;}
A.link_orange:visited {color:#FF6600; text-decoration:none;}
A.link_orange:hover  {color:#FF3300; text-decoration:none;}
position
A.link_post:td,th {font-family:"Verdana"; color:#999999; font-size:11px;}
A.link_post:link    {color:#999999; text-decoration:none;}
A.link_post:visited {color:#999999; text-decoration:none;}
A.link_post:hover  {color:#333333; text-decoration:none;}


.table_total_gray_m {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #e6e6e6;
}
.table_search {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #e6e6e6;
}
.table_total_gray {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #dddddd;
}
.table_line2_blue {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #B3CAD6;
}
.td_board_bottom {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 13pt;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #e6e6e6;
}
.t_gray {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 13pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #e6e6e6;
}
.gray {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #d3d3d3;
}
.tdgray {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 14pt;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #e3e3e3;
}
.tdgray2 {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 14pt;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #e3e3e3;
}
.td_gray {
	font-family:±¼¸²;
	font-size: 9pt;
	font-style: normal;
	line-height: 14pt;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #e6e6e6;
}
.formbox {
	background-color: #9c291c;
	font-family: Arial, Helvetica, sans-serif;
	color: #e1bfbb;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


¼­ºêÆäÀÌÁö text

.sub_gray {font-family:±¼¸²; color:#888888; font-size:12px;}

.board_total {font-family:verdana; color:#999999; font-size:9px; line-height:10pt;}
.board_title {font-family:±¼¸²; color:#2E77AF; font-size:12px;}
.board_cost {font-family:±¼¸²; color:#FF3C00; font-size:12px;}

.p_view_t1 {font-family:µ¸¿ò; color:#005BA0; font-size:15px; line-height:15pt; font-weight:bold;}
.p_view_t2 {font-family:µ¸¿ò; color:#999999; font-size:15px; line-height:15pt; font-weight:bold;}
.p_view_cost {font-family:±¼¸²; color:#FF6000; font-size:12px; line-height:13pt; font-weight:bold;}
.p_view_cost2 {font-family:±¼¸²; color:#005BA0; font-size:12px; line-height:13pt;}

.p_detail_value {font-family:µ¸¿ò; color:#005BA0; font-size:11px; line-height:12pt;}

.p_order_product {font-family:±¼¸²; color:#2880AC; font-size:12px; line-height:13pt;}
.p_order_title {font-family:±¼¸²; color:#4F8EBD; font-size:12px; line-height:13pt; font-weight:bold;}
.p_order_notice {font-family:µ¸¿ò; color:#888888; font-size:11px; line-height:12pt;}

.p_pay_notice {font-family:µ¸¿ò; color:#448BAD; font-size:11px; line-height:12pt;}

.pop_t1 {font-family:±¼¸²; color:#999999; font-size:12px; line-height:13pt;}
.pop_t2 {font-family:±¼¸²; color:#005BA0; font-size:12px; line-height:13pt; font-weight:bold;}
.pop_gray11 {font-family:µ¸¿ò; color:#999999; font-size:11px;}

.white16b {font-family:±¼¸²; color:#FFFFFF; font-size:16px; font-weight:bold;}
.k11 {font-family:µ¸¿ò; color:#000000; font-size:11px;}
.black12 {font-family:±¼¸²; color:#000000; font-size:12px;}
.black15b {font-family:±¼¸²; color:#000000; font-size:15px; font-weight:bold;}
.darkgray12b {font-family:±¼¸²; color:#333333; font-size:12px; font-weight:bold;}
.gray12b {font-family:±¼¸²; color:#666666; font-size:12px; font-weight:bold;}
.gray9 {font-family:verdana; color:#999999; font-size:9px;}
.gray11 {font-family:µ¸¿ò; color:#888888; font-size:11px;}
.deepblue11 {font-family:verdana; color:#223F96; font-size:11px;}
.blue12 {font-family:±¼¸²; color:#1C75CF; font-size:12px;}
.blue12b {font-family:±¼¸²; color:#1C75CF; font-size:12px; font-weight:bold;}
.bgreen12 {font-family:±¼¸²; color:#00707A; font-size:12px;}
.bgreen12b {font-family:±¼¸²; color:#3C969E; font-size:12px; font-weight:bold;}
.bgreen15b {font-family:±¼¸²; color:#008A8A; font-size:15px; font-weight:bold;}
.dgreen12b {font-family:±¼¸²; color:#007E7A; font-size:12px; font-weight:bold;}
.ygreen12 {font-family:±¼¸²; color:#3B8B00; font-size:12px;}
.olive12 {font-family:±¼¸²; color:#999933; font-size:12px;}
.red12 {font-family:±¼¸²; color:#FF0000; font-size:12px;}
.red12b {font-family:±¼¸²; color:#FF5A60; font-size:12px; font-weight:bold;}
.blue15b {font-family:±¼¸²; color:#1C75CF; font-size:15px; font-weight:bold;}
.orange12 {font-family:±¼¸²; color:#FF6600; font-size:12px;}
.pink12 {font-family:±¼¸²; color:#F0528A; font-size:12px;}
.violet12 {font-family:±¼¸²; color:#7F50DE; font-size:12px;}





textarea + input + body + scrollbar

textarea { BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; font-family:±¼¸²; font-size: 9pt; line-height: 18px; color: 7B7B7B;}
.input_search {BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid; BORDER-TOP: #d6d6d6 1px solid; font-size:12px; background-color:#ffffff; height:20px; line-height:18px; color:#5f5f5f; font-family:±¼¸²;}
.input_id {border:0; font-size:12px; background-color:#eeeeee;  height:17px; width:80px;  line-height:130%; color:#0066cc; font-family:±¼¸²;}
.input_pw {border:0; font-size:12px; background-color:#eeeeee;  height:17px; width:80px;  line-height:140%; color:#0066cc; font-family:±¼¸²;}
.input_id2 {BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; font-size:12px; background-color:#ffffff;  height:20px; width:100px;  line-height:130%; color:#333333; font-family:??;}
.input_pw2 {BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; font-size:12px; background-color:#ffffff;  height:20px; width:100px;  line-height:140%; color:#333333; font-family:??;}
.input { BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; font-family:±¼¸²; font-size: 9pt; line-height:12pt; color:#666666;}
.area { BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; font-family:±¼¸²; font-size: 9pt; color:#555555; line-height:13pt;}
select { font-family:±¼¸²; font-size: 9pt; color:333333;}

.copy {	font-family: "Verdana";	font-size: 8pt;	font-style: normal;	color : #7B7B7B;}

BODY{scrollbar-base-color:#EAEAEA;scrollbar-face-color: #EAEAEA; scrollbar-shadow-color: #D4D0C8; scrollbar-highlight-color: #F3F3F3; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #606060; scrollbar-arrow-color: #EAEAEA;}
body,td,th {
	color:#555555;
	font-family:±¼¸²;
	font-size:9pt;
	line-height:14pt;
}
body {background-color: #FFFFFF; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px;}

selectbox
.IN{ BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; font-family:"±¼¸²"; font-size: 9pt; color:#888888}
/* SelectBox */
.selectBoxSelectedArea {color:#666666; background-color:#FFFFFF; font-size:12px; font-family:"±¼¸²"; padding-top:1px; line-height:17px; padding-left:3px;}
.selectBoxSelectedAreaFocus {color:#666666; background-color:#FFFFFF; font-size:12px; font-family:"±¼¸²"; padding-top:1px; line-height:17px; padding-left:3px;}
.selectBoxOption {color:#666666; background-color:#FFFFFF; font-size:12px; font-family:"±¼¸²"; padding-top:2px; height:12 padding-left:3px;}
.selectBoxOptionOver {color:#333333; background-color:#FFFFFF; font-size:12px; font-family:"±¼¸²"; padding-top:2px; line-height:17px; padding-left:3px;}
.selectBoxOptionInnerLayer {overflow:auto;background-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;
	scrollbar-highlight-color:#B4B4B4;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#EAEAEA;
	scrollbar-arrow-color:#838383;
	
	border:solid 1px #B4B4B4;
	}
selectbox