body > svg {display:block;}
/* 로그인 */
.login {
    width:100%;
    height:100vh;
    background:url(../images/login_bg.png) no-repeat;
    background-size:cover;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    padding:40px 0 0;
}
.login h1 {
    display:block;
    width:300px;
    max-width:80%;
    min-height:195px;
    background:url(../images/login_logo.png) no-repeat;
    background-size:100%;
    margin: 0 auto;
}
.login .login_box {
    width:90%;
    margin:0 auto;
    padding:20px;
    border-radius:3px;
    overflow: hidden;
}
.login .login_box h2 {
    font-size:25px;
    font-weight:600;
    line-height:35px;
    margin-bottom:20px;
}
.login .login_box input[type=text],
.login .login_box input[type=password] {
    border-radius:3px;
    border:none;
    width:100%;
    height:40px;
    margin-bottom:5px;
    box-shadow: 3px 3px 5px #1010106e;
}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset;
}
.login .login_box .login_btn {
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#009E00;
    border-radius:3px;
    color:#fff;
    font-weight:600;
    cursor:pointer;
    margin:35px 0 20px;
    box-shadow: 3px 3px 5px #1010106e;
    overflow: hidden;
    letter-spacing:1px;
    font-size:16px;
}
.login .login_box input[type=checkbox] {
	display:none;
}
.login .login_box input[type=checkbox] + label {
	display: inline-block;
	cursor: pointer;
	line-height: 25px;
	padding-left: 20px;
    background:url(../images/Icon_awesome-check-circle-1.png) no-repeat 0 50%/15px;
    color:#939393;
    margin:3px 15px 10px 5px;
    font-size:13px;
}
.login .login_box input[type=checkbox]:checked + label {
	background: url(../images/Icon_awesome-check-circle.png) no-repeat 0 50%/15px;
	color:#009e00;
}
.login .login_box > p {
	color:#707070;
	font-size:13px;
	text-align:center;
}
/* 메인 */
.wrap {
    min-height:100vh;
    padding-top:64px;
    background:#F7F7F7;
    overflow:hidden;
}
/* 헤더 */
.header {
    display:flex;
    justify-content:space-between;
    align-items: center;
    padding:13px 15px;
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:8;
    background:#fff;
    border-bottom:1px solid #E4E4E4;
}
.header .forward {
    display: block;
    width:20px;
    margin-right:30px;
    height:20px;
    background:url(../images/Icon_ionic-ios-arrow-back.png) 50% no-repeat;
    background-size:contain;
    cursor:pointer;
}
.header .forward.hidden {
    height:0;
}
.header h2 {
    text-indent: -10000%;
    width: 150px;
    height: 37px;
    background:url(../images/logo.png) 50% 35% no-repeat;
    background-size: 100%;

}
.header .h_right {width:50px;}
.header .notifications {
	display: block;
    width:20px;
    height:20px;
    background:url(../images/Icon_awesome-bell.png) 50% no-repeat;
    background-size:contain;
    cursor:pointer;
    float:left;
    position: relative;
}
.header .notifications > span {
	position: absolute;
    background: red;
    border-radius: 50px;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    top: -4px;
    right: -5px;
    font-weight: 900;
}
.notice_bg {
	width: 200px;
    position: absolute;
    top: 64px;
    right: -10px;
    height: 200px;
    overflow-y: auto;
    display:none;
}
.notice_bg > li {
    background: #fff;
    border: 1px solid #cecece;
    border-top: none;
    padding: 10px;
}
.notice_bg > li a {
    font-size: 12px;
    line-height: 14px;
    max-height: 49px;
    overflow: hidden;
    min-height: 14px;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.header .hamburger_menu {display:block; width:20px; overflow:hidden; cursor:pointer; float:right;}
.header .hamburger_menu span {
    display:block;
    width:100%;
    height:3px;
    background:#2C2C2C;
    border-radius:50px;
    transition-duration: 0.5s;
}
.header .hamburger_menu span:nth-of-type(2) {
    margin:5px 0;
}
.header .hamburger_menu.active span:nth-of-type(1) {
    -webkit-transform:translateY(9px) rotate(-45deg);
    transform:translateY(9px) rotate(-45deg);
    transition-duration: 0.5s;
}
.header .hamburger_menu.active span:nth-of-type(2) {
    opacity:0;
}
.header .hamburger_menu.active span:nth-of-type(3) {
    -webkit-transform:translateY(-7px) rotate(45deg);
    transform:translateY(-7px) rotate(45deg);
    transition-duration: 0.5s;
}
/* 등록헤더 */
.header_e {
    background:#153C58;
    color:#fff;
    text-align:center;
    padding:25px 0 15px;
}
.header_e span {
    font-size:18px;
    line-height:22px;
}
.header_e strong {
    display:block;
    font-size:40px;
    font-weight:900;
}
.header_e strong:before {
    content:"";
    display:block;
    width:220px;
    height:1px;
    background:#fff;
    margin:5px auto;
}
.gnb {
    position:fixed;
    background: linear-gradient(#009E00, #025A13 235px 420px, #F7F7F7 420px);
    width:100%;
    top:64px;
    bottom:0;
    left:-100%;
    z-index:9;
    transition-duration: 0.5s;
}
.g5 {background: linear-gradient(#009E00, #025A13 235px 300px, #F7F7F7 300px);}
.g6 {background: linear-gradient(#009E00, #025A13 235px 360px, #F7F7F7 360px);}
.g7 {background: linear-gradient(#009E00, #025A13 235px 420px, #F7F7F7 420px);}
.g8 {background: linear-gradient(#009E00, #025A13 235px 480px, #F7F7F7 480px);}
.g9 {background: linear-gradient(#009E00, #025A13 235px 540px, #F7F7F7 540px);}
.gnb.active {
    left:0;
}
.gnb li {
    height:60px;
    line-height:60px;
    border-bottom:1px solid #E4E4E4;
}
.gnb li a {
    display:block;
    padding:0 30px;
    font-size:20px;
    color:#FBFBFB;
    font-weight:600;
    cursor:pointer;
    letter-spacing: 1px;
}
/*20210316추가 페이지 메인*/
.main {
	padding:40px;
}
.main li {
	float:left;
	width:33.33%;
	text-align:center;
    margin-bottom:20px;
    cursor:pointer;
}
.main li .green_box {
	width:77px;
	height:77px;
	border-radius:25px;
    display: inline-block;
    box-shadow: 3px 3px 5px #1010106e;
    background-image:url(../images/main_icon_1.png), linear-gradient(135deg, #009E00 40%, #025A13);
    background-repeat: no-repeat, no-repeat !important;
	background-position: 50%,50% !important;
	background-size:55%,100% !important;

}
.main li.li_2 .green_box {background-image:url(../images/main_icon_2.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_3 .green_box {background-image:url(../images/main_icon_3.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_4 .green_box {background-image:url(../images/main_icon_4.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_5 .green_box {background-image:url(../images/main_icon_5.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_6 .green_box {background-image:url(../images/main_icon_6.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_7 .green_box {background-image:url(../images/main_icon_7.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_8 .green_box {background-image:url(../images/main_icon_8.png), linear-gradient(135deg, #009E00 40%, #025A13);}
.main li.li_9 .green_box {
    background-image:url(../images/main_icon_9.png), linear-gradient(135deg, #FBFBFB 40%, #AAAAAA);
}
.main li.li_10 .green_box {
    background-image:url(../images/main_icon_10.png), linear-gradient(135deg, #FBFBFB 40%, #AAAAAA);
}
.main li p {
	color:#939393;
	font-weight:600;
    height: 36px;
    line-height:18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:10px;
}
.main.order {padding:20px 0 30px;}
.main.order li {width:25%;}
.main.order li > div{width:50px; height:50px; margin:0 auto; background:url(../images/order_icon_1.png) 50%/38px no-repeat;}
.main.order li > p {font-weight:400;}
.main.order li:nth-of-type(2) > div {background:url(../images/order_icon_2.png) 50%/45px no-repeat;}
.main.order li:nth-of-type(3) > div {background:url(../images/order_icon_3.png) 50%/51px no-repeat;}
.main.order li:nth-of-type(4) > div {background:url(../images/order_icon_4.png) 50%/35px no-repeat;}
.main.order li.on > div{background:url(../images/order_icon_1_on.png) 50%/38px no-repeat;}
.main.order li.on > p {color:#009E00; font-weight:600;}
.main.order li.on:nth-of-type(2) > div {background:url(../images/order_icon_2_on.png) 50%/45px no-repeat;}
.main.order li.on:nth-of-type(3) > div {background:url(../images/order_icon_3_on.png) 50%/51px no-repeat;}
.main.order li.on:nth-of-type(4) > div {background:url(../images/order_icon_4_on.png) 50%/35px no-repeat;}
.title {
    height:40px;
    background:#2C2C2C;
    padding:0 10px;
    line-height:40px;
}
.title h3 {
    color:#fff;
    font-weight:600;
    font-size:13px;
    float:left;
    width:calc(70% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.title h4 {
    color:#fff;
    font-weight:600;
    font-size:14px;
    float:left;
    width:30%;
    text-align:right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.title .profile {
    width:30px;
    height:30px;
    background:url(../images/profile.png) 50%/100% no-repeat #fff;
    border-radius:50%;
    float:right;
    overflow:hidden;
    margin:5px 0;

}
.title .profile img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.order_number {
    height:55px;
    background:#009E00;
    padding:0 10px;
    line-height:55px;
    border-top:1px solid #fff;
}
.order_number strong {
    color:#FFF738;
    font-size:20px;
    font-weight:600;
    letter-spacing:1px;
    word-break: break-all;
}
/*  내용 */
.p_10 {
    overflow:hidden;
    padding:10px 15px;
    position:relative;
    border:0px solid blue;
    float:left;
    width:100%;
}
.p_10.m_logistics {
    min-height: calc(100vh - 90px);
}
h5 {
    color:#fff;
    font-weight:600;
    font-size:20px;
    letter-spacing:2px;
    margin:-10px -15px 0;
    background:linear-gradient(90deg, #009E00, #025A13);
    line-height:50px;
    padding:0 15px;
}
h5.mt20 {
    margin:20px 0 0;
    text-align:center;
}
h5.m0 {
    margin:0;
}
.deliveryInfoTitle span {
    background:#FFA617;
    color:#333;
    font-size:16px;
    padding:2px 10px;
    font-weight:600;
    display:inline-block;
    line-height:25px;
}
.deliveryInfoTitle span.red {
    background:#F71300;
    color:#fff;
}
h6 {
    color:#2c2c2c;
    font-size:16px;
    font-weight:600;
    margin:20px 0 10px;
}
h6.last {
	text-align:center;
	margin-bottom:-20px;
}
.top_tab {
    width:calc(100% - 117px);
    height:40px;
    line-height:40px;
    text-align:center;
    overflow:hidden;
    letter-spacing:2px;
    float:left;
    margin-bottom:10px;
    overflow:hidden;
}
.top_tab.w_100 {
    width: calc(100% + 30px);
    margin-left: -15px;
}
.top_tab li {
    width:calc(50% - 10px);
    float:left;
    cursor:pointer;
    background:#E0E0E0;
    position: relative;
    color:#009E00;
}
.top_tab li.on {
	width: calc(50% + 10px);
    background:#F7F7F7;
    color:#2C2C2C;
    font-weight:600;
}
.top_tab li:before {
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    content: " ";
    position: absolute;
    background: linear-gradient(to right, #1010106e 0%, #e0e0e0 100%);
    pointer-events: none;
    display:none;
}
.top_tab li:last-child:before {
	right:inherit;
	left:0;
    transform: rotate(180deg);
}
.top_tab li.on:before {
	display:block;
}
.sort {
    width:72px;
    float:right;
    position: absolute;
    top: 8px;
    right: 15px;
    cursor:pointer;
}
.sort li {
    float:left;
}
.sort li:nth-of-type(1) {
    border:1px solid #ABAAAC;
    color:#ABAAAC;
    height:25px;
    line-height:23px;
    text-align:center;
    letter-spacing:2px;
    border-radius:3px;
    background:url(../images/sort_list.png) 5px 50% no-repeat;
    background-size:15px;
    padding:0 5px 0 25px;
}
.sort li:nth-of-type(2) {
    width: 30px;
    height:25px;
    background:url(../images/sort_1.png) 50% no-repeat;
    background-size:30px;
    margin-left:10px;
}
.sort li:nth-of-type(2).on {
    background:url(../images/sort_2.png) 50% no-repeat;
    background-size:30px;
}
.tab_con {
    clear: both;
}
.tab_con .box {
    width:100%;
    overflow:hidden;
    margin-top:10px;
    border-radius:5px;
    clear:both;
    position: relative;
    box-shadow: 3px 3px 5px #1010103d;
    background:#fff;
}
.tab_con .box.dtlMove {
	box-shadow:none;
}
.tab_con .box > div {
	padding:15px 25px 5px;
}
.tab_con .box > strong {
    display:block;
    padding:0 10px;
    line-height:45px;
    background:#C1C1C1;
    height:45px;
}
.tab_con .box.blue > strong {background-color:#003FB9;}
.tab_con .box.green > strong {background-color:#007352;}
.tab_con .box.red > strong {background-color:#C1C1C1;}
.tab_con .box.original > strong {background-color:#007352;}
.tab_con strong span {
    font-size:16px;
    color:#fff;
    font-weight:bold;
}
.tab_con .box.red strong span,
.tab_con .box.gray strong span {
	color:#2c2c2c;
}
.tab_con strong span:last-child {
    float:right;
}
.tab_con .box .p_10 div span, .tab_con .box .p_10.none_con span{
    color:#2c2c2c;
    font-size:14px;
    font-weight:600;
    line-height:25px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
}
.tab_con .box.blue .p_10 div span {color:#2c2c2c;}
.tab_con .box.green .p_10 div span {color:#197736;}
.tab_con .box.red .p_10 div span {color:#C41F12;}
.tab_con .box .p_10 div:nth-of-type(1) span:before {
    content:":";
    margin:0 5px;
    float:right;

}
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(1) {
	color:#535353;
	font-size:16px;
}
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(1) a {
	color:#666666;
	float:right;
    font-size: 14px;
}
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(2),
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(3) {
	font-weight:400;
	color:#777777;
}
.tab_con.roadPoLst .box .p_10 div span {
	width:100%;
}
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(3) {
	color:#003BAC;
	font-weight:600;
}
.tab_con.roadPoLst .box.red .p_10 div span:nth-of-type(3),
.tab_con.roadPoLst .box.gray .p_10 div span:nth-of-type(3) {
	color:#535353;
}
.tab_con.roadPoLst .box .p_10 div span:nth-of-type(4) {
	color:#AAAAAC;
	font-weight:400;
	white-space: normal;
	line-height:22px;
	height:22px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top:20px;
	width:calc(100% - 70px);
	float:left;
}
.detail_btn {
	float: right;
    background: #AAAAAC;
    color: #fff !important;
    width: auto !important;
    position: absolute;
    bottom: 10px;
    right: 15px;
    padding: 2px 7px;
    border-radius: 5px;
    cursor:pointer;
}
.tab_con.car .box .p_10 p {
	font-size:16px;
    line-height: 20px;
    letter-spacing: 1px;
}
.tab_con.car .box .p_10 p:last-child {margin-bottom:10px;}
.tab_con.car .box.green .p_10 p {color:#007352;}
.tab_con.car .box.blue .p_10 p {color:#003FB9;}
.tab_con.car .box.gray .p_10 p {color:#666666;}
.tab_con .box .p_10.notice {
    min-height:100px;
}
.tab_con .box .p_10.notice div:nth-of-type(1) span:before {
    display:none;
}
.tab_con .box .p_10 div .none {
    display:none;
}
.tab_con .box .sort1_btn {
    position:absolute;
    right:15px;
    bottom:10px;
    border-radius:3px;
    background:#AAAAAC;
    color:#fff;
    font-weight:600;
    font-size:12px;
    letter-spacing:2px;
    padding:5px;
    cursor:pointer;
    width: 65px;
    text-align:center;
}
.tab_con .box .sort1_btn.red_btn {
    background:#fff;
    color:#C41F12;
    border:2px solid #C41F12;
    line-height:21px;
    font-weight:bold;
    font-size:14px;
    bottom: inherit;
    top: 60px;
    padding:5px 12px;
    letter-spacing: 0;
    border-radius:13px;
}
.tab_con .box .sort1_btn.red_btn.on {
    background:#C41F12;
    color:#fff;
}
/* sort2 버전 */
.tab_con.table {
    border: 1px solid #D3D3D3;
    margin: 10px 0 15px;
    border-radius:5px;
    overflow:hidden;
    box-shadow: 3px 3px 5px #1010103d;
}
.tab_con.table .box {
    margin:0;
    border-top:none;
    border-radius:5px 5px 0 0;
}
.tab_con.table .box:nth-of-type(2) {
    border-radius:0 0 5px 5px;
}
.tab_con.table .box strong {
    display:none;
}
.tab_con .box .p_10.fixed {
    table-layout: fixed;
}
.tab_con .box .p_10.fixed > div {
	width:70px;
	float:left;
}
.tab_con .box .p_10.fixed > div:nth-of-type(2) {
	width:calc(100% - 70px);
	float:right;
}
.tab_con.table .box .p_10 {
    padding:0;
    display:table;
    width:100%;
}
.tab_con.table .box .p_10 div {
    display:table-row;
    width:inherit !important;
/*     float: inherit !important; */
}
.tab_con.table .box .p_10 div:nth-of-type(1) {
    display:none;
}
.tab_con.table .box:nth-of-type(1) .p_10 div:nth-of-type(1) {
    display:table-row;
}
.tab_con.table .box .p_10 div .none {
    display:block;
}
.tab_con.table .box .p_10 div span {
    display:table-cell !important;
    font-size:10px;
    text-align:center;
    border:1px solid #D3D3D3;
    border-top:none;
    border-left:none;
    padding:7px 5px;
    font-weight:400;
    min-width:50px;
    white-space: initial;
    word-break: break-word;
    line-height:16px;
    vertical-align: middle;
}

.tab_con.table .box .p_10 div span:last-child {
	border-right:none;
}
.tab_con.table .box .p_10 div span:nth-of-type(1) {
    border-left:none;
}
.tab_con.table .box .p_10 div:nth-of-type(1) span,
.tab_con.table .box .p_10 div:nth-of-type(2) span {
    border-top:none;
}
.tab_con.table .box .p_10 div span.w_50 {
	width:50% !important;
}
/* .tab_con.table .box.blue .p_10 div span:last-child {color:#fff; background:#195E77;} */
.tab_con.table .box.green .p_10 div span:last-child {color:#fff; background:#197736;}
.tab_con.table .box.red .p_10 div span:last-child {color:#fff; background:#C41F12;}
.tab_con.table .box.gray .p_10 div span:last-child {color:#fff; background:#666666;}
.tab_con.table .box .p_10 div:nth-of-type(1) span {
    background:#E8ECEF !important;
    border-bottom:1px solid #D3D3D3;
}
.tab_con.table .box .p_10 div:nth-of-type(1) span:before {
    display:none;
}
.tab_con.table .box .p_10 div br {
    display:none !important;
}
.tab_con.table .box .sort1_btn {
    display:none;
}

/* 더보기 공통버튼 */
.box_btn {
    border:1px solid #666666;
    border-radius:3px;
    padding:8px 0;
    width:80px;
    text-align:center;
    margin:30px auto 0;
    color:#666666;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    background:#fff;
}
/* 버튼 두개 */
.box_btn2 {
    width:180px;
    display:flex;
    justify-content:space-between;
    margin:50px auto 0;
}
.box_btn2 span {
    display:block;
    border:1px solid #009E00;
    border-radius:8px;
    padding:12px 0;
    width:80px;
    text-align:center;
    color:#009E00;
    font-size:16px;
    font-weight:600;
    background:#fff;
}
.box_btn2 span:last-child {
    background:#009E00;
    color:#fff;
}
.tab_con.table .box_btn {
    display:none;
}
/* 주문번호 탭 */
.order_tab {
	width:100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    letter-spacing: 2px;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}
.order_tab li {
    width: calc(50% - 10px);
    float: left;
    cursor: pointer;
    background: #E0E0E0;
    position: relative;
    color: #009E00;
}
.order_tab.t_3 li {
	width:calc(33.333% - 5px);
}
.order_tab li.on {
    width: calc(50% + 10px);
    background: #F7F7F7;
    color: #2C2C2C;
    font-weight: 600;
}
.order_tab.t_3 li.on {
	width:calc(33.333% + 10px);
}
.order_tab li:before {
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    content: " ";
    position: absolute;
    background: linear-gradient(to right, #1010106e 0%, #e0e0e0 100%);
    pointer-events: none;
    display:none;
}
.order_tab li:last-child.on {
	padding-left:10px;
}
.order_tab.t_3 li:nth-child(2):after {
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    content: " ";
    position: absolute;
    background: linear-gradient(to left, #1010106e 0%, #e0e0e0 100%);
    pointer-events: none;
    display:none;
}
.order_tab li:last-child:before {
	right:inherit;
	left:0;
    transform: rotate(180deg);
}
.order_tab li.on:before,
.order_tab.t_3 li.on:after {
	display:block;
}
/* 주문보기_상세보기 */
.p_10.order_list {
    min-height:calc(100vh - 220px);
    display:flex;
    flex-direction: column;
    justify-content:space-between;
}
.p_10.order_list.qualityInfo,
.p_10.order_list.accident {
    display:block;
}
.p_10.order_list li {
    font-size:14px;
    line-height:25px;
    letter-spacing:1px;
    font-weight:600;
    overflow:hidden;
    margin-bottom:5px;
}
.p_10 .ul_bar {
	margin-top:-20px;
}
.p_10 .ul_bar li {
    border-bottom: 1px solid #E0E0E0;
    padding:15px 5px ;
}
.p_10 .ul_bar.m0 li:last-child {
	border-bottom:none;
	margin-bottom: -10px;
}
.p_10 .ul_bar li strong {
	font-size: 17px;
	font-weight:600;
}
.p_10 .ul_bar li strong + span {
	float:right;
}
.p_10 .ul_bar li dl {
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	margin:5px 0;
}
.p_10 .ul_bar.m0,
.p_10 .ul_bar.mt0,
.p_10 .ul_bar.member {
	margin-top:0;
}
.p_10 .ul_bar.member li {
	overflow:hidden;
}
.p_10 .ul_bar.member li .profile {
	width:67px;
	height:67px;
	background:url(../images/profile.png) 50%/100% no-repeat;
	float:left;
	margin:0 15px 0 3px;
	cursor:pointer;
	overflow:hidden;
	border-radius:50%;
}
.p_10 .ul_bar.member li .profile img {
	width:100%;
	height:100%;
    object-fit: cover;
}
.p_10 .ul_bar.member li .profile + input[type="file"] {
	/* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.p_10 .ul_bar.member li .profile_text {
	width:calc(100% - 85px);
	float:left;
	padding-top:8px;
}
.p_10 .ul_bar.member li .profile_text strong {
	font-weight:600;
	font-size:17px;
	line-height:30px;
}
.p_10 .ul_bar.member li .profile_text p {
	font-size:15px;
}
.p_10 .ul_bar.member li dl {
	margin:15px 0;
}
.p_10 .ul_bar.member li dl:first-child {
	margin-top:0;
}
.p_10 .ul_bar.member li dl:last-child {
	margin-bottom:0;
}
.p_10 .ul_bar li dl dt {
	float:left;
	font-weight:400;
	width:130px;
}
.p_10 .ul_bar li dl dd {
	float:left;
	text-align:right;
	width:calc(100% - 130px);
	color:#0D8B0D;
	font-weight:600;
}
.p_10 .ul_bar li dl dd input[type=text],
.p_10 .ul_bar li dl dd input[type=password] {
	width:100%;
	border:none;
	background:transparent;
	text-align:right;
	color:#0D8B0D;
	font-weight:600;
	font-size:15px;
	padding:0;
	height:25px;
}
.p_10.order_list ul.deliveryInfoDetail,
.p_10.order_list ul.total {
	margin-top:20px;
}
.p_10.order_list ul.deliveryInfoDetail li,
.p_10.order_list ul.total li {
	border: 1px solid #E4E4E4;
    padding:15px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background:#fff;
    box-shadow: 3px 3px 5px #1010103d;
}
.p_10.order_list li.delayPointAdress img {width:31px; float:left; margin-right:10px;}
.p_10.order_list li.delayPointAdress img ~ p {width:calc(100% - 41px); float:right; font-weight:400; font-size:14px; color:#707070;}
.p_10.order_list li.delayPointAdress img + p {font-weight:600; font-size:16px; color:#2c2c2c;}
.p_10.order_list ul.total li strong {
	display:block;
	line-height: 27px;
}
.p_10.order_list li span {
   width:calc(100% - 120px);
    float:right;
}
.p_10.order_list li strong {
	font-size:17px;
}
.p_10.order_list.new_list li {
	width:100%;
	border:1px solid #E4E4E4;
    margin-top: 10px;
    border-radius: 5px;
    clear: both;
    background:#fff;
    box-shadow: 3px 3px 5px #1010103d;
}
.p_10.order_list.new_list li:first-child {
	margin-top:-5px;
}
.p_10.order_list.new_list li > div {
    padding: 0 20px;
    line-height: 40px;
    background: #E7EBEE;
    height: 40px;
    font-size:16px;
}
.p_10.order_list.new_list li span {
	width:100%;
	float:none;
    font-size:12px;
    font-weight:400;
	padding: 5px 20px;
    display: inline-block;
    line-height: 18px;
}
.p_10.order_list.new_list li .goods_box {
	width:100%;
	height:auto;
	overflow:hidden;
	padding: 5px 20px;
	background:#fff;
}
.p_10.order_list.new_list li .goods_box > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:5px 0;
}
.p_10.order_list.new_list li .goods_box > div input {
	border:1px solid #DDDDDD;
	width:calc(50% - 10px);
	height:30px;
	margin:0 5px;
}
.p_10.order_list.new_list li .goods_box > div.three input {
	width:calc(33.3% - 10px);
}
.p_10.order_list.new_list li .add_btn {
	width:30px;
	height:30px;
	background:url(../images/Icon_ionic-ios-close.png) #009E00 no-repeat 50%/15px;
	display:inline-block;
	float:right;
	margin-right:5px;
}
.btn_group {
    width:100%;
    margin:0 auto;
}
.btn_group.m_btn {
    margin-top:20px;
}
.btn_group span {
    display:block;
    border:1px solid #009E00;
    border-radius:10px;
    text-align:center;
    line-height:40px;
    margin-top:15px;
    font-size:15px;
    font-weight:600;
    color:#009E00;
    letter-spacing:2px;
    cursor:pointer;
    box-shadow: 3px 3px 5px #1010103d;
    background:#fff;
}
.btn_group span.readonly {
	color:#868686;
	background:#e0e0e0;
	border-color:#e0e0e0;
    cursor: default;
}
/* .btn_group span:nth-of-type(2) {
    border-color:#C41F12;
    color:#C41F12
} */
/* .btn_group span:nth-of-type(3) {
    border-color:#C4C4C4;
    background:#C4C4C4;
    color:#333;
} */
.btn_group.on span {
    border:1px solid transparent;
    background:#2A6A81;
    color:#fff;
}
.btn_group.m_btn span {
    margin-top:10px;
    border:1px solid transparent;
    background:#2A6A81;
    color:#fff;
}
.btn_group.m_btn.blue span {
    background:linear-gradient(90deg, #009E00, #025A13);
}
.img_box {
    width:100%;
    overflow:hidden;
    margin-bottom:35px;
}
.img_box.mb_0 {
	margin-bottom:0;
}
.p_10.order_list.accident .img_box {
    margin:20px 0;
}
.img_box img {
    width:100%;
}
.tab_con.table.map_table {
    /*border:2px solid #153C58;*/
    margin:10px 0 20px;
}
.tab_con.table .box:nth-of-type(1) .p_10 div:nth-of-type(1) span {
    font-weight:600;
    font-size:10px;
    line-height: 14px;
    padding: 10px 0;
}
/*.tab_con.table .box .p_10 div span:nth-of-type(1) {width:120px;}
.tab_con.table .box .p_10 div span:nth-of-type(2),
.tab_con.table .box .p_10 div span:nth-of-type(4) {width:60px;}*/
.account {
    width:100%; overflow:hidden;
}
.account > p {
    color:#195E77;
    font-size:12px;
    line-height:16px;
    font-weight:600;
    padding:0 10px;
}
.account > p + .img_box {
    margin-top:10px;
}
.account > p.date_time{
    color:#838282;
    font-weight:400;
    background:url(../images/Icon_awesome-calendar-alt.png) no-repeat 10px 50%/12px;
    padding-left:30px;
    font-size:14px;
    display:flex;
    align-items:center;
}
.account > p.date_time span {
    height:26px;
    line-height:26px;
    float:left;
}
.account > p.date_time span:first-child:after{
    content:"▶";
    font-size:10px;
    color:#4D4D4D;
    margin:0 10px;
    float:right;
}
.account .table {
    margin-top:10px;
}
.delivery_table {
    width:100%;
}
.delivery_table th {
    text-align:center;
    padding:55px 20px !important;
}
.delivery_table th,
.delivery_table td {
    padding:20px;
}
.delivery_table th span {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:100px;
    background:#666666;
    color:#fff;
    font-weight:900;
    font-size:17px;
    position:relative;
}
.delivery_table th span:before {
    content:"";
    display:inline-block;
    position:absolute;
    width:15px;
    height:150px;
    background:linear-gradient( to top, #ABAAAC, #666 );
    top:95%;
    left:50%;
    margin-left:-7.5px;
}
.delivery_table tr:last-child th span {
    background:#ABAAAC;
}
.delivery_table tr:last-child th span:before {
    display:none;
}
.delivery_table tr.on th span {
    width:70px;
    height:70px;
    line-height:70px;
    background:#195E77
}
.delivery_table tr.on th span:before {
    background:linear-gradient( to top, #666, #666, #195E77 );
}
.delivery_table td {
    font-size:14px;
    color:#666666;
    letter-spacing:2px;
    line-height:20px;
}
.delivery_table tr.on td {
    color:#153C58;
    font-weight:600;
}
.delivery_table td strong {
    font-weight:600;
}
.delivery_table td strong:after {
    content:"";
    display:inline-block;
    width:15px;
    height:20px;
    background:url(../images/Icon_awesome-map-marker-alt.png) 50%/15px no-repeat;
    margin-left:5px;
}
.delivery_table td .icon_d:before {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../images/Icon_delivery.png) 50%/18px no-repeat;
    float:left;
    margin-right:5px;
}
.delivery_table td .icon_b:before {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../images/Icon_ionic-md-log-in.png) 50%/18px no-repeat;
    float:left;
    margin-right:5px;
}
.delivery_table td .icon_r:before {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../images/Icon_ionic-md-log-out.png) 50%/18px no-repeat;
    float:left;
    margin-right:5px;
}
/* 가입정보 */
.infor_table {
    width:100%;
    border:1px solid #666666;
}
.infor_table th,
.infor_table td {
    border:1px solid #C0C0C0;
    border-top:none;
    padding:5px;
}
.infor_table th {
    font-size:12px;
    color:#666666;
    font-weight:600;
    border-left:none;
    width:110px;
}
.infor_table td {
    border-right:none;
}
.infor_table tr:last-child th,
.infor_table tr:last-child td {
    border-bottom:none;
}
.infor_table td input {
    width:100%;
    border:none;
}
input + .error {
	color:red;
	font-size:10px;
}
.infor_bottom {
    font-size:12px;
    color:#666666;
    font-weight:600;
    margin:15px 0;
    line-height:25px;
}
.infor_bottom span {
    display:block;
    width:100px;
    text-align:center;
    float:left;
}
.switch_input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}
.switch {
    cursor: pointer;
    width: 43px;
    height: 25px;
    background:#939393;
    border-radius: 50px;
    position: relative;
    float:right;
}
.switch:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: 50px;
    transition: 0.3s;
    box-shadow: 1px 1px 6px #999;
}
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .switch:after {transition:0s;}
}

.switch_input:checked + .switch {
    background:#009E00;
}
.switch_input:checked + .switch:after {
    left:calc(100% - 5px);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}
/* 등록 */
.enrollment {
    padding: 20px 30px;
    background: #fff;
    box-shadow: 1px 1px 5px #dcdcdc;
    border: 1px solid #f1f1f1;
    margin: 30px 0;
    overflow:hidden;
}
.enrollment > p {
    font-size:17px;
    line-height:25px;
    color:#A8A8A8;
    margin:10px 0 20px;
}
.enrollment > p input,
.enrollment > p select {
    width:100%;
    height:40px;
    border:1px solid #DEDEDF;
    border-radius:3px;
}
.enrollment > p input[type=file] {
    border: none;
    border-radius: 0;
    background: #fff !important;
    height: auto;
    margin: 8px 0;
}
.enrollment > p input.p_red::placeholder {
	color:red;
}
.enrollment > p input:read-only {
background: #EAEAEA;
}
.enrollment > p input:-webkit-autofill:read-only {
   -webkit-box-shadow: 0 0 0 1000px #EAEAEA inset;
}
.enrollment > p input#addr,
.enrollment > p input#userNm,
.enrollment > p input#bizRegNo {
	width:calc(100% - 114px);
}
.enrollment > p input.customerAddressPop,
.enrollment > p input.btnPop_phone,
.enrollment > p input.gray_btn {
	width:100px;
	margin-left:10px;	
}
/* 충격량 모니터링 */
.border_box {
    border:1px solid #DEDEDF;
    border-radius:5px;
    padding:5px;
    margin-bottom:5px;
}
.border_box strong {
    color:#4C4C4C;
    font-size:14px;
    font-weight:900;

}
.standard {
	overflow:hidden;
	display: flex;
    justify-content:space-between;
    align-items:center;
    margin:10px 0 0;
}
.standard li {
    width: 20%;
	float:left;
	line-height:20px !important;
	text-align:center;
    background:#228D54;
    color:#fff;
    font-size:11px !important;
	font-weight:600 !important;
    padding:0 5px;
    letter-spacing: 0 !important;
    margin-bottom:0 !important;
}
@media all and (max-width:470px){
    .standard li {
        height:40px;
        display: flex;
        align-items: center;
    }
    .search_drop {
        top: 156px !important;
    }
    .search_drop.t_115 {
        top: 143px !important;
    }
}
.standard li:nth-of-type(2) {background:#FDE636; color:#151516;}
.standard li:nth-of-type(3) {background:#F69131;}
.standard li:nth-of-type(4) {background:#7A5538;}
.standard li:nth-of-type(5) {background:#E92030;}
.search_box {
    overflow:hidden;
    background:url(../images/Icon_awesome-search.png) no-repeat 10px 50%/20px;
    margin:0 0 10px;
    cursor:pointer;
    width:35px;
    float:left;
    height:35px;
}
.search_box input, .search_select {
    border:none;
    height:35px;
    float:left;
    width:100%;
}
.search_select {
    width:170px;
    float:right;
    border:1px solid #DDDDDD;
}
.search_select.w_100 {
	width:100px;
}
.search_drop {
    background:#F7F7F7;
    border:1px solid #D6D6D6;
    border-left:none;
    border-right:none;
    position:absolute;
    left:0;
    right:0;
    padding:20px;
    top: 136px;
    display:none;
    overflow:auto;
    z-index: 2;
    max-height: 394px;
}
.search_drop.route {
    display:block;
    background:transparent;
    padding:0 10px;
    border:none;
    top:inherit !important;
    bottom:inherit !important;
}
.search_drop.t_115 {
	top:143px;
    max-height: initial;
}
.search_drop input,
.search_drop select {
    width:100%;
    height:30px;
    border-radius:3px;
    border:1px solid #DEDEDF;
    color:#9B9B9B;
}
.search_drop .text_select_box {overflow:hidden; margin-top:-10px;}
.search_drop .br_box {
	overflow:hidden;
    margin-top:10px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}
.search_drop .text_select_box span {
    min-width:75px;
    max-width:75px;
    line-height:30px;
    height:30px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float:left;
}
.search_drop .text_select_box input,
.search_drop .text_select_box select {
    width:calc(100% - 75px);
    float:left;
}
.search_drop .text_select_box input.dateJquery,
.search_drop .text_select_box select.dateJquery,
.search_drop .text_select_box select.date {width:40%;}

.search_drop .text_select_box .ui-datepicker-trigger {float:left; margin:5px 0px 0px 5px;}

.search_drop .text_select_box input.timeJquery,
.search_drop .text_select_box select.timeJquery,
.search_drop .text_select_box select.time {width:calc(60% - 99px); margin-left:5px;}
.m_table_box {
    overflow:hidden;
    border-radius:5px 5px 0 0;
    border:1px solid #E2E2E3;
    margin:5px 0 0;
}
.m_table {
    width:100%;
    table-layout: fixed;
    font-size:10px;
}
.m_table th {
    background:#F9FAFB;
    height:40px;
    padding:0 10px;
    font-weight:600;
}
.m_table tr:nth-of-type(even) {
    background:#F9FAFB;
}
.m_table td {
    border-top:1px solid #E2E2E3;
    height:40px;
    text-align:center;
    padding:0 5px;
}
.m_table td:first-child {
   /* text-align:left;*/
}
.m_table td.blue {background:#195E77; color:#fff;}
.m_table td.green {background:#197736; color:#fff;}
.m_table td span {
    display: inline-block;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s_circle {
    display: inline-block;
    width:8px !important;
    height:8px;
    border-radius:50%;
    background:#228D54;
    margin:0 5px 0 0;
}
.s_circle.s_2 {background:#FDE636;}
.s_circle.s_3 {background:#F69131;}
.s_circle.s_4 {background:#7A5538;}
.s_circle.s_5 {background:#E92030;}
.mask {
	display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.4);
    z-index:9;
}


.pop_up {
    display:none;
    position:fixed;
    z-index:999;
    width:1000px;
    max-width:90%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.pop_up > div {
    box-shadow:none;
}
.pop_up.post {
    width:740px;
}
.pop_up.post table p {
    line-height:23px;
}
.pop_up.post table p span {
    color:#999;
    margin-left:15px;
}
.pop_up.post table .post_table {
   padding:0 !important; 
}
.pop_up.post table .post_table > table {
   border:none;
}
.pop_up.post table .post_table > table thead th {
    line-height:40px; 
    text-align:center;
    font-weight:400;
    border-bottom:1px solid #ABAAAD;
    padding:0;
}
.pop_up.pw > div {
    min-height:inherit;
}
.pop_up.pw > div h5 + span {
    text-align:center;
    display:block;
    margin:30px 0 40px;
    color:#0C1A40;
    font-size:16px;
}
.pop_up.login {
    width:500px;
    background:#fff;
    border-radius:20px;
    padding:40px 10px;
}
.pop_up.login h6 {
    margin:0 auto 50px;
    color:#0C1A40;
    font-weight:600;
    text-align:center;
    font-size:30px;
}
.pop_up h6 + .close {
    display:inline-block;
    position:absolute;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
    background:url(../images/Icon_ionic-ios-close.png) no-repeat 50%/15px;
    text-indent:-999rem;
    cursor:pointer;
}
.pop_up.login ul {
    overflow:hidden;
}
.pop_up.login ul li {
    width:406px;
    max-width:calc(50% - 80px);
    max-width:100%;
    margin:0 40px;
    float:left;
}
.pop_up.login ul li .camera,
.pop_up.login ul li .photo {
    width:100%;
    height:306px;
    background:url(../images/Icon_awesome-camera.png) no-repeat #E4E4E4 50%/35px;
    margin-bottom:30px;
    border:3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.pop_up.login ul li .photo {
    background:#fff;
    border-color:#15224C;
}
.pop_up.login .bottom_btn_group  {
    width:90%;
    margin:0 auto;
}
.pop_up.login .bottom_btn_group .border {
    box-shadow:0 0 0 3px #15224c inset;
    margin-left:20px;
}


.application > div table {
    width:100%;
    margin:0 auto;
    table-layout:fixed;
    border-top:1px solid #4B4B4B;
    border-bottom:1px solid #4B4B4B;
    border-collapse: initial;
}
.application > div table th,
.application > div table td {
    text-align:left;
    padding:0 20px;
    border-top:1px solid #ABAAAD;
    color:#0C1A40;
}
.application > div table tr:first-child th,
.application > div table tr:first-child td {
    border-top:none;
}
.application > div table th {
    background:#F4F4F4;
    font-weight:600;
    font-size:14px;
    position:relative;
    padding:0 5px 0 20px;
}
.application > div table th br {
    display:none;
}
.star:before {
    content:"*";
    color:#EA5D2A;
    font-weight:900;
    position:absolute;
    left:10px;
}
.application > div table td {
    padding:5px 10px;
    position:relative;
}
.application > div table td.pb_25 {
    padding-bottom:25px !important;
}
.application > div table td .red {
    left:10px;
    bottom:7px;
}
.application > div table td .blue_text {
    left:10px;
    bottom:7px;
}
.application > div table td input[type="text"],
.application > div table td input[type="tel"],
.application > div table td input[type="password"],
.application > div table td textarea {
    border:1px solid #D6D6D6;
    width:640px;
    max-width:100%;
    height:35px;
    float:left;
    margin:2px;
}
.application.qna > div table td input[type="text"],
.application.qna > div table td input[type="password"] {
    width:100%;
}
.application > div table td textarea {
    width:100%;
    height:150px;
}
.application > div table td input[type="text"].btn_1 {
    width:calc(100% - 80px);
}
.application > div table td input[type="text"].btn_2 {
    width:calc(100% - 154px);
}
.application > div table td input[type="text"].p_orange::placeholder {
    color:#EA5D2A;
}
.application > div table td input[type="text"].short {
    width:200px;
    max-width:calc(100% - 74px);
}
.application > div table td input[type="text"].more_short {
    width:100px;
    max-width:50%
}
.application > div table td input[type="text"].more_short + strong {
    line-height:35px;
    font-weight:600;
    margin:0 10px;
    float:left;
}
.application > div table td label input[type="text"].short {
    width:110px;
    max-width:calc(100% - 124px);
}
.application > div table td input[type="tel"].tel {
    width: 275px;
/*     text-align:center; */
    max-width:calc(100% - 4px);
}
.application > div table td input:read-only {
    background:#EAEAEA;
}
.application label {
    clear:both;
    line-height:30px;
    display:flex;
    align-items:center;
}
.application label input {float:left;}
.application > div table td label span {
    float:left;
    margin:0 5px;
}
.application > div table td .btn_blue {
    display:inline-block;
    min-width:65px;
    height:35px;
    line-height:35px;
    text-align:center;
    padding:0 10px;
    background:#417CCD;
    color:#fff;
    font-weight:600;
    font-size:12px;
    float:left;
    margin:2px 5px;
    cursor:pointer;
}
.application > div table td .btn_blue.gray {
    background:#707889;
}
.application > div table td .btn_blue.indigo {
    background:#15224C;
}
.application > div table td p.help {
    line-height:40px;
    display:inline-block;
    margin-left:10px;
}
.application > ul {
    overflow:hidden;
    padding-bottom:40px;
}
.application > ul li {
    width:calc(25% - 12px);
    height:250px;
    float:left;
    border-radius: 20px;
    box-shadow: 1px 1px 5px #dcdcdc;
    border: 1px solid #f1f1f1;
    position: relative;
    background: #fff;
    margin-left:15px;
    padding:20px 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    cursor:pointer;
}
.application > ul li:first-child {
    margin-left:0;
}
.application > ul li strong {
    font-size:26px;
    color:#0F2F40;
    font-weight:900;
    line-height:50px;
    text-align:center;
}
.application > ul li p {
    font-weight:600;
    font-size:15px;
}
.application > ul li .btn_blue {
    width: 50%;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 1px 1px 5px #dcdcdc;
    color: #fff;
    background: #15224C;
    font-size:14px;
    font-weight: 600;
    margin: 30px 15px 0;
    cursor: pointer;
}
.application > ul + p,
.application > ul + p + p {
    line-height:30px;
}
.application_ul {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.application_ul li {
    width:50%;
    height:190px;
    margin:10px;
}
.application_ul li a {    
    display:inline-block;
    border:2px solid #15224C;
    border-radius:30px;
    background:#fff;
    font-size:40px;
    font-weight:600;
    color:#0C1A40;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.5s;
}
.application_ul li:hover a,
.application_ul li a.on {
    background:#15224C;
    color:#fff;
}  
.application_ul.small li {
    height:90px;
}
.application_ul.small li a {
    border-radius:20px;
    font-size:24px;
}



.svgspin,
.vegetable,
.route {
	display:none;
	position:fixed;
	animation: spin .8s linear infinite;
	fill:#fff; 
	width:50px; 
	height:50px;  
	top:50%; 
	left:50%; 
	z-index:99;
	margin-top:-25px; 
	margin-left:-25px;
}
.vegetable {
	width:auto;
	height:70px;  
	margin:-37.24px 0 0 -35px;
    animation: none;
}
.route {
	width:auto;
	height:60px;
	margin:-30px 0 0 -110.74px;
    animation: none;
	
}
@-moz-keyframes spin {
  100% {
	-moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
	-webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
	-webkit-transform: rotate(360deg);
	transform:rotate(360deg);
  }
}
.alert {
    position:fixed;
    z-index:10;
    background:#e4e4e4;
    border-radius:10px;
    width:260px;
    min-height:140px;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
    text-align:center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.alert strong {
    font-size:18px;
    letter-spacing: -0.5px;
    padding:20px 10px 5px;
}
.alert p {
    padding:0 10px;
}
.alert span {
    font-size:18px;
    letter-spacing: -0.5px;
    display:block;
    border-top:1px solid #c7c7c7;
    color:#007AFF;
    line-height:45px;
    margin-top:5px;
    cursor:pointer;
}
/* 공지사항 뷰 */
.tab_con .box.notice {
	box-shadow:none;
    border-radius:0;
    border-bottom:1px solid #E0E0E0;
    /* cursor:pointer; */
    background: transparent;
}
.tab_con .notice_btn {
	width:50px;
	height:50px;
    background:url(../images/Icon_ionic-ios-arrow-down.png) no-repeat 50%/20px;
    transition: 0.3s;
    float:right;
    margin:-70px 20px 0 0;
}
.tab_con .notice_btn.on {
	transform: rotate(180deg);
}
.tab_con .box.notice:last-child {
	border-bottom:none;
}
.tab_con .notice_view {
	padding:15px 20px;
	background:#fff;
	line-height:23px;
	font-size:15px;
    border-bottom:1px solid #E0E0E0;
    display:none;
    overflow:hidden;
}
.tab_con .notice_view img {
	max-width:100%;
}

.tab_con .notice_view p a {
    text-decoration: underline;
    color: #009e00;
    cursor: pointer;
    margin-left: 5px;
}
.tab_con .box.notice > strong {
    background: transparent;
    height:25px;
    line-height:25px;
}
.tab_con .box.notice > strong span {
	float:left;
	color:#939393;
	font-size:12px;
	font-weight:400;
}
.tab_con .box.notice > strong + div {
	padding:10px;
}
.tab_con .box.notice > strong + div .btnBbsDtl {
	font-size:17px;
}
.tab_con .box .p_10.notice .n_view > p {
    line-height:18px;
    font-size:12px;
}
.tab_con .box .p_10.notice .n_view > p:nth-of-type(1) {
    margin-top:10px;
}
.n_view img {
    max-width:100%;
}
.file_view {
    width:100%;
}
.file_view:before {
    content:"";
    display:inline-block;
    width:calc(100% + 30px);
    clear:both;
    margin:10px 0;
    margin-left:-15px;
    border-top:1px solid #e0e0e0;
}
.file_view li {line-height:20px;}
.file_view li span {
    display: inline-block;
    width: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file_view li p {
    display: inline-block;
    width: calc(100% - 65px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.map_div_text li {
	line-height: 30px !important;
}
.map_div_text li span {
	display: inline-block;
	width: 30px !important;
	height: 30px;
	border-radius: 50%;
	float: left !important;
	margin-right: 10px;
	background: #2e8cff;
	text-align: center;
	font-weight: 900;
	color: #fff;
}
/*20210224 선택 배 송시작*/
.all_start {
	overflow: hidden;
    width: calc(100% + 30px);
    background: #E0E0E0;
    margin-left: -15px;
    height: 50px;
    padding:0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.all_start input[type=checkbox],
.tab_con .box input[type=checkbox] {
	display:none;
}

.all_start input[type=checkbox] + label,
.tab_con .box input[type=checkbox] + label {
	display: inline-block;
	cursor: pointer;
	line-height: 25px;
	padding-left: 25px;
    background:url(../images/checkbox.png) no-repeat 0 50%/16px;
    color:#2c2c2c;
    margin:10px 0;
    font-weight:400;
}
.all_start input[type=checkbox]:checked + label,
.tab_con .box input[type=checkbox]:checked + label {
	background: url(../images/checkbox_on.png) no-repeat 0 50%/16px;
}
.all_start > span {
    float: right;
    border: 2px solid #C41F12;
    color:#C41F12;
    border-radius:8px;
    padding: 0 10px;
    font-weight: bold;
    cursor:pointer;
    letter-spacing: 2px;
    background:#FFFFFF;
    height:35px;
    line-height:32px;
}
.before_c {
	color:#009E00;
	font-weight:600;
	letter-spacing: 1px;
	line-height:35px;
}
.before_c:before {
	content:"";
	display:block;
	width:7px;
	height:7px;
	border-radius:50px;
	background:#009E00;
    float: left;
    margin: 15px 10px 0 0;
}
.chart_box {
	background:#fff;
	border:1px solid #DDDDDD;
	border-radius:5px;
    box-shadow: 3px 3px 5px #1010103d;
    margin: 10px 0 15px;
}
.check_table_box {
	overflow:hidden;
	border-radius:5px;
	border:1px solid #D3D3D3;
	margin:10px 0 15px;
    box-shadow: 3px 3px 5px #1010103d;
}
.check_table {
    width: calc(100% + 6px);
    table-layout: fixed;
    margin: 0 -3px;
}
.check_table thead th,
.check_table tbody td,
.check_table tfoot td {
	border:1px solid #D3D3D3;
	text-align:center;
	font-size:10px;
	padding:7px 5px;
    line-height: 16px;
    background:#fff;
}
.check_table thead th {
	background:#E8ECEF;
	font-weight:600;
	padding:10px 0;
	border-top:none;
    line-height: 14px;
}
.check_table tr.bg td {
	background:#E0E0E0;
}
.check_table tr.bold td {
	font-weight: 600;
}
.check_table tr.bg .on{
	color:#EB1515;
}
.check_table tbody tr:last-child td {
	border-bottom:none;
}
.check_table tbody td p {
	text-align:left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 16px;
	max-height:32px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.check_table tbody td.fresh {font-weight:600;}
.check_table tbody td.f_1 {background:#13DDCE;}
.check_table tbody td.f_1:before {content:"매우신선";}
.check_table tbody td.f_2 {background:#13DD1C;}
.check_table tbody td.f_2:before {content:"신선";}
.check_table tbody td.f_3 {background:#DED23C;}
.check_table tbody td.f_3:before {content:"보통";}
.check_table tbody td.f_4 {background:#DD8113; color:#fff;}
.check_table tbody td.f_4:before {content:"주의";}
.check_table tbody td.f_5 {background:#DE3C3C; color:#fff;}
.check_table tbody td.f_5:before {content:"위험";}
.check_table tbody td.f_6 {background:#9F9F9F; color:#fff;}
.check_table tbody td.f_6:before {content:"미배송";}
.check_table tbody td.f_7 {background:#9F9F9F; color:#fff;}
.check_table tbody td.f_7:before {content:"조회불가 ";}
.check_table tbody td.check.on {
   background:url(../images/Icon_awesome-check.png) 50%/15px no-repeat #fff;
}
.check_table tbody tr.bg td.check.on {
   background:url(../images/Icon_awesome-check.png) 50%/15px no-repeat #E0E0E0;
}
.check_table .more td{
	height:25px;
	background:url(../images/Icon_ionic-ios-arrow-down.png) 50%/10px no-repeat;
	cursor:pointer;
}
.check_table tr.bold td {font-weight:600;}
.check_table td.left {text-align:left;}
.check_table td.pin_1 {background:url(../images/car_pin_1.png) 50%/18px no-repeat #ffff;}
.check_table td.pin_2 {background:url(../images/car_pin_2.png) 50%/18px no-repeat #ffff;}
.check_table td.pin_3 {background:url(../images/car_pin_3.png) 50%/18px no-repeat #ffff;}
.check_table td.pin_4 {background:url(../images/car_pin_4.png) 50%/18px no-repeat #ffff;}
.check_table td.pin_5 {background:url(../images/car_pin_5.png) 50%/18px no-repeat #ffff;}
.check_table td a {
	color:#0D8B0D;
	text-decoration: underline;
	font-weight:400;
}
.circle {
	padding: 5px;
    background: #d10000;
    border-radius: 50px;
    color: #fff;
    width: 100%;
    display: inline-block;
}
.none_con {
	background:url(../images/none_img.png) calc(50% + 15px) 30px/150px no-repeat !important;
	min-height:300px !important;
	padding:260px 25px 30px !important;
	box-shadow:none !important;
    text-align: center !important;
}
.none_con strong {
	display:none !important;
}
.none_con span {
	color: #2C2C2C !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight:600 !important;
}
/* 식단추천 */
#recommendWrap {
    display: flex;
    flex-wrap: wrap;
}
#recommendBlock {
	width:25%;
}
#recommendBlock:nth-child(4n),
#recommendBlock:last-child {
	border-right:1px solid #D3D3D3;
}
.recommendTitle {
	background:#E8ECEF;
    color:#333;
    font-weight:normal;
    padding:0 5px;
    height:35px;
    line-height:35px;
    font-size:0.87em; 
    font-weight:900; 
    text-align:center;
    word-break: break-all;
    border:1px solid #D3D3D3;
    border-right:none;
    border-bottom:none;
	border-top:none;
}
.recommendInfo {
    line-height: 22px;
    font-size: 12px;
    padding: 1px 5px;
    border-left: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    box-sizing: border-box;
    height:calc(100% - 35px);
    min-height:24px;
    text-align: center;
}
#recommendBlock:nth-of-type(4n) .recommendTitle,
#recommendBlock:nth-of-type(4n) .recommendInfo {
    border-right:none;
}

#recommendBlock:nth-child(4n + 1) .recommendTitle,
#recommendBlock:nth-child(4n + 1) .recommendInfo {
	border-left:none;
}
.btnPop_inquire {
	display: block;
    border: 1px solid #009E00;
    border-radius:8px !important;
    width:80px;
    line-height:32px;
    text-align: center;
    color: #009E00;
    font-size: 16px;
    font-weight: 600;
    background: #009E00;
    color: #fff;
    margin:0 auto;
}



.terms_group {
    overflow:hidden;
    margin:60px auto 50px;
}
.terms_group p {
    color:#707070;
    font-size:20px;
    font-weight:600;
    margin-top:30px;
    clear:both;
    width:100%;
    display:inline-block;
}
.terms_group p:first-child {
    margin-top:0;
}
.terms_box {
    border:1px solid #C0C1C0;
    background:#fff;
    border-radius:5px;
    min-height:82px;
    max-height:300px;
    overflow-y:auto;
    padding:20px;
    margin:20px 0 5px;
    line-height:20px;
    word-break:break-all;
}
.terms_group label {
    clear:both;
    display:flex;
    align-items:center;
    width: 100%;
    justify-content: center;
}
.terms_group label span {
    color:#707070;
    line-height:20px;
    font-weight:600;
}
.main_circle {
    max-width:100%;
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin:0 auto;
    padding:50px 0;
    flex-direction: column;
}
.main_circle div {
    background:#009E00;
    width: 160px;
    height: 160px;
    font-size: 40px;
    line-height: 50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    color:#FFFFFF;
    letter-spacing:2px;
    cursor:pointer;
	margin-top:30px;
}
.main_circle div:first-child {
    margin-top:0;
}

/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}
.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #009E00 solid 5px;
    border-radius:50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, 
.hvr-outline-out:focus:before, 
.hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}