@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
a:link,a:visited{text-decoration: none;cursor: pointer;}

.blind,legend,thead th{display:none;left:0;overflow:hidden;position:absolute;top:-5000px;}
.hide, .none{display:none;}

.popup {position:absolute;display:none;z-index:1000;left:10px;top:10px;}

#wrap{width:100%}

img {vertical-align:middle;} 

#header{background:url(/images/bg_top.gif) repeat-x scroll 0 0 transparent;height:97px;margin:0;padding:0;position:relative;text-align:left;width:100%;}
#header .headermenu li{float:left;margin-right:15px;}
#header .headermenu li a.on{color:#FFFFFF;display:block;font-size:13px;font-weight:normal;letter-spacing:-1px;text-align:center;width:88px; text-decoration:none;padding-top:8px;padding-bottom:8px;background:url(/images/bg_menu_over.gif) no-repeat scroll 0 0 transparent;}
#header .headermenu li a.on:hover{}
#header .headermenu li a.off {color:#FFFFFF;display:block;font-size:13px;font-weight:normal;letter-spacing:-1px;text-align:center;width:88px; text-decoration:none;padding-top:8px;padding-bottom:8px;}
#header .headermenu li a.off:hover {background:url(/images/bg_menu_hover.gif) no-repeat scroll 0 0 transparent;}

.item {float:left; width:158px;height:242px;margin:5px 5px 15px 5px;position:relative;background: url(/images/bg_item.gif) no-repeat left top;}
.expire {background: url(/images/bg_item_expire.gif) no-repeat left top;}
.bg1 {background: url(/images/bg_item.gif) no-repeat left top;}
.bg2 {background: url(/images/bg_item.gif) no-repeat scroll 0 0 transparent;}
/*.item:hover {background:url(/images/sample_hover.gif) no-repeat scroll 0 0 transparent;}*/

