@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_02.png) center no-repeat; top:0; left:0; background-size:24px;}
label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.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;}


/* // 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:scroll; -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 .btn_l {position:absolute; left:0; top:0;}
.body_edge .body_title .btn_r {position:absolute; right:0; top:0;}
.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:13px; top:13px; display:block; width:4px; height:4px; border-radius:50%;}
.body_edge .body_title button.new_alerts span.new {background:#da002a;}

.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 .sc_contents {margin-bottom:100px;}
.body_edge .cm01 {margin-bottom:70px;}
.body_edge .cm02 {margin-bottom:110px;}
.body_edge .cm03 {margin-bottom:90px;}
.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 button.t01 {height:50px; 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:50px; 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:50px; background:#da002a; border-radius:5px; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700;}
.body_edge .body_btn button {height:50px; background:#da002a; color:#fff; text-align:center; flex:1; font-size:16px; font-weight:700; border-radius:6px;}
.body_edge .body_btn.full button {border-radius:0;}
.body_edge .body_btn button:hover {opacity:0.7;}
.body_edge .body_btn button:disabled {background:#c2c2c2;}
.body_edge .body_btn button:hover:disabled {opacity:1;}
.body_edge .body_btn 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_01.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2 {background:url(../images/nav_btn_02.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3 {background:url(../images/nav_btn_03.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m4 {background:url(../images/nav_btn_04.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m1.r {background:url(../images/nav_btn_01r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m2.r {background:url(../images/nav_btn_02r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m3.r {background:url(../images/nav_btn_03r.png) center top no-repeat; background-size:24px;}
.body_edge ul.footer_nav li a.m4.r {background:url(../images/nav_btn_04r.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;}
.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 label.art {width:100%;}
.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 > span {color:#b2b2b2; font-size:12px; margin-left:35px;}

/* .join_terms {padding:30px 20px;}
.join_terms h3 {font-size:16px; color:#222222; font-weight:700; margin-bottom:20px;}
.join_terms h4 {font-size:14px; color:#222222; font-weight:700; margin-bottom:10px;}
.join_terms p {font-size:12px; color:#222222; margin-bottom:20px; line-height:16px;}
.join_terms p + h3 {margin-top:50px;} */
.join_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:30px 20px;}
.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:30px;}


.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; margin-bottom:20px; display:block; color:#222;}
.join_exe .edge .txt p {display:block; font-size:14px; line-height:18px; color:#222; margin-bottom:50px; font-weight:500;}
.join_exe .edge .btn {display:flex; flex-direction:column;}
.join_exe .edge .btn button {font-size:16px; color:#fff; font-weight:700; height:50px; border-radius: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; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.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; background-size:16px;}
.join_exe .edge .invoice p {font-size:14px; color:#222; text-align:center; font-weight:500; line-height:18px;}
/* 가상계좌 화물신청완료 */
.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;}

.login_edge {padding:50px 20px;}
.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:50px; text-align:center; border-radius:5px; margin-bottom:20px;}
.login_edge .link {display:flex; justify-content:center; margin-bottom:80px;}
.login_edge .link a {font-size:14px; color:#222; line-height:10px; 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;}



.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 10px 0 25px; background:url(../images/btn_ico_07.png) 5px center no-repeat; background-size:14px auto; font-size:14px;}
.con_btn button.btn_02 {padding:0 10px 0 25px; background:#fff url(../images/btn_ico_08.png) 10px center no-repeat; background-size:10px auto;}



.con_box {border:1px solid #dedede; border-radius: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:50px; font-weight:500; height:50px; 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:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_09.png) center no-repeat; background-size:20px;}
.con_box > a.view {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_13.png) center no-repeat; background-size:22px auto;}
.con_box > a.view.on {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_12.png) center no-repeat; background-size:22px auto;}
.con_box > a.calendar {width:30px; height:30px; position:absolute; right:0; top:5px; background:url(../images/DateIcon.png) center no-repeat; background-size:20px auto;}
.con_box > a.select {width:30px; height:30px; position:absolute; right:0; top:5px; background:url(../images/select_icon.png) center no-repeat; background-size:12px auto;}
.con_box > a.search {width:30px; height:30px; position:absolute; right:0; top:5px; background:url(../images/Search.png) center no-repeat; background-size:20px auto;}
.con_box > a.right {width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/btn_ico_06.png) center no-repeat; background-size:9px;}
.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;}
.con_form .tr .edge > .tr2_informbox {border-radius:5px !important;}
.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_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:scroll;}
.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;}

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

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

