/* @import url('https:fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */

@media (max-width:330px){.gooddetail_left{font-size:9pt;} .gooddetail_right{font-size:9pt;} .sub_font {font-size:11pt;color:#777777;} .sub_font_n {font-size:9pt;color:#777777;padding-left:3px}.cate_in{padding-left:3px;}}
@media (min-width:331px) and (max-width:380px){.gooddetail_left{font-size:10pt;} .gooddetail_right{font-size:10pt;} .sub_font {font-size:11pt;color:#777777;} .sub_font_n {font-size:10pt;color:#777777;padding-left:9px}}
@media (min-width:381px) and (max-width:420px){.gooddetail_left{font-size:11pt;} .gooddetail_right{font-size:11pt;} .sub_font {font-size:12pt;color:#777777;} .sub_font_n {font-size:10pt;color:#777777;padding-left:15px}}
@media (min-width:421px){.gooddetail_left{font-size:12pt;} .gooddetail_right{font-size:12pt;} .sub_font {font-size:12pt;color:#777777;} .sub_font_n {font-size:12pt;color:#777777;padding-left:26px}}

div#detail_std_tab img { 
	 max-width: 100%;
     height: auto;
}  
div#detail_std_tab table { 
	 width: 100%;
     height: auto;
}
/*
div#detail_std_tab td { 
	 width: 0%;
     height: auto;     
} 
*/ 

div#lsj_copy img { 
	 max-width: 100%;
     height: auto;
}  
div#lsj_copy table { 
	 width: 100%;
     height: auto;
}
div#lsj_copy p { 
	 width: 100%;
     height: auto;
}
div#lsj_copy tbody { 
	 width: 100%;
     height: auto;
} 
div#lsj_copy td { 
	 width: 0%;
     height: auto;
}  

.gooddetail_left{
	text-align:left;
	width: 30%;
	height:35px;
	color:#777777;
	background-color:#f4f4f4;
	padding-left:22px;
}

.gooddetail_right{
	text-align:left;
	width: 70%;
	height:35px;
	color:#777777;
	padding-left:12px;
	padding-right: 12px;
}
  

.Pstyle_90 {
	opacity: 50;
	display: none;
	position: relative;
	width: 90%;
	margin:auto;
	border: 0px solid #fff;	
	background-color: #fff;
}

.Pstyle {
	opacity: 50;
	display: none;
	position: relative;
	width: auto;	
	border: 0px solid #fff;	
	background-color: #fff;
}

.b-close {	
	display: inline-block;
	cursor: pointer;
}

.category_arrow {	
	width:10px;
	height:13px;
	vertical-align:middle;
}

/* ���̾� �˾� �� */

/* ���������� ��ġ ��ũ�Ѹ�*/
	    .frame-wrap {
			overflow: auto;			
			-webkit-overflow-scrolling: touch;
			width: 100%;
			height: 100%;
		}
		.frame-wrap iframe {
			overflow: auto;
			width: 100%;
			height: 100%;
		}
/* ���������� ��ġ ��ũ�Ѹ�*/

    	ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
       
		.content-slider li{
		    background-color: #ffffff;
		    text-align: center;
		    color: #1d1d1d;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 90px 0;
		}

/* MOBILE reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none} /* ��ǥƮ ��ȯ�� ��Ʈũ�� �ڵ�Ȯ�� ����. */
/* input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='image'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input[type='text']{border : 1px solid #d2d2d2;} */

body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Noto Sans KR', 'NanumBarunGothic', 'Malgun Gothic', sans-serif;color:#333} /* color���� �����ΰ��̵忡 �°Ի�� */
 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* global */
#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* ��ŵ�׺���̼� */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* ���� �̹����� �ǹ��ִ� �ؽ�Ʈ�� ��ü�ؽ�Ʈ�� �����Ҷ� */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* �߿��� �̹��� ��ü�ؽ�Ʈ�� �̹���off�ÿ��� ��ü �ؽ�Ʈ�� �����ְ��� �Ҷ� */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* ��ü�ؽ�Ʈ�� �ƴ� ���ټ��� ���� �����ؽ�Ʈ�� �����Ҷ� */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_outŬ������ ����� �� ������, �ش� �ؽ�Ʈ�� ���ܾ� �Ҷ� */
 
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0} /* ���̺� �ʱ�ȭ */
.clear_g {display:block;overflow:visible;width:auto;clear:both;}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* .img_g {display:inline-block;overflow:hidden;background:url(http:m1.daumcdn.net/svc/image/U03/common_icon/50A9878E0649740001) no-repeat 0 0;text-indent:-9999px} */

