@charset "utf-8";
 
#bottomFixedMenu { width:100%; height:100%; position:fixed; left:0; top:150%; z-index: 9999999; display:inline-block; transition: top .3s; }
#bottomFixedMenu.show { top:0px; }
#bottomFixedMenu > .bt_form { width:100%; display:inline-block; position:absolute; left:0; bottom:0; background:#fff; z-index: 99; border-radius: 20px 20px 0 0; padding:25px 20px;}
#bottomFixedMenu > .bt_form > ul > li { display:none; }
#bottomFixedMenu > .bt_form > ul > li.btn_bt_foodplan { }
#bottomFixedMenu > .bt_bg { width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.3); z-index: 9; opacity:1; transition: all 1s; cursor: pointer; }
#bottomFixedMenu > .bt_form  > .btn_close { position:absolute; top:25px; right: 20px; background:#fff url('../../../../../svg/btn_close2.svg') no-repeat center center; width:20px;height:20px; background-size:15px 15px; border:0; opacity: .3; }
#bottomFixedMenu > .bt_form > ul > li > h2 { text-align: left;
    font-weight: bold; display:inline-block; width:100%;
    font-size: 18px;
    padding: 0 0 15px 0; }
#bottomFixedMenu > .bt_form > ul > li > h2 > * { display:inline-block; float: left; }
#bottomFixedMenu > .bt_form > ul > li > h2 > strong { }
#bottomFixedMenu > .bt_form > ul > li > h2 > span { font-size:14px; color:#ff8601; line-height: 24px; margin:0 0 0 10px; }
#bottomFixedMenu > .bt_form > ul > li > h3 { font-weight: normal; font-size:13px; color:#333; margin:0 0 0 0;}
#bottomFixedMenu > .bt_form > ul > li.btn_bt_dawn > h2 { padding: 0 0 0 35px; margin:0 0 15px 0; background:url('../../../svg/icon_warning.svg') no-repeat left center; background-size:25px 25px; }

#calendar-mini .date-tr td { padding:0; cursor: pointer; position:relative; vertical-align: top; }
#calendar-mini table { border:0; border-collapse:separate; border-spacing: 0 3px; }
#calendar-mini thead th { font-weight: normal; text-align: center; padding:8px 0; font-size:12px; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid;}
#calendar-mini thead th:first-child { color:#df0000; }
#calendar-mini thead th:last-child { color:#0075a9; }
#calendar-mini thead, #calendar-mini tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
#calendar-mini tbody { display:block; height:325px; overflow:auto; }
#calendar-mini tbody td { height:40px; }
#calendar-mini table tbody tr.date-tr {  }
#calendar-mini table tbody tr.date-tr td:after { border:0; }
#calendar-mini table tbody tr.date-tr td .firstEatH { border:0; height:100%; width:100%; right:0; }
#calendar-mini table tbody tr.date-tr td .date { display:inline-block; text-align: center; border-radius: 3px; height:auto; line-height: normal; padding:2px 0; width:100%; }
#calendar-mini table tbody tr.date-tr td.notShip1:not(.select) > .date { background:url('../../../../../svg/icon_not.svg') no-repeat center center; background-size:20px 20px; opacity: .3 !important;}
#calendar-mini table tbody tr.date-tr td.select > .date { opacity: 1 !important; }
#calendar-mini.date-tr td .degree {  background:transparent; color:#ff8601; }
#calendar-mini table tbody tr.date-tr td.notShip1 { background:transparent; }
#calendar-mini.date-tr td.select { background:#fff6b8 !important; }
#calendar-mini.date-tr td.selectfirst { background:#ff8601 !important; border-radius: 5px 0 0 5px; }
#calendar-mini.date-tr td.selectlast { background:#ff8601 !important; border-radius: 0 5px 5px 0;  }
#calendar-mini table tbody tr.date-tr td .date.circle { width:100%; background:#ff8601; }
#calendar-mini table tbody tr.date-tr td .sltext { width:100%; color:#ff8601; display:inline-block; text-align: center; margin:2px 0 0 0; }
#calendar-mini table tbody tr.date-tr td.selectfirst .date,#calendar-mini table tbody tr.date-tr td.selectlast .date { color:#fff; }
#calendar-mini.date-tr td .degree { padding:0; margin:0; }
#calendar-mini.date-tr td .sltext {  
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    padding: 0;
    border-radius: 2px;
    position: relative;
    z-index: 999;
    width: 99.6%;
    left: 0.2%;
    margin: 0 0 0 0;}
#calendar-mini.date-tr td .not { padding:0; margin:0; }

