@charset "utf-8";

@font-face {font-family: 'Pretendard'; font-weight:900; font-display: swap; src: local('Pretendard Black'), url('../font/Pretendard-Black.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:800; font-display: swap; src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:700; font-display: swap; src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:600; font-display: swap; src: local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:500; font-display: swap; src: local('Pretendard Medium'), url('../font/Pretendard-Medium.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:400; font-display: swap; src: local('Pretendard Regular'), url('../font/Pretendard-Regular.woff2') format('woff2');}/* 기본 */
@font-face {font-family: 'Pretendard'; font-weight:300; font-display: swap; src: local('Pretendard Light'), url('../font/Pretendard-Light.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:200; font-display: swap; src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:100; font-display: swap; src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff2') format('woff2');}

/* common */
* {font-family: Pretendard, 'Malgun Gothic', '맑은고딕', "굴림", gulim, helvetica, sans-serif; line-height:100%; letter-spacing:-0.5px; -webkit-tap-highlight-color: transparent; word-break: keep-all;}
/* html {height:100%;}
body {min-height:100%;} */
html, body {padding:0; margin:0; position:fixed; overflow:hidden; width:100%; height:100%; -webkit-text-size-adjust:none; font-size:16px;}
a {text-decoration:none; color:inherit;}
dl, ol, ul, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
a {cursor:pointer; outline:none; color:inherit; selector-dummy:expression(this.hideFocus=true);}
button {color:inherit;}
img {border:0 none; vertical-align:middle;}
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}
p {margin:0; padding:0;}
form {font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}
em, i {font-style:normal;}
.wrap button:disabled {background:#cbcbcb;}
button, html [type="button"] {-webkit-appearance:none;}

.loding_edge {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.loding_edge:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.loding_edge .edge {display:flex; align-items:center; position:relative; flex-direction:column; z-index:2;}
.loding_edge .edge p {animation: rotate_image 1.5s linear infinite;transform-origin: 50% 50%; display:block; width:60px; height:60px; background:url(../images/bg_ico_03.png) center no-repeat; background-size:60px;}
.loding_edge .edge span {font-size:18px; font-weight:500; color:#fff; margin-top:20px;}
@keyframes rotate_image{100% {transform: rotate(360deg);}}

input, textarea, select {color:#666; margin:0; padding:0; outline:none; box-sizing:border-box; vertical-align:middle; font-size:16px;}
pre {margin:0; padding:0; font-size:16px; font-weight:400; text-wrap:auto; color:#000; outline:none; box-sizing:border-box; vertical-align:middle;}
input[type=text] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:700; color:#000;}
input[type=email] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:700; color:#000;}
input[type=tel] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:700; color:#000;}
input[type=number] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; letter-spacing:-1px; color:#000;}
input[type=date] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; letter-spacing:-1px; color:#000;}
input[type=password] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; letter-spacing:-1px;}
input[type=file] {height:40px; width:100%;}
textarea {border:1px solid #d7d7d7; padding:10px; width:100%; box-sizing:border-box; font-size:16px; color:#000; resize:none;}
select {border:1px solid #d7d7d7; padding:6px;}
button {border:none; cursor:pointer; background:none;}

label.art {position:relative; display:flex; cursor:pointer;}
label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
label.art span{display:inline-block; line-height:24px; font-weight:500; font-size:14px;}
label.art input[type="radio"] + * {margin-left:34px;}
label.art input[type="radio"] + *:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_01.png) center no-repeat; top:0; left:0; background-size:24px;}
label.art input[type="radio"]:checked + *:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:24px;}
label.art input[type="checkbox"] + * {margin-left:34px;}
label.art input[type="checkbox"] + *:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_checkbox_icon01.png) center no-repeat; top:0; left:0; background-size:24px;}
label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_checkbox_icon02.png) center no-repeat; background-size:24px;}

