@charset "euc-kr";
/* CSS Document */

*{ margin:0 auto; padding:0; line-height:1.5em; font-family:NanumGothic; font-size:12px;  color:#726e6e; }
a{color:#726e6e; text-decoration:none; outline-style:none; }
a:hover{ text-decoration:none;}
img{ border:0; margin:0; padding:0;}
ul, li{ list-style:none;}
fieldset { border:medium none; }
table{ border-collapse:collapse; }

#body_bg{ background:url(../images/top_bg.gif) repeat-x; width:100%; height:100%; text-align:'center'}
#wrap{ width:100%; margin:0 auto; }
#top{ width:960px; margin:0 auto; height:116px; position:relative;}
#top h1{ position:absolute; left:5px; top:30px;}
#top .home_navi{
	float:left;
	position:absolute;
	right:0;
	top:5px;
	width: 600px;
	height: 19px;
}
#top .home_navi li{ float:right; }
#top .home_navi li a{font-size:11px;}
#top .home_navi li.first{ background:none; padding-left:80px;}
#top .home_navi li.outlogin{ background:none; padding-right:20px;}
.red_txt{ color:#d37f7f;}

#top-nav {
	position:absolute;
	top:-15px;
	left:440px;
}
#top-nav #menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
}
#top-nav #menu {
	width: 550px;
	height:200px;
	margin: 60px auto;
}
#top-nav #menu li a#l_fi {
	font: bold 18px NanumGothic, Helvetica;
}
#top-nav #menu li a#l_se {
	font: bold 18px NanumGothic, Helvetica;
}
#top-nav #menu li a#l_th {
	font: bold 18px NanumGothic, Helvetica;	
}
#top-nav #menu li a#l_fo {
	font: bold 18px NanumGothic, Helvetica;
}
#top-nav #menu:before,
#top-nav #menu:after {
	content: "";
	display: table;
}
#top-nav #menu:after {
	clear: both;
}
#top-nav #menu {
	zoom:1;
}
#top-nav #menu li {
	float: left;
	position: relative;
}
#top-nav #menu a {
	float: left;
	padding: 12px 30px;
	color: black;
	text-transform: uppercase;
	font: bold 14px NanumGothic, Helvetica;
	text-decoration: none;
}
#top-nav #menu li:hover > a {
	color: orange;
}
*html #menu li a:hover { /* IE6 only */
	color: orange;
}
#top-nav #menu ul {
	margin: 0px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	z-index: 9999;
}
#top-nav #menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#top-nav #menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
}
#top-nav #menu ul li {
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
}
#top-nav #menu ul #l_1 {
	width:200px;
	position:relative;
	margin-left:20px;
	overflow:hidden;
}
#top-nav #menu ul #l_2 {
	width:245px;
	position:relative;
	margin-left:20px;
	overflow:hidden;
}
#top-nav #menu ul #l_3 {
	width:110px;
	position:relative;
	margin-left:20px;
	overflow:hidden;
}
#top-nav #menu ul li:last-child {
}
#top-nav #menu ul a {   
	padding: 10px;
	_height: 10px; /*IE6 only*/
	display: inline;
	white-space: nowrap;
	text-transform: none;
}
#top-nav #menu ul a:hover {
}
#top-nav #menu ul li:first-child > a {
}
#top-nav #menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
}
#top-nav #menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
}
#top-nav #menu ul li:first-child a:hover:after {
}
#top-nav #menu ul ul li:first-child a:hover:after {

}
#top-nav #menu ul li:last-child > a {
}





#middle{ width:100%; height:100%; margin-top:5px;}
#middle_in{ width:960px; margin:0 auto; }
#middle_in_sub{ width:960px; margin:0 auto; padding:28px 0 28px 0; }
.sub_menu{ float:left; width:214px; margin-right:40px;}
.container_box{ float:left; width:676px; margin-right:30px; padding-bottom:25px;}
.container_box .tit{width:676px; position:relative; height:65px;}
.container_box .tit h4{ position:absolute; left:0; top:0;}
.container_box .tit span{ position:absolute; right:0; top:0;}