#foodplan_list { width:100%; text-align: left; }
#foodplan_list > ul { width:100%; display:inline-block;}
#foodplan_list > ul > li { float: left; width:25%; text-align: center; }
#foodplan_list > ul > li > a { display:inline-block; width:100%; padding:15px 0; }
#foodplan_list > ul > li > a > * { width:100%; display:inline-block; }
#foodplan_list > ul > li > a > strong { font-size:15px; margin:5px 0; height:24px; line-height: 24px; font-weight: 600; }
#foodplan_list > ul > li > a > span { fotn-size:13px; color:#ff8601; }

.titleArea { display:none !important; }
/*.od_settle_egift { visibility: hidden; height:0px !important; line-height: 0 !important; overflow: hidden; padding:0; margin:0; }*/

.giftCardForm { width: 100%; 
    margin: 0 0 10px 0;
    padding: 20px !important;
    background: #fff;
    border: 0 !important;
    border-top: #ddd 1px solid !important;
    border-bottom: #ccc 1px solid !important; }
.giftCardForm > h2 {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 0 0 0;
    height: 27px !important;
    line-height: 27px;
}
#cardDesignList { width:100%; margin:15px 0; }
#cardDesignList > ul > li { width:20%; cursor: pointer; position:relative; margin:0 0 5px 0; display:flex; }
#cardDesignList > ul > li img { border-radius: 0px; border:#fff 0px solid; width:100%; }
#cardDesignList > ul > li.on img { /*border:#222 2px solid;*/ }
#cardDesignList > ul > li.on:before { content:""; position: absolute; left:0; top:0; width:100%; height:100%; border:#222 2px solid; display:inline-block;}

#selectCardDesign { width:100%; }
#selectCardDesign h5 { margin:15px 0 0 0; }
#selectCardDesign > ul { width:100%; display:flex; flex-direction: column; justify-content: flex-start;  }
#selectCardDesign > ul > li { width:100%; position:relative; margin:0 0 5px 0; }
#selectCardDesign > ul > li:first-child { margin:0 0 0 0; }
#selectCardDesign > ul > li img { width:100%;  box-shadow: 0 5px 10px rgba(0,0,0,.2); }
#selectCardDesign > ul > li textarea { width:100%; border-radius: 10px; border:0; background:#f9f9f9; padding:10px; font-size:14px; height:100px; }
#selectCardDesign > ul > li input[type='text'] { width:100%; border-radius: 10px; border:0; background:#f9f9f9; padding:10px; font-size:14px; height:40px; }
#selectCardDesign #text_count { position:absolute; bottom:10px; right:10px; font-size:11px; font-weight: bold; color:#999; }

#selectCardDesign > ul > li.li_tel { display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#selectCardDesign > ul > li.li_tel > input[type='text'] { width:30%; }
#selectCardDesign > ul > li.li_tel > strong { color:#999; }
#selectCardDesign > ul > li .notice { width:100%; margin:5px 0 5px 0; font-size:11px; color:#999;  }
#selectCardDesign > ul > li.li_check { margin:10px 0; display:flex; width:100%; flex-direction: row; justify-content: space-between; }
#selectCardDesign > ul > li.li_check label span { font-size:13px; color:#777; }

.giftReceive { position:absolute; height:calc(100% - 40px); width:calc(50% - 0px); left:20px; top:20px; z-index: 1;}
.giftReceive > h2 { font-size:18px; position:relative; padding:0 10px 5px 30px; border-bottom:rgba(0,0,0, .3) 1px dashed; width:auto; display:inline-block; }
.giftReceive > h2:before { content:"To . "; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity: .3; font-style: italic; font-family: 'Pacifico', cursive; } 
.giftReceive > h3 { font-size:12px;  padding:0 5px 2px 35px; border-bottom:rgba(0,0,0, .3) 1px dashed; width:auto; display:inline-block; position:absolute; left:0; bottom:0;}
.giftReceive > h3:before { content:"From . "; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity: .3; font-style: italic; font-family: 'Pacifico', cursive; } 
.giftReceive > p { margin:20px 0 0 0; font-size:13px; }

.giftCardInfo { position:absolute; display:none; right:20px; top:20px; z-index: 1; background:rgba(0,0,0,.6); color:#fff; font-size:12px; height:22px; line-height: 22px; padding:0 8px; border-radius: 15px; }
.giftCardInfo > strong { font-weight: normal; }

.order_wrap_item > h2 { display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#gr_od_id_wrap { z-index: 999999 !important;  }

@media (min-width: 768px) {
	.giftCardForm { width:100%; display:flex; flex-direction: row; justify-content: space-between; padding: 20px 10px !important; margin:0; border-bottom:0 !important; }
	#cardDesignList { width:15%; margin:15px 0 0 0; }
	#selectCardDesign { width:70%; margin:15px 0 0 0; }
	#cardDesignList > ul > li { width:100%; cursor: pointer; }
	
	.titleArea h2 { min-width: auto; }
	#bottomFixedMenu > .bt_form, #sod_addr, #sod_addr2,.od_black_bg > div { bottom:auto; top:50%; max-width: 400px; left:50%; transform: translate(-50%, -50%); border-radius: 20px; margin:0; background:#fff; }
	#sod_frm h2 { margin:0; }
	.order_wrap_item { padding:20px 10px !important; display:flex; flex-direction: column; margin:0 !important; border-bottom:0 !important; }
	#od_memo_select { height:40px; line-height: 40px; margin:10px 0 5px 0; }
	#sod_frm #sod_frm_pay h2 { position:relative; line-height: normal; }
	#sod_frm #od_memo { border-color:#ddd; border-radius: 4px; } 
	.btn_point_all, .btn_emoney_all, .btn_egift_all, .btn_egift_cancel { float: none; }
	#sod_frm .odf_tbl { border:#eee 1px solid !important; padding:1.0rem; }
	#sod_frm .odf_tbl table { border:#eee 0px solid !important; border-bottom:#eee 1px solid !important; }
	#sod_frm .odf_tbl table tbody { padding:1.0rem 0; }
	#sod_frm .odf_tbl table tbody td, #sod_frm .odf_tbl table tbody th { padding:5px 0; width:50%; border:0 !important; }
	#sod_frm .odf_tbl table tbody th { text-align: left; padding:5px 0; }
	#sod_frm .odf_tbl table tbody td { text-align: right; padding:5px 0; }
	.suggTail { margin: 0 0 20px 0; color:#888; }
	.suggTail > * { font-size:0.6rem !important; }
	#order_address_form .addform #win_title .btn_close { top:0; right:0; } 
	.check_confirm { padding:15px 0; margin:0 0 0 0; } 
	.check_confirm > label { margin:0; }	
	.titleArea { display:inline-block !important; width:100%; }
	#sod_frm_pay {border:0 !important; margin:0; position:absolute; right:-240px; top:130px; z-index: 9; width:340px;}
	#sod_frm > form > div:not(.od_black_bg,#gr_od_id_wrap) { width:800px; } 
	.point_notice { display:block; width:100%; font-weight: normal; font-size:0.70rem; margin:7px 0 0 0;}
	#sod_frm .odf_tbl table tr:last-child td { }
	.my_cp_list2 { display:block; }
	#display_pay_button #show_req_btn .btn_submit { border-radius: 4px; }
	#display_pay_button #show_req_btn .btn_submit:hover { background:#fce250; }
	
	#sod_addr {height:470px;  background-color:#fff}
	#sod_addr #win_title {position: relative; width: 100%; text-align: center; font-size: 16px; height: 45px; line-height: 45px; border-bottom: #ddd 1px solid; overflow: hidden;}
	#sod_addr #win_title .btn_close {position:absolute; width: 20px; height: 40px; top: 0; margin: 0 0 0 0; right: 10px; border: 0; background: #fff url(../../../svg/btn_close.svg) no-repeat center center;background-size: 14px 14px;text-indent: -9999999px;}
	#sod_addr .list_01 {padding:0 15px}
	#sod_addr .btn_add_wrap { padding: 0 15px; margin: 15px 0;}
	#sod_addr .btn_add_wrap a {width: 100%; height: 40px; line-height: 40px;text-align: center; background: #fff url(../../../svg/btn_add.svg) no-repeat left 110px center; background-size: 15px 15px; color: #ff8601;font-weight: bold; border: #ddd 1px solid; display: inline-block;}
	#sod_addr .list_01 ul li { clear: both;border: #ddd 1px solid; position: relative; padding: 12px 10px; border-radius:0; margin:-1px 0 0; display:inline-block; width:100%;}
	#sod_addr .list_01 ul li.ad_default_li {border:#ff8601 2px solid; z-index:9; margin:0px;}
	#sod_addr .list_01 ul li .ad_default {opacity:0; position: absolute;}
	#sod_addr .list_01 ul li h2 { font-size:16px; margin: 0 0 5px 0; }
	#sod_addr .list_01 ul li h2 > span { display:inline-block; font-weight: normal; font-size:13px; margin-left:10px;}
	#sod_addr .list_01 ul li h3 { font-size:13px; margin: 0 0 5px 0; font-weight: normal; }
	#sod_addr .list_01 ul li h4 { font-size:13px; margin: 0 0 5px 0; font-weight: normal; }
	#sod_addr .list_01 ul li .btn_wrap  {margin-top:15px}
	#sod_addr .list_01 ul > li:last-child {margin-bottom:15px;}

	#sod_addr .list_01 ul li button {position: relative; float: left; border: #ddd 1px solid; color: #000; width: 65px; height: 35px; line-height: 35px; text-align: center; margin-right: 2px; background: #fff; border-radius: 2px;}
	#sod_addr .list_01 ul li .btn_select {float:right; border: #ff8601 1px solid; background: #ff8601; color:#fff}
	
	.odf_tbl table .egift_th th { vertical-align: top; }
}