.img_inp {margin:0 20px 0 20px; display:flex; 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%); width:300px; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:300px; max-height:300px; 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:center; margin:0 0 10px 0;}
.recorate_edge .num_inp .edge div {position:relative; margin:0 10px; width:100%;}
.recorate_edge .num_inp .edge div img {position:absolute; top:5px; right:5px; width:19px; z-index:2;}
.recorate_edge .num_inp .edge input {height:68px; text-align:center; font-size:34px; color:#da002a; font-weight:800; border:1px solid #dedede; border-radius:5px; box-shadow:0px 3px 5px #ebebeb;}
.recorate_edge .num_inp .edge input::placeholder {font-size:34px; color:#da002a;}
.recorate_edge .num_inp .edge button {width:32px; height:32px; margin:0 10px; flex:none;}
.recorate_edge .num_inp .edge button.m {background:url(../images/btn_ico_20.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.m:hover {background:url(../images/btn_ico_20r.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.p {background:url(../images/btn_ico_21.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .edge button.p:hover {background:url(../images/btn_ico_21r.png) center no-repeat; background-size:32px;}
.recorate_edge .num_inp .text01 {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 {margin-top:20px; 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; 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 > ul {}
/* .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 {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;}


.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); height:auto; 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_search {height:60px; padding:20px; border-radius:0; border:none; border-bottom:1px solid #dfdfdf;}
.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 .address_body {margin-bottom:0;}
.popup_edge .address_body .con_box {margin-bottom:0; box-shadow:none;}
.popup_edge .address_body .con_box > input {padding-right:48px; height:48px;}
.popup_edge .address_body .con_box > a.search {top:0; width:48px; height:48px; background:url(../images/cargo_icon04.png) center no-repeat; background-size:24px;}
.popup_edge .address_body .ex_box {margin-top:11px; height:calc(100% - 61px); overflow-y:auto;}
.popup_edge .address_body .ex_box div {display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #eee;}
.popup_edge .address_body .ex_box div p {position:relative; padding-left:24px; width:calc(100% - 54px); font-size:16px; line-height:24px; font-weight:500;}
.popup_edge .address_body .ex_box div p::after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url(../images/cargo_icon02.png) no-repeat center; background-size:24px;}
.popup_edge .address_body .ex_box div p span {display:block; font-size:14px; font-weight:400;}
.popup_edge .address_body .ex_box div .delete {width:23px; height:23px; background:url(../images/cargo_icon03.png) no-repeat center; background-size:23px;}

.popup_edge .address_body .detailContents {display:none; margin-top:10px;}
.popup_edge .address_body .detailContents .inputbox {display:flex; align-items:center;}
.popup_edge .address_body .detailContents .inputbox input {width:calc(100% - 100px); height:50px; border-radius:6px;}
.popup_edge .address_body .detailContents .inputbox .con_box {margin-left:8px;}
.popup_edge .address_body .detailContents .inputbox .con_box input {width:92px;}
.popup_edge .address_body .detailContents .inputbox .con_box > a.right {width:30px;}

.popup_edge .address_body .detailContents .delete_box {margin-top:20px; padding:12px 20px 20px; border-radius:6px; border:1px solid #da002a; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.popup_edge .address_body .detailContents .delete_box h2 {margin-bottom:15px; font-size:14px; line-height:16px; font-weight:700; color:#da002a;}
.popup_edge .address_body .detailContents .delete_box div + h2 {margin:35px 0 15px;}
.popup_edge .address_body .detailContents .delete_box .el {display:flex; align-items:center;}
.popup_edge .address_body .detailContents .delete_box .el label + label {margin-left:66px;}
.popup_edge .address_body .detailContents .delete_box .optionbox label + label {margin-top:15px;}

.popup_edge .address_body .detailContents .delete_box label.art span {line-height:20px;}
.popup_edge .address_body .detailContents .delete_box label.art input[type="radio"] + * {margin-left:28px;}
.popup_edge .address_body .detailContents .delete_box label.art input[type="radio"] + *:before {width:20px; height:20px; background:url(../images/c_input01.png) no-repeat center; background-size:20px;}
.popup_edge .address_body .detailContents .delete_box label.art input[type="radio"]:checked + *:before {width:20px; height:20px; background:url(../images/c_input01h.png) no-repeat center; background-size:20px;}

.popup_edge .body .popup_listbox {max-height:376px; height:100%;}
.popup_edge .body .popup_listbox li {height:48px; font-size:17px; line-height:48px;}

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

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

.not_found {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); 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;}

/* 보너스 오더 */
.bonus_wrap {margin-bottom:8px; width:92px; height:22px;}
.cargoinformbox {position:relative;}
.cargoinformbox .bonus {position:absolute; top:56px; left:12px; padding:4px 24px 3px 8px; width:60px; border-radius:3px; background:#702ae7; color:#fff; z-index:99999;}
.cargoinformbox .bonus p {font-size:13px; line-height:15px; font-weight:700;}
.cargoinformbox .bonus p:after {content:''; position:absolute; top:4px; right:6px; width:14px; height:15px; background:url(../images/bonus_icon.png) no-repeat center; background-size:14px;}
.cargoinformbox .bonus .bonus_popup {display:none; position:absolute; top:24px; left:0; padding:12px 16px; width:218px; height:91px; border-radius:4px; border:2px solid #702ae7; background:#fff; color:#000; z-index:12;}
.cargoinformbox .bonus .bonus_popup li {padding:0; display:block; font-size:13px; line-height:15px; font-weight:700; text-align:left;}
.cargoinformbox .bonus .bonus_popup li:nth-child(2) {margin-top:15px;}
.cargoinformbox .bonus .bonus_popup .close {position:absolute; top:6px; right:8px; width:12px; height:12px; background:url(../images/bonus_close.png) no-repeat center; background-size:12px;}
.cargoinformbox .bonus .bonus:hover .bonus_popup {display:block;}

.cargoinformlist {height:calc(100% - 120px); background:#efefef; z-index:1; overflow-y:scroll; /* 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 {font-size:14px; line-height:18px; font-weight:700;}
/* .cargoinformbox .inform_top .cargonumber {width:60%;}
.cargoinformbox .inform_top .cargodate {width:40%;} */
.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:5px; width:55px; height:22px; text-align:center; font-size:13px; line-height:22px; 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 .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 {font-size:14px; line-height:18px; font-weight:500;}
.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; height:33px; font-size:14px; line-height:33px; font-weight:700; text-align:center; border-radius:4px; background:#f1f1f1; border:1px solid #dfdfdf;}

.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:scroll;}
.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 .informtext {max-height:100px; height:100%; overflow-y:scroll}
.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 !important; margin:15px 0; border-width:1px 0 0 0 !important;}
.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 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% - 78px);}
.paybox ul .font-bold {font-weight:700;}
.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 .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:scroll; /* scrollbar-width:none; */}
.guidebox {padding:10px 20px 5px 20px; display:flex; align-items:flex-start;}
.guidebox img {width:14px; margin:2px 6px 2px 0;}
.guidebox li {font-size:13px; line-height:18px; font-weight:500;}


.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 {width:100%; background:#fff; margin:0 0 5px 0; border-bottom:1px solid #e7e7e7;}
.my_contents h2, .my_content2 h2 {font-size:15px; line-height:18px; font-weight:700;}

.basic_inform {margin-bottom:11px; display:flex; align-items:center; justify-content:space-between;}
.basic_inform .btnbox button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px;}
.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:11px 0;}
.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;}

.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 .change_title {margin:39px 0 30px 0;}
.mypage_popup .change_title h2 {font-size:20px; line-height:24px; font-weight:700;}
.mypage_popup .change_title p {font-size:15px; line-height:18px; font-weight:500; margin-top:5px; color:#9b9b9b;}
.mypage_popup .mp_btn, .mypage_popup .pop_content {border-radius:6px;}
.mypage_popup .body_btn .close {background:#7d7d7d;}

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

.mypage_popup .join_agree, .mypage_popup .join_agree ul {padding:0;}
.mypage_popup .join_agree ul li {margin-bottom:20px; background:#fff;}
.mypage_popup label.art input[type="checkbox"] + *:before {width:20px; height:20px; background-size:20px;}
.mypage_popup label.art input[type="checkbox"]:checked + *:before {background-size:20px;}
.mypage_popup label.art span {line-height:20px;}
.mypage_popup .join_agree textarea {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;}
.mypage_popup .textnumber {display:none; font-size:13px; text-align:right; line-height:18px; font-weight:500; margin-top:6px; color:#cbcbcb;}
.mypage_popup .textnumber span {color:#222;}

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

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

.mypage_popup .manage_guide {margin:20px 0 10px 0; 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-bottom:20px;}
.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-hegiht:16px; font-weight:700;}
.gisa_total button {width:60px; line-height:24px; font-size:13px; font-weight:500; border-radius:3px; background:#da002a; color:#fff;}

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

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

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

#driver_register .edge {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; 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:scroll;}
.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:scroll; background:#fff;}
.up_popup .ug_popcontents {padding:20px; height:calc(100vh - 52px); overflow-y:scroll; 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:scroll;}
.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;}

.body_edge .totalcontents {padding-bottom:0;}
.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; justify-content:space-between;}
.totalbox ul li {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:scroll;}
.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 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; 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;}
.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;}

.notifi_type {padding:8px 10px; margin-top:50px; 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 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 {padding-right:10px; 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:scroll; 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;}

/* 카드 결제 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:last-child {margin-bottom:0;} */

.pay1 {align-items:flex-start !important;}
.pay1 div {width:calc(100% - 78px); 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:scroll; 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;}

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

/* 결제 카드관리 */
.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;}

/* 환불 계좌 */
.account_contents {padding-top:20px;}
.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;}

/* 은행 popup */
.bank_list {max-height:380px; overflow-y:scroll; 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;}

/* 계좌인증 */
.certifybox {display:flex; align-items:center;}
.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;}