.sub_ban{ width:100%; height:100px; margin:0 auto; border-bottom:2px solid #833b00;}
.sub_ban_in{ width:960px; margin:0 auto;}
.main_banner{ height:330px; width:100%; z-index:100; margin-top:25px;}
.mid_bottom{ width:960px; height:240px; position:relative;}
.info_box{ position:absolute; width:218px; left:0; top:24px;}
.info_box .tit{ position:relative; width:218px; height:45px;}
.info_box .tit h2{ position:absolute; left:0; top:14px;}
.info_box .tit span{ position:absolute; right:0; top:17px;}
.info_box ul li{ background:url(../images/dot_icon.gif) no-repeat 0 35%; padding-left:15px; margin-bottom:2px;}
.info_box ul li a{ font-size:11px;}
.best_product{
	position:absolute;
	left:395px;
	top:24px;
	width: 565px;
}

#middle_sub{width:100%;}


#middle_sub #left-nav {
	position:relative;
}
#middle_sub #left-nav #menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
}
#middle_sub #left-nav #menu {
	width: 120px;
	height:200px;
	margin: 30px 0 0 0;
}
#middle_sub #left-nav #menu li a#l_fi {
	font: bold 18px NanumGothic, Helvetica;	
}
#middle_sub #left-nav #menu li a#l_se {
	font: bold 18px NanumGothic, Helvetica;	
}
#middle_sub #left-nav #menu li a#l_th {
	font: bold 18px NanumGothic, Helvetica;	
}
#middle_sub #left-nav #menu li a#l_fo {
	font: bold 18px NanumGothic, Helvetica;	
}
#middle_sub #left-nav #menu:before,
#middle_sub #left-nav #menu:after {
	content: "";
	display: table;
}
#middle_sub #left-nav #menu:after {
	clear: both;
}

#middle_sub #left-nav #menu {
	zoom:1;
}
#middle_sub #left-nav #menu li {
	width:120px;
	height:30px;
	position: relative;
}
#middle_sub #left-nav #menu a {
	padding: 12px 10px;
	color: black;
	text-transform: uppercase;
	font: bold 14px NanumGothic, Helvetica;
	text-decoration: none;
}
#middle_sub #left-nav #menu li:hover > a {
	color: orange;
}
*html #menu li a:hover { /* IE6 only */
	color: orange;
}
#middle_sub #left-nav #menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
}
#middle_sub #left-nav #menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#middle_sub #left-nav #menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
}
#middle_sub #left-nav #menu ul li {
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
}
#middle_sub #left-nav #menu ul #l_1 {
	width:170px;
	overflow:hidden;
}
#middle_sub #left-nav #menu ul li:last-child {
}
#middle_sub #left-nav #menu ul a {   
	padding: 10px;
	_height: 10px; /*IE6 only*/
	display: inline;
	white-space: nowrap;
	text-transform: none;
}
#middle_sub #left-nav #menu ul a:hover {
}
#middle_sub #left-nav #menu ul li:first-child > a {
}
#middle_sub #left-nav #menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#middle_sub #left-nav #menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}
#middle_sub #left-nav #menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec; 
}
#middle_sub #left-nav #menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 	
}
#middle_sub #left-nav #menu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}


.best_product{
	position:absolute;
	left:395px;
	top:24px;
	width: 565px;
	height:195px;
	background:url(../images/best_bg.gif);
}
.best_product #i_1 {
	float:left;
	width:167px;
	margin:55px 0 0 18px;
}
.best_product #i_2 {
	float:left;
	width:167px;
	margin:55px 0 0 18px;
}
.best_product #i_3 {
	float:left;
	width:160px;
	margin:55px 0 0 18px;
}

.global{ position:absolute; right:0; top:24px;}

#bottom{ border-top:1px solid #efefef; clear:both;}
.bottom_in{ width:960px; margin:0 auto; position:relative; height:100px;}
.bottom_in h3{ position:absolute; left:5px; top:30px;}
.bottom_in p{
	font-size:11px;
	position:absolute;
	top:29px;
	left:178px;
	color:#9a9a9a;
}

.table_1 {
clear:both;
color:#646464;
}

.table_1 th.first {
border-left:1px solid #B7B7B7;
}

.table_1 th {
	text-align:center;
background:url(../images/table1_th_bg.gif) repeat-x;
border-bottom:1px solid #B7B7B7;
height:25px;
}

