body{font-size:24px;margin:0 auto;}
#wrap{width:100%;height:100%;box-sizing:border-box;overflow:hidden;font-family:NanumBarunGothic, 'NanumBarunGothic';max-width:1500px;margin:0 auto;position: relative; overflow-y:auto;padding:0 1%;}
.wrap_area{width:100%;  height:100%; position:relative;}
.login_area{display:flex;overflow-y:hidden;height:100%;align-items: center;}
.login_left{width: 40%;background:url('/images/line.png')repeat-y top right;height:100%;position:relative;/* overflow: hidden; */}
.login_left > img{position:absolute;top: 45%;left: 50%;transform:translate(-50%, -50%);width: 44%; max-width:200px;}
.login_right{width: calc(100% - 50%);font-size:0.8em;margin: 0 auto;}
.login_right .login_box{width:100%;color:#c8205d;margin-top:20px;width: 75%;margin:0 auto;}
.login_right .login_box > p{font-size: 1em;}
.login_right .login_box .tit{margin-top: 30px;display:flex;justify-content:space-between;width:100%;}
.login_right .login_box .tit > img{width: 27%;}
.login_right .login_box .tit > span{width: 60%;background:url('/images/line2.png')repeat-x left center;}
.login_right .login_box .area{margin-top: 47px;}
.login_right .login_box .area > input{display:block;border:1px solid #ccc;font-size: 1em;border-radius:10px;width:100%;height: 70px;margin-bottom: 12px;padding:3%;box-sizing:border-box;}
.login_right .login_box .area > input::placeholder {font-size:1.2em; color:#ccc;}
.login_right .login_box .area > .login_btn{background:#c8205d;color:#fff;font-size: 1.3em;display: inline-block;width: 100%;height: 70px;border-radius: 10px;text-align: center;line-height: 80px;}
.margin_area{display: flex;flex-flow: column;box-sizing:border-box;width: 100%;margin: 0 auto;}
.margin_area > a{border:1px solid #ccc;border-radius:5px;color:#333;font-size: 1.4em;font-weight:600;height: 220px;line-height: 220px;box-sizing: border-box;padding-left: 54%;background-size: 34% !important;}
.margin_area > a:hover{border:15px solid #c8205d;box-sizing:border-box;line-height:197px;padding-left: 51%;}
.margin_area > a > span{color:#c8205d !important;}
.margin_area > a:first-child{margin-bottom: 35px;}
.margin_area > a.order{background: url('/images/main_icon1.png')no-repeat 12% center;}
.margin_area > a.status{background:url('/images/main_icon2.png')no-repeat 12% center}

#order_fix{	width: 36%;	position: absolute;	top:0;right:0;height:100%;box-sizing:border-box;background: #fff;z-index:999;border-left: 1px solid #eee;box-shadow: -6px 0px 14px -13px #000;}
#order_fix .order_fix_area{width: 100%;height:100%;float:right;}
#order_fix .fix_tit{height: 120px;line-height: 120px;padding:0 5%;box-sizing:border-box;font-size: 1em;position: relative;  box-shadow: 0px 3px 8px 0px #9d9d9d6e;}
#order_fix .fix_tit > .totalPrice{color: #c8205d;font-size: 1.1em;font-weight: 600;float:right;width: 77%;display:inline-block;height: 117px;}
#order_fix .fix_tit > .totalPrice > span{display: inline-block;width: 90%;overflow: hidden;text-align: right;height: 100%;}
#order_fix .fix_tit > .totalPrice > em{font-size: 0.57em; font-weight:400; color:#333; font-style:normal; position:absolute;}
#order_fix .no_product_area{box-sizing: border-box;height: calc(100% - 240px);}
#order_fix .no_product{background: url('/images/no_product.png')no-repeat center 42%;background-size:34%;height: 400px;position: absolute;width: 100%;box-sizing: border-box;top: 50%;transform: translate(0,-50%);}
#order_fix .no_product > span{font-size: 1.2em;color: #ccc;text-align: center;margin: 0 auto;display: block;padding-top: 350px;box-sizing: border-box;}
#order_fix .no_product_btn{height: 162px;background:#e6ebf0;color:#fff;width: 80%;display: block;border-radius: 15px;margin: 0 auto;text-align: center;line-height: 162px;font-size: 1.7em;position: absolute;bottom: 4%;left: 50%;transform: translate(-47%);}
#order_fix .product_area{box-sizing: border-box;height: calc(100% - 226px); margin-top:17px;min-height:130px;}
#order_fix .product{height: calc(100% - 40px);box-sizing:border-box;overflow-y:auto;/* border-bottom: 1px solid #eee; */}
#order_fix .product > li{border-bottom:1px dotted #aaa;height: 100px;padding: 0 5%;display:flex;justify-content:space-between;align-items:center;}
#order_fix .product > li:first-child{margin-top: -20px;}
#order_fix .product > li > a{display:inline-block;width: 50px;height: 50px;background-size:cover !important;}
#order_fix .product > li > a.plus{background: url('/images/plus.png')no-repeat center;  }
#order_fix .product > li > a.minus{background: url('/images/minus.png')no-repeat center;}
#order_fix .product > li .product_box{display:flex;justify-content: space-between;width: 62%;}
#order_fix .product > li .product_box > p{width: 78%; font-size:0.8em;}
#order_fix .product > li .product_box > p > span{display:block;font-weight: 100;height: 1.2em;}
#order_fix .product > li .product_box > p > span.point{color:#c8205d;font-weight:800;font-size: 1em; margin-bottom:3px;}
#order_fix .product > li .product_box > p.count{font-size: 1.6em;font-weight: 800;line-height: 2.2em;width: 73px;text-align: right; padding-right:1%; }
#order_fix .product_btn{height: 80px;background:#c8205d;color:#fff;width: 80%;display: block;border-radius: 15px;margin: 0 auto;text-align: center;line-height: 80px;font-size: 1.1em;position: absolute;bottom: 4%;left: 50%;transform: translate(-50%);margin-left:3%;}
#order_fix .product > li .product_box > input.count{width: 30%;font-size: 1.1em;text-align: right;margin-right: -2px;border: none;}
#order_area{width: calc(100% - 34%);padding: 0% 2% 6% 2%;box-sizing:border-box;position: absolute;left:0;height:100%;background:url('/images/nex.png') no-repeat 4% 98%; background-size:10%; overflow:hidden; overflow-y:auto;}
#order_area h3{display:inline-block;font-size: 1em;height: 80px;line-height: 80px;}
#order_area .list_btn{display:inline-block;background: #576e84 url('/images/list_icon.png')no-repeat 14% center;color: #fff;height: 100px;position: absolute;right: 2%;width: 360px;border-radius: 15px;padding-left: 9%;box-sizing: border-box;line-height: 100px;font-size: 1.2em;}
#order_area .order_menu{display: flex;flex-wrap: wrap;align-content:flex-start;margin-top: 10px;height:auto; padding-bottom:10px;}
#order_area .order_menu li{border: 1px solid #ccc;height: 156px;border-radius: 18px;margin: 0 3% 2% 0;box-sizing: border-box;padding-top: 73px;text-align: center;position:relative;/* overflow:hidden !important; */background:#fff;width: 29%;}
#order_area .order_menu li > img{width: 100%;position:absolute;top:0;left:0;overflow: hidden;border-radius: 18px 18px 0 0;height: 50%;}
#order_area .order_menu li > div > span{font-size: 0.7em;box-sizing:border-box;display:block;padding-top: 15px;}
#order_area .order_menu li > div > p{font-size: 0.9em;font-weight: 600;margin-top: 8px;}
#order_area .order_menu li > div > span > em{font-style:normal;}
#order_area .order_menu li.on{box-sizing:border-box;border:15px solid #ffb400;color:#fff !important; background:#ffb400;}
#order_area .order_menu li.on > div{margin-top:-15px;}
#order_info{width: calc(100% - 36%);padding: 0 0 0 2%;box-sizing:border-box;position: absolute;left:0;height:100%;background:url('/images/pre.png') no-repeat 4% 98%;max-height: 968px;overflow: hidden;overflow-y: auto;background-size:10%;}
#order_info h3{display:inline-block;font-size: 1em;height: 80px;line-height: 100px;}
#order_info .list_btn{display:inline-block;background: #576e84 url('/images/list_icon.png')no-repeat 17% center;color: #fff;height: 60px;position: absolute;right: 5%;width: 220px;border-radius: 15px;padding-left: 10%;box-sizing: border-box;line-height: 60px;font-size: 0.9em;background-size: 10%;top: 15px;}
#order_info .info_area{width:95%;margin-top: 20px;}
#order_info .info_area input{border:1px solid #ccc;height: 60px;border-radius:8px;font-size: 0.86em;padding:0 1%;box-sizing:border-box;width: 100%;}
#order_info .info_area textarea{border:1px solid #ccc;height:140px;border-radius:8px;font-size:1em;padding:1%;box-sizing:border-box;width: 100%;}
#order_info input::placeholder{color:#ccc}
#order_info textarea::placeholder{color:#ccc; padding:2%; box-sizing:border-box;}
#order_info .info_box li{display: flex;justify-content: space-around;margin-bottom: 0.8%;}
#order_info .info_box li > input:nth-child(2), #order_info .info_box li > select:nth-child(2){margin-left:2%;}
#order_info .info_box li.addr{ position: relative;}
#order_info .info_box li.addr > input{padding-right: 9%;box-sizing: border-box;}
#order_info .info_box li.addr > a{background: url('/images/address.png')no-repeat center;background-size: 85%;position: absolute;top: 0px;right: 1%;width: 56px;height: 58px;display: inline-block; }

select { width:100%; height:100%;border:0;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;box-sizing: border-box;background:transparent;}
select::-ms-expand{display:none;}
.select-wrap {background:url('/images/arr.png') no-repeat  98% center; width:100%; height:100%;}
.select-wrap:nth-child(2){margin-left:2%;}
.select-wrap option{font-size:0.8em;}

.calendar_box{}
.calendar_box input.calendar{background: url('/images/calendar.png')no-repeat  2% center;border:1px solid #ccc;border-radius:10px;padding-left: 11% !important;background-size: 6%;}
#order_info .info_area li.calendar_box input::placeholder {box-sizing:border-box; padding-left:10% !important; }

.ui-datepicker{width: calc(100% - 40%) !important;}
.ui-datepicker td span, .ui-datepicker td a{padding:0.6em !important;}

.memo_type1{margin-top: 10px;padding-top: 10px;border-top:1px dotted #ddd;}
.memo_type1 > textarea{height: 425px !important;}

#order_info .radio_input{width:50%;height: 60px;display: flex;justify-content: space-around;}
#order_info .radio_input .type{width:50%;border-radius:10px;}
#order_info .radio_input .type input[type="radio"]{display:none;}
#order_info .radio_input .type input[type="radio"] + span{border:1px solid #ccc;border-radius:8px 0 0 8px;font-size:0.9em;padding:0 1%;box-sizing:border-box;text-align: center;width: 100%;height: 100%;display: block;line-height: 60px;}
#order_info .radio_input .type input[type="radio"]:checked + span{background:#103b63; border:1px solid #103b63;color:#fff; border-radius:8px 0 0 8px;}
#order_info .radio_input .type:nth-child(2) input[type="radio"] + span{border:1px solid #ccc;border-radius:0 8px 8px 0;}
#order_info .radio_input:nth-child(2){margin-left:2%; width:50%;}
#order_info .pay .type:nth-child(2) input[type="radio"] + span{border:1px solid #ccc;border-radius:0;  border-left:none;}
#order_info .pay:nth-child(2){margin-left:2%; width:50%;}
#order_info .pay .type:nth-child(3) input[type="radio"] + span{border:1px solid #ccc;border-radius:0 8px 8px 0; border-left:none;}
#order_info .pay:nth-child(3){margin-left:2%; width:50%;}
#order_info .checkbox_area input[type="checkbox"] {display: none;}
#order_info .checkbox_area{height: 80px;line-height: 80px;border-radius:8px;text-align:left;box-sizing:border-box;justify-content: start !important;margin-top: 33px;}
#order_info .checkbox_area input[type="checkbox"]+label {display: block;background: url('/images/check.png') no-repeat 0 center;padding-left: 8%;box-sizing: border-box;font-size: 1.0em;color: #ccc;width: 100%;background-size: 6%;cursor: pointer;}
#order_info .checkbox_area input[type='checkbox']:checked+label {background: url('/images/checked.png') no-repeat 0 center; color:#333; background-size: 6%;}

/* 주문현황 */
#order_list{padding: 0% 0 0.5% 2%;box-sizing:border-box;font-size: 16px;}
#order_list h3{display:inline-block;font-size: 1.6em;height: 58px;line-height: 77px;}
.order_list_area{padding: 0 1%;box-sizing: border-box;font-size: 16px;/* margin-top: 10px; */}
.order_list_date{font-size: 1.8em;font-weight: 600;text-align: center;padding-bottom: 26px;display: inline-block;margin: 0 auto;width: 100%;z-index: 0;margin-top: 1.5%;}
.order_list_date > span{margin:0 2%;vertical-align:bottom;height: 50px;line-height: 50px;}
.order_list_date > a{width: 80px;display: inline-block;height: 80px; }
.order_list_date > a.date_pre{background: url('/images/date_pre.png')no-repeat center;}
.order_list_date > a.date_nex{background: url('/images/date_nex.png')no-repeat center;}
#ui-datepicker-div{z-index:999 !important;}

.order_list_btn_area{display:inline-block;position:absolute;bottom: 2%;left: 2%;z-index: 2;}
.order_list_btn_area > a{border-radius:10px;height: 68px;display: inline-block;box-sizing: border-box;border-radius: 50%;width: 68px;background: #686d72;color: #fff;text-align: center;line-height: 68px;font-size: 0.86em;}
.order_list_btn_area > a:nth-child(2){background: #103b63;color:#fff;}
.order_lst_top{position:absolute;top: 33px;width: 50%;right: 0;}
.order_list_secrch{display:inline-block;border: 1px solid #ccc;border-radius: 5px;height: 40px;z-index: 2;float: right;width: 49%;position: relative;}
.order_list_secrch > input{border:none;height: 38px;padding: 0 2%;box-sizing:border-box;width: 100%;}
.order_list_secrch > input + a{background: url('/images/address.png') no-repeat;box-sizing: border-box;position: absolute;right: 4px;width: 40px;height: 40px;background-size: 72%;top: 5px;}
.order_radio{width: 40%;height: 40px;display: flex;justify-content: space-around;position: absolute;top: 0;right: 2%;font-size: 1.3em;margin-top: -20px;}
.order_radio .list{width:50%;border-radius:10px;}
.order_radio .list input[type="radio"]{display:none;}
.order_radio .list input[type="radio"] + span{border:1px solid #ccc;border-radius:8px 0 0 8px;font-size: 0.9em;padding-left: 33%;box-sizing:border-box;text-align: center;width: 100%;height: 100%;display: block;line-height: 40px;background: url('/images/top_list1.png') no-repeat 20% center;background-size: 30%;}
.order_radio .list input[type="radio"]:checked + span{background: #c8205d url('/images/top_list1.png') no-repeat 20% center;border:1px solid #c8205d;color:#fff;border-radius:8px 0 0 8px;box-sizing: border-box;padding-left: 33%;background-size: 30%;}
.order_radio .list:nth-child(2) input[type="radio"] + span{border:1px solid #ccc;border-radius:0 8px 8px 0;font-size: 0.9em;padding-left: 23%;box-sizing:border-box;text-align: center;width: 100%;height: 100%;display: block;line-height: 40px;background: url('/images/top_list2.png') no-repeat 20% center;background-size: 30%;}
.order_radio .list:nth-child(2) input[type="radio"]:checked + span{background: #c8205d url('/images/top_list2.png') no-repeat 20% center;border:1px solid #c8205d;color:#fff;border-radius:0 8px 8px 0;box-sizing: border-box;padding-left: 23%;background-size: 30%;}

/* 캘린더 */
.fc{/* height:calc(100% - 167px); */ font-size:1.3em;}
.fc-col-header-cell{ height:90px; background:#455360; line-height:90px;}
.fc-col-header-cell > div > a{color:#fff; }
.fc-daygrid-event{border-radius:0 !important;}
.fc .fc-toolbar.fc-header-toolbar{margin-bottom:18px !important; }
.fc .fc-view-harness{}
.fc-scrollgrid > tbody{font-size:1.3em;}
.view_btn_area .view input[type="radio"] + span{font-size: 17px;}
.view_btn_area{display: inline-block;}
.view_btn_area > a{border: 1px solid #ccc;height: 40px;display: inline-block;line-height: 40px;width: 77px;text-align: center;border-radius: 5px;}
.view_btn_area > a.on{color: #fff;background: #61707e;border: 1px solid #61707e;}
.view_btn_area{width: 100%;height: 40px;display: flex;justify-content: space-around;margin-bottom: 10px;}
.view_btn_area .view{width:25%;border-radius:10px;margin-right: 1%;height: 40px;}
.view_btn_area .view input[type="radio"]{display:none;}
.view_btn_area .view input[type="radio"] + span{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;text-align: center;width: 100%;height: 100%;display: block;line-height: 40px;}
.view_btn_area .view input[type="radio"]:checked + span{background: #61707e;border:1px solid #61707e;color:#fff;border-radius:5px;box-sizing: border-box;line-height: 40px;}
.view_btn_area .view:last-child{margin-right:0;}

.order_list_date_input{display: inline-block;box-sizing: border-box;height: 47px;width: 45%;}
.order_list_date_input > input[type=text]{height: 40px;box-sizing: border-box;border-radius: 5px;border: 1px solid #ccc;width: 44%;padding: 0 2%;box-sizing: border-box;}

.fc-icon-chevron-left{background: url('/images/date_pre.png')no-repeat center !important;width: 50px !important;height: 50px !important;background-size: 75% !important;}
.fc-icon-chevron-right{background: url('/images/date_nex.png')no-repeat center !important;width: 50px !important;height: 50px !important;background-size: 75% !important;}
.fc-prevYear-button, .fc-nextYear-button{display:none !important;}
.fc-icon{border:none !important;}
.fc .fc-button-primary{margin:0 2%;vertical-align:bottom;height: 50px;line-height: 50px; background:none !important; border:none !important;}
.fc-icon-chevron-left:before, .fc-icon-chevron-right:before{display:none !important;}
.fc .fc-button .fc-icon{margin-top: -7px !important;}
.fc-button:focus{ border: none !important; outline:none !important;  }
.fc-toolbar-chunk > button{border:none !important; outline:none !important;}

/* 팝업 */
#popup {background:#fff;min-height:200px;width:100%;padding: 2% 1%;box-sizing: border-box;/* position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height: 100%; */}
#popup .title h2 {font-size: 1.6em;font-weight:600;letter-spacing: -1px;margin-top: 0px;}
#popup .title a {position:absolute;top:15px;right:20px;width: 40px;height: 40px;background: url('/images/pop_close.png') no-repeat;text-indent:-999px;font-size:0;line-height:0;background-size:73%;}
#popup .pop_pd {padding:0 10px}
#popup .ymd{/* display: inline-block; */box-sizing: border-box;/* float: right; */margin-top:40px;height: 48px;position: relative;}
#popup .ymd input{height: 40px;box-sizing: border-box;border-radius: 5px;border: 1px solid #ccc;width: 50%;padding: 0 2%;box-sizing: border-box;font-size: 0.9em;}

#MOD_POPUP_WIN iframe {background: #fff; }
#basket_view iframe { position:absolute; top:0; right:0; margin-right:-150px;}

/*dialog*/
#dialog-background {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;}

.pop_area{margin-top:36px;height: 550px;overflow: hidden auto;}
.pop_area2{/* padding-top: 10px; */height: 1180px;overflow: hidden;box-sizing: border-box;}
.pop_search{width:100%;height:60px;border-radius:5px;border:1px solid #ccc;position: relative;box-sizing: border-box; background:#f8f8f8;}
.pop_search > input{position: absolute;height: 58px;width: calc(100% - 120px);border:none;border-radius:5px; padding:0 1%; font-size:0.9em; background:#f8f8f8;}
.pop_search > a{width:38px;height:38px;position: absolute;right: 1%;top:50%; transform:translate(0, -50%);}
.pop_search > a > img{width: inherit;}
.pop_list{margin-top: 10px;width:100%;overflow-y: auto;height: 100%;display: inline-block;box-sizing: border-box;border-spacing: 0;border-collapse: collapse;}
.pop_list tbody{width:100%; display:inline-table; box-sizing:border-box;}
.pop_list tbody tr{border-bottom: 1px dotted #ddd !important;height:60px;}
.pop_list tbody tr:hover{background:#e6ebf0;}
.pop_list td{box-sizing: border-box;padding-left: 1%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; border-bottom: 1px dotted #ddd;}
.ml2p{ margin-left:2%;}
.pop_list .list_del{position:relative;}
.pop_list .list_del > a{}
.pop_box{width:100%; text-align:center; padding-top:45px;}
.pop_icon{display: inline-block;width: 18%;height: 18%;}
.pop_icon > img{width: 100%;}
.pop_txt{margin-top: 44px;}
.pop_txt > p{font-weight: 600;font-size: 1.8em;}
.pop_txt > span{color: #777;font-size: 1.3em;font-weight: 300;margin-top: 20px;display: block;}
.pop_txt > span > em{font-style:normal; font-weight:600; color:#c8205d;}
.pop_btn{width: 60%;height: 80px;background: #c8205d;display: block;border-radius: 10px;color: #fff;font-size: 1.8em;text-align: center;line-height: 80px;margin: 0 auto;margin-top: 50px;}
.pop_btn_area{display:flex;}
.pop_btn2{width: 60%;height: 80px;background: #9e9e9e;display: block;border-radius: 10px;color: #fff;font-size: 1.8em;text-align: center;line-height: 80px;margin: 0 auto;margin-top: 50px; margin-left:2%;}
.pop_date{font-size: 1.2em;font-weight: 600;padding-bottom:10px;display: flex;align-content: center;width: 100%;z-index: 0; align-items:center;}
.table-box{position:relative;box-sizing:border-box;/* overflow: hidden; */clear: both;overflow-y: auto;height: 460px;}
.pop_list2{width: 100%;overflow: hidden;max-height: 436px;overflow-y: auto;/* display: block; *//* table-layout: fixed; */border-spacing: 0;border-collapse: collapse;/* display:inline-table; */font-size: 16px;}
.pop_list2 thead tr {/* position: absolute; *//* top: 0; *//* width: 100%; */}
.pop_list2 tbody tr {/* display: table-row; */cursor:pointer;}
.pop_list2 tbody tr:hover{background:#e6ebf0;}
.pop_list2 tbody td{/* padding: 2px 0; *//* display: table-cell; */border-bottom: 1px solid #ccc;}
.pop_list2 > tbody > tr > td{border-right: 1px solid #ccc;}
.pop_list2 tbody td.none{border:none !important;}
.pop_list2 thead{width: 100%; font-size:0.96em;}
.pop_list2 tbody{/* display:inline-table; *//* width: 100%; */}
.pop_list2 th{background: #455360;color: #fff;height: 50px;font-weight: 100;border-top: 1px solid lightgray;}
.pop_list2 td{padding: ;box-sizing: border-box;text-align:center;/* padding-right:0; */font-size: 0.9em;letter-spacing:-0.3px;}
.pop_list2 td.product{25px 0 0 30px box-sizing:border-box;}
.pop_list2 td.product > div{display:inline-block; width:100%; margin:14px 0;}
.pop_list2 td.product > div > img{width: 68px;float: left;}
.pop_list2 td.product > div  > span{float: left;margin-left: 3%;margin-top: 10px;}
.pop_list2 td.address{ text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.pop_list2 td.name{padding:1.5% 0;}
.pop_list2 td.memo{font-size:0.8em;}
.pop_list2 a.qChk{display: inline-block;width: 68%;height: 34px;background: #103b63;border-radius: 10px;color: #Fff;line-height: 34px;font-size: 0.86em;}
.pop_list2 .view_btn_area{ left:2% !important;}

.product_tb{width:100%;/* display: inline-grid; */box-sizing:border-box;padding: 0 2%;}
.product_tb td > tbody{padding:0 5% !important;}
.product_tb td:nth-child(1){width: 70%;text-align:left;padding-left: 3%;}
.product_tb td:nth-child(2){width:30%;}
.product_tb td{border-bottom:none !important; }

td.left{text-align:left;padding-left: 2% !important;box-sizing:border-box;}
td.right{text-align:right;padding-right: 1% !important;box-sizing:border-box;}

.chk > span{display: inline-block;width: 70%;height: 34px;background: #b9b6b6;border-radius: 10px;color: #Fff;line-height: 34px;font-size: 0.86em;}

.icon_area{position:fixed;right: 2%;bottom: 2%;z-index:999;display: flex;flex-direction: column;}
.icon_area a{width: 68px;height: 68px;}
.icon_area a:last-child{margin-top:9%;}
.icon_area a > img{width: inherit;}

.table_btn_area{display:inline-block;/* position:absolute; */bottom: 2%;left: 2%;z-index: 2;}
.table_btn_area > a{border-radius:10px;height: 68px;display: inline-block;box-sizing: border-box;border-radius: 50%;width: 68px;background: #686d72;color: #fff;text-align: center;line-height: 68px; font-size:0.8em;}
.table_btn_area > a:nth-child(2){background: #103b63;color:#fff;}
.dwon_btn{position: absolute;width: 100px;height: 40px;display: inline-block;top:18px;left: 41.8%;}
.dwon_btn > a{height: 40px;display: inline-block;box-sizing: border-box;border-radius: 5px;width: 100px;background: #c8205d url('/images/right_icon2.png') no-repeat 4px 2px;color: #fff;text-align: center;line-height: 40px;font-size:0.8em;background-size: contain;padding-left: 25px;line-height: 40px;}

.pop_area2 .table_btn_area{display: block;z-index: 2;height:40px;margin-top: 10px;float: right;}
.pop_area2 .table_btn_area > a{height: 40px;display: inline-block;box-sizing: border-box;border-radius: 5px;width: 100px;background: #686d72;color: #fff;text-align: center;line-height: 40px;font-size:0.8em;margin-left: 1%;}
.pop_area2 .table_btn_area > a:nth-child(2){background: #103b63;color:#fff;}

.left_icon{position:fixed;left:2%;bottom:2%;z-index:999;}
.left_icon > a{width: 130px;height: 130px;border-radius:50%;color:#fff;display:inline-block;text-align: center;line-height: 120px;}
.left_icon > a.left_btn1{background:#103b63;}
.left_icon > a.left_btn2{background:#15283a;}

.pop_secrch{display: inline-block;border: 1px solid #ccc;border-radius: 5px;height: 40px;z-index: 2;font-size: 1em;width: 40%;width: 100%;/* margin-top: 10px; */box-sizing: border-box;}
.pop_secrch > input{border:none;border-radius: 5px;height: 36px;width: 94%;font-size:1em;padding:0 1%;box-sizing:border-box;}
.pop_secrch > input + a{background: url('/images/address.png') no-repeat  0 -3px;background-size: 73%;width: 40px;height: 25px;display:inline-block;top:3px;}

/* 주문상세 */
.mod_area{ padding:1%;}
.mod_area .mod_data1, .mod_area .mod_data2, .mod_area .mod_data3, .mod_data4{display:inline-block;width: 49%; vertical-align:top;}
.mod_area .mod_data1{}
.mod_area h5{font-size: 1em;color: #c8205d;}
.mod_area h5 + ul{margin-top: 10px;}
.mod_area h5 > span{background: url('/images/mod_line.png') repeat-x center;width: 73%;display: inline-block;float: right;background-size: 1px;}
.mod_area .mod_data1_box{font-size:1.2em;}
.mod_area .mod_data1_box > li{display: flex;justify-content: space-around;margin-bottom: 5px;}
.mod_area .mod_data1_box > li > input[type=text]{height: 50px;border-radius: 5px;border: 1px solid #ccc;padding: 0 2%;box-sizing: border-box;width: 100%;background-size:18%;background-size:6%;font-size:0.7em;}
.mod_area .mod_data1_box > li input:nth-child(2){margin-left:1%;}
.mod_area .mod_data1_box > li.calendar_box{} 
.mod_area .mod_data1_box > li .radio_input{}
.mod_area .mod_data1_box li.addr{ position: relative;}
.mod_area .mod_data1_box li.addr > input{padding-right:12%;box-sizing: border-box;}
.mod_area .mod_data1_box li.addr > a{background: url('/images/address.png')no-repeat center;background-size: 85%;position: absolute;top: 0px;right: 1%;width: 40px;height: 50px;display: inline-block;}
.mod_area .mod_data2{float: right;}
.mod_area .mod_data2 textarea{height: 82px;border-radius: 3px;border: 1px solid #ccc;margin-bottom: 5px;padding: 2%;box-sizing: border-box;width: 100%;font-size: 0.8em;}
.mod_area .mod_data3{float: right;}
.mod_area .mod_data3 textarea{height: 250px;margin-top:10px;border-radius: 3px;border: 1px solid #ccc;padding:2%;box-sizing: border-box;width: 100%;font-size: 0.8em;}
.mod_area .mod_data4{margin-top: 46px;width: 100%;position: relative;}
.mod_area .mod_data4 h5 > span{width:85%;}
.mod_area .mod_plus{color: #fff;border-radius: 3px;background: #ffb400;width: 134px;height: 40px;display: inline-block;text-align: center;line-height: 40px;box-sizing: border-box;position:absolute;top:0;right:0;margin-top: -41px;font-size: 0.8em;}
.mod_area .mod_plus > em{ font-style:normal; font-size:1.35em; font-weight:900; vertical-align:sub; margin-right:3px;}
.mod_area .mod_product{max-height:120px;overflow: hidden;overflow-y: auto;border-bottom:1px solid #eee;}
.mod_area .mod_product > li{border-bottom: 1px solid #eee;height: 50px;line-height: 50px;display:flex;justify-content: space-between;font-size:0.9em;}
.mod_area .mod_product > li > span{display: flex;justify-content: space-between;width: 53%;}
.mod_area .mod_product > li > span > p{display: inline-block;padding-left: 0;box-sizing: border-box;font-weight: 600;font-size: 0.8em;width: 50%;}
.mod_area .mod_product > li > span > p.mod_price{text-align:right;font-size:0.9em;}
.mod_area .mod_product > li > span > p.mod_price > em{color:#333;font-size: 1em;font-style: normal;margin-right: 2%;}
.mod_area .mod_product > li > div{display: flex;float: right;justify-content: space-between;width: 26%;align-items:center;}
.mod_area .mod_product > li > div > a.count{}
.mod_area .mod_product > li > div > input{height: 46px;border: none;padding: 0 2%;box-sizing: border-box;font-size: 1.2em;width: 47%;text-align: right;}
.mod_area .mod_product > li > div > a{display:inline-block;width: 38px;height: 38px;background-size:cover !important;}
.mod_area .mod_product > li > div > a.plus{background: url('/images/plus.png')no-repeat center;  }
.mod_area .mod_product > li > div > a.minus{background: url('/images/minus.png')no-repeat center;}
.mod_area .mod_product > li .product_box{display:flex;justify-content: space-between;width: 62%;}
.mod_btn{display: inline-block;width:250px;background: #c8205d;color: #fff;height: 50px;border-radius: 5px;margin: 0 auto;text-align: center;line-height: 50px;position: absolute;left: 50%;transform: translate(-50%);bottom: 3%;}
.mod_area .radio_input{width:50%;height: 50px;display: flex;justify-content: space-around;}
.mod_area .radio_input .type{width:50%;border-radius:3px;}
.mod_area .radio_input .type input[type="radio"]{display:none;}
.mod_area .radio_input .type input[type="radio"] + span{border:1px solid #ccc;border-radius: 5px 0 0 5px;font-size: 0.8em;padding:0 1%;box-sizing:border-box;text-align: center;width: 100%;height: 100%;display: block;line-height: 50px;}
.mod_area .radio_input .type input[type="radio"]:checked + span{background:#103b63; border:1px solid #103b63;color:#fff; border-radius:3px 0 0 3px;}
.mod_area .radio_input .type:nth-child(2) input[type="radio"] + span{border:1px solid #ccc;border-radius: 0 5px 5px 0;}
.mod_area .radio_input:nth-child(2){margin-left:2%; width:50%;}
.mod_area .pay .type:nth-child(2) input[type="radio"] + span, .mod_area .pay .type:nth-child(3) input[type="radio"] + span{border:1px solid #ccc;border-radius:0;  border-left:none;}
.mod_area .pay:nth-child(2), .mod_area .pay:nth-child(3){margin-left:2%; width:50%;}
.mod_area .pay .type:nth-child(4) input[type="radio"] + span{border:1px solid #ccc;border-radius:0 5px 5px 0; border-left:none;}
.mod_area .pay:nth-child(4){margin-left:2%; width:50%;}
.mod_area li.mod_total{height: 60px;padding-top: 17px;box-sizing: border-box;display: block;}
.mod_area li.mod_total > span{line-height: 60px;text-align: l;font-weight: 600;font-size: 1em;padding-left: 4%;}
.mod_area .mod_data1_box .totalPrice{color: #c8205d;font-size: 1.4em;font-weight: 600;float:right;}
.mod_area .mod_data1_box .totalPrice > span{font-size: 1.2em;}
.mod_area .mod_data1_box .totalPrice > em{font-size: 0.57em; font-weight:400; color:#333; font-style:normal;}

.fc-scrollgrid > tbody{overflow:hidden; /* max-height:700px; */ display:inline-block; overflow-y:auto;}

/* 팝업 상품추가 */
.mod_goods{clear:both;}
.mod_goods #order_area{width: 100%;background: none;position: absolute;top: 0;height: 499px;margin-top: 44px;box-sizing: border-box;}
.mod_goods .title{text-align: left;height: 60px;display: block;width: 100%;}
.mod_goods .title h3{font-size: 1.3em;line-height: 60px;padding-left: 12px;box-sizing: b;}
.mod_goods .title a{position:absolute;top: 14px;right: 4px;width: 38px;height: 38px;background: url('/images/pop_close.png') no-repeat;text-indent:-999px;font-size:0;line-height:0;background-size: 72%;}
.mod_goods #order_area .order_menu{width:100%;}
.mod_goods #order_area .order_menu li{height:144px; padding-top:63px; border-radius:10px;}
.mod_goods #order_area .order_menu li > div > span{font-size: 0.62em;letter-spacing:-1.2px;}
.mod_goods #order_area .order_menu li > img{height: 42%; border-radius:10px 10px 0 0;}
.mod_goods #order_area .order_menu li.on{box-sizing:border-box;border:10px solid #ffb400;color:#fff !important; background:#ffb400;}
.mod_goods #order_area .order_menu li.on > div{margin-top:-10px;}
.mod_goods #order_area .order_menu li.goods_checked{background: rgba(0,0,0,.4) url('/images/check2.png') no-repeat center;}
.mod_goods #order_area .order_menu li.goods_checked > img{opacity: 0.3;}
.mod_goods #order_area .order_menu li.goods_checked > img + div{color: #4c4c4c;}
.mod_goods #order_area .order_menu li > div > p{font-size:1em;}
.mod_goods #order_area .order_menu{margin-top:15px;}

.infoType{display: flex;justify-content: flex-start;position: absolute;top: 27px;width: 26%;}
.infoType .view{margin-right: 10px;}
.infoType .view:first-child{margin-right: 15px;border-right: 1px dotted #ccc;padding-right: 15px;}
.infoType .view input[type="radio"]{display:none;}
.infoType .view input[type="radio"] + span{display: inline-block;font-weight: 100;color: #999;cursor:pointer;font-size: 1.1em;letter-spacing: -0.8px;}
.infoType .view input[type="radio"]:checked + span{box-sizing: border-box;font-weight: 600;color: #000;}

.order_list_tb_goods{}
.order_list_tb_goods{width: 100%;overflow: hidden;height:400px;overflow-y: auto;/* display: block; *//* table-layout: fixed; */border-spacing: 0;/* border-collapse: collapse; *//* display:inline-table; */font-size:18px;}
.order_list_tb_goods thead tr {/* position: relative; *//* top: 0; *//* display: table-row; *//* width: 100%; */}
.order_list_tb_goods {width: 100%;border: 0px;/* border-collapse: collapse; */position: relative;/* margin-top:-50px; */border-bottom: 1px solid #ccc;}
.order_list_tb_goods th, .order_list_tb_goods td {/* width: auto; */height: 30px;border-right: 1px solid lightgray;}
.order_list_tb_goods th:last-child, .order_list_tb_goods td:last-child {border-right: 0px !important;}
.order_list_tb_goods thead{/* display:table; */}
.order_list_tb_goods. thead th {background-color: gray !important;}
.sticky-head-one {/* position: sticky; *//* top: 0px; */}
.sticky-head-two {/* position: sticky; */top: 30px;}
.order_list_tb_goods td{height:43px;}
.order_list_tb_goods td > input{border:1px solid #ccc; width:90%; height:90%; margin:0 auto; text-align:right; padding-right:2%; box-sizing:border-box; border-radius:3px; font-size:1.05em;}
.order_list_tb_goods .sticky-head-two{width:15.2% !important;}
.cnt_btn{display: inline-block;width:250px;background: #c8205d;color: #fff;height:60px;border-radius: 5px;margin: 0 auto;text-align: center;line-height: 60px;position: absolute;left: 50%;transform: translate(-50%);bottom: 3%;}

/* 캘린더 */
.fc-col-header-cell{height: 30px;line-height: 30px;}
.fc .fc-daygrid-day-number{font-size:0.8em;}
.fc .fc-toolbar-title{font-size:1.65em;}
.fc-header-toolbar{padding-top:0 !important;}
.fc .fc-daygrid-event{font-size:0.82em;}

/* 주문하기 슬라이더 */
.swiper {width: 100%;height: 100%;}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.order_list_tb_goods th.soldout{width: 8% !important;}
.order_list_tb_goods td.soldout{width:5% !important;}

.pop_list2{/* table-layout: auto; *//* overflow: auto; */}
.pop_list2 thead tr{/* position:relative; */}
.w800{width:800px !important;}
.pop_area2 .table_btn_area{position:relative;left: auto;top: auto;display: flex;bottom:auto;margin-top:8px;text-align:center;justify-content: flex-end;margin-bottom: 10px;}
.pop_area2 .table_btn_area > .a_dwon_btn{height: 40px;box-sizing: border-box;border-radius: 5px;background: #c8205d url('/images/right_icon2.png') no-repeat 4px 2px;color: #fff;text-align: center;line-height: 40px;background-size: contain;padding-left: 25px;line-height: 40px;box-sizing:border-box;}

@media (max-width: 767px){
	body{font-size:14px}
	#popup{padding:2% 3%;}
	.login_right{display:block;width:100%;box-sizing:border-box; padding:10%;}
	.margin_area > a{background-size:30% !important;}
	.margin_area > a:hover{border:10px solid #c8205d;box-sizing:border-box;line-height:197px;}
	.login_area{display: flex;flex-direction: column;justify-content: flex-start; align-items:normal;}
	.login_left{background: none;width: auto;width:77%; margin:0 auto; margin-bottom:2%;}
	.login_left > img{width: 25%;top: 50%;}
	.login_right .login_box .area > input{font-size:1.3em;}
	.margin_area > a{height:150px; line-height:150px;}
	.margin_area > a:hover{line-height:126px;}
	#order_area{width:100%;display:block;position:relative;overflow:hidden; padding-right:0;}
	#order_area .order_menu{ overflow: hidden; height:auto;}
	#order_fix .order_fix_area{width:100%;}
	#order_area .order_menu li.on{border:3px solid #ffb400;}
	#order_info{width:100%;}
	#order_fix{background:#fff; width:100%; position:relative;}
	#order_area .order_menu li{height:130px; padding-top:63px; margin-bottom:10px;font-size:1.2em;}
	#order_area .order_menu li.on > div{margin-top:-3px;}
	#order_area .order_menu li > div > p{margin-top:5px;}
	#order_area .order_menu li > div > span{letter-spacing:-1px;}
	#order_info .list_btn{background-size:8%; padding-left:90px;}
	#order_fix .product > li > a{width:34px; height:34px;}
	.swiper-slide{height:auto;}

	#order_list h3{font-size:1.4em;}
	.order_lst_top{top:28px;}
	.order_radio{width:200px; height:34px; font-size:1.1em;margin-top:-12px; }
	.order_radio .list input[type=radio] + span{line-height:34px;}
	.order_radio .list:nth-child(2) input[type=radio] + span{line-height:34px;}
	.order_list_area{font-size:1em;}
	.view_btn_area{width: 100%;position: relative;top:0; left:auto; margin-bottom:0;}
	.view_btn_area .view input[type=radio] + span{font-size:1em;}
	.fc .fc-toolbar-title{font-size:1.2em !important;}
	.fc .fc-toolbar{width: 100%;height: 35px;margin-top: 10px;}
	.fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px !important;}

	.pop_list2 td{font-size:0.8em;}
	.pop_list2 th{border-right: 1px solid #cccccc4f; font-size:0.8em;}

	.infoType{position: relative;top: auto;width: 100%;font-size: 1.1em;height: 32px;line-height: 34px;}
	#popup .title{}
	#popup .ymd{margin-top: 13px;height: 30px;font-size: 0.9em;}
	.pop_area2{ width: 100%;margin: 0 auto; margin-top:10px;}
	#popup .ymd input{width:49%; font-size:1em;}

	.pop_secrch{position: relative;top: auto;width: 99%;right: auto;margin: 0 auto;margin-top: 10px;}
	.pop_secrch > input{width:100%; margin:0 auto;}
	.pop_secrch > input + a{position:absolute; right:0;}
	.table-box{margin-bottom: 50px;overflow:auto;/* display: block; */ height:21%;}
	.view_btn_area .view:last-child{margin-right:0;}
	.order_list_tb_8{width:800px !important;}
	.order_list_tb_goods{width:600px !important;}
	.pop_area2 .table_btn_area{width:100%; justify-content:space-between;}
	.pop_area2 .table_btn_area > a{width:33%;}
	#popup .title a{top:8px; right:8px;}

	.order_list_date_input{width:100%; display:flex;justify-content:space-between;align-items:center; margin-left:0;}
	.order_list_date_input > input[type=text]{width:49%;}
	.order_list_secrch{width:100%; box-sizing:border-box; float:initial;}
	.order_list_tb_9{width:800px !important; }
	.area_h{margin-top:10px; max-height:380px;}
	#wrap{box-sizing:border-box; padding:0 1%;}

	.mod_area .mod_data1, .mod_area .mod_data2, .mod_area .mod_data3, .mod_data4{width:100%;}
	.mod_area{margin-top:10px; overflow-y:auto; max-height:440px;}
	.mod_area li.mod_total{line-height:60px;}
	.mod_area .mod_product{width:100%;}
	.mod_area .mod_product > li > div > a{width:26px; height:26px;}
	.mod_btn{width: 26%;left: auto;right: 14px;transform: translate(0);}
	.mod_area .mod_data3 textarea, .mod_area .mod_data1_box > li > input[type=text]{font-size:0.9em;}
	.mod_area .mod_product > li > span > p, .mod_area .mod_product > li > span > p.mod_price{font-size:1em;}
	.mod_area .mod_data1_box .totalPrice > span{font-size:1em;}
	.mod_area .mod_plus{font-size:0.9em;}

	#order_info .info_box li{margin-bottom:7px;}
	.pop_search{height:50px;}
	.pop_search > input{height:48px;}
	.pop_search > a > img{width:76%; margin-top:5px;}

	.margin_area > a, .margin_area > a:hover{font-size:2em;}
	#order_fix .product > li .product_box > p{font-size:1em;}

}


@media (min-width: 768px) and (max-width: 991px) {
	body{font-size:15px}
	#order_fix .product > li .product_box{width:56%;}
	#order_area .order_menu li{height:122px; padding-top:55px;}
	#order_fix .no_product{ background: url('/images/no_product.png')no-repeat center 50%;background-size: 35%;}
	#order_fix .product > li .product_box > p{font-size:0.9em; letter-spacing:-0.7px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
	body{font-size:16px}
	#order_area{}
	.view_btn_area .view input[type="radio"] + span{font-size:0.92em;}
	.pop_secrch > input, .pop_secrch > input:placeholder{font-size:0.86em;}
	.pop_area2 .table_btn_area > a{font-size:0.9em;}
	#order_area .order_menu li{height:113px; padding-top:50px;}
	#order_fix .product > li .product_box > p > span{font-size:0.78em;}
	#order_fix .product > li > a{width:40px; height:40px;}
	#order_fix .product > li{height:80px;}
	#order_fix .product > li .product_box > p{ font-size:1em;}
	
}

@media (min-width: 1200px) {
	.pop_area2 .table_btn_area > a{font-size:17px;}
}


@media (max-width: 500px){	
	.login_left{width:100%; margin-bottom:0;max-height:35%;}
	.login_right{display:block;width:100%;box-sizing:border-box; padding:5% 8%;}
	.login_right .login_box{width:100%;}
}