.item .photo{padding-left:9px;padding-top:12px;border:0px solid #dfdfdf;height:92px;overflow:hidden;}
.item .title{padding-left:9px;padding-top:5px;padding-right:7px;height:14px;overflow:hidden;font-weight:bold;}
.item .priceinfo{padding-left:13px;padding-top:6px;height:13px;overflow:hidden;color:#808080}
.item .priceinfo .original{float:left;text-decoration:line-through;}
.item .priceinfo .sale{float:left;margin-left:3px;color:#400000;}
.item .priceinfo .icon{float:right;padding-right:10px;}

.item .price{text-align:center;color:red;font: bold 18px verdana;letter-spacing: -1px;padding-left:13px;padding-top:0px;height:21px;overflow:hidden;}
.item .dealinfo{padding-left:13px;padding-top:5px;height:14px;overflow:hidden;}
.item .dealinfo .site_name{color:#000000;float:left;}
.item .dealinfo .fav{float:left;}



.item .countinfo{padding-left:13px;padding-top:3px;padding-right:7px;height:14px;overflow:hidden;color:#565656;}
.item .countinfo .count_now{float:left;color:red;font-weight:bold;}
.item .countinfo .count_max{float:right;padding-right:4px;}

.item .areainfo{padding-left:13px;padding-top:3px;height:14px;}
.item .areainfo .area{color:#565656;}
.item .areainfo .category{color:#565656;}
.item .areainfo .qna{font-size:11px;color:#565656;}

.item .dateinfo{padding-left:13px;padding-top:4px;height:18px;color:#565656}
.item .dateinfo .sale_end{float:left;color:#3e3e3e}
.item .dateinfo .sale_btn{float:right;padding-right:6px;margin-top:-3px;}

.item a.title{color:#494949;}
.item a.title:hover{color:#000000}

.itemlist a.title{color:#333366;}
.itemlist a.title:hover{color:#33cc99;}

#container {
    /**/
    border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
	/*background-color:yellow;*/
}

.bgline{
	background:url("/images/bg_container_lt.gif") repeat-y scroll left 0 transparent;
}

#container2 {
    border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
}

.leftmenu {
    position:relative;
	display:inline;
    float:left;
    left:-0px;
    width:0px;
	margin-right:-0px;
	background-color:#fcfcfc; 
	/*
	border-right:1px solid #e4e4e4;
	*/
	/*
	background-color:red;
	*/
}

.content {
    float:left;
    width:100%;
    
	/*
	padding-left:10px;
	padding-top:10px;
	*/

    margin-right:-0px;
	/*padding-right:-0px;*/
    min-height:400px;
	/*
    overflow:hidden;
	border:1px solid red;
	*/
    /*background:url("/images/bg_column_content.gif") repeat-y scroll left top transparent;*/

}

.rightmenu {
    position:relative;
	display:inline;
    float:right;
    right:-0px;
    width:0px;
    margin-left:-0px;
    padding-bottom:35px;
	background-color:#ffffff;
}

#logo
{
	padding-left:25px;padding-top:11px;
}

#logo h1 a {
	background: url(/images/logo.gif) no-repeat scroll 0 0 transparent;
	display:block;
	overflow:hidden;
	width:216px;height:32px;
	text-indent: -9999px;
}

#search
{
	position:absolute;
	left:350px;
	top:8px;
	padding-left:0px;
	padding-top:0px;
	min-width:450px;
}

#search .search_border {
	float:left;
    background-color: #FFFFFF;
    border: 3px solid #fa9024;
    display: inline-block;
    height: 26px;
    width: 358px;
}

#search .input {
    border: 0 none;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    line-height: 16px;
    margin: 5px 0 0 6px;
    outline: medium none;
    width: 343px;
}

#search .search_submit {
	float:left;padding-left:5px;margin-top:-2px;
}

#search .search_hotkeyword
{
	height:16px;
	display:inline-block;
	float:left;
	/*background-color:red;*/
	color:#FFFF00;
	padding-top:3px;
	padding-right:10px;
}

#hello{font-size:15px;color:green;}

.xinfos{display:none;}

/* 팝업 */
.ly_help{position:relative;z-index:10;margin-top:6px;border:1px solid #888;background:#fff;text-align:left}
.ly_help .clse{position:absolute;top:3px;right:4px;width:80px;}
.ly_help strong{display:block;margin-bottom:-5px;padding:9px 0 0 9px;font-size:11px;color:#2c2c2c;letter-spacing:-1px}
.ly_help p{padding:8px 0 6px 9px;font-size:11px;color:#828282;line-height:16px;letter-spacing:-1px}
.ly_help p em{color:#268e00}
.ly_help .edge_cen{position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(/images/bg_layer_edge.gif) no-repeat 0 0;font-size:0}
.ly_help .edge_rgt{position:absolute;top:0;right:0;width:9px;height:6px;margin-top:-6px;background:url(/images/bg_layer_edge.gif) no-repeat 0 0;font-size:0}

/* 공지 */
.ly_pop{position:relative;z-index:10;padding:20px;border:3px solid #362f2d;background:#fff}
.ly_pop h1{margin-bottom:8px;font-size:18px;color:#2c2c2c;letter-spacing:-1px;line-height:20px}
.ly_pop .desc{color:#606060;line-height:20px}
.ly_pop .desc em{color:#268e00}
.ly_pop .btn{clear:both;margin-top:17px;padding:10px 0;border-top:1px solid #e5e5e5;text-align:center}
.ly_pop .btn img{vertical-align:top}
.ly_pop .clse{position:absolute;top:8px;right:8px;padding:5px;}

/*페이징*/
.paginate_complex{padding:10px 0;line-height:normal;text-align:center;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0px;padding:10px;border:1px solid #d6d6d6;background-color:#fff;font:bold 12px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#CCCCCC}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

/* 하단 */
#footer{clear:both;margin:0;padding:22px 0 30px;border-top:1px solid #dedede;text-align:center}
#footer ul,#footer li,#footer a,#footer strong,#footer img,#footer em,#footer address,#footer span{margin:0;padding:0;color:#333;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal}
#footer a{color:#444;text-decoration:none}
#footer a:visited{color:#666;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer ul{margin:0 0 10px}
#footer ul li{display:inline;position:relative;padding:0 5px 0 7px;background:url(/images/bu_bar.gif) 0 50% no-repeat;_background-position:0 10%;font-size:12px;white-space:nowrap}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01}
#footer ul li.frst{padding:0 3px 0 0;background:none}
#footer .info{margin:0 0 11px;color:#7e7e7e;font-size:11px;line-height:15px}
#footer .info2{margin:-3px 0 13px;font-size:11px;line-height:18px}
#footer .info2 span{display:inline-block;margin-left:2px;padding-left:7px;background:url(/images/bu_bar.gif) 1px 50% no-repeat;_background-position:0 10%;font-size:11px;line-height:18px}
#footer address{font-family:Verdana;font-size:9px;line-height:14px}
#footer address img{vertical-align:middle}
#footer address a{color:#444;font-family:Tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#009bc8}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px}
#footer address em{padding-left:6px;font-family:Verdana;font-size:9px}
#footer address .logo{display:inline-block;display:inline;vertical-align:top;vertical-align:baseline}

/* 기본,공통 */
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}

/* 각종 고유 버튼 */
.inputc1 {border: 1px solid #AFAFAF;background-color:#EAEAEA;color:#000000; font-size:12px; font-family:gulim, dotum, verdana, arial; font-weight:normal; padding:2px; }
.inputc2 {border: 1px solid #005782;background-color:#F1F2FE;color:#FFFFFF; font-size:12px; font-family:gulim, dotum, verdana, arial; font-weight:normal; padding:2px; }
.inputc3 {border: 1px solid #333399;background-color:#F1F2FE;color:#FFFFFF; font-size:12px; font-family:gulim, dotum, verdana, arial; font-weight:normal; padding:2px; }

.input1{ border-color: #ACACAC #E0E0E0 #E0E0E0 #ACACAC; border-style: solid; border-width: 1px;  }

.clearfix 
{
    display:block;
}

.clearfix:after 
{
    clear:both;;
    content:" ";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

/* 기타 */
.mark{font-size:9pt; color:#FF6600;}
.p5{padding:5px;}
.p4{padding:4px;}
.p3{padding:3px;}
.p2{padding:2px;}
.m5{margin:5px;}
.m4{margin:4px;}
.m3{margin:3px;}
.m2{margin:2px;}

/* 로그인 */
.member_login
{
	position:relative;
	width:280px;
	margin:45px;
}
.member_login h4
{
	border-bottom: 2px solid #E5E5E5;
	font-size: 16px;
    padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}

.member_login .textbox label{padding-bottom:7px;display:block;}

.member_login .textbox span {display:block;float:left;width:55px;padding-top:5px;padding-right:3px;text-align:center;} /*display:block;*/

.member_login .textbox input
{
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #919191;
    font: 12px Arial,sans-serif;
	line-height:16px;
	height:16px;
    width: 150px;
	background-color:#ececec;
	padding:2px;
}

.member_login .textbox input:hover, form .textbox input:active, form .textbox input:focus
{
    border: 1px solid #999999;
	background-color:#E8F2DF;	
}

.member_login .btn_submit{position:absolute;left:223px;top:37px;}

.member_login .remember {padding-left:57px;}

.member_join_info
{
    border-top: 1px solid #CACACA;
	/*    border-bottom: 2px solid #CACACA;*/
	margin-top:10px;
}
.member_join_info dl
{
	padding:10px 0px 10px 10px;
}
.member_join_info dt {float:left;width:185px;height:26px;line-height:26px;padding-top:0px;}	
.member_join_info dd {margin:0;padding:0;}

.member_join_info ul
{
	padding:10px 0px 10px 10px;
}
.member_join_info ul li
{
	height:26px;
	line-height:26px;
}

/* 회원가입/수정 */
.tb_member .col1 {padding:0px 0px 0px 10px;}
.tb_member .col2 {padding:5px 0px 5px 8px;}

.tb_member .select {
	padding:3px;
}

.tb_member .input {
	background-color:#FFFFFF;
	border: #b3b3b3 1px solid;
	color: #464646;
	height:18px;
	padding:1px 2px 1px 4px;
	line-height:18px;
	/*	padding:2px 5px 0px 5px;*/
	margin:1px;
}

.tb_member .left_best_line {
	height:1px;
	background-color:#e6e6e6;
}

/*수직그래프*/
.v_graph{position:relative;width:700px;}
.v_graph ul{height:150px;margin:0;padding:0;border:1px solid #ddd;border-top:100px;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none}
.v_graph ul:after{display:block;content:""}
.v_graph li{display:inline;float:left;position:relative;width:23px;height:100%;margin:0 3px;text-align:center;white-space:nowrap}
.v_graph .g_term{display:inline-block;position:relative;width:15px;height:20px;margin:0 -100% -20px 0;padding:150px 0 0 0;font-weight:bold;color:#767676;line-height:20px;vertical-align:bottom}
.v_graph .g_bar_ori{display:inline-block;position:relative;width:12px;margin:-1px 0 0 0;border:1px solid #ccc;border-bottom:0;background:#e9e9e9;vertical-align:bottom}
.v_graph .g_bar_orange{display:inline-block;position:relative;width:12px;margin:-1px 0 0 0;border:1px solid #FFA555;border-bottom:0;background:#FFBB78;vertical-align:bottom}
.v_graph .g_bar{display:inline-block;position:relative;width:12px;margin:-1px 0 0 0;border:1px solid #8DBAD9;border-bottom:0;background:#1F77B4;vertical-align:bottom}
.v_graph .g_bar span{position:absolute;top:-20px;left:0;width:12px;color:#767676}

/*신규 */
a.link1 {color:#994A17;text-decoration: none;}
a.link1:link {color:#994A17;text-decoration: none;}
a.link1:active {color:#994A17;text-decoration: none;}
a.link1:visited {color:#994A17;text-decoration: none;}
a.link1:hover {color:#994A17;text-decoration: underline;}

a.link2{color:#443333;text-decoration: none;}
a.link2:link {color:#443333;text-decoration: none;}
a.link2:active {color:#443333;text-decoration: none;}
a.link2:visited {color:#443333;text-decoration: none;}
a.link2:hover {color:#443333;text-decoration: underline;}