.table_1 th.last {
border-right:1px solid #B7B7B7;
}
.table_1 td {
border-bottom:1px solid #E5E5E5;
height:34px;
text-align:center;
}
.t_no {
color:#777978;
font:10px tahoma;
padding:0 5px;
text-align:center;
}
.table_1 td.t_ttl {
text-align:left;
font:12px Dotum;
padding-left:30px;
}
.bt2 {
	float:right;
clear:both;
margin:20px 0 0;
}

.board_search {
margin:10px 0 0;
text-align:center;
}


.view_boxn{ width:100%; clear:both; margin-bottom:20px;}
.view_tit{ height:36px; width:100%; background:url(../images/tit_bg.gif) repeat-x; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; position:relative;}

.view_tit h5{ position:absolute; font-weight:bold; font-size:13px; color:#000; left:10px; top:10px;}
.view_tit .date{ position:absolute; top:10px; right:10px;}
.write_box{ clear:both; width:100%; height:30px; position:relative; border-bottom:1px dotted #ddd;}
.write_box .wri{ position:absolute; left:10px; top:8px;}
.write_box .num{ position:absolute; right:10px; top:8px;}

.txt_box{ clear:both; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.question dt{ border-bottom:1px dotted #ddd; padding-bottom:10px;  padding-top:10px; font-weight:bold; background:url(../images/q_icon.gif) no-repeat 0 40%; padding-left:25px;}
.question dd{ padding-bottom:10px; border-bottom:1px dotted #ddd; background:url(../images/a_icon.gif) no-repeat 0 10px ; padding-left:25px;  padding-top:10px; padding-right:25px;}
.loginBox{
background:#F2F2F2;
border-bottom:1px solid #CED0D4;
border-top:2px solid #A3A3A3;
display:block;
height:58px;
margin-top:6px;
padding:26px 0 28px;
position:relative;
width:100%;
}
.loginBox p {
float:left;
height:58px;
line-height:29px;
margin-left:20px;
overflow:hidden;
width:208px;
}
.loginBox label {
	background:url(../images/ddot.gif) no-repeat 0 40%;

display:inline-block;
padding:0 0 0 8px;
width:60px;
}
.loginInfo {
background:none repeat scroll 0 0 #F2F2F2;
border-bottom:2px solid #A3A3A3;
padding:14px 0 14px 20px;
}

.loginInfo li {
line-height:26px;
word-spacing:-1px;
}
.loginInfo li img {
vertical-align:middle;
}

.resister{}

.resister td{ border:1px solid #ddd; padding:10px 0 10px 10px;}
.yellow{ background:#fff5e7;}

.findIDPW {
margin:20px 0 0;
padding:20px;
}

.boxAreaType2 {
background:none repeat scroll 0 0 #F2F2F2;
border-bottom:2px solid #A3A3A3;
border-top:2px solid #A3A3A3;
}

.passwordbox td{ padding:10px 0 10px 0;}

.gallery{ border-top:3px solid #eb2a26; border-bottom:1px solid #c1c1c1; }
.gallery img{ margin-bottom:5px;}
.gallery td{ padding-bottom:20px; padding-top:20px; padding-left:8px;}

.product{}
.product li{ float:left; background:url(../images/r_boc_bg.gif) no-repeat left top; width:192px; height:252px; margin-right:47px; margin-bottom:20px;}
.product li.last{ margin-right:0;}
.product li .img{ width:192px; text-align:center;  height:195px; padding-top:24px; margin-bottom:5px;}
.product li .img a img{vertical-align:middle;}

.view_box{ width:676px; height:272px; margin-bottom:10px; background: url(../images/view_box.gif) no-repeat; position:relative;}
.view_box .img{ position:absolute; width:150px; height:218px; left:40px; top:25px;}
.view_box .img img{ border:2px solid #f8961e;}
.view_box .txt_box2{ position:absolute; width:385px; left:250px; top:30px;}
.view_box .txt_box2 h5{ font-size:16px; font-weight:bold; letter-spacing:-1px; margin-bottom:8px;}
.view_box .txt_box2 table{ border-top:2px solid #f8961e;  border-bottom:2px solid #f8961e; width:100%;}
.view_box .txt_box2 table td{ padding:10px 10px; border-bottom:1px solid #f8961e; text-align:center;}
.view_box .txt_box2 table td.b{ font-weight:bold; border-right:1px solid #f8961e; background:#fff2e2; text-align:left;}