@charset 'UTF-8';

/* 13.1218 yongmi - buyer main */
.admin_main     {width:900px;margin-left:10px;}


/*
.admin_main a,.buyer_main a,.supplier_main a {color:#555555;}
*/

.tab_main				{margin-top:10px;height:326px;}
.recommend_p		{float:left;padding-top:10px;width:100%;}
.recommend_p h4		{float:left;display:inline-block;font-size:14px;line-height:150%; font-weight:bold; color:#000000; text-align:left; padding-top:5px;padding-left:15px;height:30px; ;width:400px; background:url(../images/bullets/m_title_01.gif) no-repeat 0px 60%;}
.recommend_p .paging {position:relative;float:right;display:block;width:100px;text-align:right;height:30px;}	
.contents_tit h4	{float:left;display:inline-block;font-size:14px;line-height:150%; font-weight:bold; color:#000000; text-align:left; padding-top:5px;margin-top:5px;padding-left:15px;height:30px; ;background:url(../images/bullets/m_title_01.gif) no-repeat 0px 60%;}

.notice		{float:left;padding-top:10px;width:440px;margin-right:10px;}
.notice h4		{float:left;display:inline-block;font-size:14px;line-height:150%; font-weight:bold; color:#000000; text-align:left; padding-top:5px;padding-left:15px;height:30px; ;width:200px; background:url(../images/bullets/m_title_01.gif) no-repeat 0px 60%;}
.notice h1		{cursor:pointer;float:right;display:inline-block;font-size:11px;line-height:150%; color:blue; text-align:left; padding-top:12px;padding-left:15px;height:30px; ;width:70px;}
.notice .paging {position:relative;float:right;display:block;width:100px;text-align:right;height:30px;}	
.notice .btm_line			{display:block;border-bottom:2px solid #4884b2;width:100%;height:30px;}



/* Tab Style */
.tab_st				 {height:30px;position:absolute;right:0px;top:10px;z-index:30;}
.tab_st ul           {position:relative;float:right;display:inline-block;margin:0;padding:0;text-align:right;}
.tab_st li           {position:relative;float:left;padding-left:3px;}
.tab_st li a         {color:#333333;display:block;overflow:hidden;width:20px;height:18px;padding-bottom:3px;*line-height:14px;*padding:1px 0 1px 0;border:1px solid #dedede;font-size:12px;text-align:center;text-indent:-1px;text-decoration:none;font-family:"tahoma";}
.tab_st li .arr      {display:none;overflow:hidden;}
.tab_st li.on a      {border-color:#b2d1e5;background-color:#b2d1e5;color:#343432;text-decoration:none;}
.tab_st li a:hover   {border-color:#ffd407;background-color:#ffd407;color:#343432;text-decoration:none;}
.tab_st li.on .arr   {display:block;visibility:visible;}
.arr                 {overflow:hidden;background:url(../images/main/paging_icon.gif) no-repeat 0 0;) no-repeat;font-size:0;text-indent:-9999px;}
.Navi li .arr        {position:absolute;top:17px;left:50%;width:6px;height:3px;margin-left:-3px;visibility:hidden;}
.tabN {height: 30px;}
.tabNavi .mr_0 {margin-right:0px !important;}



/* tabStyle */
.tabStyle {font-size:12px; position: relative;top: 0;left: 0; margin: 0px 0 0px 0;overflow: hidden;display:inline-block;width:743px;}
.tabStyle:after{display:block;clear:both;content:''} 
.tabStyle .tabNavi {overflow: hidden;zoom: 1;position: relative;z-index: 5;margin-bottom: 0px;}
.tabStyle .tabNavi li,
.tabStyle .tabNavi a {float: left;height: 30px;	line-height: 33px;font-weight: normal;text-decoration: none;background-image: url("../images/main/bg_tabstyle.gif");background-repeat: no-repeat;}
.tabStyle .tabNavi li {margin-right: 2px;padding-left: 5px;background-position: left -30px;}
.tabStyle .tabNavi a {width:142px;text-align:center;padding: 0 15px 0 10px;background-position: right -30px;}
.tabStyle .tabNavi .current {background-position: left 0;}
.tabStyle .tabNavi .current a {background-position: right 0;}
.tabStyle .tabNavi .current a {color: #ffffff;font-weight:bold;}
.tabStyle {border-color: #f26300;overflow: hidden;}
.borderTabCon {vertical-align:top;padding-top: 3px;border-top: 2px solid #4884b2;}


/* main button yongmi 2013.12.20   */
.cart_btn {min-width:44px;vertical-align:middle;text-align:center;}
.cart_btn{display:inline-block;height:22px;margin:0;padding-left:3px;background:url(../images/tradeone/btn_cart_l.gif) no-repeat 0 0;line-height:130%;white-space:nowrap;word-break:break-all;}
.cart_btn span{min-width:30px;display:inline-block;padding:3px 6px 0 3px;margin:0;border:0;background:url(../images/tradeone/btn_cart_r.gif) repeat-x right 0;height:22px;vertical-align:top;color:#333;font-size:12px;white-space:nowrap;word-break:break-all;}
.cart_btn a{background:url(../images/tradeone/cart_icon.gif) no-repeat left 2px;padding-left:15px;color:#727272;font-size:12px;font-weight:normal;text-align:center;white-space:nowrap;word-break:break-all;} /* 2013.12.06 -  yongmi   */
.cart_btn span a:hover, .normal_btn span a:focus{color:#727272;font-size:12px;}


.titSearch {position:relative;height:23px;}
.titSearch p{dislpay:block;}
.titSearch .more_btn {dislpay:inline-block;position:absolute;right:0;bottom:1px;color:#333333;padding:5px 0px 2px 0px;}
.more_btn span {padding-right:7px;background:url(../images/bullets/more_arrow.gif) no-repeat right 60%;}
.ctgBox {position:relative;height:258px;overflow:hidden;}

.best_p				{clear:both;padding-top:10px;width:100%;}
.best_p h4			{display:inline-block;font-size:14px; font-weight:bold;line-height:150%; color:#000000; text-align:left; padding-top:5px; padding-left:15px; height:30px; background:url(../images/bullets/m_title_02.gif) no-repeat 0px 60%;}

.small_title        {display:block;width:100%;height:27px;background:#faf8f8;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.small_title h5		{display:inline-block;color:#555555;font-size:12px;margin:0;padding-top:4px;padding-left:10px;line-height:160%;}

.new_p				{clear:both;padding-top:10px;width:100%;height:auto;}
.new_p h4			{display:inline-block;font-size:14px; font-weight:bold;line-height:150%; color:#000000; text-align:left; padding-top:5px; padding-left:15px; height:30px; background:url(../images/bullets/m_title_03.gif) no-repeat 0px 60%;}

.product {width:100%;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.product table {width:100%;height:auto;border-collapse:collapse;border-spacing:0px;}
.product td {width:16.6%;height:170px;border-right:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;}
.product .td_r {border-right:none;}
.product .td_bm {border-bottom:none;}
.divi_line {padding-top:10px;display:block;width:100%;height:20px;background:url(../images/main/division_line.gif) repeat-x 0 10px;}
.product_detail li{padding-left:5px;padding-right:5px;}
.p_img {padding-top:10px;padding-bottom:10px;text-align:center;width:100%;height:100px;}
.p_img div {background:#fcfcfc;width:80px;height:80px;text-align:center;margin:0 auto;border:1px solid #eaeaea;}
.p_tinfo {height:40px;line-height:160%;color:#333333;}
.p_tinfo a{width:113px;display:block;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.price {height:17px;}
.price .p_price span {color:#786363;font-size:14px;font-family:"tahoma";line-height:130%;}
.price .p_price strong{padding-left:5px;color:#ff1111;font-size:14px;font-family:"tahoma";line-height:130%;}
.recommend_p .btm_line			{display:block;border-bottom:2px solid #4884b2;width:100%;height:30px;}
.best_p .btm_line				{display:block;border-bottom:2px solid #8eb51a;width:100%;}
.new_p .btm_line				{display:block;border-bottom:2px solid #40b3df;width:100%;}

/* index */
.stepArea {overflow: hidden;margin-top:5px;width:100%;height: 240px;zoom: 1;}
.stepArea .stepWrap {float: left;width: 162px;height: 240px;margin-right:0px;}
.stepArea .bannerArea {float: right;width: 90px;margin:0px;padding:10px 10px 0px 10px;height: 240px;border:none;text-align:center;display:block;background:url("../images/main/mainbanner_bg.gif") no-repeat left top;}
.stepArea .bannerArea ul {clear:both;display:block;width:100%;text-align:center;padding:0px;}
.stepArea .bannerArea li {vertical-align:top;display:block;list-style:none;padding:0px;border-bottom:1px solid #ccc;margin-bottom:1px;}
.stepArea .bannerArea li a{display:block;}
.banner_img {display:block;height:38px;border:0px;}
.stepArea .bannerArea li span{display:block;height:16px;color:#989898;line-height:130%;}
.stepArea .bannerArea .last_b {	border-bottom:none;	margin-bottom:0px;}
.stepArea .stepWrap h4{font-size:16px;font-family:"tahoma","arial","Microsoft YaHei","Dotum";font-weight:normal;color:#c54133;height: 43px;padding-left:18px;line-height:41px;}
.stepArea .stepWrap h4 strong{font-size:20px;font-family:"tahoma","arial","Microsoft YaHei","Dotum";font-weight:normal;color:#ec392d;padding-top:2px;padding-left:6px;}
.stepArea .stepWrap01 h4 {background:url("../images/main/h4_step01.gif") no-repeat left top;}
.stepArea .stepWrap02 h4 {background:url("../images/main/h4_step02.gif") no-repeat left top;}
.stepArea .stepWrap03 h4 {background:url("../images/main/h4_step03.gif") no-repeat left top;}
.stepArea .stepWrap04 h4 {background:url("../images/main/h4_step04.gif") no-repeat left top;}
.stepArea .stepWrap02 {margin-right:-1px;}
.stepArea .stepWrap04 {margin-right: 0;}
.ie6Only .stepArea .stepWrap {margin-right: 0px;}
.ie6Only .stepArea .stepWrap04 {margin-right: 0;}
.stepArea .stepCont {position: relative;width: 162px;height: 164px;}
.stepArea .stepWrap01 .stepCont {background:url("../images/main/img_step01.gif") no-repeat left top;}
.stepArea .stepWrap02 .stepCont {background:url("../images/main/img_step02.gif") no-repeat left top;}
.stepArea .stepWrap03 .stepCont {background:url("../images/main/img_step03.gif") no-repeat left top;}
.stepArea .stepWrap04 .stepCont {background:url("../images/main/img_step04.gif") no-repeat left top;}
.stepArea .stepCont h5 {padding-top: 10px;padding-left: 18px;padding-right:18px;color:#8b8b8b;font-size:16px;line-height:160%;word-break:break-all;width:162px;}
.stepArea .stepCont02 {position:relative;height:33px;text-align:right;padding-right:6px;padding-top:6px;}
.stepWrap01 .stepCont02 {background:url("../images/main/btm_step01_bg.gif") no-repeat left top;}
.stepWrap02 .stepCont02 {background:url("../images/main/btm_step02_bg.gif") no-repeat left top;}
.stepWrap03 .stepCont02 {background:url("../images/main/btm_step03_bg.gif") no-repeat left top;}
.stepWrap04 .stepCont02 {background:url("../images/main/btm_step04_bg.gif") no-repeat left top;}

.latest_notice_box, .latest_lib_box {position:relative;margin-top:10px;top:0;right:0;width:370px;overflow:hidden;display:inline-block;}
.latest_notice_box {float:left;}
.latest_lib_box {float:right;}
.latest_board_tab {width:368px;width:368px;}
.latest_notice_box .latest_board_tab {border-bottom:2px solid #ff4e00;}
.latest_lib_box .latest_board_tab {border-bottom:2px solid #fba428;}
.latest_board_tab>li{position:absolute;top:0;left:0;padding:0;margin:0;}

/* UI Object */
/* �⺻ ���ݾ��� */
.tab_menu{position:relative;overflow:hidden;width:100%;}
.tab_menu li{_display:inline;float:left;margin-right:-1px;width:100%;}
.tab_menu li a{display:block;_float:left;height:23px;padding:0px 18px 3px 19px;color:#666;text-decoration:none;}
.tab_menu li.selected {padding-left:3px;line-height:170%;}

.latest_notice_box .tab_menu li.selected{background:url("../images/main/noti_icon.gif") 0 0 no-repeat;}
.latest_lib_box .tab_menu li.selected{background:url("../images/main/lib_icon.gif") 0 0 no-repeat;}

.tab_menu li.selected a{color:#333;font-weight:bold;font-size:16px;}
.lbl_box{position:relative;width:100%;   height: 130px; border:1px solid #e6e6e6;padding:5px;}
.lbl_box:after {
content : "";
display : block;
clear : both;
}
.lbl_box ul{position:relative;width:100%;}
.lbl_box ul li{float:left;position:relative;display:block;*display:inline;zoom:1;width:100%;height:23px;line-height:23px;overflow:hidden;background:url('../images/main/bu_notice.gif') 5px 12px no-repeat}
.lbl_box ul li a{position:relative;width:275px;display:block;*display:inline;zoom:1;padding-left:10px;padding-right:5px;text-align:left;color:#888888;font-size:12px;height:23px;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -ms-word-wrap: break-word;word-break: break-all;-ms-word-break: break-all;float:left;}
.lbl_box ul li a:hover{color:#333}
.lbl_box ul li span{color:#0078b6;display:inline-block;float:right;}
.lbl_box ul li span a {width:auto;min-width:70px;color:#0078b6;display:inline-block;}
.lbl_box ul li .datetime{position:absolute;top:0;right:0;font-size:11px;line-height:26px;}
.btn_more_list_view{position:absolute;top:2px;right:0px;padding-top:5px;padding-right:5px;}
.btn_more_list_view a{color:#555;}

.copyright			{clear:both;width:100%;height:90px;margin-top:10px;
padding-top:10px;margin-bottom:10px;background:#ececec;}

.txt-over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-recom A:link{color: #333;}
.pro-cata{width: 190px;margin-bottom:5px;float:left;}
.pro-recom{width: 190px;}
.pro-li-hot{overflow: hidden;margin-top: 0px;}
.pro-li-hot LI{height:21px;margin-bottom:2px;overflow: hidden;}
.pro-hot-tit{width: 95px;line-height:21px;padding-left: 5px;background: url("../images/main/left_dot.gif") left 10px no-repeat;}
.pro-li-hot .back {background:url("../images/main/left_arrowback.gif") left top no-repeat;padding-left:6px;height:21px;}
.redback {display:inline-block;line-height:19px;height:21px;padding:0px 5px 0px 3px;background:#e9f1fb;border-top:1px solid #81b1ec;border-right:1px solid #81b1ec;border-bottom:1px solid #81b1ec;}
.subconBody{padding-top: 0px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;float:left;}
.aboutList, aboutList02{width: 100%;overflow: hidden;border-bottom:2px solid #236896;}
.aboutList LI{width: 94px;text-align: center;color: #fff;padding-top: 7px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-size: 14px;float: left;height:32px;line-height:130%;background:url(../images/main/red_tab01.gif) left top no-repeat;}
.aboutList02 LI{width: 190px;text-align: left;color: #fff;font-size: 14px;float: left;font-weight:bold;height:40px;line-height:130%;}
.aboutList02 LI.listtop{width: 190;height:40px;padding-top: 9px;padding-right: 0px;padding-bottom:0px;padding-left: 8px;line-height:130%;background:url(../images/main/buyer_cattit_bg.gif) left top no-repeat;}
.aboutList LI A{color: #333333;}
.aboutList LI.on{width: 94px;padding-top: 7px;padding-right: 0px;padding-bottom:0px;padding-left: 0px;font-weight: bold;color: #ffffff;background:url(../images/main/red_tab01_on.gif) left top no-repeat;}
.aboutList LI.on A{color: #ffffff;font-weight:bold;line-height:130%;}
.aboutList LI.list01{margin-right: 2px;}
.aboutList LI.listtop{width: 190;height:8px;padding-top: 0px;padding-right: 0px;padding-bottom:0px;padding-left: 0px;background:url(../images/main/supply_lm_top.gif) left top no-repeat;}

.aboutTabDiv01{font-size: 11px;float: left;}
.aboutTabDiv01 .detailInfoBox{overflow: hidden;margin-top: 0px;position: relative;border-top:1px solid #d6d6d6;}
.aboutTabDiv01 .detailInfoBox .infoTxt{float: left;width: 100%;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL{width: 100%;overflow: hidden;background:#f7f9fb;border-bottom:1px solid #d6d6d6;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DT{color: #333333;font-size: 13px;font-weight: bold;padding-top:5px;padding-bottom:5px;padding-left:7px;background:#ffffff;border-bottom:1px solid #88a3c0;}
.aboutTabDiv01 .detailInfoBox .infoTxt .clock{color: #4b8fb7;font-size: 11px;font-weight: normal;display:inline-block;height:17px;line-height:17px;}
.line_gr {background:url("../images/main/line_gr.gif") left top repeat-x;}
.pt6 {padding-top:6px !important;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DD{line-height: 16px;overflow: hidden;padding-top: 3px;padding-right: 0px;padding-bottom: 3px;padding-left: 0px;clear:both;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DD.end{padding-bottom: 15px;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DD .title{color: #333;float:left;display:inline-block;padding-left: 7px;width:110px;margin-left:8px;background:url("../images/main/left_dot02.gif") 0 6px no-repeat;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DD .info{padding-left: 2px;padding-right: 5px;float:right;display:inline-block;width:50px;text-align:right;
background:url("../images/main/dada.gif") 0 4px no-repeat;}
.aboutTabDiv01 .detailInfoBox .infoTxt DL DD .info02{padding-left: 2px;padding-right: 5px;display:inline-block;width:100%;text-align:right;background:none;}

.ql{height: 53px;padding-top: 2px;padding-right: 0px;padding-bottom: 2px;padding-left: 2px;margin-bottom: 5px;border:1px solid #e7e7e7;width:190px;position:relative;float:left;}
.ql ul{padding:0;margin:0;}
.ql li{margin-top: 0px;margin-right: 0px;height: 47px;float: left;}
.ql li.line{border-right:1px solid #e7e7e7;}
.ql li a{width:61px;display:block;text-align:center;color:#8c8c8c;font-weight:bold;padding:3px 3px 0 3px;}
.ql li span{display:block;text-align:center;}
.qb {position:relative;float:left;width:190px;margin-bottom:10px;}
.mainShopSearch{overflow: hidden;background:#f9f9f9;border:1px solid #dddddd;}
.mainShopSearch{height: 27px;}
.mainShopSearch{overflow: hidden;position: relative;}
.mainShopSearch h3{padding-top:7px;padding-right: 10px;margin-left: 8px;
font-size:12px;color:#;font-weight:bold;float: left;display: inline-block;;}
.mainShopSearch h3 b{color:#ff3311;}

.shopCon01{padding-top: 7px;padding-left: 8px;height:53px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:none;background:#ffffff url("../images/icon/icon_manual.png") 96% 10px no-repeat;width:190px;}
.shopCon01 span{display:block;width:140px;padding-right:20px;line-height:150%;}
.shopCon02{padding-top: 7px;padding-left: 8px;height:53px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#ffffff url("../images/icon/icon_call.png") 96% 10px no-repeat;width:190px;}
.shopCon02 span{display:block;width:180px;padding-right:0;line-height:150%;}