.box_wrap { width:100%; background-color:#1e1e46; border-radius: 12px; display: inline-block; margin-bottom:5px; }
.box_wrap li{ float:left; font-size:1em; font-weight:400; color:#fff; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; line-height:120%; }


/* delivery Tab Area Style Css */
.box_wrap li.photo_view { background-color: #ff8840; width:18%; margin:10px 0% 10px 3%; line-height:36px; text-align:center; border-radius: 8px; color: #1e1e46; font-weight:800; font-size: .85em; }
.box_wrap li.start { background-color: #86f632; width:37%; margin:10px 0% 10px 1%; line-height:36px; text-align:center; border-radius: 8px; color: #1e1e46; font-weight:800; font-size: 0.6em; }
.box_wrap li.arrival { background-color: #ffdd00; width:37%; margin:10px 3% 10px 1%; line-height:36px; text-align:center; border-radius: 8px; color: #1e1e46; font-weight:800; font-size: 0.6em; }
.box_wrap li.finish { background-color: #19fa55; width:37%; margin:10px 0% 10px 1%; line-height:36px; text-align:center; border-radius: 8px; color: #1e1e46; font-weight:800; font-size: 0.6em; }
.box_wrap ul.finish_second { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.finish_second li:nth-child(1) { width:18%; margin:0px 0% 10px 3%; text-align:center; }
.box_wrap ul.finish_second li:nth-child(2) { width:14%; padding:0px 1% 0px 2%; text-align:left; border-bottom:1px dotted #4b4b86; line-height: 36px; }
.box_wrap ul.finish_second li:nth-child(3) { width:45%; padding:0px 1% 0px; text-align:left; border-bottom:1px dotted #4b4b86; line-height: 36px; }
.box_wrap ul.finish_second li:nth-child(4) { width:11%; padding:0px 1% 0px 3%; text-align:center; border-bottom:1px dotted #4b4b86; line-height: 36px; }
.box_wrap ul.finish_second li:nth-child(4) img { height: 28px; }
.box_wrap ul.finish_second li div.aqua{background-color:#0abec8; color:#1e1e46; text-align:center; line-height:104px;}
.box_wrap ul.finish_second li:nth-child(5) { width:60%; padding:10px 1% 0px 2%; text-align:left; }
.box_wrap ul.finish_second li:nth-child(6) { width:11%; padding:10px 1% 0px 3%; text-align:center; }
.box_wrap ul.finish_second li:nth-child(6) img { height: 28px; }
.box_wrap ul.finish_third { border-bottom:1px dotted #4b4b86; text-align: center; }
.box_wrap ul.finish_third li { font-size: .875em; }
.box_wrap ul.finish_third li:nth-child(1) { width: 22%;padding: 10px 1% 10px; }
.box_wrap ul.finish_third li:nth-child(2) { width: 25%;padding: 10px 1% 10px; }
.box_wrap ul.finish_third li:nth-child(3) { width: 14%;padding: 10px 1% 10px;}
.box_wrap ul.finish_third li:nth-child(4) { width: 16%;padding: 10px 1% 10px; }
.box_wrap ul.finish_third li:nth-child(5) { width: 13%;padding: 10px 1% 10px; }

.box_wrap ul.finish_fourth { text-align: center; }
.box_wrap ul.finish_fourth li:nth-child(1) { width: 18%; padding: 10px 1%; }
.box_wrap ul.finish_fourth li:nth-child(2) {width: 16%; padding: 10px 1%; }
.box_wrap ul.finish_fourth li:nth-child(3) {width: 33%; padding: 10px 1%; }
.box_wrap ul.finish_fourth li:nth-child(4) {width: 25%; padding: 10px 1%; }

/* undelivered Tab Area Style Css */
.box_wrap ul.undel_first { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.undel_first li { text-align:center; }
.box_wrap ul.undel_first li:nth-child(1) { width:11%; margin:10px 0% 10px 3%; }
.box_wrap ul.undel_first li:nth-child(1) label.checkbox::before { border-color: #fff; top: 9px; }
.box_wrap ul.undel_first li:nth-child(1) label.checkbox span::before { background-color: #fff; top: 4px; left: 16px; }
.box_wrap ul.undel_first li:nth-child(1) label.checkbox span::after { top: 12px ; left: 12px; background-color: #fff; }
.box_wrap ul.undel_first li:nth-child(2) {width: 29%;margin: 10px 2% 10px 2%; }
.box_wrap ul.undel_first li:nth-child(3) {width: 29%;margin: 10px 2% 10px 0; }
.box_wrap ul.undel_first li:nth-child(4) {width: 18%;margin: 10px 3% 10px 1%; }
.box_wrap ul.undel_second { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.undel_second li { text-align:center; }
.box_wrap ul.undel_second li:nth-child(1) { width:25%; margin:10px 0% 10px 3%; }
.box_wrap ul.undel_second li:nth-child(2) {width: 26%;margin: 10px 1% 10px 1%; }
.box_wrap ul.undel_second li:nth-child(3) {width: 20%;margin: 10px 1% 10px 1%; }
.box_wrap ul.undel_second li:nth-child(4) {width: 20%;margin: 10px 1% 10px 1%; }
.box_wrap ul.undel_third { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.undel_third li { text-align:center; }
.box_wrap ul.undel_third li:nth-child(1) { width:25%; margin:10px 0% 10px 3%; }
.box_wrap ul.undel_third li:nth-child(2) {width: 70%;margin: 10px 1% 10px 1%; text-align:left; }
.box_wrap ul.undel_fourth li { text-align:center; }
.box_wrap ul.undel_fourth li:nth-child(1) { width: 35%; margin:10px 0% 10px 3%; }
.box_wrap ul.undel_fourth li:nth-child(2) { width: 60%;margin: 10px 1% 10px 1%; text-align:left; }



/* ------------------------------------ Box Area Style Css .21.09.15 */
.box_wrap ul.list_first { border-bottom:1px dotted #4b4b86; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
.box_wrap ul.list_first li:nth-child(1) { width:15%; margin: 5px auto; text-align:center; }
.box_wrap ul.list_first li:nth-child(1) div.request { background-color:#78d64c; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; }
.box_wrap ul.list_first li:nth-child(2) { width:65%; margin: 5px 1%; line-height:26px; }
.box_wrap ul.list_first li:nth-child(3) { width:15%; margin: 5px auto; text-align:center; }
.box_wrap ul.list_first li:nth-child(3) img { height:32px; }
.box_wrap ul.list_second li {font-family: "Nanum Gothic", Dotum, Arial, sans-serif;}
.box_wrap ul.list_second li:nth-child(1) {width: 52%;margin: 10px 1% 10px 3%;text-align:left;}
.box_wrap ul.list_second li:nth-child(2) {width: 38%;margin: 10px 4% 10px 1%;text-align:right;}

/* 확정 메뉴 영역 */
.box_wrap ul.list_first li:nth-child(1) div.decide { background-color:#ff8400; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }

/* 배송중 메뉴 영역 */
.box_wrap ul.delivery_first { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.delivery_first li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; }
.box_wrap ul.delivery_first li:nth-child(1) { width:15%; margin: 5px auto; }
.box_wrap ul.delivery_first li:nth-child(1) div.start { background-color:#0abec8; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; }
.box_wrap ul.delivery_first li:nth-child(2) { width:35%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.delivery_first li:nth-child(3) { width:19.5%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.delivery_first li:nth-child(4) { width:24.5%; margin: 5px 2% 5px 0; line-height:32px; }
.box_wrap ul.delivery_second { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.delivery_second li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; }
.box_wrap ul.delivery_second li:nth-child(1) { width:24%; margin: 5px 1%; }
.box_wrap ul.delivery_second li:nth-child(2) { width:28%; margin: 5px 1%; }
.box_wrap ul.delivery_second li:nth-child(3) { width:20%; margin: 5px 1%; }
.box_wrap ul.delivery_second li:nth-child(4) { width:19%; margin: 5px 3% 5px 0; text-align:right; }
.box_wrap ul.delivery_third li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; text-align:center; font-size: 1em; }
.box_wrap ul.delivery_third li:nth-child(1) { width:82%; margin: 10px 1% 10px 4%; text-align:left; }
.box_wrap ul.delivery_third li:nth-child(2) { width:10%; margin: 10px 3% 10px 0; text-align:right; }
.box_wrap ul.delivery_third li:nth-child(2) img { height:32px; }

/* 배송완료 메뉴 영역 */
.box_wrap ul.deli_finish_first { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.deli_finish_first li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; }
.box_wrap ul.deli_finish_first li:nth-child(1) { width:15%; margin: 5px auto; }
.box_wrap ul.deli_finish_first li:nth-child(1) div.finish { background-color:#19fa55; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; }
.box_wrap ul.deli_finish_first li:nth-child(2) { width:40%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.deli_finish_first li:nth-child(3) { width:18.5%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.deli_finish_first li:nth-child(4) { width:20.5%; margin: 5px 2% 5px 0; line-height:32px; }
.box_wrap ul.deli_finish_second { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.deli_finish_second li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; }
.box_wrap ul.deli_finish_second li:nth-child(1) { width:24%; margin: 5px 1%; }
.box_wrap ul.deli_finish_second li:nth-child(2) { width:28%; margin: 5px 1%; }
.box_wrap ul.deli_finish_second li:nth-child(3) { width:20%; margin: 5px 1%; }
.box_wrap ul.deli_finish_second li:nth-child(4) { width:19%; margin: 5px 3% 5px 0; text-align:right; }
.box_wrap ul.deli_finish_third li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; text-align:center; font-size: 1em; }
.box_wrap ul.deli_finish_third li:nth-child(1) { width:82%; margin: 10px 1% 10px 4%; text-align:left; }
.box_wrap ul.deli_finish_third li:nth-child(2) { width:10%; margin: 10px 3% 10px 0; text-align:right; }
.box_wrap ul.deli_finish_third li:nth-child(2) img { height:32px; }



/* 미배송 메뉴 영역 */
.box_wrap ul.undelivered_first { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.undelivered_first li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; }
.box_wrap ul.undelivered_first li:nth-child(1) { width:15%; margin: 5px auto; }
.box_wrap ul.undelivered_first li:nth-child(1) div.undelivered { background-color:#fff; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; }
.box_wrap ul.undelivered_first li:nth-child(2) { width:40%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.undelivered_first li:nth-child(3) { width:23.5%; margin: 5px 1%; line-height:32px; }
.box_wrap ul.undelivered_first li:nth-child(4) { width:15.5%; margin: 5px 2% 5px 0; line-height:32px; }
.box_wrap ul.undelivered_second { border-bottom:1px dotted #4b4b86; }
.box_wrap ul.undelivered_second li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif;  text-align:center; font-size: 1em; letter-spacing: -.075em; }
.box_wrap ul.undelivered_second li:nth-child(1) { width:18%; margin: 5px 1%; }
.box_wrap ul.undelivered_second li:nth-child(2) { width:30%; margin: 5px 1%; }
.box_wrap ul.undelivered_second li:nth-child(3) { width:45%; margin: 5px 3% 5px 0; text-align:right; }
.box_wrap ul.undelivered_third li { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; text-align:center; font-size: 1em; }
.box_wrap ul.undelivered_third li:nth-child(1) { width:82%; margin: 10px 1% 10px 4%; text-align:left; }
.box_wrap ul.undelivered_third li:nth-child(2) { width:10%; margin: 10px 3% 10px 0; text-align:right; }
.box_wrap ul.undelivered_third li:nth-child(2) img { height:32px; }


/* 헬퍼 메뉴 영역 */
.box_wrap ul.helper_first { border-bottom:1px dotted #4b4b86; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
.box_wrap ul.helper_first li:nth-child(1) { width:15%; margin: 5px auto; text-align:center; }
.box_wrap ul.helper_first li:nth-child(1) div.helper { background-color:#fff200; border-radius:50%; height:32px; width:32px; line-height:32px; margin:auto; color:#1e1e46; font-weight:800; }
.box_wrap ul.helper_first li:nth-child(2) { width:65%; margin: 5px 1%; line-height:26px; }
.box_wrap ul.helper_first li:nth-child(3) { width:15%; margin: 5px auto; text-align:center; }
.box_wrap ul.helper_first li:nth-child(3) img { height:32px; }
.box_wrap ul.helper_second li {font-family: "Nanum Gothic", Dotum, Arial, sans-serif;}
.box_wrap ul.helper_second li:nth-child(1) {width: 52%;margin: 10px 1% 10px 3%;text-align:left;}
.box_wrap ul.helper_second li:nth-child(2) {width: 38%;margin: 10px 4% 10px 1%;text-align:right;}


/* 알람 메뉴 영역 */
.box_wrap2 { background:#fff; border-radius: 8px; margin:8px auto; width:100%; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .10); }
.box_wrap2 ul.tracking_first {padding:15px 0;font-size:.875em;}
.box_wrap2 ul.tracking_first li {float:left; line-height:180%; width:70%; font-weight:800;}
.box_wrap2 ul.tracking_first li:nth-child(2n+1) {width:25%; padding-left:5%; font-weight:400;}

.box_wrap2 ul.tracking_second {padding:10px 0; font-size:.875em;}
.box_wrap2 ul.tracking_second li {float:left; padding-top:5px; }
.box_wrap2 ul.tracking_second li:nth-child(2n+1) {width:25%; margin-left:5%; font-weight:400; border-top:1px solid #cecee1; line-height:120%; height:42px; }
.box_wrap2 ul.tracking_second li:nth-child(2n+2) {width:65%; margin-right:5%; font-weight:800; border-top:1px solid #cecee1; line-height:140%; padding-top:12px; height:35px; letter-spacing:-.094em; }
.box_wrap2 ul.tracking_second li:nth-child(1) {border-top:0px;}
.box_wrap2 ul.tracking_second li:nth-child(2) {border-top:0px;}

.box_wrap2 ul.other_first {padding:15px 0; font-size:.8em;}
.box_wrap2 ul.other_first li {text-align:center; color:#1e1e46; font-weight:400;}

.box_wrap2 ul.other_second {padding:15px 0; font-size:.875em;}
.box_wrap2 ul.other_second li { height:35px; margin-left:5%; width:95%;}

.box_wrap2 ul.other_third {padding:15px 0; font-size:.875em;}
.box_wrap2 ul.other_third li { height:35px; margin-left:5%; width:95%;}

.box_wrap2 ul.other_fourth {padding:15px 0; font-size:.875em;}
.box_wrap2 ul.other_fourth li {margin:0 5%; width:90%; line-height:140%;}