@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, body {padding:0; margin:0; position:fixed; overflow:hidden; width:100%; height:100%; -webkit-text-size-adjust:none; font-size:16px;}
div {padding:0; margin:0; color:#222; font-weight:400;}

a {cursor:pointer; outline:none; color:inherit; selector-dummy:expression(this.hideFocus=true);}
button {color:inherit;}
img {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
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;}
button, html [type="button"] {-webkit-appearance:none;}

input, textarea, select, pre {color:#666; margin:0; padding:0; outline:none; box-sizing:border-box; vertical-align:middle; font-size:16px;}
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=password] {height:40px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; letter-spacing:-1px;}
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; -moz-appearance:textfield;}
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; 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; resize:none;}
select {border:1px solid #d7d7d7; padding:6px; border:1px solid #c3c3c3;}
button {border:none; cursor:pointer; background:none;}

.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;}


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; width:100%;}
label.art input[type="radio"] + * {margin-left:35px;}
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:35px;}
label.art input[type="checkbox"] + *: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="checkbox"]:checked + *:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:24px;}

input::placeholder{color:#cbcbcb; font-weight:normal !important; font-size:16px;}
textarea::placeholder{color:#cbcbcb; font-weight:normal !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;}
.font-red {color:#da002a !important;}
.font-bold {font-weight:700;}
.bg_w {background:#fff;}
.body_wrap {padding:0 20px;}
.bg {background:#efefef;}
.bg_r {background:#da002a !important;}
.not_pb {padding-bottom:0 !important;}
.main_bg {background:#fdf6f7;}
.plus_padding {padding:20px !important;}

/* // common */


/* 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-hegiht:28px; font-weight:800; color:#222;}
.error_contnets .error_text02 {font-size:15px; line-hegiht: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;}

.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);}
.footer {position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:768px; width:100%;}

.body_edge {display:flex; flex-direction:column; height:100%;}
/* .body_edge.bg {background:#efefef;} */
.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;}
.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 .body_title .update {padding-left:30px; display:flex; align-items:center;}
.body_edge .body_title .update p.font-red {margin-left:20px; font-size:14px; line-height:16px; font-weight:500;}

.body_edge .bg_r h2 {color:#fff;}
.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_r p {padding-right:20px; font-size:14px; line-height:50px; font-weight:700;}
.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.prev {width:50px; height:50px; background:url(../images/nav_ico_01.png) center no-repeat; background-size:24px;}
.body_edge .body_title button.prev2 {width:50px; height:50px; background:url(../images/nav_ico_001.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 .body_title button.new_alerts span {position: absolute; right:12px; top:12px; display:block; width:6px; height:6px; border-radius:50%;}
.body_edge .body_title button.new_alerts span.new {background:#da002a;}
.body_edge .body_title button.new_alerts_w {width:50px; height:50px; background:url(../images/alerts_w.png) center no-repeat; background-size:24px;}
.body_edge .body_title button.new_alerts_w span {position: absolute; right:13px; top:13px; display:block; width:4px; height:4px; border-radius:50%;}
.body_edge .body_title button.new_alerts_w span.new {background:#fff;}
.body_edge .body_title button.logobtn {width:91px; height:50px; background:url(../images/logo_w.png) right no-repeat; background-size:77px;}
.body_edge .body_title button.logobtn:hover {opacity:1;}

.body_edge .contents {margin:50px 0; padding-bottom:20px; display:flex; flex-direction:column; flex:1; overflow:auto;}
.body_edge .ct_notmargin {margin-top:0;}
.body_edge .cb_notmargin {margin-bottom:0;}
.body_edge .cm01 {margin-bottom:100px;}
.body_edge .cm02 {margin-bottom:70px;}
.body_edge .cm03 {margin-bottom:110px;}
.body_edge .cm04 {margin-bottom:80px;}
.body_edge .contents.top_padd {padding-top:20px;}

.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.full button {border-radius:0;}
.body_edge .body_btn button {height:48px; background:#da002a; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700; border-radius:6px;}
.body_edge .body_btn button + button {margin-left:4px;}
.body_edge .body_btn button.t01 {height:48px; background:#262626; border-radius:5px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t02 {height:48px; background:#c2c2c2; border-radius:5px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t03 {height:48px; background:#da002a; border-radius:5px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button.t04 {height:48px; background:#7d7d7d; border-radius:5px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.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 p.txt {flex:1 1 100%; text-align:center; background:#fff; font-size:14px; color:#a9a9a9; line-height:16px; padding:2px 0 12px 0;}

.body_edge .body_btn #formMain {height:0;}

.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_03.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2 {background:url(../images/nav_btn_01.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3 {background:url(../images/nav_btn_02.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m4 {background:url(../images/nav_btn_004.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m1.r {background:url(../images/nav_btn_03r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2.r {background:url(../images/nav_btn_01r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3.r {background:url(../images/nav_btn_02r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m4.r {background:url(../images/nav_btn_004r.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;}

.join_agree {padding:30px 20px;}
.join_agree .tit {margin-bottom:30px;}
.join_agree .tit h3 {font-size:20px; color:#000; margin-bottom:5px;}
.join_agree .tit p {font-size:14px; color:#888;}
.join_agree .entire {background:#f1f1f1; padding:15px 10px; border-radius:5px; margin-bottom:30px;}
.join_agree .entire label.art span {font-size:18px; font-weight:700;}
.join_agree ul {padding:0 10px;}
.join_agree ul li {margin-bottom:25px; display:flex; align-items:center; justify-content:space-between;}
.join_agree ul li label.art em {font-size:14px; line-height:22px; border:1px solid #dedede; border-radius:3px; padding:0 5px; margin-right:7px;}
.join_agree ul li label.art {width:100%;}
.join_agree ul li .detailpage {width:24px; height:24px; background:url(../images/btn_ico_01.png) center 6px no-repeat; background-size:auto 12px; cursor:pointer;}
.join_agree ul li > span {color:#b2b2b2; font-size:12px; margin-left:35px;}
.join_agree ul li div {width:100%; display:flex; align-items:center; justify-content:space-between;}
.join_agree ul li div span {width:calc(100% - 24px);}
.join_agree ul li div a {display:block; width:24px; height:24px; background:url(../images/btn_ico_01.png) right 6px no-repeat; background-size:auto 12px;}

.text_plus {width:100%;}
.text_plus .join_btext {margin-bottom:10px; font-size:14px; line-height:17px; font-weight:500; text-align:center; color:#da002a;}
.text_plus button {width:100%;}

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

.join_form {padding:20px 20px 0 20px; margin-bottom:-10px;}
.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 {margin-top:20px;}
.join_form .error_line > input, .find_input .error_line > input, .numberbox .error_line > input {border:1px solid #da002a;}
.join_form .error_text {display:none; margin:-12px 0 10px 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}
.join_form .con_box > input[readonly] {background:#f1f1f1;}
.join_form .con_box > input[readonly]:focus {border:1px solid #dedede;}

.join_form .filebox {padding:12px; margin-bottom:20px; display:flex; align-items:center; height:114px; border:1px dashed #9b9b9b; background:#f1f1f1; overflow:hidden;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.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 {margin:0; display:none; max-width:50%; width:100%; height:100px; object-fit:contain;}

.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/bg_ico_002.png) center top no-repeat; background-size:70px; padding-top:95px; text-align:center;}
.join_exe .edge .txt strong {font-size:20px; line-height:28px; margin-bottom:14px; display:block; color:#222;}
.join_exe .edge .txt p {display:block; font-size:14px; line-height:18px; color:#222; margin-bottom:48px; font-weight:500;}
.join_exe .edge .txt div {margin:30px auto 0; width:260px; height:68px; border-radius:6px; border:1px dashed #9b9b9b; background:#f7f4f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.join_exe .edge .txt div p {margin-bottom:0; margin:14px; font-size:16px; line-height:20px; 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:48px; border-radius:5px;}
.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:5px; padding:20px;}
.join_exe .edge .invoice div {justify-content:center; margin-bottom:20px;text-align: center;}
.join_exe .edge .invoice div > * {font-weight:700; font-size:18px;}
.join_exe .edge .invoice div label {color:#222;}
.join_exe .edge .invoice div a {color:#da002a;}
.join_exe .edge .invoice p {font-size:14px; color:#222; text-align:center; font-weight:500; line-height:18px;}

/* 회원가입 완료 */
.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_exe .edge .txt2 {padding-top:90px; text-align:center; background:url(../images/bg_ico_001.png) center top no-repeat; background-size:70px;}
.join_exe .edge .txt2 strong {margin-bottom:15px; display:block; font-size:20px; color:#222;}
.join_exe .edge .txt2 p {margin-bottom:20px; display:block; font-size:14px; line-height:16px; font-weight:500; color:#222;}
.join_exe .edge .invoice .deposit {margin-bottom:0; text-align:left;}
.join_exe .edge .invoice .deposit h2 {margin-bottom:20px; font-size:16px; line-height:19px; font-weight:700;}
.join_exe .edge .invoice .deposit ul {margin-top:10px; display:flex; align-items:flex-start;}
.join_exe .edge .invoice .deposit .de_text01 {width:80px; font-size:14px; line-height:16px; font-weight:500; color:#aaa;}
.join_exe .edge .invoice .deposit .de_text02 {width:calc(100% - 80px); font-size:14px; line-height:16px; font-weight:500;}
/* 오류 발생 시 */
.join_exe .edge .txt3 {padding-top:70px; text-align:center; background:url(../images/bg_ico_003.png) center top no-repeat; background-size:70px;}
.join_exe .edge .txt3 .txt01 {font-size:20px; line-height:24px; font-weight:700;}
.join_exe .edge .txt3 .txt02 {margin:10px 0; font-size:15px; line-height:18px; font-weight:500;}
.join_exe .edge .txt3 .txt02 .font-red {color:#da002a;}
.join_exe .edge .txt3 .txt03 {font-size:15px; line-height:18px; font-weight:500;}
/* 회원가입 완료 */
.join_exe .edge .txt4 {padding-top:90px; text-align:center; background:url(../images/user-002.png) center top no-repeat; background-size:70px;}
.join_exe .edge .txt4 strong {font-size:20px; line-height:28px; margin-bottom:14px; display:block; color:#222;}
.join_exe .edge .txt4 p {display:block; font-size:14px; line-height:18px; color:#222; margin-bottom:48px; font-weight:500;}

.login_edge {padding:50px 20px;}
.login_edge .error_line > input {border:1px solid #da002a;}
.login_edge .error_text {display:none; margin:-2px 0 10px 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}
.login_edge .con_box {margin-bottom:10px;}
.login_edge label {margin-bottom:30px;}
.login_edge > button {width:100%; background:#da002a; color:#fff; font-size:16px; font-weight:700; height:48px; text-align:center; border-radius:5px; margin:30px 0 20px;}
.login_edge .link {margin-top:10px; display:flex; justify-content:flex-end;}
.login_edge .link a {font-size:14px; color:#222; line-height:16px; border-right:1px solid #dedede; /* padding:0 15px; */}
.login_edge .link a:last-child {border:none;}
.login_edge .link a.hot {color:#da002a; font-weight:700;}
.login_edge .out_btn {border-top:1px solid #e8e8e8; text-align:center;}
.login_edge .out_btn p {display:inline-block; position:relative; top:-8px; background:#fff; 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:#fff url(../images/btn_ico_14.png) center no-repeat; background-size:44px;}
.login_edge .out_btn div button.btn_02 {background:#fff url(../images/btn_ico_15.png) center no-repeat; background-size:44px;}
.login_edge .out_btn div button.btn_03 {background:#fff url(../images/btn_ico_16.png) center no-repeat; background-size:44px;}

.login_numberbox {margin-bottom:10px; display:flex; align-items:center;}
.login_numberbox .con_box {margin:0; width:calc(100% - 90px);}
.login_numberbox button {margin-left:10px; width:80px; height:48px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff;}

.loginbottom_text {display:flex; align-items:flex-start; justify-content:space-between;}
.loginbottom_text li {width:calc(100% - 86px); font-size:12px; line-height:14px; font-weight:500; color:#cbcbcb;}
.loginbottom_text .running_time {width:84px; text-align:right;}

.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;}
.new_password {margin-top:50px; padding:0;}
.new_password span {margin-bottom:10px;}
.new_password .no_input {background:#f1f1f1;}
.new_password .no_input input:focus {border:none;}
.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;}

.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_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 button:disabled {background:#c2c2c2;}
.find_input .replay_btn {display:none;}
.find_inputbox .error_text {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#da002a;}

.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;}
.numberbox .con_box input:disabled {background:#e3e3e3; color:#b2b2b2;}
.numberbox .con_box input:disabled + a {color:#b2b2b2;}
.numberbox .con_box input:disabled::placeholder {color:#b2b2b2;}
.find_inputbox .replaytext {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#b2b2b2;}

.con_btn {display:flex; justify-content:space-between; margin:0 20px; padding:10px 0;}
.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 0 0 18px; background:url(../images/btn_ico_07.png) 0px 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_btn button.btn_03 {margin-left:20px; padding:0 0 0 18px; background:url(../images/btn_ico_26.png) 0px center no-repeat; background-size:14px auto; font-size:14px;}

.goappbox {margin-top:-18px; padding:20px; border-radius:6px; background:#f2f4f6;}
.goappbox p {margin-bottom:10px; font-size:11px; line-height:14px; font-weight:500; color:#787878; text-align:center;}
.goappbox button {width:100%; height:48px; font-size:16px; font-weight:700; border-radius:6px; background:#da002a; color:#fff;}


.con_box {border:1px solid #dedede; border-radius:5px; box-shadow:0px 3px 5px #ebebeb; margin-bottom:20px; position:relative;}
.con_box:last-child {margin-bottom:0;}
.con_box > input {width:calc(100% + 2px); padding-right:48px; font-weight:500; height:48px; background:none; border:1px solid #dedede; font-size:16px; border-radius:5px; margin:-1px;}
.con_box > input:focus {border:1px solid #000;}
.con_box > input.center {text-align:center;}
.con_box > a.close {width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/btn_ico_09.png) center no-repeat; background-size:20px;}
.con_box > a.view {width:48px; height:48px; 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:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/btn_ico_12.png) center no-repeat; background-size:22px auto;}
.con_box > a.calendar {width:30px; height:48px; position:absolute; right:0; top:0; background:url(../images/DateIcon.png) center no-repeat; background-size:20px auto;}
.con_box > a.select {width:30px; height:48px; position:absolute; right:0; top:0; background:url(../images/select_icon.png) center no-repeat; background-size:12px auto;}
.con_box > a.select2 {width:30px; height:48px; position:absolute; right:0; top:0; background:url(../images/btn_ico_06.png) center no-repeat; background-size:6px auto;}
.con_box > a.search {width:30px; height:48px; position:absolute; right:0; top:0; background:url(../images/Search.png) center no-repeat; background-size:20px auto;}
.con_box ul {position:absolute; top:52px; left:0; width:100%; background:#fff; border:1px solid #dedede; border-radius:5px; overflow:auto; max-height:150px; box-sizing:border-box;}
.con_box ul li {}
.con_box ul li a {display:block; line-height:40px; font-size:14px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con_box ul 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: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;}
#tab3 .tr .edge > div:last-child, #tab4 .tr .edge > div:last-child, #tab5 .tr .edge > div:last-child {border-radius:5px;}
.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 .driver_select {padding:10px; display:block;}

.con_form .tr .edge .driver_select .title {padding:6px 4px 0 4px; display:flex; align-items:center; width:100%;}
.con_form .tr .edge .driver_select .title .con_box02 {margin-left:20px; position:relative; width:96px;}
#tab4 .tr .edge .driver_select .title .con_box02 > input {padding:0; height:20px; font-size:15px; line-height:18px; font-weight:700;}
#tab4 .tr .edge .driver_select .title .con_box02 > a.close {width:20px; height:20px;}

.con_form .tr .edge .driver_select .btnBox {margin-top:14px; display:flex; align-items:center;}
.con_form .tr .edge .driver_select .btnBox button {width:50%; height:34px; font-size:14px; font-weight:700; border-radius:6px; border:1px solid #ddd; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.con_form.dis .tr .edge .driver_select .btnBox button {color:#9b9b9b;}
.con_form .tr .edge .driver_select .btnBox button + button {margin-left:4px;}

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

#tab2 .tr .edge > div input, #tab3 .tr .edge > div input, #tab4 .tr .edge > div input {height:48px;}
#tab2 .tr .edge > div label.art input[type="checkbox"], #tab5 .tr .edge > div label.art input[type="checkbox"] {height:auto;}

#tab4 .driver_select .close {height:50px;}

.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_form .tr .edge .bookmark_edge {display:flex; align-items:center; justify-content:space-between;}
#tab5 .tr .edge > div label:first-child {padding-left:20px; margin:0;}
#tab5 .tr .edge > div label.art input[type="checkbox"] + *:before {left:20px;}
#tab5 .tr .edge > div label.art span {color:#000;}
#tab5 .tr .edge > div input[type=text] {margin:5px 10px; padding:0 10px; max-width:159px; height:38px; font-size:14px; font-weight:500; border-radius:6px; border:1px solid #dedede;}
#tab5 .tr .edge > div input[type=text]::placeholder {font-size:14px; font-weight:500;}
#tab5 .tr .edge > div input[type=text]:disabled {background:#efefef;}

.con_data {border:1px solid #dedede; background:#fff; border-radius:5px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); 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.informtext {max-height:100px; height:100%; overflow-y:auto;}
.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;}
.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;}


.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:16px;}
.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 {margin-bottom:10px; height:148px; font-size:14px; line-height:18px; border:none; resize:none;}
.freight_info textarea::placeholder {font-size:14px; line-height:18px;}
.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; flex-direction:column; align-items:center;}
.img_inp .mixed_imgtext {margin-bottom:10px; font-size:14px; line-hegiht:18px; font-weight:500;}
.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%); max-width:calc(100% - 40px); width:max-content; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:760px; max-height:500px; width:100%; height:100%; 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; background:#636363; color:#fff;}
.img_popup .buttonbox button + button {margin-left:6px;}
.img_popup .buttonbox .close_button {background:#636363;}
.img_popup .buttonbox .delete_button {background:#da002a; display:flex; align-items:center; justify-content:center;}
.img_popup .buttonbox .delete_button img {width:14px; margin:0 5px 0 0;}

/* .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; height:360px; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:300px; width:100%; height:100% ;max-height:300px; object-fit:cover;}
.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;} */

.recorate_edge {display:flex; flex-direction:column;}
.recorate_edge .tit {display:flex; flex-direction:column; margin-bottom:25px; align-items:center;}
.recorate_edge .tit h3 {font-size:22px; color:#000;}
.recorate_edge .tit p {font-size:14px; color:#787878;  margin-bottom:10px;}
.recorate_edge .tit span {font-size:14px; color:#c7c7c7;}

.recorate_edge .num_inp {padding:20px; border-radius:6px; background:#f7f4f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.recorate_edge .num_inp .edge {display:flex; align-items:flex-start; margin:0 0 10px 0;}
.recorate_edge .num_inp .edge > div {position:relative; margin:0 10px; width:100%; border-radius:6px; border:1px solid #dedede; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.recorate_edge .num_inp .edge div .reset {position:absolute; top:5px; right:5px; width:19px; height:19px; background:url(../images/btn_ico_10.png) no-repeat center; background-size:19px; z-index:2;}
.recorate_edge .num_inp .edge div .completion {margin-top:6px; font-size:13px; line-height:15px; font-weight:500; text-align:center;}
.recorate_edge .num_inp .edge div .completion button {margin:10px auto; display:block; width:81px; height:32px; font-size:16px; font-weight:700; border-radius:4px; background:#000; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}

.recorate_edge .num_inp .edge input {height:60px; 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; color:#da002a;}

.recorate_edge .num_inp .edge > button {margin-top:13px; width:32px; height:32px; 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 .stats {margin-top:15px; font-size:16px; line-height:19px; font-weight:600; text-align:center; color:#000;}

.recorate_edge .num_inp .text01 {margin-top:4px; 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 .num_inp > p {font-size:13px; color:000; border:1px solid #dedede; border-radius:5px; line-height:25px; text-align:center;} */
.recorate_edge .num_inp .choice {padding:10px 0 0 0;}
.recorate_edge .num_inp .choice label.art {width:90px;}
.recorate_edge .num_top {margin:10px 0 20px 0; font-size:13px; line-height:18px; font-weight:500;}
.recorate_edge .choice {padding:20px 10px; border-radius:6px; background:#f2f4f6;}
.recorate_edge .choice label.art {margin:0 auto; width:210px;}
.recorate_edge .choice .texttop {margin-bottom:10px; font-size:11px; line-height:12px; font-weight:500; text-align:center; color:#000;}
.recorate_edge .choice label.art span {margin-left:0; display:flex; justify-content:center; width:100%; font-size:15px; line-height:20px; font-weight:700;}
.recorate_edge .choice label.art input[type="checkbox"] + *:before {content:""; position:relative; margin-right:10px; width:20px; height:20px; overflow:hidden; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.recorate_edge .choice label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.recorate_edge .choice .textbottom {padding:0 10px; margin-top:15px; font-size:11px; line-height:14px; font-weight:500; color:#787878;}
.recorate_edge .choice a {display:flex; align-items:center; justify-content:flex-end; font-size:11px; line-height:13px; font-weight:500;color:#787878;}
.recorate_edge .choice a:after {content:""; margin-left:5px; width:4px; height:8px; background:url(../images/btn_icon011.png) center no-repeat; background-size:4px;}

.recorate_edge .num_bottom {margin:15px 0 0 0; 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 6px;}
.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:126px; height:36px; font-size:14px; border-radius:6px;}
.recorate_edge .num_bottom .amount::placeholder {font-size:14px;}

.recorate_edge .num_bottom > div {display:flex; align-items:center;}
.recorate_edge .num_bottom .mixed {margin-right:10px;}

/* .recorate_edge .num_bottom {margin:15px 0; display:flex; align-items:center;}
.recorate_edge .num_bottom .text01 {width:calc(100% - 75px); font-size:13px; line-height:16px; font-weight:500;}
.recorate_edge .num_bottom .text02 {margin-left:15px; width:60px; height:32px; font-size:13px; line-height:32px; font-weight:700; text-align:center; border-radius:4px; background:#efefef;}
.recorate_edge .num_bottom .text02 a {display:block; height:32px; line-height:32px;} */

/* .recorate_edge .choice {display:flex; flex-direction:column; align-items:center; background:#f2f4f6; border-radius:6px; 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;} */

#driver_pop .edge {padding:20px 0;}
#driver_pop .head, #driver_pop .btn, .driver_edge .tit, .driver_edge .driver_find, .selected_driver {padding:0 20px;}
/* .driver_edge {min-height:380px;} */
.driver_edge .tit {margin-bottom:20px;}
.driver_edge .tit h3 {font-size:20px; color:#000; margin-bottom:30px;}
.driver_edge .tit p {font-size:14px; color:#000; line-height:18px;}
.driver_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;}
.driver_edge #friendList {height:100px; overflow-y:auto;}
/* .driver_edge > ul li {border-bottom:1px solid #eee; background:url(../images/btn_ico_24.png) left center no-repeat; background-size:30px;}
.driver_edge > ul li a {display:flex; flex-direction:column; justify-content:center; padding-left:40px; height:60px;}
.driver_edge > ul li a > * {display:block;}
.driver_edge > ul li a strong {font-size:14px; color:#000; font-weight:700; line-height:18px;}
.driver_edge > ul li a span {font-size:14px; color:#979797; line-height:18px;} */
.selected_driver {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}
.selected_driver li {display:flex; align-items:center; padding:5px 12px 5px 15px; margin-right:5px; margin-bottom:10px; font-size:14px; line-height:16px; font-weight:500; border-radius:13px; background:#000; color:#fff;}
.selected_driver li:last-child {margin-right:0;}
.selected_driver .s_delete {display:inline-block; margin-left:10px; width:10px; height:10px; background:url(../images/nav_ico_02_w.png) center no-repeat; background-size:9px; cursor:pointer;}
.driver_edge .driver_find {display:flex; align-items:center; margin-bottom:20px;}
.driver_edge .driver_find .con_box {width:calc(100% - 63px); margin-bottom:0;}
.driver_edge .driver_find .con_box > input {padding-right:10px; height:48px;}
.driver_edge .driver_find button {margin-left:4px; width:57px; height:48px; border-radius:6px; background:#7b7b7b; font-size:16px; color:#fff; /* box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
.driver_edge .d_infrom {display:flex; align-items:center; border-bottom:1px solid #eee; padding:12px 20px; cursor:pointer;}
.driver_edge .d_infrom img {width:30px; margin-right:10px;}
.driver_edge .d_infrom ul .name {font-size:14px; line-height:16px; font-weight:800; color:#000;}
.driver_edge .d_infrom ul .tel {font-size:14px; line-height:16px; font-weight:500; color:#979797; margin-top:4px;}

/* 직접 지정 popup */
.waiting {margin:10px 20px 0 20px; padding:17px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#efefef;}
.waiting h2 {font-size:16px; line-height:19px; font-weight:700;}
.waiting .con_box {margin-left:8px; width:110px;}
.waiting .con_box > input {height:46px; background:#fff;}

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

.appoint_contents > h2 {font-size:18px; line-height:22px; font-weight:700;}
.appoint_contents .waiting {padding:17px 6px; margin:20px 0; background:#fff;}
.appoint_contents p {font-size:15px; line-height:19px; font-weight:500;}

#driver_pop .edge .btn {flex-direction:column; height:104px;}
#driver_pop .edge .btn p {margin:0 0 20px 0; font-size:14px; line-height:17px; font-weight:500; text-align:center;}

#new_idpw .new_idpwtext, #ok_pop.new_idpwtext, #delete_pop.new_idpwtext {font-size:15px; line-height:18px; font-weight:700;}

.message_edge {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.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:400px; 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:40px; text-align:center; font-size:14px; color:#000; line-height:20px; word-break: keep-all;}
.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 {position:relative;}
.message_edge .head {position:absolute; top:5px; right:10px;}
.message_edge .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}

.message_edge2 {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.message_edge2:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.message_edge2 .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:400px; margin:0 20px;}
.message_edge2 .edge .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.message_edge2 .edge .body {padding:40px; text-align:center; font-size:14px; color:#000; line-height:20px; word-break: keep-all;}
.message_edge2 .edge .btn {padding:20px; padding-top:0; display:flex;}
.message_edge2 .edge .btn button {flex:1;}
.message_edge2 .edge .btn button + button {margin-left:5px;}
.message_edge2 .edge .btn button.b01 {background:#da002a; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge2 .edge .btn button.b02 {background:#7d7d7d; font-weight:700; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:5px;}
.message_edge2 .edge {position:relative;}
.message_edge2 .head {position:absolute; top:5px; right:10px;}
.message_edge2 .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}

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

.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 .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.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 {position:relative;}
.cancel_edge .head {position:absolute; top:5px; right:10px;}
.cancel_edge .head button {width:30px; height:30px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}

/* 취소/환불규정 */
.cancel_edge2 {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9998;}
.cancel_edge2:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.cancel_edge2 .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width:400px; margin:0 20px;}
.cancel_edge2 .edge .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.cancel_edge2 .edge .body {padding:20px; text-align:center; font-size:14px; color:#000; line-height:20px; word-break: keep-all;}
.cancel_edge2 .edge .btn {padding:20px; padding-top:0; display:flex;}
.cancel_edge2 .edge .btn button {flex:1; width:100%; height:40px; font-size:14px; font-weight:700; border-radius:5px; background:#da002a; color:#fff;}
.cancel_edge2 .cancel_body .cancel_title {font-size:15px; line-height:18px; font-weight:700;}
.cancel_edge2 .cancel_body table {margin:10px 0; width:100%; border-collapse:collapse; border:1px solid #efefef; background:#fff;}
.cancel_edge2 .cancel_body th, .cancel_edge2 .cancel_body td {height:40px; font-size:13px; line-height:19px; font-weight:500;}
/* .cancel_edge2 .cancel_body th {width:79px;} */
.cancel_edge2 .cancel_body td {padding-left:12px; text-align:left;}
.cancel_edge2 .cancel_body tfoot td {padding:10px 20px; font-size:13px; line-height:15px; font-weight:400;}
.cancel_edge2 .cancel_body tfoot td span {display:block; margin-bottom:8px; font-size:15px; line-height:18px; font-weight:700;}

.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; position:relative;}
.popup_edge .head h2 {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; font-size:18px;}
.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 .address_body {height:389px;}
.popup_edge .address_body .con_box {margin-bottom:10px; border-radius:6px;}
.popup_edge .address_body .con_box > a.search {width:48px;}

.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%; max-height:222px; height:auto; 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 {position:static; padding:8px 20px; border-radius:0; border:none; 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 .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 {margin-bottom:20px; overflow:auto;}
.popup_edge .btn {display:flex; flex-wrap:wrap;}
.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:41px; 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 .popup_listbox {min-height:160px; max-height:376px; height:100%;}
.popup_edge .body .popup_listbox li {height:48px; font-size:17px; line-height:48px;}

.popup_edge .body .popup_listbox label.art span {font-size:17px;}

.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;}

.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 2s 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);}}


.loding_specify {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.loding_specify:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.loding_specify .edge {display:flex; align-items:center; position:relative; flex-direction:column; z-index:2;}
.loding_specify .edge p {animation: rotate_image 2s 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_specify .edge span {font-size:18px; font-weight:500; color:#fff; margin-top:20px;}
@keyframes rotate_image{100% {transform: rotate(360deg);}}

.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; border-bottom:1px solid #ebebeb; padding:20px 20px 10px 20px;}
.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;}

.truck_picker {overflow:hidden; display:flex; justify-content:center;}
.truck_picker .truck {width:130px; height: 300px; position:relative;}
.truck_picker .swiper-wrapper {position:relative; z-index:2;}
.truck_picker .swiper-wrapper .swiper-slide {font-size:14px; line-height:60px; text-align:center; color:#afbacc;}
.truck_picker .swiper-wrapper .swiper-slide-prev {font-size:20px; color:#d1d1d1; font-weight:700;}
.truck_picker .swiper-wrapper .swiper-slide-next {font-size:20px; color:#d1d1d1; font-weight:700;}
.truck_picker .swiper-wrapper .swiper-slide-active {font-size:24px; color:#000; font-weight:800;}
.truck_picker .swiper-notification {z-index:1; position:absolute; left:0; top:50%; width:100%; margin-top:-30px; display:block; height:60px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}




/* .seek_edge {padding:30px 20px 20px 20px;}
.seek_edge > div {display:flex; padding-top:10px;}
.seek_edge > div:first-child {margin-bottom:10px;}
.seek_edge > div label {width:60px; font-size:12px; color:#7e7e7e;}
.seek_edge > div label em {font-size:11px; color:#c7c7c7;}
.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:11px; font-weight:800; transition:all .5s;white-space:nowrap;text-align:center;}
.seek_edge .seek-bar .circle.on div.bar > em:nth-child(2) {border:1px solid #dd1b37; margin-top:-25px; width:20px; height:20px; border-radius:3px;}
.seek_edge .seek-bar .circle.on span {margin-top:-25px;}

.seek_edge .seek-bar .circle div.bar > em.w1 {width:55px; height:15px; border-radius:15px;}
.seek_edge .seek-bar .circle div.bar > em.w2 {width:55px; height:15px; border-radius:15px;}
.seek_edge .seek-bar .circle.on div.bar > em.w2 {width:60px; height:20px;} */

.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;}


.body_edge .listcontents {padding-bottom:0;}
.list_inquiry {background:#fff; margin-top:2px; padding:10px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.list_inquiry .inquiry01, .list_inquiry .inquiry02 {display:flex; align-items:center; width:100%;}
.list_inquiry .inquiry01 {margin-bottom:10px;}
.list_inquiry .inquiry01 > .con_box {width:43%;}
.list_inquiry .inquiry01 > .con_box, .list_inquiry .inquiry02 > .con_box {margin:0; box-shadow:none;}
.list_inquiry .inquiry01 > .con_box > input, .list_inquiry .inquiry02 > .con_box > input {height:40px; padding-right:30px;}
.list_inquiry .inquiry01 p {font-size:16px; line-height:40px; font-weight:800; margin:0 2px;}
.list_inquiry .inquiry01 button {margin-left:5px; width:77px; height:40px; border-radius:6px; background:#7d7d7d; color:#fff; font-size:15px; font-weight:800;}
.list_inquiry .inquiry02 .selectbox {width:31%; margin-right:5px;}
.list_inquiry .inquiry02 .searchbox {width:69%;}
.list_inquiry .inquiry01 > .con_box > a.calendar, .list_inquiry .inquiry02 > .con_box > a.select, .list_inquiry .inquiry02 > .con_box > a.search {height:40px;}

.not_found {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:600px; width:100%; text-align:center; z-index:2; display:none;}
.not_found img {width:64px;}
.not_found p {padding:0 20px; font-size:20px; line-height:24px; font-weight:700; margin-top:15px;}

.cargoinformlist {height:calc(100% - 120px); background:#efefef; z-index:1; overflow-y:auto; /* scrollbar-width:none; */}
/* .cargoinformbox {background:#fff; padding:10px 20px; margin-top:5px;} */
.cargoinformbox {padding:10px 12px; margin:8px 10px 0; border-radius:8px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.cargoinformbox .inform_top, .cargoinformbox .inform_bottom {display:flex; align-items:center; justify-content:space-between;}
.cargoinformbox .inform_top li, .cargoinformbox .inform_top .informTop_r p {font-size:14px; line-height:18px; font-weight:700;}
/* .cargoinformbox .inform_top .cargonumber {width:60%;}
.cargoinformbox .inform_top .cargodate {width:40%;} */
.cargoinformbox .inform_top .informTop_r {display:flex; align-items:center;}
.cargoinformbox .inform_top .informTop_r .delete {margin-left:14px; width:12px; height:12px; background:url(../images/bookmark_delete.png) no-repeat center; background-size:12px;}
.cargoinformbox .inform_top .cnbox {display:flex; align-items:center; justify-content:flex-end; width:50%;}
.cargoinformbox .inform_top .cnbox .cargonumber .optionbox {margin-right:0;  width:60px;}
.cargoinformbox .inform_top .cnbox .cargonumber {width:auto;}
.cargoinformbox .inform_top .cnbox li + li {margin-left:5px}
.cargoinformbox .inform_top .cargonumber .optionbox {display:inline-block; margin-right:10px; width:55px; height:22px; text-align:center; font-size:13px; line-height:22px; font-weight:700; border-radius:3px;}
.cargoinformbox .inform_top .cargonumber .option01 {background:#fff; color:#000; border:1px solid #000;}
.cargoinformbox .inform_top .cargonumber .option02 {background:#da002a; color:#fff; border:1px solid #da002a;}
.cargoinformbox .inform_top .cargonumber .option03 {background:#537b00; color:#fff; border:1px solid #537b00;}
.cargoinformbox .inform_top .cargonumber .option04 {background:#222; color:#fff; border:1px solid #222;}
.cargoinformbox .inform_top .cargonumber .option05 {background:#fff; color:#da002a; border:1px solid #da002a;}
.cargoinformbox .inform_top .cargonumber .option06 {background:#7d7d7d; color:#fff; border:1px solid #7d7d7d;}

.cargoinformbox .inform_top .bookmark {position:relative; display:flex; align-items:center;}
.cargoinformbox .inform_top .bookmark .bookmark_cb {margin:0; width:20px;}
.cargoinformbox .inform_top .bookmark .bookmark_cb label {width:20px; height:20px; background-size:20px;}
.cargoinformbox .inform_top .bookmark .bookmark_cb input[type="checkbox"]:hover + label, .cargoinformbox .inform_top .bookmark .bookmark_cb input[type="checkbox"]:checked + label {background-size:20px;}

.cargoinformbox .inform_top .bookmark .nickname_popup {display:none; position:absolute; top:28px; left:0; padding:6px; align-items:center; width:182px; height:38px; border-radius:5px; border:1px solid #000; background:#fff; z-index:10;}
.cargoinformbox .inform_top .bookmark .nickname_popup input {padding:0 8px; width:calc(100% - 64px); height:100%; font-size:14px; font-weight:500;}
.cargoinformbox .inform_top .bookmark .nickname_popup input::placeholder {font-size:14px;}
.cargoinformbox .inform_top .bookmark .nickname_popup button {position:static; transform:none; margin-left:4px; width:60px; height:39px; font-size:16px; font-weight:700; border-radius:6px; background:#da002a; color:#fff;}

.cargoinformbox .inform_top .bookmark li {position:relative; padding-right:20px; width:fit-content; font-weight:500;}
.cargoinformbox .inform_top .bookmark button {position:absolute; top:50%; right:0; transform:translateY(-50%); width:12px; height:12px; background:url(../images/modify_icon.png) no-repeat center; background-size:12px;}

.cargoinformbox .inform_top .cargonumber .optionbox2 {display:inline-block; margin-right:10px; width:55px; height:22px; text-align:center; font-size:13px; line-height:22px; font-weight:700; border-radius:3px; background:#efefef;}
.cargoinformbox .inform_top .cargodate, .cargoinformbox .inform_bottom .cargoprice, .cargoinformbox .inform_bottom  .auto_cargoprice {text-align:right;}
.cargoinformbox .inform_top .cargodate span {color:#7d7d7d; margin-right:3px;}
.cargoinformbox hr {margin:10px -20px; border:1px solid #eeeeee;}
.cargoinformbox .dashed {border:1px dashed #eee;}

.cargoinformbox .cargoadd {position:relative;}
.cargoinformbox .cargoadd:before {position:absolute; top:8px; left:5px; display:inline-block; content:''; height:25px; border:1px dashed #9597a4; opacity:0.3;}
.cargoinformbox .cargoadd li {display:flex; align-items:center; font-size:15px; line-height:18px; font-weight:700;}
.cargoinformbox .cargoadd li:before {z-index:2; margin-right:6px; display:inline-block; content:''; width:11px; height:11px; border-radius:50%; border:1px solid #bababa; background:#fff;}
.cargoinformbox .cargoadd li:nth-child(2) {margin-top:6px;}
.cargoinformbox .cargoadd li:nth-child(2):before {background:#bababa;}
.cargoinformbox .informtext {margin-top:10px; font-size:14px; line-height:18px; font-weight:500; color:#9b9b9b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cargoinformbox .inform_bottom li {display:flex; align-items:center; font-size:14px; line-height:18px; font-weight:500;}
.cargoinformbox .inform_bottom .cargoInform {flex-wrap:wrap;}
.cargoinformbox .inform_bottom .cargoInform span {margin-right:3px; display:block; font-size:14px; line-height:18px; font-weight:500;}
.cargoinformbox .inform_bottom .cargoInform .line {padding-left:13px; margin-right:0; position:relative;}
.cargoinformbox .inform_bottom .cargoInform .line:before {content:''; display:block; position:absolute; top:50%; left:6px; transform:translateY(-50%); height:12px; border:1px solid #eee; border-width:0 0 0 1px;}
.cargoinformbox .inform_bottom .cargoprice span, .cargoinformbox .inform_bottom .auto_cargoprice span {font-weight:700; margin-right:1px;}
.cargoinformbox .inform_bottom .auto_cargoprice {padding:5px 8px; display:flex; align-items:center; justify-content:space-between; min-width:13%; border-radius:4px; background:#fce5e8;}
.cargoinformbox .inform_bottom .auto_cargoprice .font-red {margin-right:9px; text-align:left; font-weight:700;}
.cargoinformbox .inform_bottom .auto_cargoprice .mixed {margin-right:5px; text-align:left; font-weight:700; color:#da002a;}
.cargoinformbox .inform_bottom .auto_cargoprice .line_icon {margin:0 5px 0 0;}
.cargoinformbox .driver_inform {margin-top:6px; padding:0 11px; height:33px; font-size:14px; line-height:33px; font-weight:700; text-align:center; border-radius:4px; background:#f1f1f1; border:1px solid #dfdfdf;}
.cargoinformbox .driver_inform2 { margin-top:6px; padding:3px 11px; display:flex; align-items:center; justify-content:space-between; min-height:33px; border-radius:4px; background:#f1f1f1; border:1px solid #dfdfdf;}
.cargoinformbox .driver_inform2 li {font-size:14px; line-height:16px; font-weight:700; text-align:center;}

.cargoinformbox .inform_bottom .cargocopy {font-weight:right; display:flex; justify-content:flex-end;}
.cargoinformbox .inform_bottom .cargocopy button {font-weight:700; font-size:14px; line-height:16px; display:flex; align-items:center;}
.cargoinformbox .inform_bottom .cargocopy button:hover {opacity:0.7;}
.cargoinformbox .inform_bottom .cargocopy .copy_icon {margin-left:4px; display:block; width:16px; height:16px; background:url(../images/btn_ico_25.png) no-repeat; background-size:cover;}

.non_membertitle {margin:54px 0 30px 0;}
.non_membertitle li:nth-child(1) {font-size:20px; line-height:24px; font-weight:700;}
.non_membertitle li:nth-child(2) {font-size:15px; line-height:20px; font-weight:500; color:#9b9b9b; margin-top:5px;}

.non_memberguide {margin-top:50px; background:#f1f1f1; padding:20px; border-radius:6px;}
.non_memberguide li:nth-child(1) {font-size:14px; line-height:16px; font-weight:700; display:flex; align-items:center;}
.non_memberguide li:nth-child(1) span {display:inline-block; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) no-repeat; background-size:cover; margin-right:6px;}
.non_memberguide li:nth-child(2) {font-size:13px; line-height:18px; font-weight:500; margin-top:10px;}

.sub_footbtn {position:fixed; bottom:20px; left:0; width:100%; margin:0 20px;}
.sub_footbtn button {width:calc(100% - 40px); height:50px; border-radius:6px; background:#da002a; color:#fff; font-size:16px; font-weight:700;}

.detailed_top {background:#fff; padding:10px 20px; height:60px; margin:1px 0 5px 0; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.detailed_top ul {display:flex; align-items:center; margin-bottom:10px;}
.detailed_top ul li {width:50%;}
.detailed_top ul li:nth-child(1) {font-size:14px; line-height:18px; font-weight:700; color:#000;}
.detailed_top ul li:nth-child(2) {font-size:13px; line-height:18px; font-weight:500; color:#7d7d7d; text-align:right;}

.mainwrapper {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.statusbar {display:flex; justify-content:space-between; align-items:center; padding:0; width:100%; position:relative; cursor:default;}
.statusbar::before {content: ""; height:10px; background-color:#dfdfdf; position:absolute; left:0.2em; right:-0.2em; border-radius:15px;}
.statusbar .pbar {content:""; height:10px; border-radius:15px; background:#ebc0c8; max-width:100%; position:absolute; left:0.2em; right:0; width:25%;}
.statusbar > .node {background:#fff; height:4px; width:4px; border-radius:100%; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.statusbar .node > .text {font-weight:500; text-align:center; position:absolute; top:14px; font-size:12px;}
.statusbar .node:nth-child(2).done {margin-left:0;}
.statusbar .node:nth-child(2) {margin-left:7px;}
.statusbar .node:nth-child(2) > .text {left:-3px;}
.statusbar .node:last-child > .text {right:-3px;}
.statusbar .node.done {background:#da002a; width:16px; height:16px;}
.statusbar .node.done > .text {top:20px;}

.detailed_content {background:#fff; height:calc(100% - 126px); padding:20px; overflow-y:auto;}
.detailed_content .addbox {display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:12px;}
.detailed_content .addbox > li {font-size:14px; line-height:16px; color:#aaa;}
.detailed_content .addbox ul {width:calc(100% - 78px);}
.detailed_content .addbox ul .add {font-size:14px; line-height:16px; font-weight:700; color:#000; margin-bottom:2px;}
.detailed_content .addbox ul .date_time {font-size:14px; line-height:16px; font-weight:500; color:#000; word-break: break-all;}
.detailed_content .addbox ul .date_time textarea, .detailed_content .addbox ul .date_time textarea::placeholder {font-size:14px; line-height:16px; font-weight:500;}
.detailed_content .addbox ul .date_time textarea {color:#000;}
.detailed_content .addbox ul .informtext {max-height:100px; height:100%; overflow-y:auto}
.detailed_content .addbox ul .ts_text {font-size:14px; line-height:18px; font-weight:700; color:#409400;}
.detailed_content .addbox ul .call {font-size:12px; line-height:14px; font-weight:500; color:#9b9b9b; margin-top:4px;}
.detailed_content .addbox .imgbox {margin-top:10px; display:flex; width:100%;}
.detailed_content .addbox .imgbox li {width:60px; height:60px; border-radius:6px; overflow:hidden; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto;}
.detailed_content .addbox .imgbox li:nth-child(2) {margin:0 10px;}
.detailed_content .addbox .imgbox li img {width:100%; height:100%; object-fit:cover;}

.dashed {border:1px dashed #eee; margin:15px 0; border-width:1px 0 0 0;}
.detailed_content hr {border:1px solid #eee; margin:15px 0; border-width:1px 0 0 0;}
.paybox ul {display:flex; align-items:center; justify-content:space-between;}
.paybox ul li {font-size:14px; line-height:16px; font-weight:500;}
.paybox .pay01:nth-child(1) {margin-bottom:10px;}
.paybox .pay01 li {font-weight:500; color:#aaa;}
.paybox .pay01 .addAmount {display:flex; align-items:center; justify-content:flex-end; width:calc(100% - 100px);}
.paybox .pay01 .addAmount label span {font-size:14px; line-height:16px; font-weight:500; color:#000;}
.paybox .pay01 .addAmount label input {padding:0 3px; margin:0 3px; width:84px; font-size:14px; height:38px; font-weight:500;}
.paybox .pay01 .addAmount label input::placeholder {font-size:14px;}
.paybox .pay01 .addAmount .addAmount_btn {margin-left:3px; width:56px; height:38px; font-size:14px; font-weight:700; border-radius:6px; background:#da002a; color:#fff;}

/* .paybox ul .final_pay {width:100% !important;} */
.paybox ul .mixed {padding:5px 8px; display:flex; align-items:center; justify-content:space-between; max-width:100px; border-radius:4px; background:#fce5e8;}
.paybox ul .mixed .font-red {margin-right:9px; font-weight:700;}
.paybox ul li:nth-child(2) {text-align:right; color:#000; width:calc(100% - 100px);}
.paybox ul div li:nth-child(2) {width:100%;}
.paybox .pay02 {margin:5px 0 6px 0;}
.paybox .pay02 > ul {width:100%; height:16px; background:#fce5e8; padding:4px 8px; border-radius:4px;}
.paybox .pay02 .autopaybox {width:50%;}

.paybox .pay02 .autopaywrap {display:flex; align-items:center;}
.paybox .pay02 .autopaywrap .autopaybox, .paybox .pay02 .autopaywrap .autopaybox li {width:auto;}
.paybox .pay02 .autopaywrap .autopaybox li:nth-child(2) {margin-left:3px;}
.paybox .pay02 .autopaywrap .payment {padding:0; border-radius:0; background:transparent;}
.paybox .pay02 .autopaywrap .payment button.complete {margin-left:3px; width:56px; height:38px; font-size:14px; font-weight:700; border-radius:6px;}

.paybox .payment {display:flex; align-items:center; background:#f1f1f1; padding:5px; border-radius:6px;}
.paybox .payment p {font-size:13px; line-height:15px; font-weight:500; padding-left:9px; width:calc(100% - 91px);}
.paybox .payment p.complete {display:block;}
.paybox .payment > p, .final_pay {display:none;}
.paybox .payment button {width:91px; height:35px; background:#cbcbcb; color:#fff; border-radius:4px; font-size:14px; font-weight:700;}
.paybox .payment button.complete {background:#da002a;}

.detailed_content .paybox .va_box {width:100%; justify-content:flex-end;}
.paybox .va_box button {margin-left:20px; width:86px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#fa002a;}
.va_content li {line-height:24px !important;}

/* .footer_btn {display:flex; background:#fff; padding:10px; height:50px;}
.footer_btn button {width:100%; height:50px; border-radius:6px; color:#fff; font-size:16px; font-weight:700;}
.footer_btn button:nth-child(1) {margin-right:2px;}
.footer_btn button:nth-child(2) {margin-left:2px;} */
.footer_btn {display:flex; background:#fff; padding:10px 8px; height:50px;}
.footer_btn button {width:100%; height:50px; border-radius:6px; color:#fff; font-size:16px; font-weight:700; margin:0 2px;}
.footer_btn .bg_black {background:#000;}
.footer_btn .bg_gray {background:#7d7d7d;}
.footer_btn .bg_red {background:#da002a;}

.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; background:#fff;}
.guidebox img {width:14px; margin:2px 6px 2px 0;}
.guidebox li {font-size:13px; line-height:18px; font-weight:500;}

.cb_notmargin .searchBox {margin:12px 0 8px 0; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
.cb_notmargin .searchBox > p {font-size:14px; line-height:16px; font-weight:500;}
.cb_notmargin .searchBox .con_box {width:241px;}
.cb_notmargin .searchBox .con_box > input {padding-right:40px; height:40px; background:#fff;}
.cb_notmargin .searchBox .con_box > a.search {width:40px; height:40px;}

.driver_select {position:relative;}
.driver_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;}
.driver_select input {padding:0 40px 0 10px;}

.my_contents {padding-bottom:9px; margin:0 0 5px 0; width:100%; background:#fff;border-bottom:1px solid #e7e7e7;}
.my_contents h2, .my_content2 h2 {font-size:15px; line-height:18px; font-weight:700;}

.my_contents2 {margin-bottom:5px;}
.my_contents2:last-child {margin-bottom:0;}

.basic_inform {padding:17px 20px; display:flex; align-items:center; justify-content:space-between;}
.basic_inform h2 {font-size:20px; line-height:25px; font-weight:700;}
.basic_inform button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}
/* .basic_inform .btnbox button + button {margin-left:10px;}
.basic_inform .btnbox .btn01 {background:#f2f2f2; color:#000;}
.basic_inform .btnbox .btn02 {background:#fce5e8; color:#da002a;} */

.uncertified {padding:16px 20px 19px 20px; border-bottom:1px solid #e7e7e7;}
.uncertified .uc_cont, .uncertified .uc_cont ul {display:flex; align-items:center;}
.uncertified .uc_cont {margin:20px 0 29px 0; justify-content:space-between;}
.uncertified .uc_cont ul img {width:18px; margin-right:8px;}
.uncertified .uc_cont ul li {font-size:14px; line-height:16px; font-weight:700;}
.uncertified .uc_cont button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}
.uncertified p {padding:10px 20px; font-size:13px; line-height:16px; font-weight:500; border-radius:6px; background:#f1f1f1;}

/* .my_contentbox {padding:13px 20px 0 20px;} */
.my_contentbox .my_inform {display:flex; padding:8px 20px;}
.my_contentbox .mi_box {width:calc(100% - 110px); display:flex; align-items:center; justify-content:space-between;}
.my_contentbox .mi_box button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#f2f2f2;}
.my_contentbox .mi_text01 {width:110px; font-size:15px; line-height:24px; font-weight:500; color:#979797;}
.my_contentbox .mi_text02 {font-size:15px; line-height:24px; font-weight:500; color:#222;}
.my_contentbox .my_inform2 {width:calc(100% - 110px); display:flex; align-items:center; justify-content:space-between;}
.my_contentbox .my_inform2 button {width:58px; height:24px; border-radius:4px; background:#f2f2f2; font-size:12px; font-weight:700;}

.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 img {width:5px;}
.my_content2 .userbox, .notice, .version {display:flex; align-items:center;}
.my_content2 .userbox img {width:20px; margin-right:8px;}
.my_content2 .userbox ul li {font-size:14px; line-height:16px; font-weight:700;}
.my_content2 .userbox ul li:last-child {margin-top:4px;}
.my_content3 .login, .my_content2 .logout {width:58px; height:24px; border-radius:4px; font-size:12px; line-height:14px; font-weight:700;}
.my_content3 .login {background:#f2f2f2;}
.my_content2 .logout {background:#fce5e8; color:#da002a;}
.my_content3 {padding:14px 20px; background:#fff; display:flex; justify-content:flex-end;}
.notice img {width:16px; margin-left:5px;}
.version p {font-size:13px; line-height:15px; font-weight:500; margin-right:13px;}
.version .pointtext {font-size:12px; line-height:14px; font-weight:500; margin-right:20px;}
.version .pointtext span {margin-left:8px; font-weight:700; color:#da002a;}

.menu_footer {padding:20px; background:#fff;}
.menu_footer h2 {font-size:13px; line-height:15px; font-weight:700;}
.menu_footer ul {margin:10px 0;}
.menu_footer ul li {font-size:12px; line-height:14px; font-weight:500;}
.menu_footer p {font-size:11px; line-height:13px; font-weight:500;}

.mypage_popup, .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%;}
.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 .mp_btn, .mypage_popup .pop_content {border-radius:6px;}

.pop_inputbox {margin-top:20px;}
.pop_inputbox .con_box {margin-bottom:10px;}
.pop_inputbox .con_box > input.border-red {border:1px solid #da002a;}
.pop_inputbox .pw_guide {font-size:13px; line-height:15px; font-weight:500; color:#cbcbcb; margin:-2px 0 10px 0;}
.pop_inputbox .pw_guide_r {font-size:14px; line-height:18px; font-weight:500; color:#da002a; margin:-2px 0 0 0;}

.delete_body .body_btn .close {background:#7d7d7d;}
.delete_contents {padding:0 20px; position:relative;}
.delete_contents .change_title {margin:39px 0 30px 0;}
.delete_contents .change_title h2 {font-size:20px; line-height:24px; font-weight:700;}
.delete_contents .change_title p {font-size:15px; line-height:18px; font-weight:500; margin-top:5px; color:#9b9b9b;}
.delete_contents .join_agree, .delete_contents .join_agree ul {padding:0;}
.delete_contents .join_agree ul li {margin-bottom:20px; background:#fff;}
.delete_contents label.art input[type="checkbox"] + *:before {width:20px; height:20px; background-size:20px;}
.delete_contents label.art input[type="checkbox"]:checked + *:before {background-size:20px;}
.delete_contents label.art span {line-height:20px;}
.delete_contents .join_agree textarea {display:none; 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;}
.delete_contents .textnumber {display:none; font-size:13px; text-align:right; line-height:18px; font-weight:500; margin-top:6px; color:#cbcbcb;}
.delete_contents .textnumber span {color:#222;}
.popinputbox .pw_guide {margin:-12px 0 10px 0; font-size:13px; line-height:15px; font-weight:500; color:#cbcbcb;}
.popinputbox .pw_guide_r {margin:-12px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#da002a;}

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

.delete_finish {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.delete_finish img {width:70px;}
.delete_finish li:nth-child(2) {margin:15px 0 18px 0; font-size:20px; line-height:22px; font-weight:700;}
.delete_finish li:nth-child(3) {font-size:14px; line-height:18px; font-weight:500;}

.mypage_popup .join_exe .edge .txt {background:url(../images/bg_ico_11.png) center top no-repeat; background-size:70px;}

.manage_guide {padding:10px 20px; font-size:13px; line-height:18px; font-weight:500; color:#000; background:#f1f1f1; border-radius:6px;}
.searchbox {display:flex; align-items:center; margin:10px 0 20px 0;}
.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 label.art span {line-height:20px; font-weight:700;}
.gisa_total label.art input[type="checkbox"] + * {margin-left:25px;}
.gisa_total label.art input[type="checkbox"] + *:before {width:20px; height:20px; background-size:20px;}
.gisa_total label.art input[type="checkbox"]:checked + *:before {background-size:20px;}
.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;}
.mygisatitle {font-size:13px; line-height:15px; padding:8px 20px; font-weight:500;}
.mygisa_content {padding:13px 20px; display:flex; align-items:center; justify-content:space-between; 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 p span {font-size:13px; line-height:16px; font-weight:500;}
.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_cb input[type="checkbox"]:checked + label, #mygisaAreaFavorite input[type="checkbox"] + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:18px;}

.mg_informbox button.trash {margin-left:10px; width:40px; height:22px; font-size:13px; font-weight:700; border-radius:3px; background:#fff; border:1px solid #da002a; color:#da002a;}
.mg_informbox button.restore {margin-left:10px; width:40px; height:22px; font-size:13px; font-weight:700; border-radius:3px; background:#fff; border:1px solid #000; color:#000;}

#driver_register .edge {padding:20px 0;}
#driver_register .head, #driver_register .btn {padding:0 20px;}
#driver_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; align-items:center; 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;}
.mydriver .mismatch li {font-size:14px; line-height:17px; font-weight:500; padding-top:10px; color:#979797;}

.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 .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_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%;}

.ug_contents {hegiht:calc(100% - 120px); overflow-y:auto;}
.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;}
.up_popup .ug_popcontents {padding:20px; height:calc(100vh - 52px); overflow-y:auto; background:#fff;}

.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;}

.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); border-radius:6px;}

.noticecontent {height:100%; 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;}

.money_inquiry {display:flex; align-items:center; justify-content:space-between; padding:0 10px;}
.money_inquiry .listselect_box > input {width:60px; padding:0; background:transparent; border:none; font-weight:500;}
.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:flex-end; color:#222;}
.money_inquiry .listselect_box {position:relative;}
.money_inquiry .listselect_box > a.right {width:20px; height:40px; position:absolute; right:0; top:0; background:url(../images/select_icon.png) center no-repeat; background-size:9px auto;}

.totalbox {background:#fff; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08); padding:12px 15px; margin:0 10px;}
.totalbox ul {display:flex; align-items:center;}
.totalbox ul li {width:100%; font-size:14px; line-height:16px; font-weight:500;}
.totalbox ul:nth-child(2) {margin-top:5px;}
.totalbox ul li:nth-child(2) {text-align:right;}
.totalbox ul .money {font-size:18px; line-height:21px;}
.totalbox ul .money span {font-weight:800;}
.totalbox .totaldetail {margin-top:5px; padding:10px; border-radius:5px; background:#f1f1f1;}
.totalbox .totaldetail ul:nth-child(2) {margin-top:10px;}
.totalbox .totaldetail .cdtext01 {font-size:13px; line-hegiht:15px; font-weight:500; color:#666;}
.totalbox .totaldetail .cdtext02 {font-size:13px; line-hegiht:15px; font-weight:500; color:#000;}

.income_table {height:140px; background:#fff; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08); padding:10px 20px; margin:10px 10px 0 10px;}
.income_table img {max-height:140px;}

.cpl_top {display:flex; align-items:center; justify-content:flex-end; /* justify-content:space-between; */ padding:14px 0 12px 0;}
.cpl_top .cpl_top01 label.art input[type="checkbox"] + *:before {width:20px; height:20px;}
.cpl_top .cpl_top01 label.art input[type="checkbox"]:checked + *:before {background-size:20px;}
.cpl_top .cpl_top01 label.art span {line-height:20px;}
.cpl_top .cpl_top01 label.art input[type="checkbox"] + * {margin-left:28px;}

.cpl_top .cpl_top02 {display:flex; align-items:center;}
.cpl_top .cpl_top02 label:last-child {border-left:1px solid #e0e0e0;}
.cpl_top .cpl_top02 label span {font-size:13px; line-height:15px; font-weight:500; color:#979797; padding:0 10px;}
.cpl_top .cpl_top02 label input[type="radio"] {display:none;}
.cpl_top .cpl_top02 label input[type="radio"]:checked + span {color:#000; font-weight:700;}

/* .cp_listbox {height:calc(100% - 312px); overflow-y:scroll;} */
#cp_popup > .edge {max-height:calc(100% - 30px);}
#cp_popup .body {margin-bottom:0;}
.cp_head {display:flex; align-items:center; justify-content:space-between;}
.cp_head .markcancel, .cpbox .cpbox02 .cp_payment .markcancel {width:55px; height:22px; font-size:13px; line-height:22px; font-weight:700; text-align:center; border-radius:3px; border:1px solid #da002a; background:#fff; color:#da002a;}
.cp_listbox {height:calc(100% - 215px); overflow-y:auto;}
.cpbox {background:#fff; cursor:pointer; margin-bottom:5px;}
.cpbox:last-child {margin-bottom:0;}
.cpbox ul li {font-size:13px; line-height:15px; font-weight:500;}
.cpbox ul li:last-child {text-align:right;}
.cpbox .cpbox01 {padding:10px 20px; border-bottom:1px dashed #eee;}
.cpbox .cpbox02 {padding:10px 20px; display:flex; align-items:center; justify-content:space-between;}
.cpbox .cpbox01 li:nth-child(2), .cpbox .cpbox02 li:nth-child(2) {font-size:14px; line-height:16px;}
.cpbox .cpbox01 li:nth-child(2) {font-weight:700;}
.cpbox .cpbox01 li:nth-child(1) {font-size:12px; color:#919191;}
.cpbox .cpbox02 .font-red {font-weight:800;}
.cp_add, .cpbox .cpbox02 .cp_payment {display:flex; align-items:center;}
.cpbox .cpbox02 .cp_payment .markcancel {margin-right:10px; margin-left:0;}
.cp_add .addText {margin:0; width:calc(50% - 13px); height:auto; line-height:16px; text-align:center; background:transparent;}
.cp_add span {display:block; width:5px; height:9px; background:url(../images/btn_ico_18.png) center no-repeat; background-size:5px; margin:0 10px;}
.cpbox .cpbox02 .cp_payment span {padding:2px 5px; border-radius:3px; margin-left:8px; font-size:12px; line-height:14px; font-weight:500;}
.cpbox .cpbox02 .cp_payment .issue {background:#ededed; color:#000;}
.cpbox .cpbox02 .cp_payment .unissue {background:#ffe3e9; color:#da002a;}

.cpbox .cpbox02 .cancel_fee {display:flex; align-items:center;}
.cpbox .cpbox02 .cancel_fee .font-cancle { font-size:14px; color:#cbcbcb; text-decoration:line-through;}
.cpbox .cpbox02 .cancel_fee .fee {margin-left:5px; font-size:13px; color:#000;}

.cp_pay .cancelbox {margin:10px 0; padding:10px; background:#f1f1f1;}
.cp_pay .cancelbox ul {display:flex; align-items:center; justify-content:space-between;}
.cp_pay .cancelbox ul li {font-size:13px; line-height:15px; font-weight:500;}
.cp_pay .cancelbox ul .cb_text01 {color:#666;}

.settingbox {padding:0; margin-bottom:0; min-height:313px;}
.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; background:#fff;}
.settingbox .inquiry01 .con_box > a.calendar {height:40px;}
.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 #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 #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;}

.cp_line {border:1px solid #000; border-width:1px 0 0 0; margin:0 0 20px 0;}
.cp_ptop {display:flex; align-items:center; margin:0 0 16px 0;}
.cp_ptop li {width:100%; font-size:14px; line-height:16px; font-weight:700; justify-content:center;}
.cp_ptop li:last-child {text-align:right;}
.cp_pay {margin:20px 0;}
.cp_pay hr {margin:10px 0; border:1px dashed #eee; border-width:1px 0 0 0;}
.cp_pay .cp_paybox {margin-top:10px; display:flex; align-items:center; justify-content:space-between;}
.cp_pay .cp_paybox li {/* width:100%; */ font-size:13px; line-height:15px; font-weight:500;}
.cp_pay .cp_paybox .paytext01 {color:#979797;}
.cp_pay .cp_paybox .paytext02 {text-align:right;}
.cp_pay .cp_paybox div {/* width:100%; */ display:flex; align-items:center;}
.cp_pay .cp_paybox div .paytext01 {width:auto;}
.cp_pay .cp_paybox div button {margin-left:10px; padding:5px; font-size:12px; line-height:14px; font-weight:500; border-radius:3px; color:#000; background:#ededed;}
.cp_pay .cp_paybox div .bgr {background:#da002a; color:#fff;}

/* .cp_pay li {font-size:22px; line-height:26px; font-weight:500;}
.cp_pay li span {font-weight:800;}
.cp_pay .issue {margin-top:5px; padding:2px 5px; border-radius:3px; font-size:12px; line-height:14px; font-weight:500; background:#ededed; color:#000;}
.cp_pay .unissue {margin-top:5px; padding:2px 5px; border-radius:3px; font-size:12px; line-height:14px; font-weight:500; background:#ededed; color:#000;} */

.cp_content .addbox {display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:10px;}
.cp_content .addbox ul {width:calc(100% - 80px);}
.cp_content .addbox li {font-size:13px; line-height:15px; font-weight:500; margin-bottom:2px;}
.cp_content .addbox ul li:last-child {margin-bottom:0;}
.cp_content .addbox ul .call, .cp_content .addbox > li {color:#979797;}

.cp_content .paybox ul li {font-size:13px; line-height:15px;}
.paybox .pay01 {margin-bottom:10px;}
.paybox .pay01:last-child {margin-bottom:0;}
.cp_content .signbox {width:100%; display:flex; justify-content:flex-end;}
.cp_content .signbox p {width:150px; height:50px; border:1px solid #e0e0e0;}
.cp_content .signbox p img {margin:0 auto; max-height:50px;}
.cp_content .imgbox {display:flex; align-items:center; justify-content:flex-end; width:calc(100% - 80px);}
.cp_content .imgbox li {width:60px; height:60px; border-radius:6px; overflow:hidden; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto;}
.cp_content .imgbox li + li {margin-left:10px; width:60px;}
.cp_content .imgbox li img {width:100%; height:100%; object-fit:cover;}
/* .detailed_content .addbox .imgbox {margin-top:10px; display:flex; width:100%;}
.detailed_content .addbox .imgbox li {width:60px; height:60px; border-radius:6px; overflow:hidden; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto;}
.detailed_content .addbox .imgbox li:nth-child(2) {margin:0 10px;}
.detailed_content .addbox .imgbox li img {width:100%; height:100%; object-fit:cover;} */


.notifi_type {margin-top:50px; padding:8px 10px; display:flex; align-items:center; background:#fff;}
.notifi_type button {margin-right:5px; width:60px; height:24px; font-size:12px; line-height:24px; font-weight:500; text-align:center; border-radius:12px; background:#f2f2f2; color:#000;}
.notifi_type button.on {background:#000; color:#fff; font-weight:700;}
.notifi_type button:last-child {margin-right:0;}

.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;}
.notifi_contents .notifibox1 .notifibox {padding:10px; border-radius:6px;}
.notifibox1 > img {padding:0 0 10px 10px; position:absolute; top:10px; right:10px; width:14px; z-index:999;}
.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 {color:#da002a; display:flex; align-items:center;}
.notifibox .nbox_bottom .details a {color:#da002a;}
.notifibox .nbox_bottom .details img {width:4px; margin-left:8px;}

.intend_title {margin:18px 0 20px 0; font-size:20px; line-height:26px; font-weight:700;}
.fd {position:relative; text-decoration:underline; font-size:14px; line-height:16px; color:#da002a; width:fit-content;}
.fd: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;}

.intend_addbox {padding:15px; margin-top:20px; border-radius:6px; background:#f1f1f1;}
.intend_addbox li {font-size:14px; line-height:18px; font-weight:500;}

.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/intend_icon.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/intend_icon_r.png) center no-repeat; background-size:24px;}
.intend_content li label input[type="radio"]:checked + em {border:1px solid #da002a; color:#000;}
/* .intend_content li label input[type="radio"]:checked + em > span {color:#da002a;}
.intend_content li label input[type="radio"]:checked + em > span.font-g {color:#aaa;} */

.payment_method {padding:0 20px; margin-top:20px;}
.payment_method h2 {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
.payment_method .intend_content {margin-top:0;}
.pm_content {display:flex; margin-top:5px !important;}
.pm_content li {width:100%; margin-bottom:0;}
.pm_content li:nth-child(1) {margin-right:2px;}
.pm_content li:nth-child(2) {margin-left:2px;}
.payment_method p {margin-top:8px; font-size:12px; line-height:16px; font-weight:500; color:#9b9b9b;}

.account_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:999;}
.account_popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:320px; border-radius:5px; background:#efefef; overflow:hidden;}
.cp_accountpop {height:500px;}
.account_popup .ap_title {background:#fff; padding:9px 20px;}
.account_popup .ap_title h2 {font-size:15px; line-height:22px; font-weight:700;}

.account_popup .ap_content {padding:20px;}
.cp_accountpop .ap_content {padding:20px 20px 0; height:380px;}
.account_popup .ap_content .font-red {margin:0; font-size:14px; line-height:16px; font-weight:500; text-align:center;}
.account_popup .ap_content .ap_inform {margin:0 0 10px 0; display:flex; align-items:center; justify-content:space-between;}
.account_popup .ap_content .ap_text {font-size:15px; line-height:18px; font-weight:500;}
.account_popup .ap_content .con_box {width:200px; background:#fff;}
.account_popup .ap_content .con_box > input {height:48px; border-radius:4px;}

.account_popup .accountbox {margin-top:10px;}
.account_popup .accountbox .account_text {margin-top:8px; padding:15px; display:flex; align-items:center; justify-content:space-between; font-size:16px; line-height:18px; font-weight:700; border-radius:4px; border:1px solid #dedede; background:#fff;}
.account_popup .accountbox .account_text button {padding:0;}
.account_popup .accountbox .account_text button img {width:16px;}

.account_popup .document  {margin:10px 0 0; padding:15px 15px 20px 15px; background:#fff; border-radius:4px; border:1px solid #dedede;}
.cp_accountpop .document {height:307px; overflow-y:auto; scrollbar-width:none;}
.account_popup .document .title {margin-bottom:4px; font-size:14px; line-height:16px; font-weight:700;}
.account_popup .document .tabs {display:flex; margin-bottom:9px;}
.account_popup .document .tabs li {position:relative;}
.account_popup .document .tabs li:nth-child(2) {margin-left:30px;}
.account_popup .document .tabs li label {display:flex; align-items:center;}
.account_popup .document .tabs li label span {margin-left:8px; font-size:14px; line-height:16px; font-weight:400;}
.account_popup .document .tabs 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;}
.account_popup .document .tabs li label input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

.account_popup .document .dm_content {display:none;}
.account_popup .document .show {display:block;}
.account_popup .dm_content .con_box {width:100%; margin-bottom:10px;}
.account_popup .dm_content .con_box:last-child {margin-bottom:0;}

.account_popup .document p {font-size:14px; line-height:16px; font-weight:400;}
.account_select {margin-bottom:10px; display:flex; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); border-radius:6px;}
.account_select input[type=radio] {display:none;}
.account_select #list01 + label {border-radius:6px 0 0 6px;}
.account_select #list02 + label {border-radius:0 6px 6px 0;}
.account_select input[type=radio]+label {display:inline-block; cursor:pointer; height:40px; width:100%; border:1px solid #dedede; font-size:14px; line-height:40px; text-align:center; font-weight:500;}
.account_select input[type=radio]+label {background-color:#fff;}
.account_select input[type=radio]:checked+label {background-color:#ffe3e9; border:1px solid #da002a; color:#da002a;}

.account_popup .ap_btn {padding:0 20px 20px; display:flex; align-items:center;}
.account_popup .ap_btn button {width:100%; height:40px; border-radius:4px; font-size:14px; font-weight:400; color:#fff;}
.account_popup .ap_btn .close {margin-right:2px; background:#7d7d7d;}
.account_popup .ap_btn .ok {margin-left:2px; background:#da002a;}

/* 가상계좌 입금정보 확인 popup */
.account_popup2 {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:320px; border-radius:5px; background:#efefef; overflow:hidden;}
.account_popup2 .ap_title {background:#fff; padding:9px 20px;}
.account_popup2 .ap_title h2 {font-size:15px; line-height:22px; font-weight:700;}
.account_popup2 .ap_content {padding:20px 0;}
.account_popup2 .ap_content .font-red {font-size:14px; line-height:16px; font-weight:500; text-align:center;}
.account_popup2 .ap_content .deposit {margin-top:20px; padding:20px; background:#fff;}
.account_popup2 .ap_content .deposit ul {margin-bottom:10px; display:flex;}
.account_popup2 .ap_content .deposit ul:last-child {margin-bottom:0;}
.account_popup2 .ap_content .deposit .de_text01 {width:80px; font-size:14px; line-height:16px; font-weight:500; text-align:left; color:#aaa;}
.account_popup2 .ap_content .deposit .de_text02 {width:calc(100% - 80px); font-size:14px; line-height:16px; text-align:left; font-weight:500;}
.account_popup2 .ap_btn {padding:0 20px 20px; display:flex; align-items:center;}
.account_popup2 .ap_btn button {width:100%; height:40px; border-radius:4px; font-size:14px; font-weight:400; background:#da002a; color:#fff;}


/* 환불 계좌 */
.account_contents .a_title {font-size:18px; line-height:21px; font-weight:700;}
.account_contents .a_text {margin-top:5px; font-size:14px; line-height:16px; font-weight:500;}
.account_contents .a_box {margin-top:20px; padding:18px 20px; border-radius:6px; background:#f1f1f1;}
.account_contents .a_box p {display:flex; align-items:center; font-size:16px; line-height:19px; font-weight:700;}
.account_contents .a_box p:before {content:''; margin-right:5px; display:block; width:24px; height:24px; background:url(../images/a_icon.png) no-repeat; background-size:24px;}

/* 계좌인증 */
.certifybox {display:flex; align-items:center;}
.account_body .certifybox .con_box {margin-bottom:0; width:calc(100% - 88px);}
.certifybox button {margin-left:8px; width:80px; height:48px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff;}
.certifybox button:disabled {background:#c2c2c2;}

/* 계좌인증 popup */
.account_popup .certify_content {padding:20px 20px 30px;}
.certify_content .c_top {margin:10px 0; text-align:center;}
.certify_content .ct_text01 {margin-bottom:15px; font-size:20px; line-height:24px; font-weight:700;}
.certify_content .ct_text02 {font-size:14px; line-height:16px; font-weight:500;}
.certify_content .cfbox {margin-top:20px;}
.certify_content .cfbox .ct_text02 {padding-left:14px; position:relative;}
.certify_content .cfbox .ct_text02 .number {position:absolute; top:0; left:0;}
.certify_content .cfbox .ct_text02 .font-red {font-weight:700;}
.certify_content .cfbox .exbox {margin-top:10px; border-radius:6px; border:1px solid #dedede; background:#fff; overflow:hidden;}
.certify_content .cfbox .exbox p {height:29px; font-size:12px; line-height:29px; font-weight:500; text-align:center; border-bottom:1px solid #dedede;}
.certify_content .cfbox .exbox ul {display:flex; align-items:center; justify-content:space-between;}
.certify_content .cfbox .exbox .exbox01 {padding:10px 20px;}
.certify_content .cfbox .exbox .exbox02 {padding:0 20px 15px;}
.certify_content .cfbox .exbox .exbox01 li {font-size:12px; line-height:14px; font-weight:500;}
.certify_content .cfbox .exbox .exbox02 li {font-size:18px; line-height:21px; font-weight:700;}
.certify_content .cf_conbox {margin-top:10px; border-radius:6px; border:1px dashed #dedede; background:#fff;}
.certify_content .cf_conbox > input {height:65px; font-size:18px; border:1px dashed #dedede;}
.certify_content .cf_conbox > input::placeholder{font-size:18px;}

/* 카드 결제 popup */
.card_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:999;}
.card_popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:320px; border-radius:5px; background:#efefef; overflow:hidden;}
.card_popup .card_title {background:#fff; padding:9px 20px;}
.card_popup .card_title h2 {font-size:15px; line-height:22px; font-weight:700;}

.card_popup .card_content {padding:20px;}
.card_content h2 {font-size:16px; line-height:19px; font-weight:700; text-align:center;}
.card_content .card_inform {margin:20px 0; padding:20px; border-radius:6px; background:#fff;}
.card_content .card_inform .ctext01 {font-size:18px; line-height:21px; font-weight:700;}
.card_content .card_inform .ctext02 {margin:10px 0 20px 0; font-size:16px; line-height:19px; font-weight:500;}
.card_content .card_inform button {width:100%; height:50px; font-size:18px; font-weight:700; border-radius:6px; border:1px solid #c4c4c4; background:#f1f1f1;}
.card_content p {font-size:15px; line-height:20px; font-weight:500; text-align:center; text-decoration:underline; color:#da002a;}

.card_popup .card_btn {padding:10px 20px 20px; display:flex; align-items:center;}
.card_popup .card_btn button {width:100%; height:40px; border-radius:4px; font-size:14px; font-weight:400; color:#fff;}
.card_popup .card_btn .close {margin-right:2px; background:#7d7d7d;}
.card_popup .card_btn .ok {margin-left:2px; background:#da002a;}

#self_certifi .btn {display:block;}
#self_certifi .btn .font-red {margin-bottom:10px; font-size:14px; line-height:17px; font-weight:500; text-align:center;}
#self_certifi .btn button {width:100%;}
#self_certifi .join_agree {padding:0;}
#self_certifi .join_agree .tit h3 {line-height:24px;}
#self_certifi .join_agree .tit p {font-size:15px; line-height:18px; color:#9b9b9b;}
#self_certifi label.art input[type="checkbox"] + *:before {background:url(../images/intend_icon.png) center no-repeat; background-size:24px;}
#self_certifi label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/intend_icon_r.png) center no-repeat; background-size:24px;}

#cancel_pop .edge .body {padding:20px;}
#cancel_pop .edge .btn button.b02 {background:#7d7d7d;}
.cancel_body .cancel_regulation {display:flex; align-items:center; justify-content:flex-end; font-size:13px; line-height:15px; font-weight:500; text-decoration:underline; color:#000;}
.cancel_body .cancel_regulation: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_box {margin:10px 0 25px 0; padding:20px; border-radius:8px; background:#fff;}
.cancel_box .cancelhr01 {border:1px dashed #eee; border-width:1px 0 0 0; margin:10px 0;}
.cancel_box .cancelhr02 {border:1px solid #7d7d7d; border-width:1px 0 0 0; margin:12px 0;}
.cancel_box ul, .cancelbox ul {display:flex; align-items:center;}
.cancel_box ul li, .cancelbox ul li {width:100%; text-align:left; font-size:14px; line-height:16px; font-weight:500; color:#000;}
.cancel_box ul li:nth-child(2), .cancelbox ul li:nth-child(2) {text-align:right;}
.cancel_box .cm_box {margin-top:10px; padding:10px; background:#f1f1f1;}
.cancel_box .cm_box .cm_text {color:#666;}
.cancel_box .cancel_text01 {margin-bottom:10px;}
.cancel_box .cancel_text02 {margin-bottom:6px;}
.cancel_box .cancel_text01 li:nth-child(1), .cancelbox .cancel_text01 li:nth-child(1) {color:#aaa;}
.cancel_box .cancel_text03 li, .cancelbox .cancel_text03 li {font-weight:700;}
.cancel_body p {font-size:15px; line-height:22px; font-weight:500; text-align:center; color:#000;}
.cancel_body p span {font-weight:700;}
.cancel_body .re-register {font-size:13px; line-height:16px; font-weight:400;}

.cancelbox ul + ul {margin-top:10px;}
.cancelbox .cancel_text02 {margin-top:6px;}
/* .cancelbox ul:first-child {margin-top:0;} */

.pay1 {align-items:flex-start !important;}
.pay1 div {width:100%; text-align:right;}
.pay1 div li {color:#000 !important; margin-bottom:2px;}
.pay1 div li:last-child {margin-bottom:0; width:100%;}

#in_detail .edge {background:#fff;}
#in_detail .edge .body {padding:40px 20px 30px 20px;}
.indetail_edge img {margin:8px auto;}
.indetail_edge h2 {margin-bottom:19px; font-size:20px; line-height:24px; font-weight:700;}
.indetail_edge .idtext01 {font-size:13px; line-height:16px; font-weight:500;}
.indetail_edge .idtext02 {margin-top:3px; font-size:15px; line-height:18px; font-weight:700;}
.indetail_edge .contentbox {padding:16px 15px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; background:#f1f1f1;}
.indetail_edge .contentbox2 {margin-top:15px;}
.indetail_edge .contentbox3 {background:#e2f3dd;}
.indetail_edge .contentbox .numberbox {width:23px; height:23px; font-size:12px; line-height:23px; font-weight:700; text-align:center; border-radius:50%; background:#000; color:#fff;}
.indetail_edge .idtext01 .numberbox {display:inline-block; width:15px; height:15px; font-size:9px; line-height:15px;}
.indetail_edge .contentbox ul {width:calc(100% - 43px); text-align:left;}

.function {display:flex; align-items:center; justify-content:space-between;}
.function .text01 {font-size:14px; line-height:16px; font-weight:500; color:#da002a; text-decoration:underline;}
.function .text02 {font-size:11px; line-height:13px; font-weight:500; color:#787878; display:flex; align-items:center; cursor:pointer;}
.function .text02::after {content:""; margin-left:5px; width:4px; height:8px; background:url(../images/btn_icon011.png) center no-repeat; background-size:4px;}
.function_text {margin-top:10px; font-size:11px; line-height:14px; font-weight:500; color:#787878;}

.sncontents {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
.sncontents img {width:70px;}
.sncontents p {margin-top:25px; font-size:20px; line-height:24px; font-weight:700;}
.body_btn .sn_btn {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}

.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;}
.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;}

.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_contentbox {margin-top: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;}
.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; align-items: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;}
.od_contents {margin-top:5px; padding:20px; height:100%; background:#fff; overflow-y:auto; font-size:15px; line-height:24px; font-weight:500;}
.od_contents .img_inp {margin:10px 0 0 0; align-items:flex-start;}

.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;}


.sm_search {padding:10px 20px; display:flex; align-items:center;}
.sm_search .con_box {margin-bottom:0; width:calc(100% - 62px);}
.sm_search .con_box > input {padding-right:10px; height:40px;}
.sm_search button {margin-left:5px; width:57px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff;}

.sm_title {padding:0 20px; height:50px; display:flex; align-items:center; justify-content:space-between; background:#f1f1f1;}
.sm_title p {font-size:14px; line-height:16px; font-weight:700;}
.sm_title button {width:90px; height:30px; font-size:12px; font-weight:700; border-radius:4px; background:#da002a; color:#fff;}
.sm_title .btnbox button {width:80px;}
.sm_title .btnbox .c_btn01 {background:#7d7d7d;}

.web_guide {padding:10px 20px 9px; font-size:12px; line-height:14px; font-weight:500; color:#979797; text-align:center; border-bottom:1px solid #eee;}

.sm_contents {height:calc(100% - 134px); overflow-y:auto; scrollbar-width:none;}
.sm_contents div p {padding:0 20px; height:30px; font-size:13px; line-height:30px; background:#fff;}
.sm_box002 {padding:15px 20px; border-bottom:1px solid #eee;}
.sm_box, .sm_box {display:flex; align-items:center;}
.sm_box {justify-content:space-between;}
.sm_box + .sm_box {margin-top:6px;}
.sm_box .sm_text01 {width:68px; font-size:15px; line-height:18px; font-weight:700; word-break:break-all;}
.sm_box .sm_text02 {font-size:13px; line-height:15px; font-weight:500; color:#979797;}
.sm_box .part {padding:0; height:auto; font-size:13px; line-height:15px; font-weight:500; color:#979797;}
.sm_box .sm_btn01 {margin-left:9px; width:60px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#f2f2f2;}

.sm_box .btn_box, .sm_box .s_m {display:flex; align-items:center;}
.sm_box .s_m li {min-width:43px; hegiht:20px; font-size:12px; line-height:20px; font-weight:500; text-align:center;}
.sm_box .s_m li + li {margin-left:4px;}
.sm_box .s_m .s_m01 {border:1px solid #da002a; background:#ffe3e9; color:#da002a;}
.sm_box .s_m .s_m02 {border:1px solid #e2e2e2; background:#fff; color:#000;}
/* .sm_box .btn_box button + button {margin-left:20px;} */
/* .sm_box .btn_box .sm_btn02 {width:23px; height:23px; background:url(/resources/images/trash_icon_02.png) no-repeat; background-size:23px;} */

/* .allcheck label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.allcheck label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.allcheck label.art input[type="checkbox"] + * {margin-left:30px;} */
/* .em_checkbox {height:0; background:#f1f1f1; overflow:hidden;}
.em_checkbox.on {padding:20px; height:100%; transition:all .4s;}
.em_checkbox label.art {margin-bottom:20px;}
.em_checkbox label.art:last-child {margin-bottom:0;}
.em_checkbox label.art input[type="checkbox"] + *:before {width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.em_checkbox label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.em_checkbox label.art input[type="checkbox"] + * {margin-left:28px;} */

/* .em_checkbox label.art {margin-bottom:20px;}
.em_checkbox label.art:last-child {margin-bottom:0;}
.er_box {padding:0 20px; height:69px; border-bottom:1px solid #eee;}
.er_box label.art {height:69px; display:flex; align-items:center;}
.er_box label.art, .er_box label.art ul {width: 100%;}
.er_box label.art input[type="checkbox"] + *:before {width:20px; height:20px; top:25px; background:url(../images/input_02.png) center no-repeat; background-size:20px;}
.er_box label.art input[type="checkbox"]:checked + *:before {background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.er_box label.art input[type="checkbox"] + * {margin-left:40px;} */

#mmp_pop .edge, #mms_pop .edge, #sp_pop .edge {background:#fff;}
.mmp_body {margin:-20px;}
.mmp_body .ms_conbox {padding:12px 20px; display:flex; align-items:center; justify-content:space-between;}
.mmp_body h2, .mms_body h2 {font-size:20px; line-height:24px; font-weight:700;}
.mmp_body p {font-size:16px; line-height:19px; font-weight:700; text-align:left;}
.mmp_body .con_box {margin-top:8px; background:#fff;}
.mmp_body .con_box:nth-child(6) {margin-bottom:32px;}
.mmp_body .error_text {margin-top:-12px; font-size:14px; line-height:16px; font-weight:500; text-align:left; color:#da002a;}

.mms_body .titletext {margin-top:20px; width:100%; height:47px; border-radius:6px; font-size:16px; line-height:47px; font-weight:700; text-align:center; background:#f1f1f1;}
.mms_body .st_inform {height:46px; border-bottom:1px solid #eee;}
.st_inform {display:flex; align-items:center; justify-content:space-between;}
.st_inform .st_text01 {width:calc(100% - 65px); font-size:16px; line-height:19px; font-weight:700; text-align:left;}
.st_inform .st_text02 {width:calc(100% - 65px); font-size:14px; line-height:16px; font-weight:500; text-align:left;}
.switchbox input[type="checkbox"] {display:none;}
.switchbox label {display:block; position:relative; width:60px; height:30px; background:#949494; color:#fff; border-radius:15px; transition:background 0.4s;}
.switchbox label::after {content:""; position:absolute; left:2px; 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;}
.switchbox label::before {content:"OFF"; font-size:12px; line-height:17px; letter-spacing:.5px; position:absolute; left:32px; top:50%; transform:translateY(-50%); transition:all 0.4s;}
.switchbox input[type="checkbox"]:checked + label {background:#da002a;}
.switchbox input[type="checkbox"]:checked + label::after {left:calc(100% - 30px);}
.switchbox input[type="checkbox"]:checked + label::before {content:"ON"; color:#fff; left:8px;}

.body_edge .point_contents {padding-bottom: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 button + button {margin-left:4px;}
.point_btnbox .btn01 {background:#000;}
.point_btnbox .btn02 {background:#da002a;}

.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;}
.moneyinform {background:#fff; margin:5px -10px;}
.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;}

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

#set_pop02 .settingbox {min-height:auto; margin-top:20px;}

/* .body_edge .main_contents {padding-bottom:0;} */
.main_contents {padding:0 20px; background:url(../images/main_bg.png) no-repeat;}
.main_contents .titletext {display:flex; align-items:center; font-size:16px; line-height:19px; font-weight:700;}

.profile {padding:27px 10px 19px; display:flex; align-items:center; justify-content:space-between; color:#fff;}
.profile li:nth-child(1) {display:flex; align-items:center; font-size:18px; line-height:21px; font-weight:500;}
.profile li:nth-child(1)::before {content:''; display:inline-block; width:18px; height:18px; background:url(../images/user-2_w.png) no-repeat; background-size:18px;}
.profile li:nth-child(1) span {margin:0 5px 0 10px; font-weight:700;}
.profile li:nth-child(2) {font-size:14px; line-height:16px; font-weight:500;}

.progress {padding:20px 10px; position:relative; display:flex; align-items:center; justify-content:space-between; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.progress::before {content:''; width:calc(100% - 46px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px dashed #d9d9d9; border-width:1px 0 0 0;}
.progress div {position:relative; width:56px; height:56px; border-radius:50%; border:1px solid #ebebeb; background:#fff; cursor:pointer;}
.progress div:first-child {margin-left:0;}
.progress div.r {border:1px solid #fce5e8; background:#fce5e8;}
.progress div ul {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
.progress div ul li:nth-child(1) {font-size:28px; line-height:34px; font-weight:800; color:#ededed;}
.progress div ul li:nth-child(2) {font-size:10px; line-height:13px; font-weight:500; color:#979797;}
.progress div.r ul li:nth-child(1) {color:#da002a;}
.progress div.r ul li:nth-child(2) {color:#000;}

/* .main_chart {margin:20px 10px; height:114px;} */

.main_point {margin:10px 0 0 0; padding:12px 15px; display:flex; align-items:center; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.main_point .titletext::before {content:''; margin-right:5px; display:inline-block; width:24px; height:24px; background:url(../images/main_icon01.png) no-repeat; background-size:24px;}
.main_point ul, .main_point > li {width:100%;}
.main_point ul {display:flex; align-items:center; justify-content:flex-end;}
.main_point ul li {font-size:16px; line-height:19px; font-weight:700;}
.main_point ul li span {margin-right:3px;}
.main_point ul button {margin-left:13px; width:54px; height:26px; font-size:13px; font-weight:700; border-radius:3px; background:#000; color:#fff;}

.main_stafflist {margin:10px 0; padding:12px 15px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.main_stafflist .titletext::before {content:''; margin-right:5px; display:inline-block; width:24px; height:24px; background:url(../images/main_icon02.png) no-repeat; background-size:24px;}
.main_stafflist button {width:54px; height:26px; font-size:13px; font-weight:700; border-radius:3px; background:#000; color:#fff;}

.main_footer {padding:15px; display:flex; align-items:center; border-radius:6px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.main_footer .btnbox {margin-right:6px; width:100%;}
.main_footer .btnbox button {width:100%; height:40px; font-size:14px; font-weight:700; border-radius:4px; background:#efefef;}
.main_footer .btnbox button + button {margin-top:10px;}

.main_footer .cs {margin-left:6px; width:100%; text-align:center;}
.main_footer .cs li:nth-child(1) {font-size:16px; line-height:19px; font-weight:500;}
.main_footer .cs li:nth-child(2) {margin:3px 0; font-size:26px; line-height:31px; font-weight:700; color:#da002a;}
.main_footer .cs li:nth-child(3) {font-size:13px; line-height:15px; font-weight:500; color:#929292;}

.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;}

.ai_top {padding:5px 0 10px 0; display:flex; align-items:center; justify-content:space-between; border-bottom:1px dashed #eee;}
.ai_top li {font-size:16px; line-height:19px; font-weight:500;}
.ai_top button {width:86px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a; transition:all .4s;}
.ai_body {padding-top:20px;}
.ai_body .con_box, .account_body .con_box {margin-bottom:20px;}
.ai_body .con_box:last-child, .account_body .con_box:last-child {margin-bottom:0;}
.ai_body .con_box > input[readonly] {background:#f1f1f1;}
.ai_body .con_box > input[readonly]:focus {border:1px solid #dedede;}
.ai_body button {width:100%; height:50px; font-size:18px; font-weight:700; border-radius:6px; background:#f2f2f2; transition:all .4s;}

.body_edge .point_btn button {height:50px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}

#bank_pop .head h2 {text-align:left;}
#bank_pop .body {margin-bottom:0;}
.bank_list {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;}

/* 결제 카드관리 */
.card_title {margin:20px 0;}
.card_title h2 {font-size:18px; line-height:21px; font-weight:700;}
.card_title p {margin-top:5px; font-size:14px; line-height:16px; font-weight:500;}
.c_box {padding:17px 20px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #f1f1f1; background:#f1f1f1;}
.typical {border:1px solid #dedede; background:#fff;}
.card_box .c_box {margin-top:10px;}
.card_contents .c_box .title {display:flex; align-items:center; font-size:16px; line-height:19px; font-weight:700;}
.card_contents .c_box .title:before {content:''; margin-right:5px; display:block; width:24px; height:24px; background:url(../images/card_icon.png) no-repeat; background-size:24px;}
.card_contents .c_box .title span {display:none; margin-left:8px; width:34px; height:22px; font-size:12px; line-height:22px; font-weight:700; text-align:center; border-radius:4px; border:1px solid #da002a; background:#fff; color:#da002a;}
.card_contents .typical .title span {display:block;}
.card_contents .c_box .c_number {font-size:14px; line-height:16px; font-weight:500;}

.card_contents .card_btn {display:flex; justify-content:flex-end;}
.card_contents .card_btn button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}
.card_contents .card_btn .end {display:none;}

.editbox {display:none; align-items:center;}
.editbox .represent {margin-right:19px; width:36px; height:24px; font-size:12px; font-weight:700; text-align:center; border-radius:4px; border:1px solid #da002a; background:#fff; color:#da002a;}
.editbox label span {margin-right:19px; display:inline-block; width:34px; height:22px; font-size:12px; line-height:22px; font-weight:700; text-align:center; border-radius:4px; border:1px solid #b8b8b8; background:#fff; color:#b8b8b8;}
.editbox input[type="radio"] {display:none;}
.editbox input[type="radio"]:checked + span {border:1px solid #da002a; background:#fff; color:#da002a;}
.editbox .delete {width:24px; height:24px; background:url(../images/card_icon02.png) no-repeat; background-size:24px;}