@import url("common.css");

input[type="text"].dt { text-indent: 3px; background: #fff url("/lohas/images/sub/cal.png") no-repeat 95% center; }


#zipcode_layer { width: 590px; height: 500px; margin: 0 auto; padding: 0 5px; background: #1a6d99; }

.layer_top { width: 590px; height: 53px; padding-top: 32px; background: transparent; color: #ffffff; }
.layer_top span.layer_tit { display: block; float: left; font-size: 28px; font-weight: 600; text-indent: 10px; }
.layer_top span.layer_close { display: block; float: right; width: 33px; height: 33px; margin: 0 13px 0 0; background: url("/lohas/images/sub/layer_close.png"); cursor: pointer; }
.layer_body { width: 560px; height: 400px; padding: 10px 0 0 30px; background: #fff; }

.layer_body .tBtnWrap { height: 32px; margin-bottom: 10px; }
.layer_body .tBtnWrap button { width: 90px; height: 32px; margin-right: 8px; border: 1px solid #666666; background: #666666; font-weight: 600; font-size: 13px; color: #fff; cursor: pointer; }
.layer_body .tBtnWrap button.on { border: 1px solid #1a6d99; background: #1a6d99;  }

.layer_body p { color: #303030; font-size: 13px; }

.layer_body div.sch_area { width: 527px; height: 62px; margin: 10px 0; padding: 10px 0; border: 3px solid #ccc; text-align: center; }
.layer_body div.sch_area p { margin-bottom: 15px; color: #707070; font-size: 13px; text-align: center; }
.layer_body div.sch_area input[type="text"] { width: 224px; height: 24px; line-height: 24px; margin: 0 auto; border: 1px solid #ccc; text-indent: 10px; vertical-align: middle; }
.layer_body div.sch_area.doro select { width: 124px; height: 32px; line-height: 32px; margin: 0 auto; border: 1px solid #ccc; text-indent: 10px; }

.layer_body div.sch_result { width: 554px; height: 218px; overflow-y: auto; }
.layer_body div.sch_result table { width: 528px; }
.layer_body div.sch_result table thead tr { height: 30px; border-top: 2px solid #333; border-bottom: 1px solid #bababa; background: #f9f9f9; }
.layer_body div.sch_result table td { height: 26px; line-height: 18px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-collapse: collapse; text-align: center; vertical-align: middle; }
.layer_body div.sch_result table td.left { text-align: left; padding-left: 6px; }
.layer_body div.sch_result table td:last-child { border-right: none; }
.layer_body div.sch_result table td button.btnSel { width: 45px; height: 19px; border: none; background: url("/lohas/images/sub/btnSel.png"); vertical-align: middle; }

/* ¾ÆÀ̵ð Áߺ¹Ã¼Å© */
#pop_id { position:absolute; top: 50%; width: 585px; height: 295px; margin: -140px auto 0; padding: 0 5px; background: #1a6d99; visibility:hidden; }
#pop_id span#id_txt { display: inline-block; width: 100%; line-height: 20px; text-align: center; vertical-align: middle; font-size: 13px; font-weight: 600; color: #f42e2e; }
#pop_id .layer_body { width: 556px; height: 186px; padding: 20px 0 0 30px; }
#pop_id .layer_body div.sch_area { width: 527px; height: 32px; margin: 0; padding: 20px 0; border: none; text-align: center; }
#pop_id .layer_body .btnArea {  width: 552px; margin-top: 20px; text-align: center; }
#pop_id button { width: 90px; height: 34px; margin-right: 8px; border: 1px solid #666666; background: #666666; font-weight: 600; font-size: 13px; color: #fff; cursor: pointer;}
#pop_id button.submit { border: 1px solid #1a6d99; background: #1a6d99; }
#pop_id button.cancel { border: 1px solid #303030; background: #303030; }

/* ´Ð³×ÀÓ Áߺ¹Ã¼Å© */
#pop_nick { position:absolute; top: 50%; width: 585px; height: 295px; margin: -140px auto 0; padding: 0 5px; background: #1a6d99; visibility:hidden; }
#pop_nick span#nick_txt { display: inline-block; width: 100%; line-height: 20px; text-align: center; vertical-align: middle; font-size: 13px; font-weight: 600; color: #f42e2e; }
#pop_nick .layer_body { width: 556px; height: 186px; padding: 20px 0 0 30px; }
#pop_nick .layer_body div.sch_area { width: 527px; height: 32px; margin: 0; padding: 20px 0; border: none; text-align: center; }
#pop_nick .layer_body .btnArea {  width: 552px; margin-top: 20px; text-align: center; }
#pop_nick button { width: 90px; height: 34px; margin-right: 8px; border: 1px solid #666666; background: #666666; font-weight: 600; font-size: 13px; color: #fff; cursor: pointer;}
#pop_nick button.submit { border: 1px solid #1a6d99; background: #1a6d99; }
#pop_nick button.cancel { border: 1px solid #303030; background: #303030; }


/* ÁÖ¹®Á¤º¸ °ü·Ã */
#Order_layer { width: 760px; height: 1000px; margin: 0 auto; padding: 0 5px; background: #1a6d99; }
#Order_layer.add { height: 1000px; }
#Order_layer .layer_top { width: 100%; }
#Order_layer .layer_body { width: 740px; height: 569px; padding: 40px 10px 0 ; background: #fff; overflow-y: auto; overflow-x: hidden; }
#Order_layer.add .layer_body { height: 843px; }

#Order_layer .layer_body h3 { text-indent: 10px; margin: 20px 0; text-align: left; font-size: 16px; font-weight: 600; color: #303030; }
#Order_layer .layer_body table { width: 100%; }
#Order_layer .layer_body table.list thead tr { height: 36px; border-top: 2px solid #333; border-bottom: 1px solid #bababa; background: #f9f9f9; }
#Order_layer .layer_body table.list thead tr th { vertical-align: middle; }
#Order_layer .layer_body table.list td
{ height: 36px; line-height: 18px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-collapse: collapse; text-align: center; vertical-align: middle; }
#Order_layer .layer_body table.list td.left { text-align: left; padding-left: 6px; }
#Order_layer .layer_body table.list td:last-child { border-right: none; }
#Order_layer .layer_body table.list td button { height: 28px; }
#Order_layer .layer_body select { height: 28px; border: 1px solid #ccc; font-size: 12px; vertical-align: middle; }
#Order_layer .layer_body input, select, textarea { height: 28px; border: 1px solid #ccc; font-size: 12px; color: #303030; vertical-align: middle; }
#Order_layer .layer_body input[type="text"].zipcode { width: 40px; text-align: center; }
#Order_layer .layer_body table.list td table { height: 100%; }
#Order_layer .layer_body table.prop { border: none; }
#Order_layer .layer_body table.prop tr:first-child td { border-top: 2px solid #333; }
#Order_layer .layer_body table.prop td { height: 28px; line-height: 28px; padding-left: 45px; border-bottom: 1px solid #dedede; font-size: 13px; color: #707070; }
#Order_layer .layer_body table.prop td.caption { padding: 0; border-bottom: 1px solid #dedede; text-align: center; background: #f9f9f9; color: #303030; }
#Order_layer .layer_body table.prop td button { width: auto; height: 28px; padding: 0 5px; }
#Order_layer .layer_body table.prop td table td { border: none !important; padding: 5px 0 !important; }

#Order_layer .layer_body Table td span.orderCnt { position: relative; display: inline-block; width: 15px; height: 34px; background: url("/lohas/images/order/qty_edit.png"); vertical-align: middle; }
#Order_layer .layer_body Table td span.orderCnt span.plus { position: absolute; width: 15px; height: 16px; top: 0; left: 0; cursor: pointer; }
#Order_layer .layer_body Table td span.orderCnt span.minus { position: absolute; width: 15px; height: 16px; top: 18px; left: 0; cursor: pointer; }

#Order_layer button { width: 90px; height: 34px; margin-right: 8px; border: 1px solid #666666; background: #666666; font-size: 13px; color: #fff; cursor: pointer;}

#Order_layer .layer_body table.odr_menu td:last-child { border-bottom: none; }
#Order_layer .layer_body .intem_info table td { border-bottom: none; }
#Order_layer .layer_body .dlvr_info table { height: auto; }
#Order_layer .layer_body .dlvr_info table td  { border: none; border-bottom: 1px solid #dedede; text-align: left; }
#Order_layer .layer_body .dlvr_info table td span.warning_s { margin-right: 6px; font-weight: 600; color: #303030; }
#Order_layer .layer_body td.tit { padding: 20px 0 10px; font-size: 16px; font-weight: 600; }
#Order_layer .layer_body table.prop.sum tr:first-child td { border-top: none; }
#Order_layer .layer_body table.prop.sum td.caption { padding-left: 10px; text-align: left; }
#Order_layer .layer_body table.prop.sum td { color: #303030; font-weight: 600; }

/* 4ÁÖÄ¡ ½Ä´Ü ¹Ì¸®º¸±â */
#month_food { width: 1000px; height: 870px; }
#month_food .btn_top { width: 100%; height: 228px; background: #1a6d99; }
#month_food .btn_top li { float: left; width: 176px; height: 228px; margin-right: 15px; text-align: center; }
#month_food .btn_top li:first-child { margin-right: 30px; }
#month_food .btn_top li span.yy { display: inline-block; height: 40px; margin-top: 60px; border-bottom: 1px solid #fff; font-size: 26px; color: #fff; text-align: center; }
#month_food .btn_top li span.mm { display: block; width: 100%; margin-top: 15px; font-size: 60px; font-weight: 600; color: #fff;  text-align: center; }
#month_food .btn_top li.grade01 { background:  url("/lohas/images/sub/food_grade_1_off.png") no-repeat center center; }
#month_food .btn_top li.grade02 { background:  url("/lohas/images/sub/food_grade_2_off.png") no-repeat center center; }
#month_food .btn_top li.grade03 { background:  url("/lohas/images/sub/food_grade_3_off.png") no-repeat center center; }
#month_food .btn_top li.grade04 { background:  url("/lohas/images/sub/food_grade_4_off.png") no-repeat center center; }
#month_food .btn_top li.grade01.on { background:  url("/lohas/images/sub/food_grade_1_on.png") no-repeat center center; }
#month_food .btn_top li.grade02.on { background:  url("/lohas/images/sub/food_grade_2_on.png") no-repeat center center; }
#month_food .btn_top li.grade03.on { background:  url("/lohas/images/sub/food_grade_3_on.png") no-repeat center center; }
#month_food .btn_top li.grade04.on { background:  url("/lohas/images/sub/food_grade_4_on.png") no-repeat center center; }

#month_food span.tit { display: block; width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #303030; background: #f3f3f3; font-size: 28px; font-weight: 600; color: #1a6d99; text-align: center; }
#month_food table { width: 100%; }
#month_food table td.caption { width: 230px; height: 106px; line-height: 106px; background: #f3f3f3; font-size: 24px; font-weight: 600; color: #303030; }
#month_food table td { position: relative; border-bottom: 1px solid #d0d0d0; background: #fff; font-size: 14px; font-weight: 600; color: #303030; text-align: center; 
background-size: 40%; background-position: center 25%; background-repeat: no-repeat; }
#month_food table td.hw { background-image: url("/lohas/images/sub/hw.jpg"); }
#month_food table td.vg { background-image: url("/lohas/images/sub/vg.jpg"); }
#month_food table td.ck { background-image: url("/lohas/images/sub/ck.jpg"); }
#month_food table td.fs { background-image: url("/lohas/images/sub/fs.jpg"); }
#month_food table td.fr { background-image: url("/lohas/images/sub/fr.jpg"); }
#month_food table td.ml { background-image: url("/lohas/images/sub/ml.jpg"); }
#month_food table td span { position: absolute; left: 10%; top: 68px; width: 80%; text-align: center; line-height: 1.3; }