input::placeholder {color:#cbcbcb; font-weight:500 !important; font-size:16px;}
textarea::placeholder {color:#cbcbcb; font-weight:500 !important; font-size:16px;}
input::-ms-clear, input::-ms-reveal {display:none;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {display:none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}

a:link {color:#222; text-decoration:none;}
a:visited {color:#222; text-decoration:none;}
a:active {color:#222; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

table {border-collapse:collapse; border-spacing:0px; width:100%; table-layout:fixed;}
th, td {padding:0 0 0 0;}
th.center, td.center {text-align:center !important;}
th.left, td.left {text-align:left !important;}
th.right, td.right {text-align:right !important;}
.over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bg_zwdcolor {background:#da002a;}
.font_zwdcolor {color:#da002a;}
.font-red {color:#da002a;}
.font-blue {color:#0065B2;}
.font-bold {font-weight:700 !important;}
.img-fluid {width:100%;}
.topborder {border-top:1px solid #dedede; padding:10px 10px 76px 10px !important;}
.plus_padding {padding:20px !important;}
.bg_w {background:#fff !important;}
.bg_t {background:transparent !important;}
.bg_g {background:#efefef !important;}

.join_agreepopup {transition:all .6s; position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; z-index:9; width:100%; height:0; overflow-x:hidden; background:#fff;}
.current {height:100%; scrollbar-width:none;}
.joinfinish {background:#efefef;}

.wrap {overflow-x:hidden; height:100vh; max-width:768px; margin:0 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:none; scrollbar-width: none;}
.wrap::-webkit-scrollbar {display:none;}

/* .wrap {padding-top: env(safe-area-inset-top); padding-top: constant(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);} */
/* .body_edge .body_title {padding-top:env(safe-area-inset-top); padding-top:constant(safe-area-inset-top);}
.footer {padding-bottom:env(safe-area-inset-bottom); padding-bottom:constant(safe-area-inset-bottom);} */
.body_edge .body_title {flex:none; position:fixed; top:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%; height:50px; text-align:center; background:#fff;}
.footer {position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%;}
/* .body_edge .contents {margin:50px 0;} */

.login {background:radial-gradient(circle at 50% 50%, #fff, #cdd1d2);}
.login .body_edge {background:url(../images/login_bg.png) no-repeat; background-position:50% 50%; background-size:cover;}
/* .login {background:url(../images/login_bg.png) no-repeat; background-position:50% 0;} */
.bg {max-width:768px; margin:0 auto; width:100%; height:100%; background:#efefef;}
.bg2 {background:#e3e3e3;}
.bg_w {background:#fff;}
.bg_b {background:#222; color:#fff;}
.bg_gn {background:#006700; color:#fff;}
.join_main {padding:0 10px;}
.off {display:none;}
.on {display:block !important;}

/* error */
.error_contnets {margin:0 !important; justify-content:center; text-align:center;}
.error_contnets img {margin:0 auto 40px; width:84px;}
.error_contnets ul li + li {margin:20px 0;}
.error_contnets .error_text01 {font-size:21px; line-height:28px; font-weight:800; color:#222;}
.error_contnets .error_text02 {font-size:15px; line-height:20px; font-weight:500; color:#9b9b9b;}

.error_btn {padding:10px 20px 20px 20px; display:flex; flex-direction: column; align-items: center;}
.error_btn p {font-size:16px; line-height:19px; font-weight:700;}
.error_btn button {margin-top:10px; width:100%; height:50px; font-size:16px; font-weight:500; border-radius:6px; color:#fff;}
.error_btn .bg_r {background:#da002a;}
.error_btn .bg_b {background:#000;}


/* join */
.join_pagenumber ul {max-width:274px; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.join_pagenumber ul li {position:relative; width:24px; height:24px; font-size:14px; line-height:24px; text-align:center; border-radius:50%; background:#fff; color:#c8c8c8; border:1px solid #d8d8d8;}
.join_pagenumber ul li::after {position:absolute; top:50%; left:24px; transform:translateY(-50%); content:''; display:inline-block; border:1px solid #d8d8d8; width:27px;}
.join_pagenumber ul li:last-child:after {border:none;}
.join_pagenumber ul .now_pagenumber {background:#da002a; color:#fff; border:none;}
.join_pagenumber ul .now_pagenumber img {margin-top:-2px; margin-left:2px;}
.join_pagenumber ul .now_pagenumber:after {border:1px solid #da002a;}

.join_main .join_maintitle {margin:60px auto 80px; width:200px; height:55px; background:url(../images/join_logo.png) no-repeat; background-size:200px;}
/* .join_main .join_logogisa {text-align:center; margin:20px 0 95px 0;}
.join_main .join_logogisa li:nth-child(1) {font-size:39px; line-height:47px; color:#da002a; font-weight:600; font-family:'SBAggroB';}
.join_main .join_logogisa li:nth-child(2) {width:108px; height:30px; border-radius:4px; margin:0 auto; background:#7d7d7d; color:#fff; font-size:19px; line-height:30px; font-weight:900;} */
.join_main .join_maincontent h2 {font-size:20px; line-height:24px; font-weight:bold; color:#000;}
.join_main .join_maincontent p {margin:10px 0 0 0; font-size:16px; line-height:20px; font-weight:500; color:#9b9b9b;}
.join_main .join_maincontent .guidetext {margin:20px 0 0 0;}
.join_main .join_maincontent .guidetext ul {padding:20px; border-radius:6px; background:#f1f1f1;}
.join_main .join_maincontent .guidetext ul .gt_text01 span {width:14px; height:14px; display:inline-block; margin-right:6px; background:url(../images/guide_icon01.png) no-repeat; background-size:14px;}
.join_main .join_maincontent .guidetext ul .gt_text01 {font-size:14px; line-height:16px; font-weight:bold; display:flex; align-items:center;}
.join_main .join_maincontent .guidetext ul .gt_text02 {font-size:18px; line-height:24px; font-weight:bold; margin:15px 0 10px 0;}
.join_main .join_maincontent .guidetext ul .gt_text03 {font-size:13px; line-height:16px; font-weight:500;}

.simpleJoinBox {padding:21px 20px; margin:0 20px 10px; border-radius:6px; background:#f1f1f1;}
.simpleJoinBox .sj_text01 {position:relative; padding-left:20px; margin-bottom:16px; font-size:14px; line-height:16px; font-weight:700;}
.simpleJoinBox .sj_text01:after {content:''; position:absolute; top:0; left:0; width:16px; height:16px; background:url(../images/guide_icon01.png) no-repeat center; background-size:14px;}
.simpleJoinBox .sj_text02 {font-size:16px; line-height:22px; font-weight:700;}

/* .join_agree {padding:30px 20px;} */
.join_agree {padding:30px 10px 0;}
.join_agree3 {padding:14px 10px;}
.join_agree .tit {margin-bottom:20px;}
.join_agree .tit h3 {font-size:20px; color:#000; margin-bottom:5px; font-weight:800;}
.join_agree .tit p {font-size:14px; color:#888; font-weight:500;}
.join_agree .entire {background:#f1f1f1; padding:15px 10px; border-radius:6px; margin-bottom:30px;}
.join_agree .entire label.art span {font-size:18px; font-weight:800;}
.join_agree ul {padding:0 10px;}
.join_agree ul li {display:flex; justify-content:space-between; margin-bottom:26px; /* background:url(../images/btn_ico_01.png) right 6px no-repeat; background-size:auto 12px; */}
.join_agree ul li label.art em {font-size:14px; line-height:24px; border:1px solid #dedede; border-radius:3px; padding:0 5px; margin-right:8px;}
.join_agree ul li > span {color:#b2b2b2; font-size:12px; margin-left:34px;}
.join_agree ul li p {width:26px; height:26px; background:url(../images/btn_ico_01.png) right 6px no-repeat; background-size:auto 12px; cursor:pointer;}

.join_agree .vat_agree {padding-top:26px; border-top:1px solid #c2c2c2;}
.join_agree .vat_agree label.art span {font-size:18px; font-weight:700;}
.join_agree .vat_agree ul li {margin-bottom:0;}
.join_agree .vat_agree p {margin:15px 0 0 34px; font-size:14px; line-height:20px; font-weight:500;}

/* 차주 고유번호 */
.join_agree2 {padding:30px 20px;}
.join_agree2 .uniquenumber {margin-top:13px; padding:20px; border-radius:6px; background:#f1f1f1;}
.join_agree2 .uniquenumber li {margin-bottom:0; justify-content:flex-start;}
.join_agree2 .uniquenumber .un_text01 {display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:700;}
.join_agree2 .uniquenumber .un_text02 {position:relative; margin-top:10px; padding-left:9px; font-size:13px; line-height:16px; font-weight:500;}
.join_agree2 .uniquenumber .un_text01::before {content:''; margin-right:6px; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) no-repeat; background-size:14px;}
.join_agree2 .uniquenumber .un_text02::before {content:''; position:absolute; top:5px; left:0; margin-right:5px; width:4px; height:4px; border-radius:50%; background:#707070;}

.un_contents {width:100%;}
.un_contents .title {font-size:16px; line-height:20px; font-weight:500;}
.un_contents .unbox {margin-top:50px; display:flex; align-items:center; width:100%;}
.un_contents .unbox hr {margin:20px 7px 0; width:9px; border:1px solid #555; border-width:3px 0 0 0;}
.un_contents .unbox .x_inputbox input {width:130px; border:none; background:#555; color:#fff;}
.un_contents .unbox .d_inputbox {width:calc(100% - 153px);}
.un_contents .unbox .d_inputbox input {background:#555; color:#fff;}
.un_contents .unbox .error_line input {border:2px solid #da002a;}
.un_contents .unbox div p {margin-bottom:5px; font-size:13px; line-height:15px; font-weight:500; text-align:center; color:#9b9b9b;}
.un_contents .unbox div input {height:65px; font-size:30px; line-height:65px; font-weight:700; text-align:center; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.un_contents .unbox div input:focus {border:2px solid #000;}
.un_contents .unbox div input::placeholder {font-size:30px; line-height:65px; font-weight:700;}
.overlapbox {margin-top:24px;}
.overlapbox p {font-size:14px; line-height:18px; font-weight:500; text-align:center;}
.overlapbox p span {display:block; font-weight:700;}
.overlapbox div {display:none; margin-top:10px; display:flex; align-items:cneter;}
.overlapbox div button {width:100%; height:36px; font-size:16px; font-weight:700; border-radius:6px; border:1px solid #dedede; background:#fff;}
.overlapbox div button + button {margin-left:10px;}

.event_banner {margin:50px 0 0 0; text-align:center;}
.event_banner img {max-width:680px;}

.join_terms {padding:30px 20px;}
.join_terms h3 {font-size:16px; color:#222222; font-weight:700; margin-bottom:20px;}
.join_terms h4 {font-size:14px; color:#222222; font-weight:700; margin-bottom:10px;}
.join_terms p {font-size:12px; color:#222222; margin-bottom:20px; line-height:16px;}
.join_terms p + h3 {margin-top:50px;}

.join_form h2 {font-size:16px; font-weight:700; color:#000; margin-bottom:7px;}
.join_form > span {display:block; font-size:14px; color:#cbcbcb; margin-top:-10px;}
.join_form > span + h2, .join_form > span + .certify {margin-top:20px;}
.join_form .con_box {margin-bottom:10px;}

.join_exe {display:flex; align-items:center; justify-content:center; flex:1;}
.join_exe .edge {margin:0 30px; width:100%;}
.join_exe .edge .txt {background:url(../images/user-002.png) center top no-repeat; background-size:70px; padding-top:95px; text-align:center;}
.join_exe .edge .txt strong {font-size:20px; margin-bottom:20px; display:block; color:#222;}
.join_exe .edge .txt p {display:block; font-size:14px; line-height:18px; color:#222; margin-bottom:50px; font-weight:500;}
.join_exe .edge .btn {display:flex; flex-direction:column;}
.join_exe .edge .btn button {font-size:16px; color:#fff; font-weight:700; height:50px; border-radius:6px;}
.join_exe .edge .btn button:first-child {background:#da002a; margin-bottom:10px;}
.join_exe .edge .btn button:last-child {background:#7d7d7d;}
.join_exe .edge .invoice {background:#fff; border-radius:6px; padding:20px;}
.join_exe .edge .invoice div {display:flex; justify-content:center; margin-bottom:20px;}
.join_exe .edge .invoice div > * {font-weight:700; font-size:18px;}
.join_exe .edge .invoice div label {color:#222; margin-right:5px;}
.join_exe .edge .invoice div a {color:#da002a; background:url(../images/btn_ico_25.png) right center no-repeat; background-size:16px; padding-right:25px;}
.join_exe .edge .invoice p {font-size:14px; color:#222; text-align:center; font-weight:500; line-height:18px;}

.under_reviewcontent {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.under_reviewcontent h2 {font-size:27px; line-height:33px; font-weight:700;}
.under_reviewcontent img {width:75px; margin:53px 0 47px 0;}
.under_reviewcontent p {width:244px; padding:15px 0; margin:0 auto; font-size:16px; line-height:19px; border-radius:6px; border:1px dashed #9b9b9b; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}

.join_exe2 {display:flex; align-items:center; justify-content:center; flex:1;}
.join_exe2 .edge {margin:0 10px; width:100%; text-align:center;}
.join_exe2 .edge .join_exe_title {margin-bottom:30px; font-size:27px; line-height:33px; font-weight:700;}
.join_exe2 .edge img {width:75px;}
.join_exe2 .edge p {font-size:16px; line-height:19px; font-weight:500;}
.join_exe2 .edge .sjf_text {margin:35px 0 12px 0; font-size:16px; line-height:20px; font-weight:700;}

.under_reviewcontent2 {padding:20px 24px; margin:0 auto 20px; max-width:340px; text-align:left; border-radius:6px; border:1px dashed #9b9b9b; background:#f1f1f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.under_reviewcontent2 .sj_text01 {position:relative; padding-left:20px; font-size:14px; line-height:16px; font-weight:700;}
.under_reviewcontent2 .sj_text01:after {content:''; position:absolute; top:0; left:0; width:16px; height:16px; background:url(../images/guide_icon01.png) no-repeat center; background-size:14px;}
.under_reviewcontent2 .sj_text02 {margin:14px 0 10px; font-size:16px; line-height:22px; font-weight:700;}
.under_reviewcontent2 .sj_text03 {font-size:16px; line-height:22px; font-weight:500;}
.under_reviewcontent2 p {margin-top:3px; font-size:14px; line-height:16px; font-weight:500;}

/* 화물대리등록 */
.join_exe .edge .txt1 {background:url(../images/bg_ico_001.png) center top no-repeat; background-size:70px; padding-top:95px; text-align:center;}
.join_exe .edge .txt1 strong {font-size:20px; margin-bottom:20px; display:block; color:#222;}
.join_exe .edge .txt1 p {display:block; font-size:14px; line-height:18px; color:#222; margin-bottom:50px; font-weight:500;}

/* 약관 */
.agree_body {padding:10px;}
.agree_body h3 {font-size:16px; font-weight:700; margin-bottom:20px;}
.agree_body h4 {font-size:14px;  font-weight:700; margin-bottom:10px;}
.agree_body div {margin-bottom:20px; font-size:12px; line-height:16px; font-weight:400;}
.agree_body div ul li {margin-bottom:2px;}
.agree_body div > ul {counter-reset:circle 0;}
.agree_body div > ul > li {padding-left:16px; position:relative; font-size:12px; line-height:16px; font-weight:400; color:#000;}
.agree_body div > ul > li::before {position:absolute; top:2px; left:3px; counter-increment:circle 1; content:counter(circle); font-size:9px; line-height:11.5px;}
.agree_body div > ul > li::after {content:''; position:absolute; top:2px; left:0; display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #333;}
.agree_body div ul > ul {padding-left:16px; margin-left:16px;}
.agree_body .side_text01 li {list-style:square;}
.agree_body .side_text02 li {list-style:disc;}
.agree_body .side_text03 li {list-style:circle;}
.agree_body .side_text04 {margin-left:0;}
.agree_body .side_text05 li {list-style:square;}
.agree_body div + h3 {margin-top:50px;}
.agree_body table {border:1px solid #cfcfcf; margin:6px 0; word-wrap:break-word;}
.agree_body th, .agree_body td {font-size:12px; line-height:16px; font-weight:400; text-align:left; padding:4px 6px;}
.agree_body th {background:#efefef;}
.agree_body td .table_ul li {list-style:disc;}
.agree_body td h6 {font-size:12px; line-height:16px; font-weight:700;}
.agree_body ul .style_none {list-style:none;}
.agree_body ul .a_imgbox {max-width:768px; width:100%;}

/* .con_btn {display:flex; justify-content:space-between; margin:0 20px; padding:10px 0;} */
.con_btn {display:flex; justify-content:space-between; /* margin:0 10px; */ padding:10px 0;}
.dcon_box {padding:0 0 10px 0; justify-content:flex-end;}
.con_btn button {height:25px; border-radius:25px; color:#000; font-size:12px; font-weight:500;}
.con_btn button:hover {opacity:0.7;}
.con_btn button.btn_01 {padding:0 10px 0 25px; background:url(../images/btn_ico_07.png) 5px center no-repeat; background-size:14px auto; font-size:14px;}
.con_btn button.btn_02 {padding:0 10px 0 25px; background:#fff url(../images/btn_ico_08.png) 10px center no-repeat; background-size:10px auto;}

.con_box {border:1px solid #dedede; border-radius:6px; box-shadow:0px 3px 5px #ebebeb; margin-bottom:20px; position:relative;}
.listselect_box {position:relative;}
.listselect_box > input {width:120px; padding:0 20px 0 0; border:none; font-weight:500; height:20px; background:none; font-size:14px; color:#000;}
.listselect_box > a.right {width:20px; height:20px; position:absolute; right:0; top:0; background:url(../images/select_icon.png) center no-repeat; background-size:9px auto;}
.listselect_box > input::placeholder {color:#000;}
.con_box:last-child {margin-bottom:0;}
.certify .con_box {margin-bottom:20px;}
.con_box > input {width:calc(100% + 2px); padding-right:50px; font-weight:500; height:50px; background:none; border:1px solid #dedede; font-size:16px; border-radius:6px; margin:-1px;}
.error_line > input {border:1px solid #da002a;}
.error_text {display:none; margin:-12px 0 10px 0; font-size:14px; line-height:18px; font-weight:500; color:#da002a;}
.con_box > input.border-red {border:1px solid #da002a;}
.con_box > input.border-red:focus {border:1px solid #da002a;}
.certify .con_box > input {padding-right:130px;}
.con_box > input:focus {border:1px solid #000;}
.con_box > input.center {text-align:center;}
.con_box > a.close {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_09.png) center no-repeat; background-size:20px;}
.con_box > a.view {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_13.png) center no-repeat; background-size:22px auto;}
.con_box > a.view.on {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_12.png) center no-repeat; background-size:22px auto;}
.con_box > a.right {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/right_Btn.png) center no-repeat; background-size:9px auto;}
.con_box > a.calendar {width:30px; height:30px; position:absolute; right:0; top:5px; background:url(../images/DateIcon.png) center no-repeat; background-size:20px auto;}
.con_box ul.auto {position:absolute; top:52px; left:0; width:100%; background:#fff; border:1px solid #dedede; border-radius:6px; overflow:auto; max-height:150px; box-sizing:border-box;}
.con_box ul.auto li a {display:block; line-height:40px; font-size:14px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con_box ul.auto li a:hover {background:#eee;}

/* .con_form {border:1px solid #dedede; background:#fff; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; margin:0 20px 10px 20px; position:relative;} */
.con_form {border:1px solid #dedede; background:#fff; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; margin:0 0 10px 0; position:relative;}
.con_form:last-child {margin-bottom:0;}
.con_form .tr {border-bottom:1px dashed #eeeeee; padding:0 10px 10px 10px;}
.con_form .tr:last-child {border:none;}
.con_form .tr h3 {color:#000; font-size:14px; font-weight:700; line-height:35px; margin-left:10px;}
.con_form .tr .edge {display:flex; flex-direction:column; margin-bottom:10px;}
.con_form .tr .edge:last-child {margin-bottom:0;}
.con_form .tr .edge > * {flex:1;}
.con_form .tr .edge.col {flex-direction:row}
.con_form .tr .edge > div {display:flex; align-items:center; border:1px solid #dedede; border-top:1px dashed #eeeeee; border-bottom:none;}
.con_form .tr .edge > div:first-child {border-top:1px solid #dedede; border-radius:5px 5px 0 0;}
.con_form .tr .edge > div:last-child {border-bottom:1px solid #dedede; border-radius:0 0 5px 5px;}
.con_form .tr .edge > .tr2_informbox {border-radius:5px !important;}
.con_form .tr .edge > .tr2_informbox label {padding:0 10px;}
.con_form .tr .edge.col > div {border:1px solid #dedede; border-radius:5px; margin-right:10px;}
.con_form .tr .edge.col > div:last-child {margin-right:0;}
.con_form .tr .edge > div input {border:none; background:none; flex:1;}
.con_form .tr .edge > div input.i01 {background:url(../images/btn_ico_02.png) 10px center no-repeat; background-size:20px; padding-left:35px;}
.con_form .tr .edge > div input.i02 {background:url(../images/btn_ico_03.png) 10px center no-repeat; background-size:20px; padding-left:35px;}
.con_form .tr .edge > div input.i03, .popup_edge > .edge input.asi01 {background:url(../images/btn_ico_05.png) 10px center no-repeat; background-size:20px; padding-left:35px;}
.con_form .tr .edge > div input.right {text-align:right;}
.con_form .tr .edge > div input.num {text-align:center; color:#e61c3a;}
.con_form .tr .edge > div input.pay {text-align:right; color:#e61c3a; font-size:18px; font-weight:700;}
.con_form .tr .edge > div span {color:#9b9b9b; font-size:16px; font-weight:500; padding:0 10px;}
.con_form .tr .edge > div label {color:#9b9b9b; font-size:14px; font-weight:500;}
.con_form .tr .edge > div label:first-child {padding-left:10px;}
.con_form.full {border:none;}
.con_form.full .tr {padding:0;}
.con_form.dis {background:#efefef;}

.con_form .tr .edge > div p {display:flex; align-items:center; width:50%;}
.con_form .tr .edge > div p label {width:70px;}

.con_form .tr .edge > div label.art {margin:0 auto;}
.con_form .tr .edge > div label.art input[type="checkbox"] + * {margin-left:20px; padding:0 0 0 10px;}
.con_form .tr .edge > div label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.con_form .tr .edge > div label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.con_form .tr .edge > div label.art span {font-size:15px; line-height:20px; font-weight:700;}

.con_data {border:1px solid #dedede; background:#fff; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; margin:20px 20px 10px 20px; position:relative;}
.con_data .tr {border-top:1px dashed #eeeeee; padding:20px;}
.con_data .tr:first-child {border:none;}
.con_data .tr.sha {background: linear-gradient(180deg, #eee 0, transparent 15px); border:none;}
.con_data .tr .td {display:flex; margin-bottom:10px;}
.con_data .tr .td:last-child {margin-bottom:0;}
.con_data .tr .td label {width:60px; font-size:14px; color:#aaa; line-height:18px;}
.con_data .tr .td > div {display:flex; flex-direction:column; flex:1;}
.con_data .tr .td > div span {font-size:14px; color:#000; line-height:18px; font-weight:500;word-break: break-all;}
.con_data .tr .td > div span.addr {font-weight:700;}
.con_data .tr .td.pay span {text-align:right;}
.con_data .tr .td.pay.hot span {color:#da002a; font-weight:700; font-size:16px;}
.con_data .tr .td.pay.st span {color:#da002a; font-weight:700; font-size:16px;}
.con_data .tr .td.pay.st label {color:#da002a; font-weight:700; font-size:16px;}
.con_data .tr .guide {background:#f7f4f1; color:#7d7d7d; font-size:13px; line-height:18px; padding:10px;}
.con_data .tr .ch {display:flex; padding-top:10px;}
.con_data .tr .ch > * {flex:1;}
.con_data .tr .inp {margin-top:10px;}
.con_data .tr .inp input {border-radius:3px;}
.con_data .tr .inp input:first-child {margin-bottom:5px;}
.con_data .payline {border:1px dashed #eee; border-width:1px 0 0 0; margin:15px 0 12px 0;}

.truck_info {display:flex; margin:0 20px 15px 20px; padding:10px; background:#ece8e5; border-radius:5px;}
.truck_info .img {margin-right:5px;}
.truck_info .img img {width:150px;}
.truck_info .info {display:flex; flex-direction:column; flex:1;}
.truck_info .info .name {display:flex;}
.truck_info .info .name p {font-size:14px; font-weight:700; color:#000; line-height:26px; display:block; margin-right:5px;}
.truck_info .info .spec {font-size:12px; color:#7e7e7e; margin-bottom:5px; line-height:12px;}
.truck_info .info a {display:block; padding-left:10px; max-width:200px; line-height:36px; font-size:14px; color:#000; font-weight:500; border-radius:5px; border:1px solid #dedede; background:#fff url(../images/btn_ico_06.png) calc(100% - 13px) center no-repeat; background-size:7px auto;}

.cargo_edge {padding:10px; margin:20px; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.cargo_edge > div {display:flex; align-items:center;}
.cargo_edge > div + div {margin-top:10px;}
.cargo_edge > div .con_box + div, .cargo_edge > div .ton + div {margin-left:7px;}
.cargo_edge > div .con_box {margin-bottom:0; width:50%;}
.cargo_edge > div .con_box > input {padding-right:30px;}

.cargo_edge > div .ton {display:flex; align-items:center; width:50%;}
.cargo_edge > div .ton .con_box {width:auto;}
.cargo_edge > div .ton .con_box > input {padding-right:10px;}
.cargo_edge > div .ton p {margin-left:12px; font-size:16px; line-height:19px; font-weight:500;}

.cargo_edge > div .lift {width:50%; display:flex; justify-content:center;}
.cargo_edge > div .lift label.art input[type="checkbox"] + * {margin-left:20px; padding:0 0 0 10px;}
.cargo_edge > div .lift label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.cargo_edge > div .lift label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.cargo_edge > div .lift label.art span {font-size:15px; line-height:20px; font-weight:700;}

.freight_info {border:1px solid #dedede; box-shadow:0px 3px 5px #ebebeb; margin:0 20px 15px 20px; padding:10px; border-radius:5px;}
.freight_info .tit {display:flex; align-items:center; justify-content:space-between;}
.freight_info .tit h3 {font-size:14px; color:#000000; background:url(../images/btn_ico_04.png) left center no-repeat; background-size:15px; padding-left:20px; font-weight:500; line-height:18px;}
.freight_info .tit a {display:block; background:url(../images/btn_ico_10.png) left center no-repeat; background-size:19px; width:19px; height:19px;}
.freight_info textarea {border:none; font-size:14px; line-height:18px; height:80px; margin-bottom:10px; color:#000;}
.freight_info textarea::placeholder {font-size:14px;}
.freight_info textarea::-webkit-scrollbar {display: none;}
.freight_info .pro {}
.freight_info .pro p {display:inline-block; margin-right:10px;}
.freight_info .pro p > * {display:inline-block; font-size:14px; line-height:18px; vertical-align:middle;}
.freight_info .pro p label {color:#666; margin-right:5px; font-size:12px;}
.freight_info .pro p span {color:#000; font-weight:700;}

.truck_shape {padding:0 20px 10px 20px; display:flex; align-items:center;}
.truck_shape .con_box, .truck_shape .lift {width:100%;}
.truck_shape div + div {margin-left:30px;}
.truck_shape .con_box {margin:0;}
/* .truck_shape .con_box > a.select {top:10px;} */
.truck_shape .lift label {width:74px;}
.truck_shape .lift span {font-size:15px; font-weight:700;}

.img_inp {margin:0 20px 0 20px; display:flex; justify-content:center;}
.img_inp ul {display:flex;}
.img_inp ul li {width:60px; height:60px; position:relative; overflow:hidden; margin-right:10px; border-radius:5px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto;}
.img_inp ul li img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;width:100%;height:100%;}
.img_inp ul li a {position:absolute; right:0; top:0; width:15px; height:15px; background:url(../images/btn_ico_22.png) center no-repeat; background-size:10px;}
.img_inp ul li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
/*.img_inp ul li span {display:inline-block; background:url(../images/Plus_Icon.png) left center no-repeat; background-size:cover; width:16px; height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
 .img_inp > div {display:flex; align-items:center; justify-content:center; flex:1; border:1px dashed #c8c8c8; border-radius:5px; position:relative; max-width:200px; padding:0 10px;}
.img_inp > div span {display:inline-block; line-height:18px; background:url(../images/btn_ico_19.png) left center no-repeat; font-size:14px; font-weight:800; color:#000; background-size:18px; padding-left:22px;}
.img_inp > div span em {display:inline-block;}
.img_inp:hover > div span {opacity:.7;}
.img_inp > div input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;} */

/* .img_popupwrap.open {display:block;}
.img_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#7f7f7f; z-index:999;}
.img_popup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:300px; height:360px; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:300px; width:100%; height:100%;max-height:300px;}
.img_popup .buttonbox {width:100%; display:flex; margin:10px 0 0 0;}
.img_popup .buttonbox button {width:50%; height:50px; border-radius:5px; font-size:16px; font-weight:800; text-align:center; color:#fff;}
.img_popup .buttonbox .close_button {background:#636363; margin:0 3px 0 0;}
.img_popup .buttonbox .delete_button {background:#da002a; display:flex; align-items:center; justify-content:center; margin:0 0 0 3px;}
.img_popup .buttonbox .delete_button img {width:14px; margin:0 5px 0 0;} */

.recorate_edge {display:flex; flex-direction:column; height:378px;}
.recorate_edge .tit {display:flex; flex-direction:column; margin-bottom:30px; align-items:center;}
.recorate_edge .tit h3 {font-size:20px; color:#000; margin-bottom:10px;}
.recorate_edge .tit p {font-size:14px; line-height:16px; color:#787878;}
.recorate_edge .tit span {margin-top:10px; display:block; font-size:14px; line-height:16px; text-align:center; color:#c7c7c7;}
.recorate_edge .num_inp {margin-bottom:20px; padding:25px 20px 30px 20px; border-radius:6px; background:#f7f4f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.recorate_edge .num_inp .edge div {position:relative; margin:0 10px; width:100%;}
.recorate_edge .num_inp .edge div img {position:absolute; top:5px; right:5px; width:19px; z-index:2;}
.recorate_edge .num_inp .edge {display:flex; align-items:center;  margin:14px 0 10px 0;}
.recorate_edge .num_inp .edge input {height:68px; text-align:center; font-size:34px; color:#da002a; font-weight:800; border:1px solid #dedede; border-radius:5px; box-shadow:0px 3px 5px #ebebeb;}
.recorate_edge .num_inp .edge input::placeholder {font-size:34px;}
.recorate_edge .num_inp .edge button {width:32px; height:32px; margin:0 10px; flex:none;}
.recorate_edge .num_inp .edge button.m {background:url(../images/btn_ico_20.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.m:hover {background:url(../images/btn_ico_20r.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.p {background:url(../images/btn_ico_21.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.p:hover {background:url(../images/btn_ico_21r.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .text01 {font-size:13px; line-height:15px; font-weight:500; text-align:center;}
.recorate_edge .num_inp .text02 {font-size:13px; line-height:15px; font-weight:500; text-align:center;}
.recorate_edge .choice {display:flex; flex-direction:column; align-items:center; background:#f7f4f1; border-radius:5px; padding:20px;}
.recorate_edge .choice p {color:#000000; font-size:16px; font-weight:700; line-height:20px; text-align:center; margin-bottom:15px;}
.recorate_edge .choice label {margin-bottom:15px;}
.recorate_edge .choice label span {font-size:16px; color:#da002a;}
.recorate_edge .choice a {position:relative; text-decoration:underline; font-size:14px; color:#787878;}
.recorate_edge .choice a:after {content:""; position:absolute; top:0; right:-25px; width:16px; height:16px; background:url(../images/btn_ico_23.png) center no-repeat; background-size:16px;}

.recorate_edge .num_bottom {padding:12px 0; display:flex; align-items:center; justify-content:center; border-radius:6px; background:#f2f4f6;}
.recorate_edge .num_bottom label.art input[type="checkbox"] + * {margin-left:20px; padding:0 0 0 10px;}
.recorate_edge .num_bottom label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.recorate_edge .num_bottom label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.recorate_edge .num_bottom label.art span {font-size:15px; line-height:20px; font-weight:700;}
.recorate_edge .num_bottom a.more {padding:8px 0; margin-left:5px; display:block; width:20px; height:20px; background:url(../images/btn_icon31.png) no-repeat center; background-size:20px;}
.recorate_edge .num_bottom .amount {margin-left:5px; width:160px; height:36px; font-size:14px; border-radius:6px; background:#fff;}
.recorate_edge .num_bottom .amount::placeholder {font-size:14px;}
.recorate_edge .num_bottom input[readonly] {background:#f1f1f1;}

/*
.shipper_edge {min-height:350px;}
.shipper_edge .tit {margin-bottom:20px;}
.shipper_edge .tit h3 {font-size:20px; color:#000; margin-bottom:30px;}
.shipper_edge .tit p {font-size:14px; color:#000; line-height:18px;}
.shipper_edge > ul {}
.shipper_edge > ul li {border-bottom:1px solid #eee; background:url(../images/user-icon.png) left center no-repeat; background-size:30px;}
.shipper_edge > ul li a {display:flex; flex-direction:column; justify-content:center; padding-left:40px; height:60px;}
.shipper_edge > ul li a > * {display:block;}
.shipper_edge > ul li a strong {font-size:14px; color:#000; font-weight:700; line-height:18px;}
.shipper_edge > ul li a span {font-size:14px; color:#979797; line-height:18px;}
.shipper_edge .shipper_find {display:flex; align-items:center; margin-bottom:20px;}
.shipper_edge .shipper_find .con_box {width:calc(100% - 65px); margin-bottom:0;}
.shipper_edge .shipper_find button {margin-left:5px; width:60px; height:50px; border-radius:6px; background:#7d7d7d; font-size:16px; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
*/
.shipper_edge {min-height:350px;}
.shipper_edge .tit {margin-bottom:20px;}
.shipper_edge .tit h3 {font-size:20px; color:#000; margin-bottom:30px;}
.shipper_edge .tit p {font-size:14px; color:#000; line-height:18px;}
.shipper_edge > p {width:150px; line-height:26px; border-radius:26px; font-size:14px; color:#fff; background:#000; text-align:center; margin:0 auto 10px auto;}
.shipper_edge > ul {}
.shipper_edge > ul li {border-bottom:1px solid #eee; background:url(../images/user-icon.png) left center no-repeat; background-size:30px;}
.shipper_edge > ul li a {display:flex; flex-direction:column; justify-content:center; padding-left:40px; height:60px;}
.shipper_edge > ul li a > * {display:block;}
.shipper_edge > ul li a strong {font-size:14px; color:#000; font-weight:700; line-height:18px;}
.shipper_edge > ul li a span {font-size:14px; color:#979797; line-height:18px;}
.shipper_edge .shipper_find {display:flex; align-items:center; margin-bottom:20px;}
.shipper_edge .shipper_find .con_box {width:calc(100% - 102px); margin-bottom:0;}
.shipper_edge .shipper_find button {margin-left:10px; width:90px; height:50px; border-radius:6px; background:#7b7b7b; font-size:16px; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
/*
.shipper_edge .shipperlist {display:flex; align-items:center; padding:10px 0; border-bottom:1px solid #eee;}
.shipper_edge .shipperlist img {width:30px;}
.shipper_edge .shipperlist ul {margin-left:10px;}
.shipper_edge .shipperlist ul li:nth-child(1) {font-size:14px; line-height:16px;  font-weight:800;}
.shipper_edge .shipperlist ul li:nth-child(2) {font-size:14px; line-height:16px;  font-weight:500; color:#979797; margin-top:4px;}
*/

.phone_buttonbox {position:absolute; top:50%; right:5px; transform:translateY(-50%); display:flex; align-items:center;}
.phone_buttonbox button {width:75px; height:36px; border-radius:4px; background:#c2c2c2; color:#fff; font-size:16px; font-weight:500;}
.phone_buttonbox .certify_but {background:#da002a;}
.phone_buttonbox .none {display:none;}
.phone_buttonbox p {font-size:15px; line-height:18px; font-weight:500; color:#000; margin-right:10px;}

.joinInputHr {margin:40px auto; width:100%; border:1px solid #c2c2c2; border-width:1px 0 0 0;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.join_form .filebox {padding:12px; margin-bottom:20px; display:flex; align-items:center; height:114px; border:1px dashed #9b9b9b; background:#f1f1f1; overflow:hidden;}
.filebox label {display:inline-block; width:100%; text-align:center;}
.filebox label span {margin:0 auto; display:block; width:36px; height:36px; background:url(../images/imgPlus.png) no-repeat; background-size:36px;}
.filebox label p {margin-top:10px; font-size:17px; line-height:20px; font-weight:500; color:#000;}
.join_form .filebox img {display:none; max-width:120px; width:100%; height:100px; object-fit:contain;}
/* .fileimgbox {padding:16px; margin-top:-10px; height:126px; text-align:center; border:1px dashed #9b9b9b; background:#fffca7; overflow:hidden;}
.fileimgbox img {height:100%;} */

/* .filebox2 input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.filebox2 {height:80px; border:1px dashed #9b9b9b; background:#f1f1f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.filebox2 label {width:100%;}
.filebox2 label span {display:block; width:29px; height:29px; background:url(../images/ocr.png) no-repeat; background-size:29px;}
.filebox2 label p {font-size:17px; line-height:20px; font-weight:500; color:#000;} */

.license_number {display:flex; align-items:center; border:none; box-shadow:none;}
.license_number .selectbox {width:30%; margin-right:4px; box-shadow: 0px 3px 5px #ebebeb; border:1px solid #dedede;}
.license_number .con_box {margin:0 4px 0 0;}
.license_number .number02 {width:20%; box-shadow: 0px 3px 5px #ebebeb; padding:0 20px; text-align:center; color:#000;}
.license_number .number04 {width:30%; margin:0 4px; box-shadow: 0px 3px 5px #ebebeb; padding:0 20px; text-align:center; color:#000;}
.license_number input {padding-right:20px;}
.license_number input[type=number]::-webkit-inner-spin-button {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand {display:none;}
.select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select {position:absolute;  right:0; top:0; width:50px; height:50px; background: url('../images/select_icon.png') calc(100% - 15px) center no-repeat; background-size:12px; border-radius:6px; border:none;}

.join_carpopup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; padding:20px; align-items:center; justify-content:center; z-index:2; background:rgba(0,0,0,.7);}
.join_carpopup.current {display:flex;}
.popup_body {max-width:280px; width:100%; background:#fff; border-radius:6px; padding:10px;}
.popup_body .close {width:100%; height:24px; text-align:right;}
.popup_body .popup_content {padding:26px 10px 10px 10px;}
.popup_body ul {display:flex;}
.popup_body ul li {width:calc(100% / 3); height:46px; margin:1px;}
.popup_body ul li input[type=radio] {display:none;}
.popup_body ul li label {width:100%; height:46px; border:1px solid #dedede; font-size:16px; display:flex; align-items:center; justify-content:center; font-weight:500; text-align:center; color:#9b9b9b;}
.popup_body ul li .space {background:#dedede;}
.popup_body ul li input[type=radio]:checked + label {background:#ffe3e9; color:#da002a; border:1px solid #da002a;}

/* login */
.body_edge .logincontents {padding:0px !important; justify-content:center; width:100%; height:100%;}
.login .logintitle {margin:0 auto 24px; width:173px; height:49px; background:url(../images/login_logo.png) no-repeat; background-size:173px;}
/* .linkform {width:100%; margin:10px 0 0 0;}
.linkform ul {display:flex; align-items:center;}
.linkform ul a {width:100%; text-align:center; border-left:1px solid #efefef;}
.linkform ul a:first-child {border-left:none;}
.linkform ul a li {font-size:14px; line-height:16px;}
.linkform ul a li.hot {color:#da002a; font-weight:800;} */

.loginform {margin:0 auto; max-width:600px; width:80%;}
.loginform .join_agree {padding:0;}
/* .loginform .con_box {margin-bottom:10px;}
.auto_login {width:120px;}
.auto_login label.art input[type="checkbox"] + * {margin-left:30px;}
.auto_login label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat;background-size:20px;}
.auto_login label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat;background-size:20px;}
.auto_login label.art span {line-height:20px;} */
.loginform button {width:100%; height:48px; font-size:16px; font-weight:900; border-radius:6px; background:#da002a; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.loginform button + button {margin-top:10px;}
.loginform .join {background:#707070;}

.login_edge {padding:0 20px;}
.login_edge .out_btn {border-top:1px solid #cbcbcb; text-align:center;}
.login_edge .out_btn p {display:inline-block; position:relative; top:-8px; background:#efefef; padding:0 10px; color:#000; font-size:14px; font-weight:700; margin-bottom:20px;}
.login_edge .out_btn div {display:flex; justify-content:center;}
.login_edge .out_btn div button {width:44px; height:44px; margin:0 10px;}
.login_edge .out_btn div button.btn_01 {background:#efefef url(../images/btn_ico_14.png) center no-repeat; background-size:44px;}
.login_edge .out_btn div button.btn_02 {background:#efefef url(../images/btn_ico_15.png) center no-repeat; background-size:44px;}
.login_edge .out_btn div button.btn_03 {background:#efefef url(../images/btn_ico_16.png) center no-repeat; background-size:44px;}


/* .body_edge {display:flex; flex-direction:column; min-height:100vh;} */
.body_edge {display:flex; flex-direction:column; height:100vh;}
.body_edge.bg {background:#efefef;}
/* .body_edge .body_title {flex:none; position:relative; height:50px; text-align:center; background:#fff;} */
.body_edge .titleborder {border-bottom:1px solid #efefef;}
.body_edge .body_title h2 {line-height:50px; color:#000; font-size:18px; font-weight:700;}
.body_edge .gisa_logo {height:0;}
.body_edge .gisa_logo h2 {font-family:'SBAggroB'; font-size:22px; line-height:50px; color:#fff;}
.body_edge .gisa_logo h2 span {font-weight:900; margin-left:2px; display:inline-block; text-align:center; width:40px; height:19px; border-radius:4px; font-size:13px; line-height:19px; background:#da002a;}
.body_edge .body_title .btn_l {position:absolute; left:0; top:0;}
.body_edge .body_title .btn_r {position:absolute; right:0; top:0;}
.body_edge .body_title .btn_n {position:absolute; right:0; top:0;}
.body_edge .body_title .btn_n span {position:absolute; right:13px; top:13px; display:block; width:4px; height:4px; border-radius:50%;}
.body_edge .body_title .btn_n span.new {background:#fff;}
.body_edge .body_title button:hover {opacity:0.7;}
.body_edge .body_title button.close {width:50px; height:50px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
.body_edge .body_title button.close_w {width:50px; height:50px; background:url(../images/nav_ico_02w.png) center no-repeat; background-size:24px;}
.body_edge .body_title button.prev {width:50px; height:50px; background:url(../images/nav_ico_01.png) center no-repeat; background-size:24px;}
.body_edge .body_title button.new_alerts {width:50px; height:50px; background:url(../images/alerts.png) center no-repeat; background-size:24px;}

.body_edge .startbtn_top {background:#da002a;}
.body_edge .startbtn_top h2 {width:120px; height:50px; background:url(../images/logo_w.png) center no-repeat; background-size:80px;}
.body_edge .startbtn_top button.new_alerts {width:50px; height:50px; background:url(../images/alerts_w.png) center no-repeat; background-size:24px;}
.body_edge .startbtn_top .btn_n span.new {background:#fff;}

.body_edge .pushlist_title h2 {padding-left:20px; text-align:left;}
.body_edge .pushlist_title .btn_r .location {width:max-content;}
.body_edge .pushlist_title .btn_r .location h2 {margin-right:10px; font-size:15px; line-height:18px; font-weight:700; color:#da002a;}
.body_edge .pushlist_title .btn_r .location label {width:48px; height:24px;}
.body_edge .pushlist_title .btn_r .location label::after {left:2px; width:20px; height:20px;}
.body_edge .pushlist_title .btn_r .location label::before {left:23px; font-size:11px; line-height:15px;}
.body_edge .pushlist_title .btn_r .location #start:checked + label {background:#da002a;}
.body_edge .pushlist_title .btn_r .location #start:checked + label::after {left:calc(100% - 22px); background:#fff;}
.body_edge .pushlist_title .btn_r .location #start:checked + label::before {left:7px; color:#fff;}

/* .slide_contents {position:absolute; top:50px; left:50%; transform:translateX(-50%); width:100%; z-index:9999;}
.slide_contents.show {width:100%; z-index:9999;}
.slide_contents .scbox {padding:0 20px; height:0px; overflow:hidden; display:flex; align-items:center; justify-content:space-between; background:#da002a; transition:all .4s;}
.slide_contents .scbox p {display:none; font-size:15px; line-height:18px; font-weight:500; color:#fff;}
.slide_contents .scbox input[type="checkbox"]{display:none;}
.slide_contents .scbox label {display:none; position:relative; width:60px; height:30px; background:#bcbcbc; color:#fff; border-radius:15px; transition:background 0.4s;}
.slide_contents .scbox label::after {content:""; position:absolute; left:1px; top:50%; width:28px; height:28px; border-radius:100%; background:#fff; transform:translateY(-50%); box-shadow:1px 3px 4px rgba(0,0,0,0.1); transition:all 0.4s;}
.slide_contents .scbox label::before {content:"OFF"; font-size:12px; line-height:14px; font-weight:700; letter-spacing:.5px; position:absolute; left:31px; top:50%; transform:translateY(-50%); transition:all 0.4s;} */
.location {position:absolute; top:0; right:50px; display:flex; align-items:center; height:50px;}
.location p {margin-right:6px; font-size:15px; line-height:50px; font-weight:500; color:#fff;}
.location input[type="checkbox"]{display:none;}
.location label {position:relative; width:60px; height:30px; background:#bcbcbc; color:#fff; border-radius:15px; transition:background 0.4s;}
.location label::after {content:""; position:absolute; left:1px; top:50%; width:28px; height:28px; border-radius:100%; background:#fff; transform:translateY(-50%); box-shadow:1px 3px 4px rgba(0,0,0,0.1); transition:all 0.4s;}
.location label::before {content:"OFF"; font-size:12px; line-height:14px; font-weight:700; letter-spacing:.5px; position:absolute; left:31px; top:50%; transform:translateY(-50%); transition:all 0.4s;}

#start:checked + label {background:#fff;}
#start:checked + label::after {left:calc(100% - 29px); background:#da002a;}
#start:checked + label::before {content:"ON"; color:#da002a; left:8px;}
/* .slide_btn {position:absolute; top:50px; left:50%; transform:translateX(-50%); z-index:9999; width:68px; height:24px; background:url(../images/slidedown_icon.png) center no-repeat; background-size:68px; transition:all .4s;}
.slide_btn.show {top:132px; background:url(../images/slideup_icon.png) center no-repeat; background-size:68px;}
.slide_btn:hover {opacity:1 !important;} */

.slide_contents .bg {display:none; z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:calc(100vh - 50px); overflow:hidden; background:rgba(0,0,0,.5);}
.slide_contents .scbox.show {height:82px;}
.slide_contents .bg.show, .slide_contents .scbox.show p, .slide_contents .scbox.show label {display:block;}
/* .slide_contents .wrap div.show p, .slide_contents .wrap div.show label {height:30px;} */
.slide_contents .slide_btn.show {background:url(../images/slideup_icon.png) center no-repeat; background-size:68px;}


.body_edge .contents {padding:10px; margin:50px 0; display:flex; flex-direction:column; flex:1; overflow:auto;}
.body_edge .list_contents {padding:10px; margin:0 0 90px 0;}
.body_edge .contentstop_notmargin {margin-top:0;}
.body_edge .cb_notmargin {margin-bottom:0;}
.body_edge .finance_contents {margin-bottom:109px}
.body_edge .bank_contents {margin-bottom:70px;}
.body_edge .agree_contents {margin-bottom:80px;}
.body_edge .more_contents {margin-bottom:90px;}
.body_edge .c_contents {margin-bottom:100px;}
.body_edge .oh_contents {padding:0; overflow-x:hidden;}

.body_edge .body_btn {flex:none; padding:10px 20px 20px 20px; display:flex; flex-wrap:wrap;}
.body_edge .body_btn.full {padding:0;}
.body_edge .body_btn button.t01 {height:50px; background:#262626; border-radius:6px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t02 {height:50px; background:#c2c2c2; border-radius:6px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t03 {height:50px; background:#da002a; border-radius:6px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t04 {height:50px; background:#7d7d7d; border-radius:6px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button {border-radius:6px; height:50px; background:#da002a; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn.full button {border-radius:0;}
.body_edge .body_btn button:hover {opacity:0.7;}
.body_edge .body_btn button:disabled {background:#c2c2c2;}
.body_edge .body_btn button:hover:disabled {opacity:1;}
.body_edge .body_btn .shipper_informbox {flex:1 1 100%; text-align:center; background:#fff; padding:16px 0;}
.body_edge .body_btn .shipper_informbox li.txt01 {font-size:14px; line-height:16px; font-weight:500; color:#a9a9a9;}
.body_edge .body_btn .shipper_informbox li.txt02 {font-size:14px; line-height:16px; font-weight:500; margin-top:10px;}

.body_edge .body_btn button + button {margin-left:4px;}

/* 더보기 footer */
.body_edge .body_btn2 {padding:0;}
.body_btn2 .cs_footbox {padding:11px 20px; width:100%; display:flex; justify-content:center; background:#363636; color:#fff;}
.body_btn2 .cs_footbox li {font-size:15px; line-height:18px; font-weight:500;}
.body_btn2 .cs_footbox .cstext02 {margin:0 14px 0 12px;}
.body_btn2 .cs_footbox .cstext02, .body_btn2 .cs_footbox .cstext03 {display:flex; align-items:center;}
.body_btn2 .cs_footbox .cstext02:before {content:''; margin-right:5px; display:block; width:18px; height:18px; background:url(../images/cs_icon01.png) no-repeat; background-size:18px;}
.body_btn2 .cs_footbox .cstext03:before {content:''; margin-right:5px; display:block; width:18px; height:18px; background:url(../images/cs_icon02.png) no-repeat; background-size:18px;}

.footer {width:100%; z-index:99; max-width:768px;}
.footer2 {position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; z-index:99; max-width:768px;}
.body_edge ul.footer_nav {display:flex; background:#fff; justify-content:space-around; flex:none; padding:7px 0; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.07);}
.body_edge ul.footer_nav li {flex:1; text-align:center;}
.body_edge ul.footer_nav li a {font-size:10px; padding-top:25px; color:#9b9b9b; font-weight:600; display:block;}
.body_edge ul.footer_nav li a:hover {opacity:0.7;}
.body_edge ul.footer_nav li a.r {color:#da002a;}
.body_edge ul.footer_nav li a.m1 {background:url(../images/nav_btn_01.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2 {background:url(../images/nav_btn_02.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m5 {background:url(../images/nav_btn_05.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3 {background:url(../images/nav_btn_03.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m6 {background:url(../images/nav_btn_06.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m7 {padding-top:0; height:38px; background:url(../images/nav_btn_07.png) center top no-repeat; background-size:38px;}
.body_edge ul.footer_nav li a.m8 {padding-top:0; height:38px; background:url(../images/nav_btn_08.png) center top no-repeat; background-size:38px;}
.body_edge ul.footer_nav li a.m1.r {background:url(../images/nav_btn_01r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2.r {background:url(../images/nav_btn_02r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m5.r {background:url(../images/nav_btn_05r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3.r {background:url(../images/nav_btn_03r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m6.r {background:url(../images/nav_btn_06r.png) center top no-repeat; background-size:24px;}

/* footer text */
.footer_textbox {padding:9px; margin-top:1px; background:#fff; text-align:center;}
.footer_textbox li {font-size:10px; line-height:11px; font-weight:500; color:#9b9b9b;}

.popup_edge {display:none; align-items:flex-end; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:998;}
.popup_edge:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.popup_edge > .edge {display:flex; position:relative; bottom:-100%; flex-direction:column; background:#fff; z-index:2; border-radius:20px 20px 0 0; overflow:hidden; padding:20px; max-height:calc(100% - 70px); width:100%; max-width:768px; transition:all .5s ease-in-out; box-sizing:border-box;}
.popup_edge > .edge.on {bottom:0;}
.popup_edge .head {margin-bottom:10px; text-align:right;}
.popup_edge .head_title {margin-bottom:16px; display:flex; align-items:center; justify-content:space-between;}
.popup_edge .head_title h2 {font-size:18px; line-height:21px; font-weight:800;}
.popup_edge .head button, .popup_edge .head_title button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
.popup_edge .head button:hover, .popup_edge .head_title button:hover {opacity:0.7;}
.popup_edge .body {overflow:auto;}
.popup_edge .address_body {height:389px;}
.popup_edge .address_body .con_box {margin-bottom:10px;}
.popup_edge .address_body .con_box > input {height:48px;}
.popup_edge .address_body .con_box > a.search {width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/Search.png) center no-repeat; background-size:20px auto;}

.popup_edge .address_body .address_box {position:relative;}
.popup_edge .address_body .address_box a.close {display:none;}
.popup_edge .address_body .address_box .add_popup {display:none; position:absolute; top:50px; left:-1px; padding:10px 0; width:100%; height:222px; border-radius:6px; border:1px solid #dedede; background:#fff; overflow:auto; scrollbar-width:none; z-index:2;}
.popup_edge .address_body .address_box .add_popup .add_text {padding:8px 20px; border-bottom:1px solid #ececec; cursor:pointer;}
.popup_edge .address_body .address_box .add_popup .add_text:last-child {border-bottom:none;}
.popup_edge .address_body .address_box .add_popup .add_text .text01 {font-size:16px; line-height:19px; font-weight:500;}
.popup_edge .address_body .address_box .add_popup .add_text .text02 {margin-top:4px; font-size:13px; line-height:15px; font-weight:500;}
.popup_edge .address_body .address_box .add_popup .add_text:hover {background:#f2f2f2;}

/* .popup_edge .address_search {height:60px; padding:20px; border:none; border-bottom:1px solid #dfdfdf;} */
.popup_edge .btn {display:flex; flex-wrap:wrap; margin-top:20px; /* box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
.popup_edge .btn button {flex:1; background:#da002a; color:#fff; font-weight:700; text-align:center; height:50px; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; font-size:16px;}
.popup_edge .btn button:hover {opacity:0.7;}
.popup_edge .btn button:disabled {background:#cbcbcb;}
.popup_edge .btn button:disabled:hover {opacity:1;}
.popup_edge .btn p.tip {display:flex; align-items:center; flex:1 1 100%; margin-bottom:10px; font-size:12px; background:url(../images/bg_ico_04.png) left center no-repeat; background-size:26px; min-height:26px; padding-left:32px; line-height:16px;}
.popup_edge.center {align-items:center;}
.popup_edge.center > .edge {border-radius:20px; margin:0 50px; bottom:auto;}

.popup_edge .body .mapbox {width:100%; height:405px; background:#ebebeb;}
.popup_edge .body .popup_listbox {max-height:376px; min-height:376px; height:100%;}
.popup_edge .body .popup_listbox li {height:48px; font-size:17px; line-height:48px;}

.popup_date {display:none; align-items:flex-end; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.popup_date:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.popup_date > .edge {display:flex; position:relative; bottom:-100%; flex-direction:column; background:#fff; z-index:2; border-radius:20px 20px 0 0; overflow:hidden; padding:20px; max-height:calc(100% - 70px); width:100%; max-width:768px; transition:all .5s ease-in-out; box-sizing:border-box;}
.popup_date > .edge.on {bottom:0;}
.popup_date .head {margin-bottom:10px; text-align:right;}
.popup_date .head_title {margin-bottom:16px; display:flex; align-items:center; justify-content:space-between;}
.popup_date .head_title h2 {font-size:18px; line-height:21px; font-weight:800;}
.popup_date .head button, .popup_edge .head_title button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
.popup_date .head button:hover, .popup_edge .head_title button:hover {opacity:0.7;}
.popup_date .body {overflow:auto;}
.popup_date .btn {display:flex; flex-wrap:wrap; margin-top:20px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.popup_date .btn button {flex:1; background:#da002a; color:#fff; font-weight:700; text-align:center; height:50px; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; font-size:16px;}
.popup_date .btn button:hover {opacity:0.7;}
.popup_date .btn button:disabled {background:#cbcbcb;}
.popup_date .btn button:disabled:hover {opacity:1;}
.popup_date .btn p.tip {display:flex; align-items:center; flex:1 1 100%; margin-bottom:10px; font-size:12px; background:url(../images/bg_ico_04.png) left center no-repeat; background-size:26px; min-height:26px; padding-left:32px; line-height:16px;}
.popup_date.center {align-items:center;}
.popup_date.center > .edge {border-radius:20px; margin:0 50px; bottom:auto;}

.popup_date .body .mapbox {width:100%; height:405px; background:#ebebeb;}
.popup_date .body .popup_listbox {max-height:376px; height:100%;}
.popup_date .body .popup_listbox li {height:48px; font-size:17px; line-height:48px;}
.map_addtext {height:18px; padding:3px 5px; font-size:15px; line-height:18px; font-weight:800; background:#151515; color:#fff; border-radius:4px; border:none;}
/* border:none; background:transparent; */

.footer_btn {display:flex; align-items:center; padding:10px;}
.footer_btn button {width:100%; height:50px; border-radius:6px; color:#fff; font-size:16px; font-weight:800;}
.footer_btn button:nth-child(1) {margin-right:2px;}
.footer_btn button:nth-child(2) {margin-left:2px;}
.footer_btn .agree {background:#da002a;}
.footer_btn .cancel {background:#7d7d7d;}

.tabs {width:100%; margin:0; padding:0; display:flex; background:#fff; margin-top:51px;}
.tabs li {width:calc(100% / 2); height:42px; line-height:42px; font-size:15px; font-weight:800; text-align:center; display:inline-block; padding:0 12px; cursor:pointer; color:#ccc;}
.tabs li:hover {border-bottom:2px solid #ccc; color:#ccc;}
.tabs li.current {border-bottom:2px solid #da002a; color:#da002a;}
.tab-content {display:none; background:#efefef;}
.tab-content.current {display:inherit; flex-direction:column;}

.orderlist_top {padding-bottom:10px; width:100%; justify-content:space-between;}
.orderlist_top, .orderlist_topright, .switchbox {display:flex; align-items:center;}
.orderlist_top select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.orderlist_top select {color:#222; font-weight:500; width:130px; padding:6px 9px; font-size:14px; line-height:16px; border:none; background: url('/resources/images/select_icon_.png') calc(100% - 9px) center no-repeat;}
select::-ms-expand {display:none;}
.orderlist_top select:focus {outline:none;}

.orderlist_topright .switchbox {margin-right:10px;}
.switchbox p {font-size:11px; line-height:13px; font-weight:500; color:#9b9b9b; margin-right:4px;}
.switchbox input[type="checkbox"]{display:none;}
.switchbox label {display:block; position:relative; width:48px; height:24px; background:#949494; color:#fff; border-radius:15px; transition:background 0.4s;}
.switchbox label::after {content:""; position:absolute; left:2px; top:50%; width:20px; height:20px; border-radius:100%; background:#fff; transform:translateY(-50%); box-shadow:1px 3px 4px rgba(0,0,0,0.1); transition:all 0.4s;}
.switchbox label::before {content:"OFF"; font-size:11px; line-height:11px; letter-spacing:.5px; position:absolute; left:23px; top:50%; transform:translateY(-50%); transition:all 0.4s;}

#chk:checked + label {background:#da002a;}
#chk:checked + label::after {left:calc(100% - 22px);}
#chk:checked + label::before {content:"ON"; color:#fff; left:5px;}
.orderlist_topright input[type="button"] {width:40px; height:24px; text-align:center; border:1px solid #cfcfcf; background:#fff; border-radius:4px; font-size:15px; font-weight:500; color:#9b9b9b; cursor:pointer;}

.not_found {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;display: none;}
.not_found img {width:71px;}
.not_found p {font-size:20px; line-height:24px; font-weight:800; margin-top:15px;}

#dlvyList {overflow-y:auto; scrollbar-width:none;}
#recomendDlvyList {overflow-y:auto; scrollbar-width:none;}
#MyDlvyList {height:calc(100vh - 223px); overflow-y:auto; scrollbar-width:none;}
#MyDlvyList2 {height:calc(100vh - 223px); overflow-y:auto; scrollbar-width:none;}
.orderbox {margin:10px 0; padding:10px; border:1px solid #cfcfcf; border-radius:6px; background:#fff;}
.orderbox:nth-child(1) {margin:0 0 10px 0;}
.gnorder_top, .gnorder_top ul {display:flex; align-items:center;}
.gnorder_top {justify-content:space-between;}
.body_edge ul .order_date {padding:1px 3px; font-size:13px; line-height:15px; font-weight:500; background:#ebebeb; border-radius:3px; color:#000;}
.orderbox .order_km {display:flex; align-items:center; margin-left:6px; font-size:13px; line-height:13px; font-weight:500; color:#919191;}
.orderbox .gnorder_top ul.arrival .order_km {margin-left:0; margin-right:6px;}
.orderbox .order_km span {margin-right:2px; display:inline-block; width:13px; height:13px; background:url(../images/order_icon01.png) center no-repeat; background-size:13px auto;}

.orderbox .order_add {display:flex; align-items:center; justify-content:space-between; margin:3px 0 6px 0; padding:0 5px;}
.orderbox .order_add > li {text-align:right; width:50%; font-size:18px; line-height:21px; font-weight:800;}
.orderbox .order_add > li:first-child {text-align:left;}
.orderbox .detailinfor {align-items:center; font-size:14px; line-height:18px; color:#9b9b9b; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orderbox .detailinfor .ts_text {display:flex; align-items:center; line-height:18px; font-weight:700; color:#409400;}
.orderbox .detailinfor .ts_text:after {content:''; margin:0 9px; display:block; height:12px; border:1px solid #d8d8d8; border-width:0 0 0 1px;}

.gnorder_amount {padding:10px; background:#efefef; border-radius:6px; margin-top:8px;}
.gnorder_amount ul {display:flex; align-items:center; justify-content:space-between;}
.gnorder_amount > ul > li:nth-child(1) {font-size:17px; line-height:18px; font-weight:500;}
.gnorder_amount > ul > .amount {display:flex; align-items:center; justify-content:flex-end; font-size:18px; line-height:18px; font-weight:500; text-align:right;}
.gnorder_amount > ul > .amount .mixed {margin-right:5px; display:block; width:28px; height:18px; background:url(../images/mixed_icon.png) no-repeat center; background-size:28px;}
.gnorder_amount ul li span {font-weight:800;}

.gnorder_amount .mo_gabox li {width:calc(50% - 30px);}

.orderbox .payLater {display:none; margin-top:5px; height:30px; border-radius:4px; border:1px solid #da002a; background:#ffe3e9; color:#da002a;}
.orderbox .payLater p {font-size:14px; line-height:30px; font-weight:700; text-align:center;}

.order_simple {display:none; width:66px; text-align:center;}
.gnorder_amount ul .order_simple li, .orderbox .order_add > .order_simple .order_km {width:auto; font-size:12px; line-height:14px;}
.orderbox .order_add > .order_simple {text-align:center;}
.orderbox .order_add > .order_simple .order_km {font-weight:500; margin-left:0;}
.gnorder_amount ul .order_simple li:nth-child(2) {margin-top:1px;}
.gnorder_amount ul .order_simple li span {font-weight:500;}

#tab-1 .special {border:2px solid #da002a; position:relative;}
#tab-1 .bonus {border:2px solid #cf001c; position:relative;}

#tab-2 .special {border:2px solid #da002a; position:relative;}
#tab-2 .appoint {border:2px solid #537b00; position:relative;}
#tab-2 .regular {border:2px solid #2258c5; position:relative;}

/* 보너스 */
.bonus .order_type {background:url(../images/order_type07.png) no-repeat; background-size:89px;}
.bonus .gnorder_top img {margin:0 auto; width:290px;}

.event .order_type {background:url(../images/order_type01.png) no-repeat; background-size:89px;}
.event .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #f6cc16 26%);}
.event .detailtop .ordertype {font-weight:700; color:#000;}
.event .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg0e.png) no-repeat; background-size:cover;}

.special .order_type {background:url(../images/order_type01.png) no-repeat; background-size:89px;}
.special .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #da002a 26%);}
.special .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg01.png) no-repeat; background-size:cover;}

.appoint .order_type {background:url(../images/order_type02.png) no-repeat; background-size:89px;}
.appoint .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #537b00 26%);}
.appoint .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg02.png) no-repeat; background-size:cover;}

.regular .order_type {background:url(../images/order_type03.png) no-repeat; background-size:89px;}
.regular .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #2258c5 26%);}
.regular .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg03.png) no-repeat; background-size:cover;}

/* 반경 */
.radius .order_type {background:url(../images/order_type04.png) no-repeat; background-size:89px;}
.radius .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #000 26%);}
.radius .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg04.png) no-repeat; background-size:cover;}

/* 혼적 */
.mix .order_type {background:url(../images/order_type05.png) no-repeat; background-size:cover;}
.mix .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #c522b5 26%);}
.mix .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg05.png) no-repeat; background-size:cover;}

/* 전달 */
/* .to_gisa .order_type {background:url(../images/order_type06.png) no-repeat; background-size:cover;} */
.to_gisa .detailtop {background:linear-gradient(90deg, #7d7d7d 74%, #c58922 26%);}
.to_gisa .detailtop .detailtopbg {width:60px; height:30px; background:url(../images/detailbg06.png) no-repeat; background-size:cover;}

.order_type {position:absolute; top:0; left:50%; transform:translateX(-50%); width:89px; height:17px; text-align:center; font-size:13px; line-height:17px; font-weight:800; color:#fff;}

.recommend_order {display:flex; align-items:center; justify-content:space-between; margin-top:8px;}
.recommend_order p {font-size:11px; line-height:13px; font-weight:500;}
.recommend_order p:nth-child(1) {color:#9b9b9b;}

.detailtop {display:flex; align-items:flex-start; justify-content:space-between; width:100%; height:40px; border-radius:6px 6px 0 0; color:#fff; background:#7d7d7d;}
.detailtop li {font-size:14px; line-height:30px; font-weight:500; white-space:nowrap;}
.detailtop .cargonumber {width:64%; margin-left:10px;}
.detailtop .ordertype {width:20%; text-align:center;}
.detailtop .deletebtn {width:50px; height:30px; font-size:14px; font-weight:500; color:#fff; margin-right:10px; padding:0;}
.detailtop .deletebtn img {height:14px; margin-right:4px;}

.detailbox {margin-top:-10px; padding:10px; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.05);}
.detailbox .bonus img {margin:0 auto 10px; display:block; width:290px;}
.detailbox hr {margin:20px -10px; border:1px dashed #dedcdc; border-width:1px 0 0 0;}
.detailbox .ci_hr {margin:15px 10px; border:1px solid #000; border-width:1px 0 0 0;}
.detailbox .ci_hr2 {margin:15px 10px; border:1px solid #dedcdc; border-width:1px 0 0 0;}
.detailbox .cghr1 {margin:15px 10px; border:1px solid #000; border-width:1px 0 0 0;}
.detailbox .cghr2 {margin:15px 10px; border:1px dashed #eee; border-width:1px 0 0 0;}
.detailbox .cghr3 {margin:15px 10px; border:1px solid #eee; border-width:1px 0 0 0;}
.detailbox .order_add, .detailbox .order_add .driving_km {display:flex;}
.detailbox .order_add {align-items:center; justify-content:space-between; margin-top:5px;}
.detailbox .order_add .order_simple {display:block;}
.detailbox .order_add .myorder_add {width:50%;}
.detailbox .order_add .myorder_add:last-child li {text-align:right;}
.detailbox .order_add > ul > li {font-size:20px; line-height:24px; font-weight:800;}
.detailbox .order_add .driving_km li {font-size:11px; line-height:13px; font-weight:500; color:#919191;}
.detailbox .order_add .driving_km .straight {margin-right:10px;}
.detailbox .order_add .driving_km li span {margin-right:2px; display:inline-block; width:13px; height:13px; border-radius:50%; background:#409400; text-align:center; font-size:10px; color:#fff;}
.detailbox .order_add .driving_km .straight span {background:#a78000;}

.cargoinfor .cg_inforbox, .cg_inforbox2 ul {display:flex; align-items:flex-start; padding:0 10px;}
.cargoinfor .cg_inforbox:nth-child(2) {margin:12px 0;}
.cargoinfor .cg_inforbox li {font-size:16px; line-height:20px; font-weight:500;}
.cargoinfor .cg_inforbox .cargotitle {width:80px; font-size:16px; color:#9b9b9b;}
.cargoinfor .cg_inforbox li:nth-child(2), .cargoinfor .cg_inforbox div {width:calc(100% - 80px);}
.cargoinfor .cg_inforbox div .ts_text {font-size:16px; line-height:20px; font-weight:700; color:#409400;}
.cargoinfor .cg_inforbox div button {font-size:13px; font-weight:500; color:#ababab;}
.cargoinfor .cg_inforbox div button img {margin-right:2px;}
.cargoinfor .cg_inforbox02 {margin-top:10px; display:flex; align-items:flex-start; padding:0 10px;}
.cargoinfor .cg_inforbox02 .ctext01 {width:100%; font-size:16px; line-height:20px; font-weight:500; color:#9b9b9b;}
.cargoinfor .cg_inforbox02 .ctext02 {width:100%; font-size:16px; line-height:20px; font-weight:500; color:#000; text-align:right;}
.cargoinfor .cg_inforbox02 .ctext03 {width:100%; font-size:16px; line-height:20px; font-weight:700; color:#000;}
.cargoinfor .cg_inforbox02 .ctext04 {display:flex; align-items:center; justify-content:flex-end; width:100%; font-size:16px; line-height:20px; font-weight:700; color:#da002a; text-align:right;}
.cargoinfor .cg_inforbox02 .ctext04 .mixed {margin-right:5px; display:block; width:28px; height:18px; background:url(../images/mixed_icon.png) no-repeat center; background-size:28px;}
.cargoinfor .cg_inforbox02 .hp_text {color:#409400;}

.cargoinfor .cardfee {margin:10px 10px 0; padding:10px; font-size:13px; line-height:14px; font-weight:500; background:#f1f1f1; color:#616161;}
.cargoinfor .feetext {margin:0 10px; padding-left:10px; position:relative; font-size:13px; line-height:16px; font-weight:500; color:#616161;}
.cargoinfor .feetext:before {content:''; position:absolute; top:6px; left:0; display:block; width:4px; height:4px; border-radius:50%; background:#666;}
.cargoinfor .vattext2 {margin:10px;}
#cargoinfortext {display:inline; word-break:break-all;}
#btn.hidden {display:none;}

.c_insidebox {margin:10px 10px 0; padding:10px; background:#f1f1f1;}
.c_insidebox ul {display:flex; align-items:center;}
.c_insidebox ul:nth-child(2) {margin-top:10px;}
.c_insidebox ul .cis_text01 {width:100%; font-size:13px; line-height:15px; font-weight:500; color:#616161;}
.c_insidebox ul .cis_text02 {width:100%; font-size:13px; line-height:15px; font-weight:500; color:#000; text-align:right;}

.cg_inforbox2 ul:nth-child(2) {margin-top:13px;}
.cg_inforbox2 ul li {width:100%; font-size:16px; line-height:20px; font-weight:500;}
.cg_inforbox2 ul .cargotitle {font-size:14px; color:#9b9b9b;}
.cg_inforbox2 ul .cargotitle.font-bold {color:#000;}
.cg_inforbox2 ul li:nth-child(2) {text-align:right;}

.vatbox {margin:10px; padding:13px 0 12px 0; text-align:center; border-radius:6px; background:#f1f1f1;}
.vatbox p {font-size:12px; line-height:14px; font-weight:500;}
.vatbox button {margin:6px 0 0 0; width:156px; height:35px; font-size:14px; font-weight:700; border-radius:4px; background:#da002a; color:#fff;}

.img_map, .img_map ul {display:flex;}
.img_map {padding:20px 10px 10px 10px; justify-content:space-between; align-items:flex-end;}
.img_map ul li {width:60px; height:60px; border-radius:6px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; cursor:pointer; background-size:26px auto;}
.img_map ul li img {width:100%; height:100%; object-fit:cover;}
.img_map ul li:nth-child(2) {margin:0 10px;}
.img_map button {width:44px; height:44px; background:url(../images/map_icon.png) no-repeat; background-size:cover;}

.ad_banner {margin-top:10px;}

.detailinformbox {padding:0 10px; display:flex; align-items:flex-start; position:relative;}
.detailinformbox .circle_icon {z-index:2; margin:2px 6px 0 0; width:11px; height:11px; border-radius:50%; background:#fff; border:1px solid #bababa;}
.detailinformbox .circle_icon2 {margin:6px 6px 0 0;}
.destination .circle_icon, .destination2 .circle_icon {background:#bababa;}
.detailinformbox:nth-child(1):before {content:''; display:block; position:absolute; top:5.5px; left:15.5px; height:46px; border:1px dashed #9597a4; opacity:0.3;}
.destination1:before {height:70px !important;}

.addbox {width:calc(100% - 50px);}
.addbox .date_distance, .order_distance {display:flex; align-items:center;}
.addbox p {font-size:15px; line-height:18px; font-weight:800; margin-bottom:2px;}
.addbox .detail_text {margin:4px 0 0 0; font-size:14px; line-height:16px; font-weight:500;}
.addbox .date_distance .order_distance {font-size:13px; line-height:15px; font-weight:500; color:#919191;}
.addbox .date_distance .order_distance span {margin-right:2px; display:inline-block; width:13px; height:13px;}
.addbox .date_distance .order_distance .icon01 {background:url(../images/order_icon01.png) center no-repeat; background-size:13px auto;}
.addbox .date_distance .order_distance .icon02 {background:url(../images/order_icon02.png) center no-repeat; background-size:13px auto;}
.addbox .date_distance li:nth-child(2) {margin:0 10px;}

.addbox2 {width:calc(100% - 16px);}
.addbox2 .date_distance {display:flex; align-items:center;}
.addbox2 p {font-size:20px; line-height:24px; font-weight:800; margin-bottom:2px;}
.addbox2 .date_distance .order_distance {font-size:13px; line-height:15px; font-weight:500; color:#919191;}
.addbox2 .date_distance .order_distance span {margin-right:2px; display:inline-block; width:13px; height:13px;}
.addbox2 .date_distance .order_distance .icon01 {background:url(../images/order_icon01.png) center no-repeat; background-size:13px auto;}
.addbox2 .date_distance .order_distance .icon02 {background:url(../images/order_icon02.png) center no-repeat; background-size:13px auto;}
.addbox2 .date_distance li:nth-child(2) {margin:0 10px;}

/* 후불결제 화면 */
.payLaterBox {margin-bottom:10px; font-size:14px; line-height:30px; font-weight:700; text-align:center; border-radius:4px; border:1px solid #da002a; background:#ffe3e9; color:#da002a;}
.destination2:before {height:86px !important;}
.addbox2 .detail_text {margin:0; font-size:14px; line-height:16px; font-weight:500;}

.minusPoints {margin-top:20px;}
.minusPoints p {padding:0 10px; font-size:16px; line-height:19px; font-weight:500;}
.minusPoints ul {margin-top:10px; padding:7px 10px; display:flex; align-items:center; justify-content:space-between; border-radius:4px; background:#ffe3e9;}
.minusPoints ul li {font-size:16px; line-height:19px; font-weight:500;}

.cancel_edge .body .point ul {padding:15px 20px; text-align:center; border-radius:6px; border:1px solid #dedede; background:#fff;}
.cancel_edge .body .point ul .text01 {margin-bottom:10px; font-size:18px; line-height:21px; font-weight:700;}
.cancel_edge .body .point ul .text02 {font-size:15px; line-height:19px; font-weight:500;}
.cancel_edge .body .point p {margin-top:20px; font-size:15px; line-height:19px; font-weight:500;}

.detailbox .mapaddtext {width:calc(100% - 16px); font-size:20px; line-height:24px; font-weight:800;}
#map_pop .detailbox {padding:10px 10px 20px;}

.addbox02 {width:calc(100% - 75px);}
.detailinformbox .callinfrom {margin-left:6px; width:50px;}
.detailinformbox .callinfrom button {display:block; margin:0 auto 2px; padding:0 6px; width:50px; height:22px;}
.detailinformbox .callinfrom .call01 {background:url(../images/phone_icon01.png) no-repeat center; background-size:22px;}
.detailinformbox .callinfrom .call02 {background:url(../images/phone_icon02.png) no-repeat center; background-size:22px;}
.detailinformbox .callinfrom li {font-size:11px; line-height:13px; font-weight:500; color:#919191; text-align:center; word-break:break-all;}
/* .detailinformbox .callinfrom img {width:22px;} */

.destination {margin-top:12px;}
.destination2 {margin-top:16px;}
.noticebox {width:100%; margin-top:10px;}
.noticebox ul, .noticebox ul li {display:flex; align-items:center;}
.noticebox ul {margin-bottom:5px;}
.noticebox ul li + li {margin-left:15px;}
.noticebox span {margin-right:7px; display:inline-block; width:13px; height:13px;}
.noticebox .icon01 {background:url(../images/order_icon01.png) center no-repeat; background-size:13px auto;}
.noticebox .icon02 {background:url(../images/order_icon02.png) center no-repeat; background-size:13px auto;}

.noticebox li {font-size:13px; line-height:18px; font-weight:500; color:#646464;}

.settingbox {margin-top:20px;}
.settingbox div {display:flex; align-items:center;}
.settingbox .inquiry01 {display:none; margin-top:8px; width:100%;}
.settingbox .inquiry01 .con_box > input {height:40px; padding-right:30px; font-size:14px;}
.settingbox .con_box {margin-bottom:0; width:100%;}
.settingbox .con_box:nth-child(1) {margin-right:2px;}
.settingbox .con_box:nth-child(2) {margin-left:2px;}

.date_select {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); border-radius:6px;}
.date_select input[type=radio] {display:none;}
.date_select #date1 + label, .date_select #date01 + label, .date_select #date04 + label, .date_select #list01 + label, .date_select #time01 + label, .date_select #money01 + label, .date_select #date11 + label {border-radius:6px 0 0 6px;}
.date_select #date4 + label, .date_select #date03 + label, .date_select #date06 + label, .date_select #list02 + label, .date_select #time03 + label, .date_select #money03 + label, .date_select #date12 + label {border-radius:0 6px 6px 0;}
.date_select input[type=radio]+label {display:inline-block; cursor:pointer; height:48px; width:100%; border:1px solid #dedede; font-size:16px; line-height:48px; text-align:center; font-weight:500;}
.date_select input[type=radio]+label {background-color:#fff;}
.date_select input[type=radio]:checked+label {background-color:#ffe3e9; border:1px solid #da002a; color:#da002a;}

.mylist_inquiry {margin-top:51px; padding:10px; background:#fff;}
.mylist_inquiry .inquiry01, .mylist_inquiry .inquiry02 {display:flex; align-items:center; width:100%;}
.mylist_inquiry .inquiry01 {margin-bottom:10px;}
.mylist_inquiry .inquiry01 > .con_box {margin-bottom:0; width:43%; box-shadow:none;}
.mylist_inquiry .inquiry01 > .con_box > input {height:40px; padding-right:30px;}
.mylist_inquiry .inquiry01 p {font-size:16px; line-height:40px; font-weight:800; margin:0 2px;}
.mylist_inquiry .inquiry01 button {margin-left:5px; width:77px; height:40px; border-radius:6px; background:#7d7d7d; color:#fff; font-size:15px; font-weight:800;}

.mylist_inquiry .inquiry02 .tabs {margin-top:0;}
.mylist_inquiry .inquiry02 .tabs li {width:100%; height:40px; font-size:15px; font-weight:800; background:#efefef; color:#ababab;}
.mylist_inquiry .inquiry02 .going {border-radius:6px 0 0 6px;}
.mylist_inquiry .inquiry02 .complete {border-radius:0 6px 6px 0;}
.mylist_inquiry .inquiry02 .tabs .current {background:#da002a; color:#fff; border:none;}
.mylist_inquiry .inquiry02 .tabs li:hover {border-bottom:none;}

.picker_edge {display:flex; flex-direction:column; justify-content:center;}
.picker_edge .view {border:1px solid #ebebeb; background:#efefef; display:flex; justify-content:center; padding:10px 0; border-radius:5px;}
.picker_edge .view > div {border:none; font-size:16px; padding:0 5px; font-weight:600; color:#000;}
.picker_edge .datepicker {margin:0 0 10px 0; padding:20px 20px 10px 20px; border-bottom:1px solid #ebebeb;}
.picker_edge .datepicker .ui-datepicker-header {position:relative; text-align:center;}
.picker_edge .datepicker .ui-datepicker-header .ui-datepicker-title {display:inline-block; color:#222; font-size:16px; font-weight:700; line-height:30px; margin-bottom:10px;}
.picker_edge .datepicker .ui-datepicker-header a {position:absolute; width:30px; height:30px;}
.picker_edge .datepicker .ui-datepicker-header a span {display:none;}
.picker_edge .datepicker .ui-datepicker-header a.ui-datepicker-prev {top:0; left:0; background:url(../images/btn_ico_17.png) center no-repeat; background-size:7px auto;}
.picker_edge .datepicker .ui-datepicker-header a.ui-datepicker-next {top:0; right:0; background:url(../images/btn_ico_18.png) center no-repeat; background-size:7px auto;}
.picker_edge .datepicker  table.ui-datepicker-calendar {}
.picker_edge .datepicker  table.ui-datepicker-calendar thead {}
.picker_edge .datepicker  table.ui-datepicker-calendar thead tr {}
.picker_edge .datepicker  table.ui-datepicker-calendar thead tr th span {display:inline-block; width:30px; line-height:30px; font-size:14px;}
.picker_edge .datepicker  table.ui-datepicker-calendar thead tr th:first-child span {color:#e2320e;}
.picker_edge .datepicker  table.ui-datepicker-calendar thead tr th:last-child span {color:#2d72db;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody {}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr {text-align:center;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td a {display:inline-block; width:30px; line-height:30px; font-weight:500; position:relative; box-sizing:border-box; font-size:14px;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td:first-child a {color:#e2320e;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td:last-child a {color:#2d72db;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td a.ui-state-active {border-radius:40px; background:#000; color:#fff;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td a.ui-state-highlight {background:none; color:inherit;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td a.ui-state-highlight.ui-state-active {background:#ebebeb;}
.picker_edge .datepicker  table.ui-datepicker-calendar tbody tr td a.ui-state-highlight:after {content:""; width:4px; height:4px; border-radius:4px; background:#e2320e; position:absolute; bottom:5px; left:50%; margin-left:-2px;}
.picker_edge .picker {position: relative; overflow: hidden; display:flex;}
.picker_edge .picker > div {height: 90px; flex:1;}
.picker_edge .picker .swiper-slide {min-height: 30px; height: auto; color:#000; text-align: center; font-size: 14px; display: flex; justify-content: center; align-items: center; user-select: none; opacity: 0.25; transition: opacity 0.3s ease; cursor: default; font-weight: bold; -webkit-tap-highlight-color: transparent;}
.picker_edge .picker .swiper-slide-prev, .picker_edge .picker .swiper-slide-next {cursor: pointer;}
.picker_edge .picker .swiper-slide-active {opacity: 1;}

.seek_edge {padding:10px 20px 20px 20px;}
.seek_edge > .mbseekbox {margin:0 0 10px 0;}
.seek_edge hr {border:1px dashed #d5d5d5; margin:16px 0 10px 0;}
.mb {display:flex; align-items:center; justify-content:space-between;}
.seek_edge > div label {width:auto; font-size:14px; font-weight:600; color:#7e7e7e;}
.seek_edge .seek-bar {margin:46px 15px 36px 15px;}
.mb_seek_bar {display:flex; align-items:center; margin-top:22px;}
.mb_seek_bar p {margin-top:4px;}
.mb_seek_bar p img {width:24px;}
.seek_edge .seek-bar {flex:1; position:relative; z-index:10; margin:0 15px;}
.seek_edge .seek-bar .legend {display:flex; justify-content:space-between; width:100%; position:absolute; height:6px; background:#ededed; border-radius:6px;}
.seek_edge .seek-bar .legend span {font-size:11px; margin-top:13px; color:#c7c7c7;}
.seek_edge .seek-bar .Pbar {left:0; right:0; width:200px; height:6px; top:8px; position:absolute; background:#dd1b37; border-radius:6px; margin-left:10px;}
.seek_edge .seek-bar .circle {width:22px; height:22px; cursor:grab; position:absolute; left:0; top:3px; transform:translate(-50%,-50%); touch-action: none;}
.seek_edge .seek-bar .circle .bar {height:100%; -webkit-filter:url("#svg_goo"); filter:url("#svg_goo");}
.seek_edge .seek-bar .circle .bar em {border:3px solid #dd1b37; pointer-events:none; position:absolute; width:15px; height:15px; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:100%; transition:all .5s; box-shadow:0px 3px 5px #b5b5b5;}
.seek_edge .seek-bar .circle span {pointer-events:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); filter:none; color:#e61c3a;font-size:14px; font-weight:600; transition:all .5s;white-space:nowrap;text-align:center;}
.seek_edge .seek-bar .circle div.bar > em:nth-child(2) {border:1px solid #dd1b37; margin-top:-26px; width:26px; height:18px; border-radius:3px;}
.seek_edge .seek-bar .circle span {margin-top:-26px; font-size:12px; font-weight:800;}
.seek_edge .seek-bar .circle div.bar > em.w1 {width:15px; height:15px; border-radius:50%;}
.seek_edge .seek-bar .circle div.bar > em.w2 {width:58px; height:18px;}

.seek_edge div input {width:50px; height:30px; font-size:14px; font-weight:600; background:#fff; border:1px solid #dedede; border-radius:5px; text-align:center; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.seek_edge div input::-webkit-inner-spin-button {appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.cargoinformlist2 {height:calc(100vh - 121px); z-index:1; overflow-y:auto; /* scrollbar-width:none; */}
.guidebox {padding:10px 20px 5px 20px; display:flex; align-items:flex-start;}
.guidebox img {width:14px; margin:2px 6px 2px 0;}
.guidebox li {font-size:13px; line-height:18px; font-weight:500;}

.shipper_select {position:relative;}
.shipper_select .close {position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/btn_ico_09.png) center no-repeat; background-size:20px;}
.shipper_select input {padding:0 40px 0 10px;}

#MyDlvyList .detailview, #MyDlvyList2 .detailview {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);}
#MyDlvyList .detailview + .detailview, #MyDlvyList2 .detailview + .detailview {margin-top:10px;}

/* 후불 - 세금계산서 발행 */
.vatContents {display:none; margin-bottom:10px;}
.vatContents ul {padding:0 10px; display:flex; align-items:center; justify-content:space-between; height:53px; border-radius:4px; background:#fff;}
.vatContents ul li {font-size:16px; line-height:19px; font-weight:800;}
.vatContents ul .vat_btn {width:110px; height:33px; font-size:14px; line-height:33px; font-weight:700; text-align:center; border-radius:4px; background:#da002a; color:#fff;}

.detailbox .gnorder_top .order_km {font-size:13px; line-height:15px; font-weight:500; color:#919191; margin:0 5px;}
.detailbox .gnorder_amount {padding:0; background:#fff;}
.detailbox .gnorder_amount ul p {width:60px; height:24px; border-radius:3px; text-align:center; font-size:13px; line-height:24px; font-weight:800;}
.detailbox .gnorder_amount ul .option01 {background:#fff; color:#222; border:1px solid #222;}
.detailbox .gnorder_amount ul .option02 {background:#537b00; color:#fff;}
.detailbox .gnorder_amount ul .option03 {background:#222; color:#fff;}
.detailbox .gnorder_amount ul .option04 {background:#ffe3e9; color:#da002a;}

.detailbox .payLater_vat {display:none; margin-top:10px; border-radius:4px; background:#ebebeb;}
.detailbox .payLater_vat ul {padding:0 10px; display:flex; align-items:center; justify-content:space-between; height:33px;}
.detailbox .payLater_vat ul li {font-size:16px; line-height:19px; font-weight:800;}

.img_popupwrap.open {display:block;}
.img_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999;}
.img_popup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:300px; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:300px; width:100%; height:100% ;max-height:300px; object-fit:contain;}
.img_popup .buttonbox {width:100%; display:flex; margin:10px 0 0 0;}
.img_popup .buttonbox button {width:100%; height:50px; border-radius:5px; font-size:16px; font-weight:800; text-align:center; color:#fff; background:#636363;}
.img_popup .buttonbox .delete_button img {width:14px; margin:0 5px 0 0;}

.img_popup .buttonbox .close_button {background:#636363; margin:0 3px 0 0;}
.img_popup .buttonbox .delete_button {background:#da002a; display:flex; align-items:center; justify-content:center; margin:0 0 0 3px;}
.img_popup .buttonbox .delete_button img {width:14px; margin:0 5px 0 0;}

.signpopupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:998;}
.signpopup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:300px; height:60%; padding:10px; border-radius:5px; background:#fff;}
.signpopup .head {margin-bottom:10px; text-align:right;}
.signpopup .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
#canvas {background:url(../images/signpopup_img.png) center no-repeat #ebebeb; border-radius:6px; width:100%; height:calc(100% - 235px);}
.signpopup .footer_btn {padding:10px 0 0 0;}
.signex_text {position:absolute; top:46%; left:50%; transform: translate(-50%, -50%); width:100%; text-align:center;}
.signex_text img {width:30px;}
.signex_text p {font-size:16px; line-height:20px; font-weight:500; color:#ababab; margin-top:19px;}

.signpopup .photoBox {margin-top:20px;}
.signpopup .photoBox h2 {font-size:16px; line-height:19px; font-weight:700; text-align:center;}
.signpopup .photoBox .img_map {padding:15px 0 16px 0; justify-content:center;}
/* .signpopup .photoBox button {display:flex; align-items:center; justify-content:center; width:100%; height:50px; font-size:16px; font-weight:800; border-radius:6px; background:#000; color:#fff;}
.signpopup .photoBox button span {margin-right:9px; display:block; width:24px; height:24px; background:url(../images/photo_icon.png) no-repeat center; background-size:24px;} */

#photoType .body .popup_listbox {min-height:auto;}
#photoType .body .popup_listbox li {display:flex; align-items:center; font-weight:700;}
#photoType .body .popup_listbox li span {margin-right:8px; width:26px; height:26px;}
#photoType .body .popup_listbox li span.type01 {background:url(../images/p_popupIcon01.png) no-repeat center; background-size:26px;}
#photoType .body .popup_listbox li span.type02 {background:url(../images/p_popupIcon02.png) no-repeat center; background-size:26px;}

/* .footer .footer_btn .deliver01 {margin-right:0;}
.footer .footer_btn .deliver02 {margin-left:0;} */
.footer .footer_btn .deliver03 {margin-left:0;}
.footer .footer_btn .deliver04 {margin-left:0;}

.message_edge {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
.message_edge:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.message_edge .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:320px; margin:0 20px;}
.message_edge .edge .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.message_edge .edge .body {padding:20px; text-align:center; font-size:15px; font-weight:500; color:#000; line-height:20px; word-break: keep-all;}
.message_edge .edge .body .bank_popup .ca_text01 {font-size:15px; color:#222;}
.message_edge .edge .body .bank_popup .ca_text02 {font-size:13px; line-height:16px; color:#222; margin-top:10px;}
.message_edge .edge .body .tc_title {margin:10px 0; font-size:18px; line-height:20px; font-weight:700;}
.message_edge .edge .body .vat {padding:15px; margin:10px 0 5px 0; display:block; font-size:16px; line-height:20px; font-weight:700; border-radius:6px; border:1px solid #dedede; background:#fff;}
.message_edge .edge .body .font-red002 {display:block; font-size:13px; line-height:15px; font-weight:500; text-align:left; color:#da002a;}
.message_edge .edge .body .md_vattitle {margin:10px 0; font-size:18px; line-height:23px; font-weight:700;}
.message_edge .edge .body .mo_vat {padding:15px; border-radius:6px; border:1px solid #dedede; background:#fff;}
.message_edge .edge .body .mo_vat .v_text01 {font-size:18px; line-height:20px; font-weight:700;}
.message_edge .edge .body .mo_vat .v_text02 {margin-top:10px; font-size:15px; line-height:19px; font-weight:500;}
.message_edge .edge .btn {padding:20px; padding-top:0; display:flex;}
.message_edge .edge .btn button {flex:1;}
.message_edge .edge .btn button + button {margin-left:5px;}
.message_edge .edge .btn button.b01 {background:#da002a; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge .edge .btn button.b02 {background:#7d7d7d; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge .edge .btn button.b03 {background:#da002a; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge .edge .btn button.b04 {background:#7d7d7d; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}

.message_edge3 {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.message_edge3:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.message_edge3 .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:400px; margin:0 20px;}
.message_edge3 .edge .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.message_edge3 .edge .body {padding:40px; text-align:center; font-size:14px; color:#000; line-height:20px; word-break: keep-all;}
.message_edge3 .edge .body .bank_popup .ca_text01 {font-size:15px; color:#222;}
.message_edge3 .edge .body .bank_popup .ca_text02 {font-size:13px; line-height:16px; color:#222; margin-top:10px;}
.message_edge3 .edge .body .vat {padding:15px; margin-top:10px; display:block; font-size:16px; line-height:20px; font-weight:800; border-radius:6px; background:#fff;}
.message_edge3 .edge .btn {padding:20px; padding-top:0; display:flex;}
.message_edge3 .edge .btn button {flex:1;}
.message_edge3 .edge .btn button + button {margin-left:5px;}
.message_edge3 .edge .btn button.b01 {background:#da002a; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge3 .edge .btn button.b02 {background:#7d7d7d; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}

.dwm_top {padding:10px 15px; margin-bottom:30px; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.dth_top {margin-top:1px; padding:10px 15px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.total_money {margin:5px 0;}
.total_money ul, .total_money ul .window_inform {display:flex; align-items:center;}
.total_money ul li {width:100%; font-size:18px; line-height:21px; font-weight:500;}
.window_inform span {display:inline-block; width:14px; height:14px; background:url(../images/btn_ico_23.png); background-size:cover; margin:0 0 0 4px;}
/* .total_money ul:nth-child(2) {margin-top:5px;} */
.total_money ul li:nth-child(2) {text-align:right;}
.total_money ul .money span {margin-right:3px; font-weight:800;}

.settingbox2 {margin-top:20px;}
.settingbox2 div {display:flex; align-items:center;}
.settingbox2 .inquiry01 {margin-top:8px; display:none; width:100%;}
.settingbox2 .inquiry01 .con_box {width:100%;}
.settingbox2 .inquiry01 .con_box > input {height:40px; padding-right:30px; font-size:14px;}
.settingbox2 .inquiry01 p {margin:0 2px;}
.settingbox2 .con_box {margin-bottom:0;}
.settingbox2 .date_select input[type=radio]+label {height:38px; line-height:38px;}

.income_table {height:124px; background:#fff; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08); padding:10px 20px; margin-top:10px;}
.money_inquiry {padding:0 10px; display:flex; align-items:center; justify-content:space-between; margin:10px 0;}
.money_inquiry .listselect_box > input {width:130px;}
.money_inquiry .listselect_box > input, .money_inquiry .money_box {font-size:13px;}
.money_inquiry .money_box {width:100%; display:flex; align-items:center; justify-content:space-between; color:#222;}
.money_inquiry .money_box .font-bold {margin-left:10px;}

.search_box {display:flex; align-items:center;}
.search_box div {position:relative;}
.search_box div input {padding:0 18px 0 13px; width:142px; height:36px; font-size:14px; border-radius:6px 0 0 6px; border:1px solid #dedede; background:#fff;}
.search_box div input::placeholder {font-size:14px;}
#searchclear {position:absolute; right:5px; top:50%; transform:translateY(-50%); width:12px; height:12px; background:url(../images/searchclear.png) no-repeat; background-size:12px;}
.search_box button {width:40px; height:36px; border-radius:0 6px 6px 0; background:url(../images/search_icon01.png) no-repeat center #7d7d7d; background-size:24px;}

.money_inquiry2 {padding:0 20px; display:flex; align-items:center; justify-content:space-between; background:#7d7d7d;}
.money_inquiry2 h4 {font-size:13px; line-height:30px; font-weight:500; color:#fff;}
.money_inquiry2 p {font-size:13px; line-height:30px; font-weight:700; color:#fff;}

.money_inquirylist {height:calc(100% - 137px); overflow-x:hidden; overflow-y:auto; -ms-overflow-style: none; scrollbar-width: none;}
.money_inquirylist::-webkit-scrollbar {display:none;}
.moneyinform {background:#fff; margin:5px 0;}
.moneyinform:nth-child(1) {margin:0 0 5px 0;}
.moneyinform ul {padding:10px 20px; display:flex; align-items:center; justify-content:space-between;}
.moneyinform ul li {font-size:14px; line-height:16px; font-weight:500;}
.moneyinform .informtitle li:nth-child(2) {font-size:17px; line-height:18px;}
.moneyinform ul .date_time {font-size:13px;}
.moneyinform hr {border:1px dashed #eeeeee; margin:0; border-width:1px 0 0 0;}
.moneyinform .thbtn {margin-left:10px; width:91px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}
.em_inform {background:#fffadb;}
.em_inform .e_informtitle {margin-bottom:4px; text-align:center;}
.em_inform hr {border:1px dashed #f6d85a; margin:0; border-width:1px 0 0 0;}

.minus .informtitle .font-bold {color:#da002a;}
.plus .informtitle .font-bold {color:#6b9f00;}

.account {padding:7px 10px; margin-top:13px; display:flex; align-items:center; justify-content:space-between; border-radius:5px; background:#efefef;}
.account .account_number {font-size:15px; line-height:20px;}
.account button {font-size:15px; line-height:20px; text-decoration:underline;}

/* .withdrawinform {padding:0 10px;} */
.withdrawinform .con_box {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.withdrawinform .con_box > input {padding-right:10px; background:#fff;}
.withdraw_pw {display:flex; align-items:center; justify-content:space-between;}
.withdraw_pw .window_inform {font-size:14px; font-weight:700; line-height:16px; margin-bottom:7px; display:flex; align-items:center;}

.message_edge .edge {position:relative;}
.message_edge .head {position:absolute; top:5px; right:10px; width:30px; height:30px;}
.message_edge .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
.successbox {width:max-content; position:fixed; bottom:128px; left:50%; transform:translateX(-50%); font-size:16px; line-height:19px; font-weight:500; color:#fff; background:rgba(0,0,0,.6); padding:15px 30px; border-radius:25px;z-index: 2;display: none;}

.message_edge3 .edge {position:relative;}
.message_edge3 .head {position:absolute; top:5px; right:10px; width:30px; height:30px;}
.message_edge3 .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}

.ml_map {height:100vh;}
.mlboxtop {z-index:9999; position:fixed; top:11px; left:7px; padding:20px 17px; background:rgba(255,255,255,.89); border-radius:9px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.mlboxtop .road {position:relative; font-size:12px; line-height:18px; font-weight:800; display:flex; align-items:center;}
.mlboxtop .km {font-size:11px; line-height:13px; font-weight:500; margin:14px 0 14px 16.5px; color:#7d7d7d;}
.mlboxtop .road:before {content:''; display:inline-block; margin:0 7px 0 3px; width:11px; height:11px; border-radius:50%; background:#b2b2b2; z-index:1;}
.mlboxtop .ml_km, .mlboxtop .ml_go, .mlboxtop .ml_stop {color:#da002a; font-weight:800;}
.mlboxtop .ml_go:before {content:''; display:inline-block; margin:0 7px 0 0; width:18px; height:18px; border-radius:50%; background:url(../images/popup_mapicon02.png) no-repeat; background-size:cover; z-index:1;}
.mlboxtop .ml_stop:before {background:#da002a;}
.mlboxtop .road:after {position:absolute; top:6px; left:8.3px; content:''; display:inline-block; height:56px; border:1px dashed #bcbcbc;}
.mlboxtop .road:last-child:after {height:0;}

.mlboxfooter {position:fixed; bottom:0; left:0; width:100%; z-index:9999;}
.mlboxfooter .route {width:fit-content; padding:7px 12px; background:#fff; border-radius:8px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-left:10px;}
.mlboxfooter .route li {font-size:11px; line-height:12px; font-weight:700; display:flex; align-items:center;}
.mlboxfooter .route li:nth-child(1) {margin-bottom:5px;}
.mlboxfooter .route li .route01 {display:inline-block; width:31px; height:5px; background:url(../images/route01.png) no-repeat; background-size:cover; margin-right:10px;}
.mlboxfooter .route li .route02 {display:inline-block; width:31px; height:5px; background:url(../images/route02.png) no-repeat; background-size:cover; margin-right:10px;}

.mlboxfooter > p {height:36px; margin:8px 10px 6px 10px; background:rgba(0,0,0,.77); border-radius:6px; font-size:14px; line-height:36px; font-weight:500; text-align:center; color:#fff;}
.mlboxfooter > p .font-y {font-size:21px; color:#f7ff00; font-weight:700;}
.mlinformbox {background:#fff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.56); padding:14px 10px 10px 10px; border-radius:6px 6px 0 0;}
.mlinformbox ul {display:flex; align-items:center; justify-content:space-between;}
.mlinformbox ul li:nth-child(1) {font-size:19px; line-height:23px; font-weight:500; border-radius:6px;}
.mlinformbox ul li:nth-child(2) {font-size:24px; line-height:29px; font-weight:500; border-radius:6px;}
.mlinformbox ul li .font-red {font-weight:800;}
.mlinformbox p {width:100%; font-size:17px; line-height:24px; font-weight:800; text-align:center; padding:12px 0; margin:7px 0 10px 0; background:#efefef; border-radius:6px;}
.mlinformbox .footer_btn {padding:0;}

.namebox {display:flex; align-items:center; height:20px; border-radius:6px; padding:14px 20px; margin-bottom:20px; background:#f1f1f1; border:1px solid #dedede;}
.namebox .account_holder {font-size:14px; line-height:16px; font-weight:700; margin-right:30px;}
.namebox .name {font-size:18px; line-height:20px; font-weight:700;}

.use_guide {padding:20px; margin-top:40px; background:#f1f1f1; border-radius:6px;}
.use_guide .ug_title {font-size:14px; line-height:16px; font-weight:700; display:flex; align-items:center;}
.use_guide .ug_title span {display:inline-block; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) no-repeat; background-size:cover; margin-right:6px;}
.use_guide ul li {font-size:13px; line-height:18px; margin-top:10px; font-weight:500; display:flex; align-items:flex-start;}
.use_guide ul li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:#707070; margin:6px 5px 0 0;}

.bank_change .con_box a {display:none;}

.bank_list {max-height:380px; overflow-y:auto; scrollbar-width:none;}
.bank_list::-webkit-scrollbar {display: none;}
.bank_list .bank_contents, .bank_list .bank_contents ul {display:flex; align-items:center;}
.bank_list .bank_contents {margin-bottom:20px;}
.bank_list .bank_contents:last-child {margin-bottom:0;}
.bank_list .bank_contents ul {width:50%; cursor:pointer;}
.bank_list .bank_contents ul img {width:32px;}
.bank_list .bank_contents ul li {font-size:16px; line-height:19px; font-weight:500; margin-left:10px;}

.find_title {margin-top:20px; font-size:20px; line-height:24px; font-weight:700;}
.find_text {margin-top:5px; font-size:15px; line-height:19px; font-weight:500; color:#9b9b9b;}
.find_inputbox {margin-top:30px;}
.find_inputbox2 {margin-top:0;}
.find_inputbox .find_password {margin-bottom:10px;}
.find_inputbox .con_box > input {height:48px;}
.find_inputbox .con_box > input:disabled {background:#e3e3e3; color:#b2b2b2;}
.find_inputbox .con_box > input:disabled + a {color:#b2b2b2;}
.find_input .con_box > a.close, .new_password .con_box > a.view, .new_password .con_box > a.view.on {width:48px; height:48px;}
.find_input {display:flex; align-items:center;}
.find_input .con_box, .numberbox .con_box {margin-bottom:0;}
.find_input .con_box {width:calc(100% - 95px);}
.find_input button {margin-left:5px; width:95px; height:48px; font-size:16px; font-weight:500; border-radius:6px; background:#da002a; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.find_input .replay_btn {display:none; background:#7d7d7d;}

.find_inputbox .error_text {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#da002a;}
.find_inputbox .replaytext {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#b2b2b2;}
.numberbox .con_box.time_over {background:#e3e3e3; color:#b2b2b2;}
.numberbox .time_over a:hover {color:#b2b2b2;}
/* .find_inputbox .con_box > input::placeholder, .new_password .con_box > input::placeholder {font-size:16px; font-weight:500;} */
.numberbox .time_over > input::placeholder {color:#b2b2b2;}

.numberbox {margin-top:10px; display:none;}
.numberbox .con_box > a.timetext {width:48px; height:48px; position:absolute; right:0; top:0; font-size:15px; line-height:48px; font-weight:500;}
.body_btn .find_completed {display:none;}

.found_id {margin-top:30px; padding:20px; background:#f1f1f1; border-radius:6px;}
.found_id li:nth-child(1) {font-size:14px; line-height:16px; font-weight:500;}
.found_id li:nth-child(2) {font-size:18px; line-height:21px; font-weight:700; margin-top:12px;}
.find_box {margin-top:40px; display:flex; flex-direction:column; justify-content:center; width:100%; height:90px; border-radius:6px; background:#f1f1f1;}
.find_box p {padding:0 20px; font-size:18px; line-height:20px; font-weight:700;}

.new_password {margin-top:50px;}
/* .new_password .con_box {margin-bottom:0;} */
.new_password span {margin:-12px 0 10px 0;}

.order_delivery {display:flex; align-items:center; font-size:14px; line-height:16px; color:#da002a; font-weight:500; text-decoration:underline;}
.order_delivery span {margin-right:5px; display:block; width:14px; height:14px; background:url(../images/btn_ico_23.png) no-repeat; background-size:cover;}

#order_deliverypop .body {height:380px;}
#order_deliverypop .od_title {font-size:20px; line-height:24px; font-weight:800;}
#order_deliverypop .od_contents {margin-top:28px; padding:0;}
#order_deliverypop .od_contents p {font-size:14px; line-height:18px; font-weight:500; margin-bottom:20px;}
#order_deliverypop .od_contents .od_btnbox {display:flex; align-items:center;}
#order_deliverypop .od_contents .con_box {width:calc(100% - 63px); margin-bottom:0;}
#order_deliverypop .od_contents .con_box > input {padding-right:10px;}
#order_deliverypop .od_contents .od_btnbox > button {margin-left:4px; width:57px; height:48px; border-radius:6px; background:#7b7b7b; font-size:16px; color:#fff;}
/* #order_deliverypop .od_contents .con_box > input::placeholder {font-size:16px;} */
.od_contents {margin-top:5px; padding:20px; background:#fff; font-size:15px; line-height:24px; font-weight:500;}
.od_contents .d_infrom {display:flex; align-items:center; border-bottom:1px solid #eee; padding:12px 20px; cursor:pointer;}
.od_contents .d_infrom img {width:30px; margin-right:10px;}
.od_contents .d_infrom ul .name {font-size:14px; line-height:16px; font-weight:800; color:#000;}
.od_contents .d_infrom ul .tel {font-size:14px; line-height:16px; font-weight:500; color:#979797; margin-top:4px;}

.managerbox {margin-top:20px; padding:20px; border-radius:6px; background:#f1f1f1;}
.managerbox h2 {margin-bottom:20px; font-size:16px; line-height:19px; font-weight:700;}
.managerbox p {font-size:16px; line-height:24px; font-weight:500;}

.login_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.login_box img {width:50px;}
.login_box h2 {font-size:20px; line-height:26px; font-weight:700; margin:20px 0 20px 0;}
.login_box .full_btn {margin:0 20px;}
.login_box .full_btn button {width:100%; height:50px; border-radius:6px; font-size:16px; font-weight:700; color:#fff; margin-top:10px;}
.login_box .full_btn .yes_btn {background:#da002a;}
.login_box .full_btn .no_btn {background:#7d7d7d;}

.mycontents .contents {padding:0;}
.myinformbox {padding:20px; background:#fff; border-bottom:1px solid #e7e7e7; margin-bottom:5px;}
.myinformbox:last-child, .myinformbox .my_inform4:last-child, .mi_contents:last-child, .mi_contents .myinformbox {margin-bottom:0;}
.mi_contents {margin-bottom:5px;}
.mi_contents a {display:block; height:59px;}
.myinformbox hr {border:1px solid #dedcdc; margin:10px -2px 0 -2px; border-width:1px 0 0 0;}
.myinformbox .inside_line {border:1px solid #e7e7e7; margin:0; border-width:1px 0 0 0;}
.myinformbox .my_inform, .myinformbox .my_inform2, .myinformbox .my_inform4 {display:flex;}

.myprofile {margin:0 auto 10px; position:relative; width:120px; height:120px;}
.myprofile img {width:100%; height:100%; border-radius:50%; object-fit:cover; overflow:hidden;}
.myprofile .newprofile {position:absolute; bottom:0; right:0; width:34px; height:34px; background:url(../images/newimg.png) center no-repeat; background-size:34px;}
.myprofile .newprofile input {width:0; height:0; opacity:0;}
.myinformbox .my_inform {align-items:center;}
.myinformbox .my_inform2 {margin-top:20px;}
.myinformbox .my_inform .qrbox {margin-right:10px; width:160px; height:160px;}
.myinformbox .my_inform .mi_topbox {width:calc(100% - 130px);}
.myinformbox .my_inform .toptext01 {font-size:24px; line-height:29px; font-weight:500; color:#979797;}
.myinformbox .my_inform .toptext01 span {font-weight:700; color:#222;}
.myinformbox .my_inform .toptext02 {margin:4px 0 24px 0; font-size:16px; line-height:19px; font-weight:500; color:#222;}
.myinformbox .my_inform button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}
/* .myinformbox .my_inform button img {height:10px; margin-left:5px;} */

.myinformbox .switchbox label, .st_inform .switchbox label {width:60px; height:30px;}
.myinformbox .switchbox label::after, .st_inform .switchbox label::after {width:28px; height:28px;}
.myinformbox .switchbox label::before, .st_inform .switchbox label::before {font-size:12px; left:31px;}
#chk2:checked + label, #chk3:checked + label, #chk4:checked + label {background:#da002a;}
#chk2:checked + label::after, #chk3:checked + label:after, #chk4:checked + label:after {left:calc(100% - 30px);}
#chk2:checked + label::before, #chk3:checked + label:before, #chk4:checked + label:before {content:"ON"; color:#fff; left:5px;}
.myinformbox .switchbox p {display:flex; align-items:center; font-size:15px; line-height:18px; color:#979797; margin-left:10px; margin-right:0;}
.myinformbox .switchbox p img {width:14px; margin-left:5px;}

.myinformbox .mi_text01 {width:110px; font-size:15px; line-height:24px; font-weight:500; color:#979797;}
.myinformbox .mi_text02 {font-size:15px; line-height:24px; font-weight:500; color:#222;}
.myinformbox .mi_text03 {font-size:15px; line-height:24px; font-weight:500; color:#cbcbcb;}
.myinformbox .my_inform3 {width:calc(100% - 110px); display:flex; align-items:center; justify-content:space-between;}
.myinformbox .my_inform3 button, .myinformbox .my_inform4 button {width:58px; height:24px; border-radius:4px; background:#f2f2f2; font-size:12px; font-weight:700;}
.myinformbox .my_inform3 .bgr_btn, .myinformbox .my_inform4 .bgr_btn {background:#ffe3e9; color:#da002a;}
.myinformbox .mi_text001 {font-size:14px; line-height:16px; font-weight:500;}
.myinformbox .mi_text002 {font-size:13px; line-height:16px; font-weight:700; color:#da002a;}

.myinformbox .my_inform4 {align-items:center; justify-content:space-between; margin-bottom:20px;}
.myinformbox .my_inform4 .mi_title {font-size:15px; line-height:18px; font-weight:700;}
.myinformbox .my_inform4 img {height:10px;}

.mypage_popup {background:#fff;}
/* .mypage_popup.current {height:100%;} */
.mypage_popup .contents {padding:0 20px; overflow-x:hidden;}
.mypage_popup .mypopup_line {border:1px solid #e0e0e0; margin:0 -20px; border-width:1px 0 0 0;}
.mypage_popup .change_title {margin:39px 0 30px 0;}
.mypage_popup .change_title h2 {font-size:20px; line-height:24px; font-weight:700;}
.mypage_popup .change_title p {font-size:15px; line-height:18px; font-weight:500; margin-top:5px; color:#9b9b9b;}
.mypage_popup .body_btn .close {background:#7d7d7d;}

.mypage_popup02 {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.mypage_popup02:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.mypage_popup02.current {display:flex;}
.mypage_popup02 .body_edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:400px; height:auto; margin:0 20px;}
.mypage_popup02 .body_edge .body_title {height:40px;}
.mypage_popup02 .body_edge .body_title h2 {padding:0 20px; font-size:15px; line-height:40px; font-weight:700; text-align:left;}
.mypage_popup02 .mp_textbox {padding:30px 0 20px 0; text-align:center;}
.mypage_popup02 .mp_textbox li {font-size:15px; line-height:22px; font-weight:400;}
.mypage_popup02 .mp_textbox li:nth-child(2) {margin-top:10px;}

.mypage_popup .pop_inputbox {display:flex; margin-bottom:10px;}
.mypage_popup .pop_inputbox .con_box {margin-bottom:0; margin-right:5px; width:calc(100% - 100px);}
.mypage_popup .pop_inputbox .con_box > input {height:48px;}
.mypage_popup .pop_inputbox .con_box > a.close {width:48px; height:48px;}
.mypage_popup .pop_inputbox .pop_button button {width:95px; height:48px; font-size:16px; font-weight:500; background:#c2c2c2; color:#fff; border-radius:6px;}
.mypage_popup .pop_inputbox .pop_button .certify_but {background:#da002a;}
.mypage_popup .pop_inputbox .pop_button .resend_but {background:#7d7d7d;}
.mypage_popup .certify .con_box > input {padding-right:70px;}
.mypage_popup .none {display:none;}

.mypage_popup .expire {background:#e3e3e3; margin-bottom:8px;}
.expire .phone_buttonbox p, .expire input::placeholder {color:#b2b2b2;}
.mypage_popup .expiretext {font-size:14px; line-height:18px; font-weight:500; color:#b2b2b2;}

.popinputbox {margin-top:20px;}
.popinputbox .con_box {margin-bottom:10px;}
.popinputbox .pw_guide {font-size:13px; line-height:15px; font-weight:500; color:#cbcbcb; margin:-2px 0 10px 0;}
.popinputbox .pw_guide_r {font-size:14px; line-height:18px; font-weight:500; color:#da002a; margin:-2px 0 0 0;}

.mypage_popup .join_agree, .mypage_popup .join_agree ul {padding:0;}
.mypage_popup .join_agree ul li {margin-bottom:20px; background:#fff;}
.mypage_popup label.art input[type="checkbox"] + *:before {width:20px; height:20px; background-size:20px;}
.mypage_popup label.art input[type="checkbox"]:checked + *:before {background-size:20px;}
.mypage_popup label.art span {line-height:20px;}
.mypage_popup .join_agree textarea {width:100%; height:130px; padding:12px 14px; font-size:14px; line-height:20px; font-weight:500; color:#222; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); resize:none;}
.mypage_popup .textnumber {font-size:13px; text-align:right; line-height:18px; font-weight:500; margin-top:6px; color:#cbcbcb;}
.mypage_popup .textnumber span {color:#222;}

.mypage_popup .pop_guidebox {padding:20px; border-radius:6px; background:#f1f1f1; margin-bottom:20px;}
.mypage_popup .pop_guidebox li {font-size:13px; line-height:18px; font-weight:500; margin-bottom:10px; display:flex; align-items:flex-start;}
.mypage_popup .pop_guidebox li:last-child {margin-bottom:0;}
.mypage_popup .pop_guidebox li:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#707070; margin:7px 5px 0 0;}

.st_contents {background:#fff; margin-bottom:5px;}
.st_contents:last-child {margin-bottom:0;}
.st_contents .setting_title {font-size:17px; line-height:20px; font-weight:700; padding:14px 20px;}
.st_inform {display:flex; align-items:center; justify-content:space-between; padding:9px 20px 8px 20px; border-bottom:1px solid #e7e7e7;}
.st_inform .st_text01, .soundbox li label span {font-size:15px; line-height:18px; font-weight:500;}

.soundbox li {padding:13px 20px; border-bottom:1px solid #e7e7e7; position:relative;}
.soundbox li label {display:flex; align-items:center; justify-content:space-between;}
.soundbox li label input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.soundbox li label input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

.mypage_popup .manage_guide {margin:20px 0 0 0; padding:10px 20px; font-size:13px; line-height:18px; font-weight:500; color:#000; background:#f1f1f1; border-radius:6px;}
.searchbox {margin:20px 0; display:flex; align-items:center;}
.searchbox .con_box {width:calc(100% - 65px); margin-bottom:0;}
.searchbox .con_box > input {height:48px;}
.searchbox button {margin-left:5px; width:60px; height:48px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff;}

.gisa_list {margin:0 -20px;}
.gisa_total {padding:8px 20px; display:flex; align-items:center; justify-content:space-between; background:#f1f1f1;}
.gisa_total p {font-size:14px; line-height:16px; font-weight:700;}
.gisa_total button {width:60px; line-height:24px; font-size:13px; font-weight:500; border-radius:3px; background:#da002a; color:#fff;}

.bg_line {border:5px solid #efefef; border-width:5px 0 0 0; margin:0;}
.mypage_popup .mygisatitle {font-size:13px; line-height:15px; padding:8px 20px; font-weight:500;}
.mygisa_content {padding:13px 20px; display:flex; align-items:center; border-bottom:1px solid #eee; background:#fff;}
.mygisa_content .mg_informbox {width:100%; display:flex; align-items:center;}
.mygisa_content .mg_informbox:nth-child(2) {justify-content:flex-end;}
.mg_informbox p {font-size:14px; line-height:16px; font-weight:700;}
.mg_informbox ul {text-align:right;}
.mg_informbox ul .mg_text01 {font-size:14px; line-height:16px; font-weight:500; color:#000;}
.mg_informbox ul .mg_text02 {font-size:13px; line-height:15px; font-weight:500; color:#979797; margin-top:3px;}

.bookmark_cb {margin-right:8px;}
.bookmark_cb input[type="checkbox"]{display:none;}
.bookmark_cb label{display:block; width:18px; height:18px; background:url(../images/my_icon_15.png) center top no-repeat; background-size:18px; cursor:pointer;}
.bookmark .bookmark_cb input[type="checkbox"] + label, .bookmark_cb input[type="checkbox"]:checked + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:18px;}

.mg_informbox .trash {width:23px; height:23px; margin-left:15px; background:url(../images/trash_icon_02.png) center top no-repeat; background-size:23px;}

#driver_register .edge, #client_register .edge {padding:20px 0;}
#driver_register .head, #driver_register .btn, #client_register .head, #client_register .btn {padding:0 20px;}
#driver_register .body, #client_register .body {height:387px;}
.dr_text, .dr_text button, .dr_searchbox {display:flex; align-items:center;}
.dr_text {padding:8px 20px; justify-content:space-between;}
.dr_text h2 {font-size:20px; line-height:24px; font-weight:700; color:#000;}
.dr_text button {font-size:14px; font-weight:700; color:#da002a;}
.dr_text button img {height:10px; margin-left:10px;}
.dr_guide {font-size:14px; line-height:18px; font-weight:500; color:#000; padding:20px;}

.dr_searchbox {margin-bottom:20px; padding:0 20px;}
.dr_searchbox .con_box {margin-bottom:0; width:calc(100% - 57px); display:flex; box-shadow:none; border:none;}
.dr_searchbox .con_box input {height:48px; padding-right:10px;}
.dr_searchbox .box01 {width:40%; box-shadow:0px 3px 5px #ebebeb;}
.dr_searchbox .box02 {width:60%; margin:0 4px; box-shadow:0px 3px 5px #ebebeb;}
.dr_searchbox button {width:57px; height:48px; font-size:15px; border-radius:6px; background:#7d7d7d; color:#fff;}

.mydriver .mismatch {padding:0 20px; display:none; flex-direction:column;}
.mydriver .mismatch li {font-size:14px; line-height:17px; font-weight:500; padding-top:10px; color:#979797;}
.mydriver .mismatch li.font-red {color:#da002a;}

/* 푸시 오더 */
.accept_edge {position:relative; height:calc(100% - 12px);}
.accept_edge.special {border:6px solid #c90000;}
.accept_edge.regular {border:6px solid #2258c5;}
.accept_edge.appoint {border:6px solid #009700;}
.accept_edge.radius  {border:6px solid #000;}
.accept_edge.event  {border:6px solid #702ae7;}

.accept_edge .close_btn_cont {margin:10px 14px; display:flex; align-items:center;}
.accept_edge .close_btn_cont button {width:100%; height:50px; border-radius:25px; font-size:20px; font-weight:800;}
.accept_edge .close_btn_cont button + button {margin-left:10px;}
.accept_edge .close_btn_cont button.push_close_all {background:#da002a; color:#fff;}
.accept_edge .close_btn_cont button.push_close {display:flex; align-items:center; justify-content:center; background:#fae100; color:#222;}
.accept_edge .close_btn_cont button.push_close span {margin-left:6px; display:block; width:14px; height:14px; background:url(../images/push_icon01.png) no-repeat center; background-size:14px;}
/* .accept_edge .push_close {position:absolute; top:4px; right:4px; width:60px; height:60px; background:url(../images/push_icon01.png) no-repeat center; background-size:60px; z-index:10;} */

.accept_edge .accept_title {margin:0 14px;}
.accept_edge .accept_title ul {padding:10px;}
.accept_edge .accept_title ul .title_text01 {font-size:26px; line-height:30px;}
.accept_edge .accept_title ul .title_text02 {font-size:17px; line-height:20px;}

.accept_edge .event ul {padding:0;}
.accept_edge .event ul .title_text01 {margin-top:3px; height:47px; line-height:47px; border-radius:8px; background:#702ae7;}
.accept_edge .event ul .title_text03 {position:relative; padding:8px 0 0 14px; height:35px;}
.accept_edge .event ul .title_text03::after {content:''; position:absolute; top:0; left:0; width:46px; height:44px; background:url(../images/push_icon05.png) no-repeat center; background-size:46px;}
.accept_edge .event ul .title_text03 span {display:block; height:26px; font-size:14px; line-height:26px; font-weight:800; border-radius:6px; border:2px solid #702ae7; background:#f6cc16; color:#702ae7;}

.accept_edge .contents {padding:10px; margin:0 0 154px 0;}
.accept_edge .contents .accept_contents {margin:auto;}
.accept_edge .contents .accept_add2 {position:static; transform: translate(0,0);}
.accept_edge .contents .accept_add2 .aa_text03 {margin:0; display:flex; align-items:flex-end; justify-content:center; line-height:26px;}
.accept_edge .contents .accept_add2 .aa_text03 .arrow {margin:0 4px; display:inline-block; width:5px; height:26px; background:url(../images/push_icon02.png) no-repeat center; background-size:5px;}
.accept_edge .contents .accept_add2 .aa_text03 .km {margin-left:4px; font-size:26px; line-height:31px; font-weight:700; color:#fae100;}

.accept_edge .contents .call {margin:0 auto; padding-left:32px; position:relative; width:fit-content; font-size:17px; line-height:24px; font-weight:700;}
.accept_edge .contents .call::after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url(../images/push_icon04.png) no-repeat center; background-size:24px;}
.accept_edge .contents .call span {color:#fae100;}

.accept_edge .contents .order_inform {margin:15px auto 10px; width:316px; height:190px; border-radius:8px; border:1px solid #fff; background:#222; overflow:hidden;}
.accept_edge .contents .order_inform .conbox {position:relative; padding:14px 22px; height:93px; background:#414141;}
.accept_edge .contents .order_inform .conbox textarea {padding:0; height:93px; font-size:24px; line-height:31px; font-weight:700; border:none; background:transparent; scrollbar-width:none; color:#fff;}
.accept_edge .contents .order_inform .conbox {display:block;}
.accept_edge .contents .order_inform .conbox li {height:93px; font-size:24px; line-height:31px; font-weight:700; color:#fff; overflow-y:auto; scrollbar-width:none;}
.accept_edge .contents .order_inform .conbox li .km {color:#fae100;}
.accept_edge .contents .order_inform .conbox a {display:block; position:absolute; bottom:16px; right:20px; height:29px; font-size:24px; line-height:29px; font-weight:700; text-decoration:underline; color:#fae100; z-index:2;}
.accept_edge .contents .order_inform .amount {font-size:38px; line-height:69px; font-weight:700; text-align:center; color:#fae100;}

.accept_edge .footer_btn {padding:0 20px;}
.accept_edge .orderPopup {margin:10px 20px 20px; width:calc(100% - 40px); height:48px; font-size:19px; font-weight:700; border-radius:24px; background:#da002a; color:#fff;}

/* 보너스 푸시 */
.cu_title {margin:20px 20px 0; display:flex; align-items:center; justify-content:center; height:40px; border-radius:6px; border:2px solid #cf001c; background:#f6cc16;}
.cu_title span {width:43px; height:31px; background:url(../images/cu_icon.png) no-repeat center; background-size:43px;}
.cu_title h2 {margin-left:6px; font-size:17px; font-weight:800; color:#cf001c;}

.bonusOrder {margin:7px 20px 0; padding:15px; border-radius:8px; background:#cf001c;}
.bonusOrder .bo_text01 {font-size:29px; line-height:35px; font-weight:700; text-align:center; color:#fae100;}
.bonusOrder .bo_text02 {margin-top:11px; font-size:19px; line-height:24px; font-weight:700; text-align:center; color:#fff;}
.bonusOrder .bo_text02 span {color:#fae100;}

.accept_title {margin:20px; border-radius:8px; text-align:center;}
.accept_title.appoint {background:#009700;}
.accept_title.special {background:#c90000;}
.accept_title.regular {background:#2258c5;}
.accept_title.radius {background:#000;}
.accept_title h2 {padding:22px 16px; font-size:22px; line-height:28px; font-weight:500;}
.accept_title ul {padding:16px;}
.accept_title ul .title_text01 {font-size:29px; line-height:35px; font-weight:700;}
.accept_title ul .title_text02 {font-size:19px; line-height:23px; font-weight:500; margin-top:10px;}

.accept_add, .accept_add2 {position:fixed; top:45%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:768px; text-align:center;}
.accept_add img, .accept_add2 img {margin:12px 0; width:28px;}
.accept_add ul .aa_text01 {font-size:43px; line-height:51px; font-weight:200;}
.accept_add2 ul .aa_text01 {font-size:32px; line-height:36px; font-weight:800;}
.accept_add ul .aa_text01 span {font-weight:800; color:#009700;}
.accept_add ul .aa_text02, .accept_add2 ul .aa_text02 {font-size:17px; line-height:20px; font-weight:300; margin-top:4px;}

.accept_text {margin:0 20px; padding:20px; font-size:26px; line-height:30px; font-weight:700; background:#414141; border-radius:8px; text-align:center;}
.accept_text span {color:#fae100;}
.accept_btn {padding:20px;}
.accept_btn button {height:70px; font-size:30px;}
.accept_btn .accept {background:#fae100; color:#222;}
.accept_btn button:nth-child(1) {margin-right:5px;}
.accept_btn button:nth-child(2) {margin-left:5px;}

.accept_popup {display:none; position:fixed; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; max-width:768px; z-index:9999;}
.accept_add ul .aa_text03 {font-size:41px; line-height:49px; font-weight:700;}
.accept_add ul .aa_text05 {font-size:30px; line-height:37px; font-weight:700;}
.accept_add ul .aa_text04 {font-size:22px; line-height:26px; font-weight:500; margin-top:20px;}
.accept_popup .full button {margin:0;}

.notifi_btnbox {margin-top:50px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; background:#fff;}
.notifi_btnbox .delete {width:80px; height:28px; font-size:15px; font-weight:700; border-radius:4px; border:1px solid #000; background:#fff;}
.notifi_type {display:flex; align-items:center;}
.notifi_type button {width:80px; height:28px; font-size:12px; line-height:24px; font-weight:500; text-align:center; border-radius:12px; background:#f2f2f2; color:#000;}
.notifi_type button + button {margin-left:10px;}
.notifi_type button.on {background:#000; color:#fff; font-weight:700;}

@media all and (max-width:374px) {
	.notifi_btnbox .delete, .notifi_type button {width:76px;}
	.notifi_type button + button {margin-left:5px;}
}

.notifi_contents {padding:10px 11px;}
.notifi_contents .notifibox1 {position:relative; margin-bottom:10px; border-radius:6px; border:1px solid #919191; background:#fff;}
.notifi_contents .notifibox1:last-child {margin-bottom:0;}
.notifibox1 a img {position:absolute; top:6px; right:6px; width:20px; z-index:999;}
.notifi_contents .notifibox1 .notifibox {padding:10px; border-radius:6px;}
.notifibox .nbox_top, .notifibox .nbox_bottom {display:flex; align-items:center; justify-content:space-between;}
.notifibox .nbox_top li {display:flex; font-size:14px; line-height:16px; font-weight:700;}
.notifibox .nbox_top .new span {display:block; width:4px; height:4px; border-radius:50%; background:#da002a; margin-left:3px;}
.notifibox p {font-size:13px; line-height:16px; font-weight:500; margin:10px 0;}
.notifibox .nbox_bottom li {font-size:12px; line-height:14px; font-weight:500; color:#919191;}
.notifibox .nbox_bottom .details {display:flex; align-items:center;}
.notifibox .nbox_bottom .details a {color:#da002a;}
.notifibox .nbox_bottom .details img {width:4px; margin-left:8px;}

.cp_toptext {text-align:center; margin:42px 0 2px 0;}
.join_form .cp_title {margin-bottom:8px;}
.pc_datebox {width:100%;}
.pc_datebox .con_box > input {height:46px; padding-right:0; padding-left:34px;}
.pc_datebox .con_box > a.calendar {top:0; left:0; width:34px; height:46px;}
.pc_inputbox .con_box > input {height:48px;}
.pc_inputbox .con_box > a.right {width:48px; height:48px;}
.pc_select input[type=radio]+label {height:46px;}
.pc_select #way1+label {border-radius:6px 0 0 6px;}
.pc_select #way2+label {border-radius:0 6px 6px 0;}

.np_top {margin-top:14px; display:flex; align-items:center; justify-content:space-between;}
.np_top ul {width:40%; text-align:center;}
.np_top ul:nth-child(1) {border-right:1px solid #e9e9e9;}
.np_top .np_toptext01 {font-size:20px; line-height:24px; font-weight:700;}
.np_top .np_toptext02 {font-size:11px; line-height:13px; font-weight:500; color:#919191;}
.np_top button {width:70px; height:44px; font-size:13px; font-weight:500; border-radius:6px; background:#7d7d7d; color:#fff;}

.np_top2 {margin:10px 0 20px 0; padding:10px 20px; display:flex; align-items:center; border-radius:6px; background:#efefef;}
.np_top2 ul {width:100%; display:flex; align-items:center;}
.np_top2 ul .allm {margin-left:10px;}
.np_top2 ul:nth-child(2) {justify-content:flex-end;}
.np_top2 .np_toptext02 {font-size:11px; line-height:13px; font-weight:500; color:#919191;}
.np_top2 .np_toptext03 {margin-left:10px; font-size:20px; line-height:24px; font-weight:500;}
.np_top2 .np_toptext03 span {font-weight:800;}

.np_top3 {margin:10px 0 20px 0; padding:10px 20px;  align-items:center; border-radius:6px; background:#efefef;}
.np_top3 ul {width:100%; display:flex; align-items:center;}
.np_top3 ul .allm {margin-left:10px;}
.np_top3 ul li:nth-child(1) {justify-content:flex-start;}
.np_top3 ul li:nth-child(2) {justify-content:flex-end;}
.np_top3 .np_toptext02 {font-size:11px; line-height:13px; font-weight:500; color:#919191;}
.np_top3 .np_toptext03 {margin-left:10px; font-size:20px; line-height:24px; font-weight:500;}
.np_top3 .np_toptext03 span {font-weight:800;}
.np_top4 {display:flex;}
.np_top4 .r {justify-content:flex-end;}

.np_top3 .addbox {margin-bottom:10px;}
.np_top3 .addbox li {width:100%; font-size:16px; line-height:19px; font-weight:800;}
.np_top3 .addbox li:nth-child(3) {text-align:right;}

.np_contents {height:calc(100vh - 250px); overflow-y:auto;}
.np_box {margin-top:10px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.05);}
a:nth-child(1) .np_box {margin-top:0;}
a:last-child .np_box {margin-bottom:10px;}
.np_box .detailbox {padding:0;}
.np_box .orderbox {margin-top:0;}
.np_box .detailtop .cargonumber {width:50%;}
.np_box .view_text {width:50%; text-align:right; margin-right:10px;}
.np_box .detailbox .gnorder_amount {padding:10px; background:#efefef;}

.mapcontents {background:#ededed;}
.mapcontents .mlboxtop {top:60px; left:10px;}

.c_topborder {border-top:1px solid #dedede;}
.fc-view-harness {height:480px !important;}
.fc .fc-toolbar-title {font-size:24px !important;}
.fc .fc-button {padding:2px !important;}
.fc-icon {color:#000;}
.fc .fc-button-primary {background:#fff !important; border:1px solid #dedede !important; color:#c7c7c7 !important; transition:all .4s;}
.fc .fc-button-primary .fc-icon-chevron-left:before, .fc .fc-button-primary .fc-icon-chevron-right:before {color:#c7c7c7;}
.fc .fc-button-primary:focus {box-shadow:none !important;}
.fc .fc-button-primary:hover {background-color:#ffe3e9 !important; border:1px solid #da002a !important; color:#da002a !important;}
.fc .fc-button-primary:hover .fc-icon-chevron-left:before, .fc .fc-button-primary:hover .fc-icon-chevron-right:before {color:#da002a;}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {margin-left:5px !important;}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {background-color:#ffe3e9 !important; border:1px solid #da002a !important; color:#da002a !important;}
.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {box-shadow:none !important;}
.fc .fc-button-group button {padding:2px 8px !important;}
.fc .fc-daygrid-day-frame {height:80px; overflow-y:hidden; cursor:pointer;}
.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table {width:100% !important;}
.fc .fc-scroller::-webkit-scrollbar, .fc .fc-scroller-liquid-absolute::-webkit-scrollbar {width:6px;}
.fc .fc-scroller::-webkit-scrollbar-track, .fc .fc-scroller-liquid-absolute::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.fc .fc-scroller::-webkit-scrollbar-thumb, .fc .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.fc .fc-daygrid-day.fc-day-today {background-color:var(--fc-today-bg-color, #fae3e9) !important; border:none !important;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {border:1px solid #da002a;}
.fc .fc-daygrid-event-harness {width:100%; height:50px; display:flex; align-items:center; justify-content:center;}
.fc-h-event {width:40px; height:40px; text-align:center; border-radius:50% !important; border: 1px solid var(--fc-event-border-color, #da002a) !important; background-color: var(--fc-event-bg-color, #da002a) !important;}
.fc-h-event .fc-event-main-frame {height:40px; align-items:center;}
.fc-h-event .fc-event-main {color: var(--fc-event-text-color, #fff) !important;}
.fc-h-event .fc-event-title {font-size:14px; font-weight:500;}

.fc .fc-button:disabled, .fc .fc-button:disabled:hover {border:1px solid #dedede !important; background:#e8e8e8 !important; color:#cbcbcb !important;}

.ug_popup, .up_popup, .ntpopup {transition:all .6s; position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; z-index:9; width:100%; height:0; overflow-x:hidden; background:#fff;}
.mypage_popup.current, .ug_popup.popupshow, .up_popup.current, .ntpopup.current {height:100%; scrollbar-width: none;}
.mypage_popup .contents {padding:0 20px;}
.mypage_popup .mypopup_line {border:1px solid #e0e0e0; margin:0 -20px; border-width:1px 0 0 0;}
.mypage_popup .change_title {margin:39px 0 30px 0;}
.mypage_popup .change_title h2 {font-size:20px; line-height:24px; font-weight:700;}
.mypage_popup .change_title p {font-size:15px; line-height:18px; font-weight:500; margin-top:5px; color:#9b9b9b;}
.mypage_popup .mp_btn, .mypage_popup .pop_content {border-radius:6px;}
.mypage_popup .body_btn .close {background:#7d7d7d;}

.noticecontent {height:calc(100vh - 51px); background:#efefef; overflow-y:auto;}
.fix .noti_box {background:#f7f4f1;}
.fix .noti_box ul li {font-weight:700;}
.general .noti_box ul li {font-weight:500;}
.general .noti_box:last-child {margin-bottom:0;}

.noti_box {padding:13px 20px; background:#fff; margin-bottom:5px; cursor:pointer;}
.noti_box ul {display:flex; align-items:center;}
.noti_box ul li {width:100%; font-size:16px; line-height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noti_box .nt_title {font-size:16px; line-height:19px; font-weight:700;}
.noti_box ul img {width:16px; margin-left:8px;}
.noti_box .date {font-size:14px; line-height:16px; font-weight:500; color:#979797; margin-top:3px;}

.ntpopup .noti_box {margin-bottom:0; border-bottom:5px solid #efefef;}
.ntpopup .noti_textbox {padding:20px; font-size:15px; line-height:24px; font-weight:500;}

.ug_topbutton {padding:18px 20px; margin:1px 0; background:#fff;}
.ug_topbutton .tabs, .ug_box, .before_inquiry {display:flex; align-items:center;}
.ug_topbutton .tabs {margin-top:0;}
.ug_topbutton .tabs .tab-link {width:calc(100% / 3); height:40px; text-align:center; font-size:14px; line-height:40px; font-weight:500; background:#fff; color:#9b9b9b; border:1px solid #dedede;}
.ug_topbutton .tabs .show {background:#ffe3e9; color:#da002a; border:1px solid #da002a;}

.ug_contents {height:calc(100% - 120px); overflow-y:auto;}

.my_content2 {padding:14px 20px; background:#fff; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e7e7e7;}
.ug_popup .my_content2 {margin-top:0;}
.my_content2 .userbox, .notice, .version {display:flex; align-items:center;}
.my_content2 h2 {font-size:15px; line-height:18px; font-weight:700;}
.ug_box p {width:24px; height:24px; text-align:center; font-size:12px; line-height:24px; font-weight:700; background:#f2f2f2; margin-right:6px; border-radius:50%;}
.my_content2 img {width:5px;}
.notice img {height:16px !important; margin-left:5px;}
.version p {font-size:13px; line-height:15px; font-weight:500; margin-right:13px;}

.ug_contents .mycontent {display:none;}
.ug_contents .show {display:block;}

.ug_popup .contents, .up_popup .contents {padding-bottom:0;}
.ug_popup .ug_popcontents {padding:20px; margin-top:2px; height:calc(100vh - 145px); overflow-y:auto; background:#fff; scrollbar-width: none;}
.up_popup .ug_popcontents {padding:20px; height:calc(100vh - 52px); overflow-y:auto; background:#fff; scrollbar-width: none;}

.policy_cont .myinformbox {margin-bottom:0;}

.version_cont {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.version_cont .text1 {font-size:20px; line-height:28px; font-weight:700;}
.version_cont .text2 {font-size:14px; line-height:16px; font-weight:500; margin-top:14px;}

.vs_btn button {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}

.ui_contents {height:calc(100vh - 51px); background:#fff; padding:0 20px;}
.easy_contentbox, .easy_contentbox ul {display:flex; align-items:center; justify-content:center;}
.easy_contentbox {margin:30px 0;}
.easy_contentbox ul {flex-direction:column; width:118px; height:118px; border-radius:50%; background:#f7f4f1; text-align:center;}
.easy_contentbox ul li {font-size:15px; line-height:18px; font-weight:700;}
.easy_contentbox .ecb01 {margin-right:24px;}
.easy_contentbox .ecb01 img {width:38px; margin-bottom:10px;}
.easy_contentbox .ecb02 img {width:30px; margin-bottom:13px;}
.ui_contents .centertime li:nth-child(1) {font-size:15px; line-height:18px; font-weight:800;}
.ui_contents .centertime li:nth-child(2) {font-size:13px; line-height:15px; font-weight:500; color:#979797; margin-top:5px;}
.ui_contents hr {border:1px dashed #eee; border-width:1px 0 0 0; margin:20px 0;}

.ui_contents .my_content2 {padding:0; border-bottom:0;}
.before_inquiry img {width:40px; margin-right:12px;}
.before_inquiry ul li:nth-child(1) {font-size:13px; line-height:15px; font-weight:500;}
.before_inquiry ul li:nth-child(2) {font-size:20px; line-height:24px; font-weight:700; margin-top:1px;}
.ui_contents .ui_inform {margin-top:20px; padding:20px; border-radius:6px; background:#f1f1f1;}
.ui_contents .ui_inform li {font-size:16px; line-height:19px; font-weight:500; margin-bottom:10px;}
.ui_contents .ui_inform li:last-child {margin-bottom:0;}

.body_edge .o_contents {position:relative; padding-bottom:0;}
.o_contents .o_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.o_contents .o_box img {width:90px;}
.o_contents .o_box ul {margin-top:30px; padding:0 20px;}
.o_contents .o_box ul .o_text01 {font-size:18px; line-height:21px; font-weight:700;}
.o_contents .o_box ul .o_text02 {margin-top:10px; font-size:15px; line-height:19px; font-weight:500; color:#9b9b9b;}
.body_edge .o_btnbox {display:block;}
.body_edge .o_btnbox p {margin-bottom:20px; font-size:15px; line-height:19px; font-weight:500; text-align:center;}
.body_edge .o_btnbox button {width:100%; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.body_edge .o_btnbox .o_btn02 {margin-top:10px; background:#000;}

.o_listbox {padding-top:5px; background:#efefef;}

.o_contentbox {margin-bottom:5px; padding:15px 20px; background:#fff; border-bottom:1px solid #f2f2f2;}
.o_contentbox h2 {font-size:16px; line-height:19px; font-weight:500;}
.o_contentbox .date {margin:5px 0 10px 0; font-size:14px; line-height:16px; font-weight:500; color:#979797;}
.o_contentbox button {width:110px; height:35px; font-size:14px; font-weight:700; border-radius:4px;}
.o_contentbox .btn01 {background:#efefef;}
.o_contentbox .btn02 {background:#000; color:#fff;}

.body_edge .o_wrap {padding:20px 20px 10px 20px; padding-bottom:10px;}
#formRegist {height:calc(100% - 70px);}
.o_wrap .con_box {margin-bottom:10px;}
.o_wrap .con_box > input {height:48px;}
.o_wrap .con_box > a.close {width:30px; height:48px;}
.o_textbox {position:relative; height:calc(100% - 58px); border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.o_textbox a.reset {width:20px; height:20px; position: absolute; right:10px; top:10px; background:url(../images/btn_ico_10.png) center no-repeat; background-size:20px;}
.o_textbox textarea {padding:20px 25px 20px 20px; height:100%; border-radius:6px; border:1px solid #dedede; background:#fff; resize:none;}
.o_textbox textarea:focus {border:1px solid #000;}
.o_textbox textarea::-webkit-scrollbar {width:10px;}
.o_textbox textarea::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:30px 0 0 0;}
.o_textbox textarea::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.o_wrap .img_inp {margin:10px 0 0 0; justify-content:flex-start;}

.o_title {padding:13px 20px; background:#fff;}
.o_title h2 {font-size:16px; line-height:19px; font-weight:700;}
.o_title .date {margin-top:3px; font-size:14px; line-height:16px; font-weight:500; color:#979797;}

.errorline, .errorline > input {border:1px solid #da002a;}
.errortext {display:none; margin:-12px 0 20px 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}

/* 실시간 혼적 */
.cnsldat_btn {display:flex; align-items:center;}
.cnsldat_btn button {width:100%; height:48px; font-size:16px; font-weight:700; background:#9d9d9d; color:#fff; border-radius:0 6px 6px 0;}
.cnsldat_btn button:nth-child(1) {background:#da002a; border-radius:6px 0 0 6px;}

/* 배차취소 popup */
.cancel_edge {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9998;}
.cancel_edge:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.cancel_edge .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:400px; margin:0 20px;}
.cancel_edge .edge .head {padding:0 20px; height:40px; display:flex; align-items:center; justify-content:space-between; background:#fff;}
.cancel_edge .edge .head h2 {font-size:15px; line-height:22px; font-weight:700;}
.cancel_edge .edge .head button {width:10px; height:10px; background:url(../images/popup_closebtn2.png) no-repeat; background-size:10px;}
.cancel_edge .edge .body {padding:40px; text-align:center; font-size:14px; color:#000; line-height:20px; word-break: keep-all;}
.cancel_edge .edge .btn {padding:20px; padding-top:0; display:flex;}
.cancel_edge .edge .btn button {flex:1;}
.cancel_edge .edge .btn button + button {margin-left:5px;}
.cancel_edge .edge .btn button.b01 {background:#da002a; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.cancel_edge .edge .btn button.b02 {background:#7d7d7d; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}

.cancel_edge .edge .cancel_body {padding:20px;}
.cancel_body .can_title {padding:9px 0 14px 0;}
.cancel_body .can_title li {font-size:18px; line-height:21px; font-weight:700;}
.cancel_body .can_title .p_text {margin-top:2px;}
.cancel_body .can_body {margin:0 auto; display:flex; align-items:center; justify-content:center; width:243px; height:30px; border-radius:15px; border:1px solid #dedede; background:#fff;}
.cancel_body .can_body li {font-size:14px; line-height:16px; font-weight:700;}
.cancel_body .can_body li .font-red {margin-left:3px;}
.cancel_body .can_body li + li {padding-left:10px;}
.cancel_body .can_body li + li:before {content:''; margin-right:10px; border:1px solid #dedede; border-width:0 0 0 1px;}
.cancel_body .penalty {padding:20px; margin-top:20px; text-align:left; border-radius:6px; background:#fff;}
.cancel_body .penalty p {margin-bottom:8px; display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:700;}
.cancel_body .penalty p:before {content:''; margin-right:6px; display:block; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) center no-repeat; background-size:14px;}
.cancel_body .penalty ul li {margin-top:5px; display:flex; align-items:flex-start; font-size:14px; line-height:16px; font-weight:500;}
.cancel_body .penalty ul li:before {content:''; margin:5px 5px 0 0; display:block; width:4px; height:4px; border-radius:50%; background:#707070;}

#garageRoadAddr {border-radius:6px; border:none; border-bottom:1px solid #dedede;}
#garageExtraAddr {border:none; border-radius:0;}
#garageEtcAddr {border-radius:6px; border:none; border-top:1px solid #dedede;}

/* 이벤트 오더 */
.list_event {margin:3px 0 -4px 0; display:flex; align-items:center; justify-content:center;}
.list_event img {width:59px;}
.list_event h2 {margin-left:10px; font-size:17px; line-height:20px; font-weight:700;}
.event_amount {display:flex; justify-content:flex-end;}
.event_amount p {margin:-13px 0 -2px 0; font-size:18px; line-height:21px; font-weight:500;}
.event_amount p .font-red {margin-right:2px; font-weight:800;}

.e_detailinformbox {padding:0 10px; display:flex; align-items:flex-start; position:relative;}
.e_detailinformbox .circle_icon {z-index:2; margin:4px 10px 0 0; width:11px; height:11px; border-radius:50%; background:#fff; border:1px solid #bababa;}
.e_detailinformbox .eventtitle {font-size:16px; line-height:19px; font-weight:700;}
.eventinform {margin:10px 10px 0; /* position:relative; height:193px; */}
/* .eventinform2 {height:125px;} */
.eventinform h2 {height:38px; font-size:15px; line-height:30px; font-weight:700; text-align:center; border-radius:6px 6px 0 0; background:#000; color:#fff;}
.eventinform .e_informbox {padding:15px; margin-top:-8px; /* position:absolute; top:30px; left:0; width:calc(100% - 30px); height:133px; */ border-radius:6px; background:#fff6b5;}
.eventinform .e_informbox ul {margin-top:4px; display:flex; align-items:flex-start;}
.eventinform .e_informbox ul:nth-child(1) {margin-top:0;}
.eventinform .e_informbox ul .e_text01 {width:20px; height:20px; font-size:12px; line-height:20px; font-weight:700; text-align:center; border-radius:50%; background:#000; color:#fff;}
.eventinform .e_informbox ul .e_text02 {margin-left:5px; font-size:15px; line-height:20px; font-weight:700;}
.eventinform .e_informbox2 {padding:15px; margin-top:-8px; /* position:absolute; top:30px; left:0; width:calc(100% - 30px); height:65px; */ border-radius:6px; background:#fff6b5;}
.eventinform .e_informbox2 .e_text {font-size:15px; line-height:18px; font-weight:700;}
.eventinform .e_informbox .cs, .eventinform .e_informbox2 .cs {margin-top:8px; font-size:15px; line-height:18px; font-weight:700; color:#da002a;}
.event .feebox {margin:10px 10px 0; padding:10px; background:#f1f1f1;}
.event .feebox ul {display:flex; align-items:center; justify-content:space-between;}
.event .feebox ul li {font-size:13px; line-height:15px; font-weight:500;}
.event .feebox ul .fee_text01 {color:#616161;}
.event .feebox ul + ul {margin-top:8px;}
.event_notice {padding:0 10px 20px;}
.event_notice .cn_text01 {font-size:16px; line-height:19px; font-weight:700;}
.event_notice .cn_text02 {margin-top:10px; font-size:14px; line-height:19px; font-weight:500;}
.event_notice .cn_text03 {font-size:14px; line-height:19px; font-weight:500;}

.event_edge {position:relative; background:url(../images/event_bg01.png) no-repeat; background-position:50% 50%;}
.event_title {padding:20px 20px 0;}
.event_title h2 {padding:17px; font-size:20px; line-height:24px; font-weight:800; text-align:center; border-radius:6px; border:1px dashed #da002a; background:#fff; color:#da002a;}
.event_contents {display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; overflow:auto;}
.event_contents img {max-width:600px; width:100%; object-fit:contain;}
/* .event_contents div {position:relative;}
.event_contents h2 {position:absolute; bottom:31px; left:50%; transform:translateX(-50%); max-width:768px; width:100%; font-size:40px; line-height:48px; text-align:center; color:#fae100; z-index:2;} */
.event_btn {padding:0 20px 20px;}
/* .event_btn p {padding:8px; font-size:20px; line-height:22px; font-weight:800; text-align:center; border-radius:6px; border:1px dashed #da002a; background:#fff; color:#ab1d22;} */
.event_btn button {margin-top:10px; width:100%; height:70px; border-radius:6px; font-size:30px; font-weight:800; background:#fae100;}

.event_popup {display:none; position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%; z-index:99;}
.bg_e {background:url(../images/event_bg02.png) no-repeat; background-position:50% 50%;}
.event_contents2 {padding:0 40px; display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; overflow:auto;}
.event_contents2 img {max-width:600px; width:100%; object-fit:contain;}

.flow_banner {padding:10px; display:flex; border-bottom:1px solid #dedede; background:#fff; overflow:hidden; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.07);}
.flow_banner .flow_list {display:flex;}
.flow_banner .flow_list li {padding-right:60px; font-size:16px; line-height:20px; font-weight:700; white-space:nowrap; }
@keyframes flowRolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* 이벤트 배너 */
.event_swiperbanner {margin:0 5px 5px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.05);}
.swiper {width:100%;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:2px !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right:2px !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:24px !important;}
.swiper-button-next, .swiper-button-prev {color:rgba(255,255,255,.7) !important;}
.swiper-pagination-bullet-active {background:rgba(255,255,255,.7) !important;}

/* 포인트 */
.body_edge .point_contents {padding:0;}
.point_topcontents {padding:10px 10px 0;}
.point_total {padding:18px 20px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #dedede; background:#fff;}
.point_total li:nth-child(1) {font-size:14px; line-height:16px; font-weight:500;}
.point_total li:nth-child(2) {font-size:21px; line-height:24px; font-weight:800;}
.point_total li span {margin-right:5px;}
.point_btnbox {margin-top:10px; display:flex; align-items:center;}
.point_btnbox button {width:100%; height:38px; font-size:16px; font-weight:700; border-radius:6px; color:#fff;}
.point_btnbox .btn02 {background:#da002a;}
.body_edge .point_contents .point_inquiry {justify-content:flex-end;}
.point_inquiry .listselect_box > input {width:131px;}
#conditionTerm {margin-right:5px; font-size:13px; font-weight:500;}

.p_listbox {height:calc(100% - 160px); overflow-x:hidden; overflow-y:auto;}

/* 포인트 충전 */
.pointpop_top {padding:0 20px; height:50px; display:flex; align-items:center; justify-content:space-between; background:#efefef;}
.pointpop_top li {font-size:16px; line-height:19px; font-weight:500;}
.pointpop_top li span {margin-right:10px; font-weight:700; color:#da002a;}

.pointpop_body {padding:15px 20px 20px;}
.account_body {padding:20px;}
.pointpop_body h2 {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
.pointpop_body .point_conbox > input {text-align:right;}
.pointpop_body .con_box {margin-bottom:10px;}
.pointpop_body .con_box > input {padding-right:10px; height:48px;}

.point_radiobox {margin:10px 0; display:flex; align-items:center;}
.point_radiobox input[type=radio] {display:none;}
.point_radiobox input[type=radio] + label {padding:0 10px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; margin-right:7px; width:100%; height:34px; font-size:14px; line-height:36px; text-align:center; font-weight:500; border-radius:6px; background:#f2f2f2; transition:all .4s;}
.point_radiobox input[type=radio] + label span img {width:8px;}
.point_radiobox input[type=radio] + label:last-child {margin-right:0;}
.point_radiobox input[type=radio]:hover + label, .point_radiobox input[type=radio]:checked + label {background:#dbdbdb;}

.pointpop_body .pmtitle {margin-top:20px;}
.pointpop_body .pmbox {height:auto;}
.pointpop_body .intend_content {margin-top:0; display:flex; align-items:center;}
.pointpop_body .intend_content li {width:100%; margin-bottom:0;}
.pointpop_body .intend_content li + li {margin-left:6px;}
/* .intend_content {margin-top:50px;} */
.intend_content li {margin-bottom:10px; position:relative;}
/* .intend_content li:last-child {margin-bottom:0px;} */
.intend_content li label em {padding:15px 10px; display:block; font-size:14px; line-height:16px; font-weight:700; color:#aaa; border:1px solid #dedede; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); background:#fff;}
.intend_content .ap_show label em {display:flex; align-items:center; justify-content:space-between;}
.intend_content .ap_show label em span {font-size:12px; line-height:16px; font-weight:500;}
.intend_content li label input[type="radio"] {display:none;}
.intend_content li label input[type="radio"] + em {padding-left:44px;}
.intend_content li label input[type="radio"] + em:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_01.png) center no-repeat; top:12px; left:10px; background-size:24px;}
.intend_content li label input[type="radio"]:checked + em:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:24px;}
.intend_content li label input[type="radio"]:checked + em {border:1px solid #da002a; color:#000;}

/* 협력업체 관리 */
.cfTotal button {width:116px;}
#firmList .c_btn {margin-left:20px; width:58px; height:24px; font-size:13px; font-weight:700; border-radius:4px;}
#firmList .c_btn.bg_r {background:#da002a; color:#fff;}

/* 협력업체 관리 popup */
#firm_pop .edge {padding:20px 0;}
#firm_pop .head, #firm_pop .btn {padding:0 20px;}
#firm_pop .body {min-height:387px;}
#firm_pop .dr_searchbox {justify-content:space-between;}
#firm_pop .dr_searchbox .con_box {width:calc(100% - 67px);}

.firm .notFound {display:none; margin:40px 0 28px 0;}
.firm .notFound .text01 {margin-bottom:20px; font-size:18px; line-height:21px; font-weight:700; text-align:center;}
.firm .notFound .text02 {margin-top:12px; font-size:15px; line-height:20px; font-weight:500; text-align:center;}
.firm .notFound .con_box {position:relative; margin:10px auto 0; width:260px; background:#fff;}
.firm .notFound .con_box span {position:absolute; top:0; left:0; width:87px; height:46px; font-weight:16px; line-height:46px; font-weight:500; text-align:center; color:#aaa;}
.firm .notFound .con_box input {padding:0 10px 0 87px;}

@media all and (max-width:400px) {
	.body_btn2 .cs_footbox {padding:11px;}
	.body_btn2 .cs_footbox .cstext02 {margin:0 10px;}
}