.gnb_comm {overflow:hidden;min-width: 350px;max-width: 100%;}
.gnb_comm li {float:left;width:25%}
.gnb_comm .fst {width:25%}
.gnb_comm .lst {overflow:hidden;float:none;width:auto}
.gnb_comm .link_menu {display:block;height:38px;font-weight:bold;font-size:14px;line-height:40px;background-color:#ffffff;text-align:center;color:#1d1d1d;letter-spacing:-1px;-webkit-box-shadow:inset 0 -0px 0 rgba(0,0,0,0.2);box-shadow:inset 0 -0px 0 rgba(0,0,0,0.2);-webkit-text-shadow:0 0px 0 rgba(0,0,0,0.15);text-shadow:0 0px 0 rgba(0,0,0,0.15)}

.gnb_comm .on .link_menu {border-bottom:3.5px solid #ff4d65;color:#ff4d65;}
.gnb_comm .on_under {border-bottom:3.5px solid #ffffff;}

.gnb_comm .bottom_on {border-bottom:2px solid #ff4d65;}
.gnb_comm .bottom_off {border-bottom:1px solid #dddddd;}



/* ratio 1.5 */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	/* .img_g {background-image:url(http:m1.daumcdn.net/svc/image/U03/common_icon/50A987580645080001);-webkit-background-size:124px 108px;background-size:124px 108px} */

}

/* ratio 2~ */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

	/* .img_g {background-image:url(http:m1.daumcdn.net/svc/image/U03/common_icon/50A986B706453C0004);-webkit-background-size:124px 108px;background-size:124px 108px} */

}

.searchform_comm .fld_search {margin-bottom:-1px;padding:9px 0 8px;border-bottom:4px solid #aa1e51;background-color:#ffffff;-webkit-box-shadow:inset 0 0px 0 #f6f6f6;box-shadow:inset 0 0px 0 #f6f6f6}
.searchform_comm .box_search {position:relative;height:25px;margin:0 56px 0 170px;padding:5px 5px 0;background-color:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.searchform_comm .tf_keyword {width:100%;height:20px;font-size:17px;line-height:19px;border:0 none;border-radius:3px;background-color:transparent;color:#414345;vertical-align:top;-webkit-appearance:none}
.searchform_comm .tf_keyword::-webkit-search-cancel-button {-webkit-appearance:none}
.searchform_comm .btn_reset {display:none;position:absolute;top:4px;right:5px;width:28px;height:28px}
.searchform_comm .ico_del {display:block;width:18px;height:18px;margin:0 auto;background-position:0 -16px}
.searchform_comm .btn_search {position:absolute;top:-3px;right:-49px;width:36px;height:36px;padding-top:1px;}
.searchform_comm .btn_search .ico_search {display:block;width:18px;height:19px;margin:0 auto;background-position:-88px -44px}
.searchform_comm .btn_close {position:absolute;top:-3px;right:-91px;width:36px;height:36px;padding-top:2px;}
.searchform_comm .btn_icoop {position:absolute;top:0px;right:-46px;width:36px;height:36px;padding-top:0px;}
.searchform_comm .ico_close {display:block;width:16px;height:17px;margin:0 auto;background-position:-90px -66px}
.searchform_comm .clip_search {position:absolute;top:4px;right:-7px;width:12px;height:22px}
.searchform_comm .clip_left {position:absolute;top:4px;left:1px;z-index:2;width:11px;height:13px;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#ffb223;background-image:-webkit-gradient(linear, left top, left bottom, from(#fbc936), to(#ffa91b));background-image:-moz-linear-gradient(top, #fbc936, #ffa91b);background-image:-o-linear-gradient(top, #fbc936, #ffa91b);background-image:linear-gradient(to bottom, #fbc936, #ffa91b);-webkit-box-shadow:0 1px 0 #f2a720,0 2px 1px rgba(227,227,227,0.3),-1px 0 1px rgba(227,227,227,0.3);box-shadow:0 1px 0 #f2a720,0 2px 1px rgba(227,227,227,0.3),-1px 0 1px rgba(227,227,227,0.3)}
.searchform_comm .clip_right {position:absolute;top:0;right:0;z-index:1;width:4px;height:22px;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#ffb223;background-image:-webkit-gradient(linear, left top, left bottom, from(#fbc62c), to(#ffa91b));background-image:-moz-linear-gradient(top, #fbc62c, #ffa91b);background-image:-o-linear-gradient(top, #fbc62c, #ffa91b);background-image:linear-gradient(to bottom, #fbc62c, #ffa91b);-webkit-box-shadow:inset 1px 0 0 #e39418,1px 1px 2px rgba(227,227,227,0.5);box-shadow:inset 1px 0 0 #e39418,1px 1px 2px rgba(227,227,227,0.5)}
.searchform_comm .write_on {padding-right:30px}
.searchform_comm .write_on .btn_reset {display:block}

/* 장보기 항암죽 */
.top-row-area .antiC-btn {display: inline-block; margin: 4px; font-size: 14px; background-color: #a01749; border-radius: 5px; color: #fff; padding: 2px 6px; letter-spacing: -3px;}
.top-row-area .antiC-list { display: none; position: absolute; top: 90px; left: 0; z-index: 11; width: 100%; background-color: #eee; font-size: 15px; padding: 14px; text-align: left; }
.top-row-area .antiC-list li {margin-bottom: 3px;}

.footer_comm {width:100%;margin:0 auto;background-color:#555555;text-align:center;clear:both}
.footer_comm .list_foot {padding-top:15px;width:100%;display:inline-block;height:35px;margin:auto;text-align:center;*zoom:1;background-color:#777777}
.footer_comm .list_foot li {display:inline}
.footer_comm .btn_foot {display:inline-block;font-size:15px;vertical-align:top;color:#ffffff;}
.footer_comm .btn_off {color:#ffffff;cursor:default}
.footer_comm .info_policy {display:block;font-size:11px;line-height:15px;color:#bfbfbf;padding-top:10px}
.footer_comm .link_policy {display:block;font-size:11px;line-height:20px;color:#ffffff;padding-top:10px;padding-bottom:15px;}
.footer_comm .link_daumcorp {color:#dddddd}

.logo {float:left;display:inline-block;position:absolute;left:8px}
.auto_width {display: block;max-width: 100%; height: auto;}
.today_goods_sub {height:35px;text-align:center;color:1d1d1d;background-color: #f4f4f4;font-weight:bold;font-size:14pt;border-bottom:1px solid #dddddd;}
.month_goods {height:35px;text-align:center;color:1d1d1d;background-color: #f4f4f4;font-weight:bold;font-size:14pt}

.noticeViewTitWarp {padding: 0 16px; font-size: 16px; font-weight: bold;font-family: 'NanumBarunGothic','Noto Sans KR', sans-serif!important;}
.noticeListTitWrap {display: flex; align-items: center; text-align:center;color:#1d1d1d; font-weight:bold; box-sizing: border-box;}
.noticeListTitWrap > div {width: 33.33%; border-bottom: 2px solid #e1e1e1; height: 42px; line-height: 42px;}
.noticeListTitWrap > div:nth-child(2) {border-bottom: 2px solid #b02a5c;}
.noticeArea li {border-bottom: 1px solid #e7e7e7;}
.noticeArea li a {display: block; width: 100%; padding: 20px 16px 16px 16px; box-sizing: border-box;}
.noticeTit {font-weight: 500; font-size: 14px;}
.noticeDate {padding-top: 8px; color: #888; font-size: 12px;}
.noticePage {display: flex; align-items: center; justify-content: center; margin: 30px auto 60px; text-align: center;}
.noticePage .nowPage {padding: 0 15px; font-weight: bold; color: #aa1e51; font-size: 16px;}
.noticePage .goPage {padding: 0 15px; color: #888; font-size: 16px;} 
.noticePage .pageBtn {padding: 0 15px;}
.noticeView .noticeViewTit {padding: 20px 16px 16px 16px; border-bottom: 1px solid #eee;font-family: 'NanumBarunGothic','Noto Sans KR', sans-serif!important;}
.noticeView .noticeViewTxt {padding: 24px 16px 50px 16px; box-sizing: border-box;width:100%;overflow:hidden;word-wrap:break-word;word-break:break-all;min-height: 40vh;}
.noticeView .noticeViewTxt p, .noticeView .noticeViewTxt span, .noticeView .noticeViewTxt strong {font-family: 'NanumBarunGothic','Noto Sans KR', sans-serif!important;}
.noticeView .noticeViewTxt table {width: 100%!important;}
.noticeView .noticeViewTxt img {width: 100%;}
.goListBtnWrap {display: flex; align-items: center; justify-content: center; margin: 0 auto 60px;}
.goListBtn {text-align: center; padding: 10px 40px; border: 1px solid #ccc;}

/* ī�װ��� */
.category_sub {height:35px;text-align:center;color:#b02a5c;background-color: #f4f4f4;font-weight:bold;font-size:13pt}
.main_sub {height:35px;color:1d1d1d;background-color: #ffffff;font-weight:bold;font-size:13pt;border-bottom:2px solid #7a7a7a;}
.sub_sub {padding-top:8px;padding-left:27px;height:35px;background-color: #ffffff;border-bottom:1px solid #f0f0f0;font-weight:bold}
.sub_sub_down {padding-top:8px;padding-left:27px;height:35px;background-color: #f4f4f4;border-bottom:1px solid #f0f0f0;}
/* .cate_in {padding-left:13px} */


/*** �޴����� ****/
.line_margin{
	padding-top:20px;	
	position:relative;
}

/******** �޴� Ÿ��Ʋ ***********/
.topmenu_title{
 width: 100%;     
 text-align:center;
 font-size:18px;
 font-weight:bold;
 height:28px;
 color:#555555;
 background:#f4f4f4;
 border-bottom: 2px #dddddd solid;
 padding:11px 0px 0px 0px; 
}

.myicoop_title {		
 width: 100%;
 text-align:left;
 font-size:18px;
 font-weight:bold;
 height:28px;
 color:#555555;
 list-style-type: none; 

}

.quick_menu_title {
 padding:5px 0px  5px 0px;
 text-align:center;
 font-size:18px;
 font-weight:bold;
 color:#555555;
 background:#f4f4f4;
 border-top:#dddddd 2px solid;
 list-style-type: none; 
 }
 
.myicoop_menu{
 width: 100%;     
 float: center;
}
 

/***���� icoop ����޴�****/


.myicoop_btn_left:first-child{
 display: inline;
 width: 48.0%;
 height:38px;
 float:left;
 text-align:left;
 padding:3px 0px 3px 5px;
margin-left:5px;
 font-size:15px;
 color:#555555;
 font-weight:bold;
   border-top: 1px solid #dddddd; 
   border-left: 1px solid #dddddd; 
   border-right: 1px solid #dddddd; 
   border-bottom: 1px solid #dddddd;  
   }
   
 .myicoop_btn_left{
 display: inline;
 width: 50%;
 height:30px;
 /* clear: right; */
 float:left;
 text-align:left;
 /* padding:3px 0px 3px 5px; */
 /* margin-left:5px; */
 background:#f4f4f4;
 font-size:15px;
 color:#555555;
 font-weight:bold;
 /* border-left: 1px solid #dddddd; */
 /* border-right: 1px solid #dddddd;  */
 /* border-bottom: 1px solid #dddddd;   */
 
 }

  

 .myicoop_btn_right:first-child{
 /* display: inline; */
 width: 48.0%;
  height:38px;
 float:right;
 text-align:left;
 /* margin-left:5px; */
 /* padding:3px 0px 3px 5px; */
 background:#f4f4f4;
 font-size:15px;
 color:#555555;
 font-weight:bold;
  border-top: 1px solid #dddddd; 
  border-right: 1px solid #dddddd; 
  border-bottom: 1px solid #dddddd;  
 }

 .myicoop_btn_right{
 display: inline;
 /* clear: left; */
 width: 50%;
 height:30px;
 float:right;
 text-align:left;
 /* margin-left:5px; */
 /* padding:3px 0px 3px 5px; */
 background:#f4f4f4;
 font-size:15px;
 color:#555555;
 font-weight:bold;
 /* border-right: 1px solid #dddddd;  */
 /* border-bottom: 1px solid #dddddd;   */
 }
  
 .sub_menu_arrow{
 float:right;
 position:relative;
 font-size:13px;
 color:#bcbcbc;
 text-align:right;
 padding-right:5px;
  font-weight:bold;
 }
 
 
.myicoop_li_l {
 display: inline;
 line-height:180%;
 float: left;
 text-align:left;  
 padding-left:2%;
 width: 58%; 
 margin: 0;
/* border-left:#dddddd 1px solid; */
/* border-right:#dddddd 1px solid; */
     
 }

.myicoop_li_r {
 display: inline;
 line-height:180%;
 float: right;  
 text-align:right;
 padding-right:2%;
 width: 38%; 
 margin: 0;
 /* border-left:#dddddd 1px solid; */
 /* border-right:#dddddd 1px solid; */   
 }
 
 
  #my_payment_brdr {
  float:right;
  position:relative;
  width:95%;
 
 margin-right:2.5%;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;  
  border-bottom: 1px solid #dddddd;  
  
 
  }
  
  #my_payment_brdr2{
  float:right;
  width:95%;
  position:relative;
 
 margin-right:2.5%;
 
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;  
 
  }


/***** ��� ��������� *************/
.sel_supplydate_title{	
	background-image: url("img/bg_date.png");
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	width:100%;
	height:36px;		
	text-align:center;	
}
.login_title{	
	background:#777777;
	color:#ffffff;
	font-size:15px;	
	width:100%;
	height:100%;		
	text-align:center;	
}
.sel_supplydate_val{
	color:#FDFD83;
	font-size:15px;
	font-weight:bold;	
}

.sel_supply_inform{
	font-size:15px;
	border:1px #dddddd solid;	
	padding-left:10px;
}


/************ �ֹ� ���� �� �ֹ����� �������� **********/

.gooddetail_btn{		
	text-align:center;
	width:180px;
	padding:7px 0px 7px 0px;
	background:#555555;
	color:#ffffff;
	font-weight:bold;

}
.detail_btn, .detail_btn a{
	/* float:left; */
	text-align:center;
	width:192px;
	padding:10px;
	background:#555555;
	color:#ffffff;
	font-weight:bold;
	margin:10px 0px 10px 0px;

}

#order_newlist{
/* float:left; */
position :relative;
width:100%;
}
#order_box { 
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	/* border : 1px solid #D6D6D6; */
	border-collapse:collapse;
}


.cancel_btn{
 display: inline;
 width: 45%;
 text-align:center;
 padding:7px 10px 7px 10px;
 background:#555555;
 color:#ffffff;font-weight:bold; 
 }

.title_supplydate{
	background:#FAE6EC;
	padding :10px 0 10px 10px;
	text-align:left;
	width:100%;	
	font-size:15px;
	font-weight:bold;
}
.detail_title{
	padding : 3px 0px 3px 10px;  
	/* top-right-bottom-left ����; */
	text-align:left;
	width:95%;
	font-size:16px;
	font-weight:bold;
}

.detail_sub1{
	padding : 3px 0px 3px 0px;
	background:#F4F4F4;
	color: #777777;
	width:15.99%;
	font-size:16px;
	text-align:center;
}
.detail_sub2{
	padding : 3px 0px 3px 10px;
	color: #777777;
	width:34%;
	text-align:left;
	font-size:14px;
}
.detail_sub3{
	padding : 3px 0px 3px 10px;
	/* top-right-bottom-left ����; */
	color: #ff4d65;
	width:34%;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

.sum_cost1{
	background:#f4f4f4;
	padding :10px 0 10px 0px;
	text-align:center;
	width:15.22%;	
	font-size:16px;
	font-weight:bold;
}
.sum_cost2{
	color:#046DF0;
	font-size:13px;
	font-weight:bold;	
	
} 
.sum_cost3{
	color:#555555;
	font-size:13px;
	font-weight:bold;	
} 
 
 
  .purchase_arrow{
  float:right;
  margin-right:10px;
  padding-top:7px;
  width:6%;
  height:6%;
  }
  
 
 
 .purchase_over, .purchase_over a {
    font-size:14px;
  	color: #ff4d65;
  	font-weight:bold;
  	line-height:180%;
  	padding-left:5px;
}
#purchase_inquiry{
margin-left :2.5%;
 margin-right :2.5%;
 width:95%;
 }
 
 .purchse_search_box {
 border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid;border-left:#dddddd 1px solid;border-right:#dddddd 1px solid;
 padding:0px ;
 
 }
  
 .search_title{
 width: 100%;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 height:28px;
 color:#555555;
 background:#f4f4f4;
 list-style-type: none; 
 padding-top:5px;
 padding-bottom:5px;
 }
  
 .search_title_bgwhite{
 width: 100%;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 height:28px;
 color:#555555;
 list-style-type: none; 
 padding-top:5px;
 padding-bottom:5px;
 }
 
 .period_title{
  width: 100%;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 height:22px;
 color:#555555;
 list-style-type: none; 
 }
 
#purchase_search_period{			

    /*-webkit-column-count:3;
    -moz-column-count:3;
    -ms-column-count:3;
    -o-column-count:3;
    column-count:3;
    -webkit-column-gap:3px;
    -moz-column-gap:3px;
    -ms-column-gap:3px;
    -o-column-gap:3px;
    column-gap:3px;
    columns:3;
    */
    padding-bottom:10px;
    padding-top:10px;
} 
 #purchase_search_day {
    /*
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:3px;
    -moz-column-gap:3px;
    -ms-column-gap:3px;
    -o-column-gap:3px;
    column-gap:3px;
    columns:2;
    */
    padding-top:10px;
    padding-bottom:10px;
 }

  
.calendar_box{
width:30%;
height:30px;
text-align:center;
border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid;border-left:#dddddd 1px solid;border-right:#dddddd 1px solid;
}



  .li_period_text{
  	font-size:14px;
  	color:#555555;
  	font-weight:bold;
  	line-height:180%;
  	padding-left:10px;
  	/* width:40%; */
}
  .li_period_btn{		
  	font-size:14px;
  	color:#555555;
  	font-weight:bold;
  	line-height:180%;
  	/* padding-left:10px; */
  	/* width:60%; */
  	/* display:inline; */
}


 
/************** ��ǰ �������� ********************/


#menu_tab, #gc_cart_sub3 {			
    -webkit-column-count:3;
    -moz-column-count:3;
    -ms-column-count:3;
    -o-column-count:3;
    column-count:3;
    -webkit-column-gap:4px;
    -moz-column-gap:4px;
    -ms-column-gap:4px;
    -o-column-gap:4px;
    column-gap:4px;
    columns:3;
   
}
#gc_cannum_sub{
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
     -webkit-column-gap:4px;
    -moz-column-gap:4px;
    -ms-column-gap:4px;
    -o-column-gap:4px;
    column-gap:4px;
    columns:2;
   
}


	
.menu_tabul ul,.gc_cartul ul,.gc_cannumul1 ul,.gc_cannumul3 ul,.li_period_btn ul, .gc_cart_sub3_ul ul{
    list-style: none;
    margin:0;
    padding:0;
 
}

.menu_tabul ul> li , .gc_cartul ul> li ,.li_period_btn ul > li, .gc_cart_sub3_ul ul > li
{
	display: inline-block;
    width: 100%;
}

 .gc_cannumul1 ul> li, .gc_cannumul3 ul> li
 {
 	display: inline-block;
    width: 100%;
 }
 
 .gc_cannum_sub1{		
  width:100%;
  line-height:170%;
 }

.btn_cart, .btn_cart a{
/* width: 110px; */
max-width:155px; 
height:45px;
}


 .gc_cannumul0{	

 line-height:170%;
 border-bottom:#dddddd 1px solid;
 padding:15px 0px 15px 0px;
 }

 .li_left , .li_left a 
 {
	display: inline;width: 50%;float:left;
  }
  
  .li_right, .li_right a
 {
	display: inline;width: 50%;float:right;
  }

   
  
  .li_text_title		
  {		
  	font-size:17px;
  	color:#FF3D6A;
  	font-weight:bold;
  	line-height:180%;
  	padding-left:10px;
  }
  .li_text_sub{
  	font-size:14px;
  	color:#333;
}

 .quick_li_left
 {
	
	float:left;
    border-bottom:1px #dddddd solid;	
    width:50%;
  }
  
  .quick_li_right
 {
	
	float:left;
	
    border-left:2px #dddddd solid;
    border-right:1px #dddddd solid;
    border-bottom:1px #dddddd solid;
    width:49.555%;	
  }
  
  /****************** ��ٱ��� *********************/
 #orderstep1_infotext{
 	padding-left:10px;
  	font-size:13px;
  	text-align:left;
  	color:#777;
  	
  	line-height:150%;
  	padding-bottom:10px;
  }
.orderstep1_order_title{
 text-align:left;
 font-size:19px;
 font-weight:bold;
 height:32px;
 color:#555555;
 padding : 5px 0px 5px 5px;
}


.orderstep1_supplydate_text{
 text-align:left;
 font-size:17px;
 
 height:25px;
 color:#555555;
 
 
}
  
  .supplydate_box { 
	border: 1px solid #D6D6D6;
	border-collapse:collapse;
	background:#fff3f7;
	padding:10px 0px 10px 10px;
	text-align:left;
	
	font-size:14px;
	
}

  .orderstep1_costbox { 
	border: 1px solid #D6D6D6;
	border-collapse:collapse;
	background:#f4f4f4;
	
}
.orderstep1_costbox .dc_cost 
{
	line-height:150%;
	padding:10px 0px 10px 10px;
	
	
	color: #555960;
	}

.orderstep1_costbox .dc_cost .recycle
{
	line-height:150%;
	font-size:12px;
	
}


.orderstep1_costbox .total_text .total_cost 
{
	line-height:150%;
	padding:10px 0px 10px 0px;
	color: #2265E5;
	font-size:16px;
 font-weight:bold;
}
	
.orderstep1_costbox .total_text 
{
	line-height:150%;
	padding:10px 0px 10px 0px;
	
	
	color: #555960;
}
.orderstep1_costbox .total_text .total_count 
{
	line-height:150%;
	padding:10px 0px 10px 0px;
	
	
	color: #555960;
}	

.orderstep1_purchase{
padding:5px 5px 5px 0px;

}

.orderstep1_goodsbox { 
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	
	border-collapse:collapse;
}

.orderstep1_goodsbox .goods_title{
	
	text-align:left;
	color: #777777;
	
	
}

.orderstep1_goodsbox .goods_delete{
float:right;
padding:10px 10px 0px 0px;
}

.orderstep1_goodsbox .orderstep1_cost_text{
	padding : 0px 0px 0px 10px;
	color: #777777;
	font-size:13px;
	text-align:left;
	
}

 .orderstep1_goodsbox .orderstep1_coststr{
 	padding : 3px 0px 3px 10px;
	color: #777777;
	border-right:1px solid #d6d6d6;
	text-align:left;
	
	
}

 .orderstep1_goodsbox .orderstep1_coststr .orderstep1_cost{
	padding : 3px 0px 3px 10px;
	color: black;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	
}

.orderstep1_menu_text{
	padding : 3px 0px 3px 10px;
	color: #555555;
	width:100%;
	height:35px;
	text-align:center;
	
	border-bottom:1px #dddddd solid;	
}

.orderstep1_goodimg{
 	border:1px #dddddd solid;
 	float:left;
 	padding-left:5px;
 	margin:3px;
 	width:40;
 	height:40;
}


/************   �����ϱ�    ************/
.orderstep2_cost_info {			
    -webkit-column-count:3;
    -moz-column-count:3;
    -ms-column-count:3;
    -o-column-count:3;
    column-count:3;
    -webkit-column-gap:4px;
    -moz-column-gap:4px;
    -ms-column-gap:4px;
    -o-column-gap:4px;
    column-gap:4px;
    columns:3;   
}

.orderstep2_total_info {			
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:4px;
    -moz-column-gap:4px;
    -ms-column-gap:4px;
    -o-column-gap:4px;
    column-gap:4px;
    columns:2;   
}

.orderstep2_box { 
	
	background:#f4f4f4;
	
}

.pay_eccets,.pay_sunsu,.pay_vacct,.pay_bosang {
padding-left:20px;
height:45px;
background-color: #ffffff;
/* border-bottom:1px solid #f0f0f0; */

}
.pay_method_title{
/* float:left; */
	text-align:left;
	/* width:192px; */
	padding:10px;
	background:#555555;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	/* margin:10px 0px 10px 0px; */
	}
	
.orderstep2_cost_title{
	padding : 3px 5px 3px 5px;
	color: #555555;
	width:66%;
	height:35px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	/* border-bottom:1px solid #555555; */
	border-right:1px solid #555555;

}	

.orderstep2_cost_str{
	padding : 3px 5px 3px 5px;
	color: #ff4d65;
	height:35px;
	text-align:center;
	font-size:19px;
	font-weight:bold;
	/* border-bottom:1px solid #555555; */

}
.pay_method_select .payback_select{
	padding : 3px 5px 3px 5px;
	color: #555555;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	/* float:left; */

}
.pay_method_select{
	/* color: #555555; */
	text-align:left;
	/* font-size:17px; */
	/* font-weight:bold; */

}	

.pay_method_select .pay_method_type{
 	color: #555555;
	text-align:left;
	font-size:14px;
	/* font-weight:bold; */
	padding-left:10px;
 }
 
.vacct_refund_cntbox{
 -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:0px;
    -moz-column-gap:0px;
    -ms-column-gap:0px;
    -o-column-gap:0px;
    column-gap:0px;
    columns:2;    
 }
 .vacct_refund_cnt{
 background:#f4f4f4;
 font-size:15px;
 text-align:left;
 height:45px;
 padding-left:5px;
 color:#dddddd;
 }
 
 .cms_infostr{
 color: #ff4d65;
	height:35px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
 
 }
 
  .cms_infostr1{
 color: #ff4d65;
	height:35px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
 
 }
 
 
 
.pay_method_type_text{
 background:#f4f4f4;
 font-size:15px;
 text-align:center;
 height:32px;
 padding-left:5px;
 font-weight:bold;
 color:#dddddd;
 border-right:1px solid #f4f4f4;
 
 }
 
 .pay_method_type_val{
 /* background:#f4f4f4; */
 font-size:15px;
 padding-right:10px; 
 text-align:right;
 height:32px;
 font-weight:bold;
 padding-left:5px;
 color:#dddddd; 
 border-right:1px solid #f4f4f4;
 }
 .pay_method_type_val2{
 /* background:#f4f4f4; */
 font-size:15px;
 padding-right:10px; 
 text-align:right;
 height:32px;
 font-weight:bold;
 padding-left:5px;
 color:#dddddd; 
 /* border-right:1px solid #f4f4f4; */
 }

.orderstep2_cost_total{
 font-size:15px;
 text-align:center;
 height:32px;
 font-weight:bold;
 /* padding-left:5px; */
 color:#dddddd; 
  border-right:1px solid #f4f4f4;
 }
 .orderstep2_cost_total2{
 font-size:15px;
 text-align:center;
 height:32px;
 font-weight:bold;
 
 color:#dddddd; 
 /*  border-right:1px solid #f4f4f4; */
 }
 

 .pay_method_totalval{
 /* background:#f4f4f4; */
 font-size:19px;
 padding-right:10px; 
 text-align:right;
 height:32px;
 font-weight:bold;
 padding-left:5px;
 color:#dddddd; 
 /* border-right:1px solid #f4f4f4; */
 }
 
 
 .pay_method_totalval{
 /* background:#f4f4f4; */
 font-size:19px;
 padding-right:10px; 
 text-align:right;
 height:32px;
 font-weight:bold;
 padding-left:5px;
 color:#dddddd; 
 /* border-right:1px solid #f4f4f4; */
 }
 
 
.border-topline{
border-top:1px solid  #f5f5f5;
}

.supply_addr{
 /* background:#f4f4f4; */
 font-size:15px;
 padding-left:10px; 
 text-align:left;
 height:32px;
 font-weight:bold;
 padding-left:5px;
 color:#dddddd; 
 /* border-right:1px solid #f4f4f4; */
}