@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; font-variant-numeric: tabular-nums;}
html, body {padding:0; margin:0; height:100%; -webkit-text-size-adjust:none; font-size:16px;}
body {background:#f2f4f6; width:100%;}
.wrap {width:100%; height:100%; position:relative; display:flex; flex-direction:column;}
.bs {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.font-red {color:#da002a;}
.font-bold {font-weight:700;}
/* div {padding:0; margin:0; color:#222; font-weight:400;} */

a {cursor:pointer; text-decoration:none; outline:none; /* selector-dummy:expression(this.hideFocus=true); */}
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;}

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

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:44px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:500; color:#000;}
input[type=email] {height:44px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:500; color:#000;}
input[type=number] {height:44px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:500; color:#000; -moz-appearance:textfield;}
input[type=tel] {height:44px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; font-weight:500; color:#000;}
input[type=password] {height:44px; border:1px solid #dfdfdf; box-sizing:border-box; font-size:16px; padding:0 10px; width:100%; letter-spacing:-1px;}
input[type=file] {height:44px; width:100%;}
textarea {border:1px solid #d7d7d7; padding:10px; width:100%; box-sizing:border-box; font-size:16px; resize:none;}
select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
select {border:1px solid #d7d7d7; padding:6px; border:1px solid #c3c3c3;  background: url('../images/select_icon.png') calc(100% - 15px) center no-repeat; background-size:12px;}
button {border:none; cursor:pointer; background:none;}

input::placeholder {color:#cbcbcb; font-weight:500; font-size:16px;}
textarea::placeholder{color:#cbcbcb; font-weight:500; font-size:16px;}
input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}
select:focus {border-color:#000;}
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;}

.successbox {width:max-content; position:fixed; bottom:60px; 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: 99999;display: none;}
.scrollLock {overflow-y:hidden;}

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

/* 로딩 */
.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);}}

/* error */
.error_contents {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);}
.error_contents img {margin:0 auto; display:block; width:160px;}
.error_contents .error_text01 {margin:30px 0; font-size:28px; line-height:38px; font-weight:800; text-align:center;}
.error_contents .error_text02 {font-size:15px; line-height:24px; font-weight:500; text-align:center; color:#9b9b9b;}
.error_contents .error_btn {margin:40px auto 20px; width:300px;}
.error_contents .error_btn button {display:block; width:300px; height:60px; font-size:20px; font-weight:800; border-radius:10px; color:#fff;}
.error_contents .error_btn button + button {margin-top:10px;}
.error_contents .error_btn .bg_r {background:#da002a;}
.error_contents .error_btn .bg_b {background:#000;}
.error_contents .error_cs {font-size:16px; line-height:19px; font-weight:700; text-align:center;}

/* 로그인 팝업 */
.popup_wrap {position:absolute; top:120px; left:50%; transform:translateX(-50%); width:500px; z-index:9;}
.popup_wrap .close {position:absolute; top:0; right:0; cursor:pointer; z-index:2;}

/* 로그인 top menu */
.login_topMenu {position:fixed; top:0; left:0; width:100%; height:60px; background:#414141; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1); z-index:1;}
.login_topMenu ul {padding-right:80px; display:flex; align-items:center; justify-content:flex-end;}
.login_topMenu ul li {display:flex; align-items:center; justify-content:center; width:180px; height:60px; font-size:15px; line-height:18px; font-weight:900; background:#000; color:#fff;}
.login_topMenu ul li:after {content:''; margin-left:9px; width:20px; height:20px; background:url(../images/loginMenu_icon01.png) no-repeat center; background-size:20px;}
.login_topMenu ul .event {background:url(../images/topMenu_event.png) no-repeat center; background-size:180px;}
.login_topMenu ul .event:after {content:''; margin-left:0; width:0; height:0; background:transparent;}
.login_topMenu ul a:nth-child(1) li {border-right:1px solid #3d3d3d;}
.login_topMenu ul li span {margin-right:5px;}

/* 로그인 퀵메뉴 */
.main_wrap .quickMenu {position:fixed; top:110px; right:20px;}

/* 화물등록, 수정 페이지 퀵메뉴 */
.cargoContents {display:flex; align-items:flex-start; justify-content:center;}
.cargoContents .body_contents {margin:0;}
.quickMenuWrap {position:relative; margin:106px 10px 0 -5px; width:180px;}
.quickMenuWrap .quickMenu {poaition:absolute; top:0; left:0; width:180px;}

/* 퀵메뉴 */
.quickMenu button {padding:0 16px; display:block; width:180px; height:80px; border-radius:6px;}
.quickMenu button + button {margin-top:8px;}
.quickMenu .zihwada {background:url(../images/main_quick_icon01.png) no-repeat center; background-size:180px;}
.quickMenu .soft    {background:url(../images/main_quick_icon02.png) no-repeat center; background-size:180px;}
.quickMenu .policy  {background:url(../images/main_quick_icon04.png) no-repeat center; background-size:180px;}
.quickMenu .toon    {background:url(../images/main_quick_icon05.png) no-repeat center; background-size:180px;}
.quickMenu .inquiry {background:url(../images/main_quick_icon06.png) no-repeat center; background-size:180px;}
.quickMenu .app     {background:url(../images/main_quick_icon07.png) no-repeat center; background-size:180px;}
.quickMenu .bonus   {background:url(../images/main_quick_icon08.png) no-repeat center; background-size:180px;}
.quickMenu .cs      {background:url(../images/main_quick_icon09.png) no-repeat center; background-size:180px;}
/* .main_wrap .quickMenu .event   {background:url(../images/main_quick_icon03.png) no-repeat center; background-size:180px;}
.main_wrap .quickMenu .join    {background:url(../images/main_quick_icon08.png) no-repeat center; background-size:180px;} */

.quickMenu .event {padding:0 9px; background:linear-gradient(-45deg,  #368cea, #273667, #50adf9); background-size:400% 400%;  animation:colorChange 3s ease infinite; overflow:hidden;}
.quickMenu .event > h2 {font-size:20px; line-height:26px; font-weight:700; letter-spacing:-0.18px; color:#fff; animation:zoomIn 5s infinite, fadeIn2 5s infinite;}
.quickMenu .event > h2 span {color:#f6f610;}
.quickMenu .event .text {font-size:14px; line-height:18px; font-weight:700; color:#fff;  animation:zoomIn2 5s infinite;}
.quickMenu .event div {display:flex; align-items:center; justify-content:center; animation:fadeIn 5s infinite;}
.quickMenu .event div img {width:71px;}
.quickMenu .event div p {margin-left:6px; font-size:12px; line-height:14px; font-weight:500; text-align:left; color:#fff;}

@keyframes colorChange {
	0% {background-position:0% 50%;}
	50% {background-position:100% 50%;}
	100% {background-position:0% 50%;}
}

@keyframes zoomIn {
	0%   {transform:scale(1.3);}
	45%  {transform:scale(1);}
	47%  {transform:scale(0);}
	80%  {transform:scale(1);}
	100% {transform:scale(1);}
}

@keyframes zoomIn2 {
	0%   {transform:scale(0); display:none;}
	44%  {transform:scale(1); display:none;}
	66%  {transform:scale(1.6); display:block; letter-spacing:.8px;}
	80%  {transform:scale(1.3); display:none;}
	100% {transform:scale(0); display:none;}
}

@keyframes fadeIn {
	0%   {opacity:0; display:none;}
	44%  {opacity:0; display:none;}
	80%  {opacity:0; display:none;}
	100% {opacity:1; display:flex;}
}

@keyframes fadeIn2 {
	0%   {opacity:1; display:block;}
	44%  {opacity:1; display:none;}
	80%  {opacity:0; display:none;}
	100% {opacity:1; display:block;}
}

.quickMenu .join {position:relative; padding:12px 15px; text-align:left; background:url(../images/qm_joinBg.png) no-repeat center; background-size:180px; overflow:hidden;}
.quickMenu .join .title {font-size:18px; line-height:21px; font-weight:700; color:#fff;}
.quickMenu .join .text {margin-top:4px; font-size:12px; line-height:14px; letter-spacing:-0.1px; font-weight:500; color:#fff;}
.quickMenu .join .img {position:absolute; top:0; right:0; width:75px; height:80px; background:url(../images/qm_joinImg.png) no-repeat center; background-size:75px; animation:imgCar 3s infinite;}

@keyframes imgCar {
	0%   {top:-60px; right:-65px;}
	100% {top:0; right:0;}
}

.quickMenu .linkMenu {margin-top:20px; display:flex; align-items:center; justify-content:space-between;}
.quickMenu .linkMenu a {display:block; width:42px; height:42px;}
.quickMenu .linkMenu .youtube {background:url(../images/main_linkIcon01.png) no-repeat center; background-size:42px;}
.quickMenu .linkMenu .instagram {background:url(../images/main_linkIcon02.png) no-repeat center; background-size:42px;}
.quickMenu .linkMenu .kakao {background:url(../images/main_linkIcon03.png) no-repeat center; background-size:42px;}
.quickMenu .linkMenu .band {background:url(../images/main_linkIcon04.png) no-repeat center; background-size:42px;}

.quickPopup {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1000px; height:calc(100vh - 100px); border-radius:20px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:20;}

/* 로그인 */
.main_wrap {width:100%;}

.logincontents {margin:0 !important; padding-bottom:40px; /* flex-direction:column; */ max-width:100% !important; background:#dee4f0;}
/* .login_wrap {margin:100px auto 0; display:flex; align-items:center; max-width:1400px; width:100%; height:780px; border-radius:20px; background:#fff; overflow:hidden;} */
/* .login_wrap .agree_contents2 {padding:50px 110px 65px; max-width:480px; width:100%; text-align:center; background:#f7f4f1;} */
.login_wrap {margin:100px auto 0; display:flex; align-items:center; max-width:1000px; width:100%; height:780px; border-radius:20px; background:#f7f4f1; overflow:hidden;}
.login_wrap .agree_contents2 {margin:0 auto; padding:50px 110px 65px; max-width:600px; width:100%; text-align:center;}
.login_wrap .agree_contents2 a {display:block;}
.login_wrap .agree_contents2 a img {height:54px;}
.login_wrap .agree_contents2 h2 {margin:30px 0; font-size:28px; line-height:34px; font-weight:800;}
.login_wrap .agree_contents2 .login_edge {padding:0; margin-top:0; background:transparent;}
.login_wrap .agree_contents2 .login_edge .con_box > input {background:#fff;}

.login_wrap .agree_contents2 .login_edge .login_btn {margin:54px 0 61px 0;}
.login_wrap .agree_contents2 .login_edge .login_btn button {margin-top:0; width:100%; height:60px; font-size:20px; font-weight:700; border-radius:10px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); color:#fff; transition:all .4s;}
.login_wrap .agree_contents2 .login_edge .login_btn .login {background:#da002a;}
.login_wrap .agree_contents2 .login_edge .login_btn .join {margin-top:12px; background:#000;}

.login_wrap .agree_contents2 .login_edge .biz_login {display:flex; align-items:center;}
.login_wrap .agree_contents2 .login_edge .biz_login img {width:59px;}
.login_wrap .agree_contents2 .login_edge .biz_login p {margin-left:20px; font-size:18px; line-height:22px; font-weight:600;}

.login_wrap .shipper_login {padding:50px 115px 60px; max-width:480px; width:100%; text-align:center; background:#fff;}
.login_wrap .shipper_login a {display:block;}
.login_wrap .shipper_login a img {height:54px;}
.login_wrap .shipper_login h2 {margin:30px 0; font-size:28px; line-height:34px; font-weight:800;}

.login_wrap .shipper_login .sl_contens {margin:30px 0 60px 0;}
.login_wrap .shipper_login .sl_contens img {max-width:472px; width:100%;}
.login_wrap .shipper_login .sl_contens button {margin-top:32px; width:100%; height:60px; font-size:20px; font-weight:700; border-radius:10px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#da002a; color:#fff; transition:all .4s;}

.login_wrap .shipper_login .login_cs {padding:0 16px; margin-top:60px; display:flex; align-items:center; justify-content:space-between; height:48px; border-radius:6px; border:1px solid #e6e6e6; background:#fff;}
.login_wrap .shipper_login .login_cs .logo {width:78px; height:48px; background:url(../images/logo_b.png) no-repeat center; background-size:78px;}
.login_wrap .shipper_login .login_cs .tel, .login_wrap .shipper_login .login_cs .email {position:relative; padding-left:26px; font-size:18px; line-height:22px; font-weight:700; color:#707070;}
.login_wrap .shipper_login .login_cs .tel:after {content:''; position:absolute; width:22px; height:22px; top:0; left:0; background:url(../images/tel_icon.png) no-repeat center; background-size:22px;}
.login_wrap .shipper_login .login_cs .email:after {content:''; position:absolute; width:22px; height:22px; top:0; left:0; background:url(../images/email_icon.png) no-repeat center; background-size:22px;}

.login_youtube {padding:40px 40px 14px 40px; margin:40px auto; max-width:1320px; width:100%; border-radius:20px; background:#fff;}
.login_youtube .youtube {height:742px; border-radius:9px; border:1px solid #dedede; background:#606060; overflow:hidden;}
.login_youtube .youtube_text {margin-top:15px; display:flex; align-items:center; justify-content:center;}
.login_youtube .youtube_text img {width:107px;}
.login_youtube .youtube_text p {margin-left:15px; font-size:18px; line-height:21px; font-weight:500; color:#222;}

.event_contents {margin:0 auto 39px; display:flex; align-items:center; max-width:1400px; width:100%;}
.event_contents a {width:450px; display:block;}
.event_contents a + a {margin-left:22px;}
.event_contents a img {width:100%;}

/* .login_wrap .promotion {padding:78px 60px 60px; max-width:580px; width:100%; text-align:center;}
.login_wrap .promotion .cf_text01 {font-size:24px; line-height:29px; font-weight:800; color:#1a1c1e;}
.login_wrap .promotion .cf_text02 {margin-top:11px; font-size:18px; line-height:24px; font-weight:500; color:#1a1c1e;}

.login_wrap .promotion .youtube {margin:26px 0 8px 0; display:flex; align-items:center; justify-content:center; height:326px; border-radius:9px; border:1px solid #dedede; background:#606060; overflow:hidden;}
.login_wrap .promotion .youtube img {width:218px;}

.login_wrap .promotion .youtube_text {display:flex; align-items:center; justify-content:center;}
.login_wrap .promotion .youtube_text img {width:70px;}
.login_wrap .promotion .youtube_text p {margin-left:10px; font-size:12px; line-height:14px; font-weight:500; color:#222;}

.login_wrap .promotion .promotion_imgbox {margin-top:37px; display:flex; align-items:center;}
.login_wrap .promotion .promotion_imgbox img {width:285px;}
.login_wrap .promotion .promotion_imgbox img + img {margin-left:10px;} */

.premiumservice_wrap {margin:0 auto; max-width:1400px; width:100%; border-radius:20px; background:#fff; overflow:hidden;}
.premiumservice_wrap .ps_title {margin:0 auto; width:938px; height:62px; font-size:30px; line-height:62px; font-weight:700; text-align:center; background:url(../images/ps_title_bg.png) no-repeat center; background-size:937px; color:#fff;}

.premiumservice_wrap .ps_conbox {padding:0 110px; display:flex; align-items:center; justify-content:space-between; height:400px;}
.premiumservice_wrap .psconbox_bg {background:#f5f6f8;}
.premiumservice_wrap .ps_conbox ul .ps_text01 {padding:5px 14px; width:fit-content; font-size:20px; line-height:24px; font-weight:500; border-radius:4px; background:#da002a; color:#fff;}
.premiumservice_wrap .ps_conbox ul .ps_text02 {margin:15px 0; font-size:48px; line-height:56px; font-weight:700;}
.premiumservice_wrap .ps_conbox ul .ps_text03 {font-size:23px; line-height:30px; font-weight:500;}

.premiumservice_wrap .ps_conbox .imgbox01 img {width:422px;}
.premiumservice_wrap .ps_conbox .imgbox02 img {width:521px;}
.premiumservice_wrap .ps_conbox .imgbox03 img {width:507px;}
.premiumservice_wrap .ps_conbox .imgbox04 img {width:430px; margin-top:58px;}
.premiumservice_wrap .ps_conbox .imgbox05 img {width:511px;}
.premiumservice_wrap .ps_conbox .imgbox06 img {width:484px; margin-top:24px;}
.premiumservice_wrap .ps_conbox .imgbox07 img {width:452px;}
.premiumservice_wrap .ps_conbox .imgbox08 img {width:452px; margin-top:17px;}
.premiumservice_wrap .ps_conbox .imgbox09 img {width:500px; margin-top:10px;}

.premiumservice_wrap .ps_conbox2 {display:flex; flex-direction:column; justify-content:center; height:400px; text-align:center; background:#f5f6f8;}
.premiumservice_wrap .ps_conbox2 .psconbox_title {font-size:39px; line-height:50px; font-weight:700;}
.premiumservice_wrap .ps_conbox2 .login_cs {padding:0 20px; margin:50px auto 0; display:flex; align-items:center; justify-content:space-between; width:768px; height:73px; border-radius:8px; background:#000;}
.premiumservice_wrap .ps_conbox2 .login_cs .logo {width:105px; height:38px; background:url(../images/loginLogo_w.png) no-repeat center; background-size:105px;}
.premiumservice_wrap .ps_conbox2 .login_cs .tel, .premiumservice_wrap .ps_conbox2 .login_cs .email {position:relative; padding-left:42px; font-size:32px; line-height:38px; font-weight:700; color:#fff;}
.premiumservice_wrap .ps_conbox2 .login_cs .tel:after {content:''; position:absolute; width:32px; height:32px; top:3px; left:0; background:url(../images/tel_icon.png) no-repeat center; background-size:32px;}
.premiumservice_wrap .ps_conbox2 .login_cs .email:after {content:''; position:absolute; width:32px; height:32px; top:3px; left:0; background:url(../images/email_icon.png) no-repeat center; background-size:32px;}

.premiumservice_wrap .ps_conbox3 {padding:80px 0;}
.news_swiperbanner {position:relative; margin:0 auto; max-width:754px; width:100%; height:530px;}
/* .news_swiperbanner .swiper-slide {margin:0 auto; max-width:560px;} */
.news_swiperbanner .swiper-slide img {width:560px;}
.news_swiperbanner .swiper-slide .textbox {margin-top:20px; text-align:center; color:#222;}
.news_swiperbanner .swiper-slide .textbox .news_text01 {font-size:14px; line-height:16px; font-weight:500;}
.news_swiperbanner .swiper-slide .textbox .news_text02 {margin:8px 0 10px 0; font-size:24px; line-height:29px; font-weight:700;}
.news_swiperbanner .swiper-slide .textbox .news_text03 {font-size:16px; line-height:20px; font-weight:500;}
.swiper {position:static !important; margin:0 auto; max-width:560px; width:100%;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:2px !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right:2px !important;}
.swiper-button-next, .swiper-button-prev {top:180px !important; color:#d1d1d1 !important;}
.swiper-button-next:hover, .swiper-button-prev:hover {color:#da002a !important; transition:all .4s;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0 !important;}
.swiper-pagination-bullet {width:14px !important; height:14px !important;}
.swiper-pagination-bullet-active {background:#da002a !important;}

.login_edge {padding:40px; margin-top:30px; background:#fff; border-radius:10px; text-align:left;}
.login_edge .error_line > input {border:1px solid #da002a;}
.login_edge .error_text {display:none; margin:-2px 0 10px 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}
.login_edge .con_box {margin-bottom:10px;}
.login_edge .con_box > input {height:60px;}
.login_edge .con_box > a.close, .login_edge .con_box > a.view, .login_edge .con_box > a.view.on {height:60px;}
.login_footer {margin-top:20px; display:flex; align-items:center; justify-content:flex-end;}
.login_edge label.art {position:relative; display:flex; cursor:pointer;}
.login_edge label.art span {display:inline-block; width:100%; font-size:14px; line-height:20px; font-weight:400;}
.login_edge label.art input[type="checkbox"] + * {margin-left:28px;}
.login_edge label.art input[type="checkbox"] + *:before {content:""; position:absolute; width:20px; height:20px; background:url(../images/input_02.png) center no-repeat; top:0; left:0; background-size:20px;}
.login_edge label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
.login_edge .link {display:flex; justify-content:center;}
.login_edge .link a {padding:0 15px; font-size:14px; line-height:16px; border-right:1px solid #dedede; color:#222;}
.login_edge .link a:last-child {border:none;}
.login_edge .link a.hot {padding:0; font-weight:700; color:#da002a;}
.login_edge > button {margin-top:60px; width:100%; background:#da002a; color:#fff; font-size:16px; font-weight:700; height:60px; text-align:center; border-radius:10px; transition:all .4s; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}

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

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

/* 로그인 footer */
.loginFooter {background:#000; padding:56px 0 60px 0; text-align:center;}
.loginFooter ul {display:flex; align-items:center; justify-content:center; color:#7b7b7b;}
.loginFooter ul li {font-size:16px; line-height:26px; letter-spacing:-0.8px;}
.loginFooter ul li a, .loginFooter ul li:hover a {color:#7d7d7d;}
.loginFooter .add {margin-top:14px;}
.loginFooter .add li::after {content:'|'; margin:0 10px;}
.loginFooter .add li:last-child::after {content:''; margin:0;}
.loginFooter .call li:nth-child(1) {margin-right:16px;}
.loginFooter p {margin:22px 0 0 0; font-size:15px; line-height:18px; color:#515151;}

/* 본인인증 */
.agree_contents {max-width:560px; width:100%; padding-bottom:50px; margin:0 auto; text-align:center;}
.agree_detail {max-width:800px;}
.agree_contents img {width:200px; margin:30px 0 25px 0;}
.agree_contents > h2 {font-size:28px; line-height:34px; font-weight:800;}
.agree_contents > p {margin-top:10px; font-size:16px; line-height:19px; font-weight:500; color:#9b9b9b;}

.join_agree {padding:40px; margin-top:30px; background:#fff; border-radius:10px; text-align:left;}
.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 {display:flex; align-items:center; justify-content:space-between; margin-bottom:26px;}
.join_agree ul li:last-child {margin-bottom:0;}
.join_agree ul li > a {display:block; width:15px; height:15px; background:url(../images/btn_ico_01.png) center no-repeat; background-size:6px;}
.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 label.art {position:relative; display:flex; cursor:pointer; width:calc(100% - 15px);}
.join_agree label.art span {display:inline-block; width:100%; font-size:16px; line-height:24px; font-weight:500;}
.join_agree label.art input[type="checkbox"] + * {margin-left:35px;}
.join_agree label.art input[type="checkbox"] + *:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_01.png) center no-repeat; top:0; left:0; background-size:24px;}
.join_agree label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:24px;}
.join_agree .btnbox {margin-top:77px;}
.join_agree .btnbox p {margin-bottom:10px; font-size:16px; line-height:19px; font-weight:500; color:#da002a; text-align:center;}
.join_agree .btnbox button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff;}

/* 로그인 필요 안내 페이지 */
.join_agree .login {text-align:center;}
.join_agree .login img {margin:30px 0; width:119px;}
.join_agree .btn button {width:100%; height:60px; font-size:20px; font-weight:700; border-radius:10px; color:#fff;}
.join_agree .btn .login {background:#da002a;}
.join_agree .btn .home {margin-top:10px; background:#000;}

/* 이용약관 */
.joing_tab {margin-top:20px; display:flex; align-items:center;}
.joing_tab a {width:100%;}
.joing_tab li {height:40px; text-align:center; font-size:14px; line-height:40px; font-weight:500; background:#fff; color:#9b9b9b; border:1px solid #dedede;}
.joing_tab .show {background:#ffe3e9; color:#da002a; border:1px solid #da002a;}

.join_agreedetail {padding:40px; margin-top:30px; height:550px; background:#fff; border-radius:10px; text-align:left;}
.join_agreedetail .okbtn {margin-top:20px; width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}
.join_terms {height:calc(100% - 80px); overflow-y:scroll;}
.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; border-collapse:collapse; 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_terms::-webkit-scrollbar {width:6px;}
.join_terms::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.join_terms::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

/* 회원가입 */
.join_form {height:520px; overflow-y:scroll; padding-right:5px;}
.join_form h2 {font-size:16px; font-weight:700; color:#000; margin-bottom:8px;}
.join_form > span {display:block; font-size:14px; color:#cbcbcb; margin-top:-12px;}
.join_form > span ~ h2 {margin-top:20px;}
.join_form .error_line > input {border:1px solid #da002a;}
.join_form .error_text {display:none; margin:-12px 0 10px 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}
.join_form .con_box {margin-bottom:20px;}
.join_form .con_box > input[readonly] {background:#f1f1f1;}
.join_form .con_box > input[readonly]:focus {border:1px solid #dedede;}
.join_agree .joinbtnbox {margin-top:30px;}
.join_agree .joinbtnbox button {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); transition:all .4s;}
.join_form::-webkit-scrollbar {width:6px;}
.join_form::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.join_form::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

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

/* 회원가입 완료 */
.join_finish {padding:70px 40px 40px; margin-top:30px; background:#fff; border-radius:10px;}
.join_finish ul img {width:100px; margin:0;}
.join_finish ul .jf_text01 {margin:40px 0 10px 0; font-size:20px; line-height:24px; font-weight:700;}
.join_finish ul .jf_text02 {font-size:15px; line-height:19px; font-weight:500; color:#9b9b9b;}
.join_finish button {margin-top:68px; width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}

/* 아이디, 비밀번호 찾기 */
.login_edge .new_title {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:500;}
.login_edge .new_title ~ .new_title {margin-top:20px;}
.login_edge .join_btext {display:block; font-size:14px; color:#cbcbcb; margin-top:-2px;}

.find_title {font-size:20px; line-height:24px; font-weight:700;}
.find_text {margin-top:5px; font-size:15px; line-height:18px; font-weight:500; color:#9b9b9b;}
.new_password {margin-top:50px; padding:0;}
/* .new_password .con_box > input {height:48px;} */
.new_password .con_box > a.close, .new_password .con_box > a.view, .new_password .con_box > a.view.on {height:48px;}
.new_password span {margin-bottom:10px;}
.new_password .con_box {margin-bottom:20px;}
.new_password .con_box2 {margin-top:20px;}
.new_password > span {display:block; font-size:14px; color:#cbcbcb; margin-top:-12px;}
.new_password .error_text {margin:-12px 0 10px 0;}
.login_edge .no_input {margin-top:30px; background:#f1f1f1;}
.login_edge .no_input input:focus {border:none;}
.find_box {margin-top:30px; display:flex; flex-direction:column; justify-content:center; width:100%; height:60px; border-radius:6px; border:1px solid #dedede; background:#f1f1f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.find_box p {padding:0 15px; font-size:16px; line-height:19px; font-weight:500;}
.login_edge .body_btn {margin-top:112px; display:flex; align-items:center;}
.login_edge .body_btn2 {margin-top:40px;}
.login_edge .body_btn button + button {margin-left:5px;}
.login_edge .body_btn button {width:100%; height:60px; border-radius:10px; font-size:20px; font-weight:800; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); transition:all .4s;}
.login_edge .body_btn .t01 {background:#da002a;}
.login_edge .body_btn .t02 {background:#7d7d7d;}

.find_inputbox {margin-top:30px; height:140px;}
.find_inputbox2 {margin-top:0; height:140px;}
.find_inputbox .find_password {margin-bottom:10px;}
/* .find_inputbox .con_box > input {height:48px;} */
.find_input .con_box > a.close, .new_password .con_box > a.view, .new_password .con_box > a.view.on {width:48px; height:48px;}
.find_input {display:flex; align-items:center;}
.find_input .con_box, .numberbox .con_box {margin-bottom:0;}
.find_input .con_box {width:calc(100% - 95px);}
.find_input button {margin-left:5px; width:95px; height:60px; font-size:18px; font-weight:500; border-radius:6px; background:#da002a; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.find_input button:disabled {background:#c2c2c2;}
.find_input .replay_btn {display:none;}
.find_inputbox .error_text {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#da002a;}

.numberbox {margin-top:10px; display:none;}
.numberbox .con_box > a.timetext {width:48px; height:60px; position:absolute; right:0; top:0; font-size:15px; line-height:60px; font-weight:500;}
.numberbox .con_box input:disabled {background:#e3e3e3; color:#b2b2b2;}
.numberbox .con_box input:disabled + a {color:#b2b2b2;}
.numberbox .con_box input:disabled::placeholder {color:#b2b2b2;}
.find_inputbox .replaytext {display:none; margin:8px 0 0 0; font-size:14px; line-height:18px; font-weight:500; color:#b2b2b2;}

.card_contents .popinputbox .pw_guide {font-size:14px; line-height:16px; font-weight:500; color:#cbcbcb;}
.card_contents .popinputbox .pw_guide_r {margin:10px 0 0 0; font-size:14px; line-height:16px; font-weight:500; color:#da002a;}

/* 등록카드 변경 */
.card_contents {height:450px;}
.card_btnbox {margin-top:20px;}
.card_btnbox form {height:0;}
.card_btnbox button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}
.join_agree .c_box {padding:17px 20px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #f1f1f1; background:#f1f1f1;}
.join_agree .typical {border:1px solid #dedede; background:#fff;}
.card_box .c_box {margin-top:10px;}
.card_contents .c_box .title {margin-bottom:0; display:flex; align-items:center; justify-content:flex-start; 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 {margin-bottom:0; 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:80px; height:30px; font-size:14px; 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; cursor:pointer;}
.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;}

/* 회원탈퇴 */
.mswbox {height:513px; position:relative;}
.mswbox ul {padding:0;}
.mswbox ul li {margin-bottom:20px;}

.mswbox .change_title {margin:0 0 30px 0; text-align:center;}
.mswbox .change_title h2 {font-size:20px; line-height:24px; font-weight:700;}
.mswbox .change_title p {font-size:15px; line-height:18px; font-weight:500; margin-top:5px; color:#9b9b9b;}

.mswbox label.art span {line-height:20px;}
.mswbox label.art input[type="checkbox"] + * {margin-left:30px;}
.mswbox label.art input[type="checkbox"] + *:before {content:""; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.mswbox label.art input[type="checkbox"]:hover + *:before {width:18px; height:18px; border:1px solid #da002a;}
.mswbox label.art input[type="checkbox"]:checked + *:before {content:""; width:20px; height:20px; background:url(../images/input_02r.png) center no-repeat; background-size:20px; border:none;}

.mswbox textarea {display:none; margin-top:15px; width:100%; height:130px; padding:12px 4px 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;}
.mswbox textarea::-webkit-scrollbar {width:10px;}
.mswbox textarea::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:10px 0;}
.mswbox textarea::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}
.textnumber {display:none; font-size:13px; text-align:right; line-height:18px; font-weight:500; margin-top:6px; color:#cbcbcb;}
.textnumber span {color:#222;}

.mswbox .pop_guidebox {padding:20px; border-radius:6px; background:#f1f1f1; margin-bottom:20px;}
.mswbox .pop_guidebox li {position:relative; font-size:15px; line-height:18px; font-weight:500; margin-bottom:15px; padding-left:10px;}
.mswbox .pop_guidebox li:last-child {margin-bottom:0;}
.mswbox .pop_guidebox li:before {content:''; position:absolute; top:0; left:0; display:block; width:4px; height:4px; border-radius:50%; background:#707070; margin:7px 5px 0 0;}

.msw_btnbox {position:absolute; bottom:40px; left:0; width:calc(100% - 80px); padding:0 40px; display:flex; align-items:center;}
.msw_btnbox button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; transition:all .4s;}
.msw_btnbox button + button {margin-left:5px;}
.msw_btnbox .close {background:#7d7d7d; color:#fff;}
.msw_btnbox .next {background:#da002a; color:#fff;}

/* 로그인, 회원가입, 회원탈퇴 hover */
.login_wrap .agree_contents2 .login_edge .login_btn .login:hover, .login_wrap .shipper_login .sl_contens button:hover , .login_edge > button:hover, .login_edge .body_btn .t01:hover, .join_agree .btnbox button:hover, .join_finish button:hover, .join_agreedetail .okbtn:hover, .msw_btnbox .next:hover, .inquiry_btn.bgr:hover {background:#a40020;}
.login_edge .body_btn .t02:hover, .msw_btnbox .close:hover {background:#3e3e3e;}
.login_wrap .agree_contents2 .login_edge .login_btn .join:hover {background:rgba(0,0,0,.7);}

/* menu */
.menuwrap {width:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); justify-content:space-between;}
.menuwrap, .menu {height:60px; display:flex; align-items:center;}
.menu .logo a {width:180px; height:60px; display:block; background:url(../images/logo_h.webp) center no-repeat; background-size:115px;}
.menu .gnb {z-index:9999;}
.menu .gnb > ul {display:flex; align-items:center;}
.menu .gnb > ul .home {width:68px; height:58px; background:#efefef; border:1px solid #f0f0f0; transition:0.4s;}
.menu .gnb > ul .home a {width:70px; height:60px; display:block; background:url(../images/home_icon.png) center no-repeat; background-size:24px;}
.menu .gnb > ul .dashboard {margin-top:0; width:70px; height:58px; background:#fff; transition:0.4s;}
.menu .gnb > ul .dashboard a {flex-direction:column; justify-content:center; height:60px; font-size:13px; line-height:18px;}
.menu .gnb > ul .dashboard a::before {content:''; display:block; margin:0 0 4px 0; width:19px; height:19px; background:url(../images/nav_btn_D.png) center no-repeat; background-size:19px; transition:0.4s;}
.menu .gnb > ul > li {position:relative; width:130px; height:60px;}
.menu .gnb > ul > li::after {content:''; border:1px solid #f0f0f0; border-width:0 0 60px 1px; position:absolute; top:0; right:0;}
.menu .gnb > ul > li > a {display:flex; align-items:center; justify-content:center; font-size:16px; line-height:60px; font-weight:700; color:#000; transition:0.4s;}
.menu .gnb > ul > li > a::before {content:''; display:block; margin-right:5px; width:24px; height:24px; transition:0.4s;}
.menu .gnb > ul > .m01 > a::before {background:url(../images/nav_btn_01.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m02 > a::before {background:url(../images/nav_btn_02.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m03 > a::before {background:url(../images/nav_btn_03.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m04 > a::before {background:url(../images/nav_btn_04.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m05 > a::before {background:url(../images/nav_btn_05.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m06 > a::before {background:url(../images/nav_btn_08.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m07 > a::before {background:url(../images/nav_btn_07.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > li > ul {display:none; position:absolute; top:60px; left: 0; width:100%; background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); text-align:center; overflow:hidden; z-index:-1;}
.menu .gnb > ul > li > ul > li > a {display:block; padding:12px 0; border:1px solid #efefef; font-size:16px; line-height:24px; font-weight:500; transition:0.4s;}
.menu .gnb > ul > li > ul > li:last-child > a {border-bottom:none;}
.menu .pricelist {margin-left:20px; width:88px; height:24px; font-size:15px; font-weight:700; border-radius:4px; border:1px solid #00b5da; background:#e5fbff; color:#00b5da;}

/* 요금표 등록 팝업 */
#pricelist_pop .edge .body {padding:20px;}
#pricelist_pop .edge .body h2 {font-size:18px; line-height:21px; font-weight:700;}
#pricelist_pop .edge .body .m_contents {margin-top:20px; padding:20px; border-radius:8px; background:#fff;}
#pricelist_pop .edge .body .m_contents .file_upload {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
#pricelist_pop .edge .body .m_contents .file_upload span {width:calc(100% - 114px); text-align:left;}
#pricelist_pop .edge .body .m_contents .file_upload label {width:84px; background:#000; color:#fff;}
#pricelist_pop .edge .body .m_contents .file_upload label:hover {opacity:.7;}
#pricelist_pop .edge .body .m_contents p {position:relative; margin-top:8px; padding-left:10px; font-size:12px; line-height:14px; font-weight:500; text-align:left;}
#pricelist_pop .edge .body .m_contents p:after {content:''; position:absolute; top:5px; left:0; width:4px; height:4px; border-radius:50%; background:#707070;}

.my_menu, .my_menu .login {display:flex; align-items:center;}
.my_menu .point {margin-right:20px; display:flex; align-items:center; font-size:16px; line-height:19px; font-weight:700;}
.my_menu .point:before {content:''; display:block; width:24px; height:24px; margin-right:5px; background:url(../images/nav_btn_06.png) center no-repeat; background-size:24px;}
.my_menu .point span {margin:0 3px; line-height:19px; color:#da002a;}
.my_menu div {border-left:1px solid #f0f0f0;}
.my_menu div:nth-child(2) {border-left:none;}
.my_menu .login p {margin-right:20px; display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:700;}
/* .my_menu .login p::before {content:''; display:block; width:24px; height:24px; margin-right:5px; background:url(../images/nav_btn_05.png) center no-repeat; background-size:24px;} */
.my_menu .login p span.logo {margin-right:3px; width:50px; height:20px; /* border:1px solid #707070; background:#efecec; */ box-sizing:border-box;}
.my_menu .login p span.logo img {width:100%; height:100%; object-fit:contain;}
.my_menu .login button {width:58px; height:24px; border-radius:4px; font-size:12px; font-weight:700; transition:0.4s;}
.my_menu .login .modify {margin:0 8px 0 10px; background:#fff; border:1px solid #dedede;}
.my_menu .login .logout {margin-right:20px; background:#fce5e8; color:#da002a;}
.my_menu .my_menubox {width:70px; height:60px; transition:0.4s;}
.my_menu .notifi {position:relative;}
.my_menu .notifi > a span {display:none; position:absolute; top:20px; right:20px; display:block; width:4px; height:4px; background:#da002a; border-radius:50%;}
.my_menu .notifi > a {width:70px; height:60px; display:block; background:url(../images/notifi_icon.png) center no-repeat; background-size:24px;}

/* home navi */
.my_menu .more > a {position:relative; width:70px; height:60px; display:block; background:url(../images/more_icon.png) center no-repeat; background-size:24px;}
.my_menu .more .menuwrap2 {z-index:9999999; position:absolute; top:0; right:0; width:0; height:100%; overflow:hidden;}
.my_menu .more .menuwrap2.on {width:100%;}
.my_menu .more .menuwrap2 .bg {position:absolute; top:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, .5);}
.menuwrap2.on .body_edge {width:360px;}
.menuwrap2 .body_edge {position:absolute; top:0; right:0; width:300px; height:100%; background:#fff; transition:all .2s; overflow:hidden;}
.menuwrap2 .body_edge .body_title {margin:0; display:flex; justify-content:flex-end; height:59px; border-bottom:1px solid #e0e0e0; background:#fff;}
.menuwrap2 .body_edge .body_title .close {width:60px; height:60px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:24px;}
.menuwrap2 .body_edge .contents {margin:0; height:100%; display:block;}
.menuwrap2 .profile {padding-bottom:9px; width:100%; background:#fff; border-bottom:1px solid #e7e7e7;}
.menuwrap2 .profile .p_box01 {padding:0 20px; height:59px; display:flex; align-items:center; justify-content:space-between;}
.menuwrap2 .profile .p_box01 li {font-size:20px; line-height:24px; font-weight:700;}
.menuwrap2 .profile .p_box01 button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a; transition:all .4s;}
.menuwrap2 .profile .p_box02 {padding:0 20px; height:40px; display:flex; align-items:center; justify-content:space-between;}
.menuwrap2 .profile .p_box02 .p_text01 {width:93px; font-size:14px; line-height:16px; font-weight:500; color:#979797;}
.menuwrap2 .profile .p_box02 .p_text02 {width:calc(100% - 93px); font-size:14px; line-height:16px; font-weight:500;}
.menuwrap2 .profile .p_box02 ul {width:calc(100% - 93px); display:flex; align-items:center; justify-content:space-between;}
.menuwrap2 .profile .p_box02 ul button {width:58px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#f2f2f2; transition:all .4s;}

.menuwrap2 .menucontents {height:calc(100% - 209px); overflow-y:auto;}
.menuwrap2 .menucontents .menubox {border-top:5px solid e4e4e4;}
.menucontents .menubox .m_box {padding:0 20px; height:47px; display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #e7e7e7; transition:all .4s;}
.menuwrap2 .menucontents .menubox .m_text01 {font-size:15px; line-height:18px; font-weight:700;}
.menuwrap2 .menucontents .menubox img {width:5px;}

.menuwrap2 .notice, .menuwrap2 .version {display:flex; align-items:center;}
.menuwrap2 .notice img {width:16px !important; margin-left:5px;}
.menuwrap2 .version p {font-size:13px; line-height:15px; font-weight:500; margin-right:13px;}
.menuwrap2 .version .pointtext {font-size:12px; line-height:14px; font-weight:500; margin-right:20px;}
.menuwrap2 .version .pointtext span {margin-left:8px; font-weight:700; color:#da002a;}

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

.menucontents::-webkit-scrollbar {width:6px;}
.menucontents::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.menucontents::-webkit-scrollbar-thumb {background:#e4e4e4; border-radius:6px;}

.menuwrap2 .profile .p_box01 button:hover {background:#ffbec6;}
.menuwrap2 .profile .p_box02 ul button:hover {background:#dbdbdb;}
.menucontents .menubox .m_box:hover {background:#ededed;}

.menu .gnb > ul .home:hover, .my_menu .my_menubox:hover, .menu .gnb > ul .home.r {background:#d6d2d2;}
.menu .gnb > ul > li:hover > a, .menu .gnb > ul > li > a:hover, .menu .gnb > ul > li.r > a {color:#e61c3a;}
.menu .gnb > ul > li > ul > li > a:hover {background:#efefef;}
.menu .gnb > ul .dashboard:hover a::before, .menu .gnb > ul .dashboard a:hover::before {background:url(../images/nav_btn_Dr.png) center no-repeat; background-size:19px;}
.menu .gnb > ul > .m01:hover > a::before, .menu .gnb > ul > .m01 > a:hover::before, .menu .gnb > ul > .m01.r > a::before {background:url(../images/nav_btn_01r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m02:hover > a::before, .menu .gnb > ul > .m02 > a:hover::before, .menu .gnb > ul > .m02.r > a::before {background:url(../images/nav_btn_02r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m03:hover > a::before, .menu .gnb > ul > .m03 > a:hover::before, .menu .gnb > ul > .m03.r > a::before {background:url(../images/nav_btn_03r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m04:hover > a::before, .menu .gnb > ul > .m04 > a:hover::before, .menu .gnb > ul > .m04.r > a::before {background:url(../images/nav_btn_04r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m05:hover > a::before, .menu .gnb > ul > .m05 > a:hover::before, .menu .gnb > ul > .m05.r > a::before {background:url(../images/nav_btn_05r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m06:hover > a::before, .menu .gnb > ul > .m06 > a:hover::before, .menu .gnb > ul > .m06.r > a::before {background:url(../images/nav_btn_08r.png) center no-repeat; background-size:24px;}
.menu .gnb > ul > .m07:hover > a::before, .menu .gnb > ul > .m07 > a:hover::before, .menu .gnb > ul > .m07.r > a::before {background:url(../images/nav_btn_07r.webp) center no-repeat; background-size:24px;}
.my_menu .point:hover span {text-decoration:underline;}
.my_menu .login .modify:hover {background:#efefef;}
.my_menu .login .logout:hover {background:#ffbec6;}

/* footer */
/* .footer {position:fixed; bottom:0; left:0; width:100%; height:40px; background:#fff;}
.footer p {font-size:13px; line-height:40px; font-weight:500; color:#949494; text-align:center;} */
.footer {position:fixed; bottom:0; left:0; padding:9px; width:100%; background:#fff; z-index:99;}
.footer p {font-size:13px; line-height:14px; font-weight:500; color:#949494; text-align:center;}

/* body_contents - top */
.body_contents {padding-bottom:60px; margin:0 auto; max-width:1660px; width:100%; height:100%;}
.body_title, .titlebox, .titlebox ul, .titlebox .btnbox {display:flex; align-items:center;}
.body_title {justify-content:space-between; margin:20px 20px 15px 20px;}
.titlebox {/* width:calc(100% - 158px); */ width:100%; height:68px; padding:0 20px 0 40px; justify-content:space-between; background:#fff; border:1px solid #ebebeb; border-radius:10px;}
.titlebox .text01 {font-size:26px; line-height:31px; font-weight:700;}
.titlebox .text01 span {margin-left:10px; font-weight:500;}
.titlebox .text02 {margin-left:30px; font-size:15px; line-height:18px; font-weight:500; color:#616161;}
.titlebox .download_btn {width:160px; height:40px; font-size:16px; font-weight:700; border-radius:6px; background:#000; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); transition:all .4s;}
.btnbox button {display:flex; align-items:center; justify-content:center; height:24px; font-size:14px; font-weight:500; border-radius:6px; background:#ebebeb; transition:all .4s;}
.btnbox .call_in {width:154px;}
.btnbox .reset {margin-left:10px; width:80px;}
.btnbox button::before {content:''; display:block; width:14px; height:14px; margin-right:4px;}
.btnbox .call_in::before {height:14px; background:url(../images/bt_icon01.png) center no-repeat; background-size:14px;}
.btnbox .reset::before {background:url(../images/bt_icon02.png) center no-repeat; background-size:13px;}
.guide {display:none; margin-left:6px; width:88px; height:68px; font-size:13px; line-height:15px; font-weight:700; border-radius:10px; border:1px solid #e6e6e6; background:#fff; color:#da002a; transition:all .4s;}
.guide img {width:28px; margin-bottom:7px;}

/* contents */
.choice label.art {margin:0 auto; position:relative; display:flex; /* width:210px; */ cursor:pointer;}
.choice label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
.choice label.art span {display:flex; justify-content:center; width:100%; font-size:15px; line-height:20px; font-weight:700;}
.choice label.art input[type="checkbox"] + *:before {content:""; margin-right:10px; width:18px; height:18px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.choice label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}
/* label.art input[type="radio"] + * {margin-left:30px;}
label.art input[type="radio"] + *:before {content:""; margin-left:10px; width:20px; height:20px; background:url(../images/input_01.png) center no-repeat; background-size:20px;}
label.art input[type="radio"]:checked + *:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:20px;}
label.art input[type="checkbox"] + * {margin-left:30px;} */

.con_box {border:1px solid #dedede; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08); position:relative;}
.con_box > input {width:calc(100% + 2px); padding-right:46px; font-weight:500; height:46px; background:none; border:1px solid #dedede; font-size:16px; border-radius:6px; margin:-1px;}
.con_box > input:focus {border:1px solid #000;}
.con_box > a.search {width:40px; height:40px; position:absolute; left:0; top:4px; background:url(../images/Search.png) center no-repeat; background-size:24px auto;}
.con_box > a.search2 {width:40px; height:40px; border-radius:0 6px 6px 0; position:absolute; right:-1px; top:-1px; background:url(../images/Search_g.png) center no-repeat; background-size:40px auto; transition:all .4s;}
.con_box > a.search2:hover {background:url(../images/Search_b.png) center no-repeat; background-size:40px 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.close {width:46px; height:46px; position:absolute; right:0; top:0; background:url(../images/btn_ico_09.png) center no-repeat; background-size:20px;}
.con_box > a.view {margin:0; padding-bottom:0; border-bottom:none; width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/btn_ico_13.png) center no-repeat; background-size:22px auto;}
.con_box > a.view.on {width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/btn_ico_12.png) center no-repeat; background-size:22px auto;}
.con_box > a.right {width:46px; height:46px; position:absolute; right:0; top:0; background:url(../images/btn_ico_06.png) center no-repeat; background-size:8px;}
/* .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.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 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;} */

.tooltip {position:relative;}
.tooltip:hover .tooltiptext {visibility:visible;}
.tooltip .tooltiptext {padding:6px 10px; visibility:hidden; position:absolute; top:auto; bottom:120%; left:50%; transform:translateX(-50%); max-width:240px; width:max-content; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:11;}
.tooltip .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
.tooltip .tooltiptext::after {top:100%; bottom:auto; left:50%; transform:translateX(-50%); border-color:#000 transparent transparent transparent}

.disable {position:relative;}
/* .disable::after {position:absolute; top:0; left:0; content:''; width:calc(100% - 10px); height:calc(100% - 10px); background:#dcdcdc; border:5px dashed #b8b8b8; border-radius:10px; opacity:.6; z-index:9;} */
.contents {max-width:1620px; margin:0 20px; display:flex; align-items:flex-start;}
.contents > .sc {width:100%; margin-right:15px;}
.contents > .sc:last-child {margin-right:0;}
.con_form {padding:20px; border-radius:10px; border:1px solid #ebebeb; background:#fff;}
.con_form h1 {margin-bottom:20px; position:relative; height:55px; font-size:20px; line-height:55px; font-weight:700; text-align:center; border-radius:8px; background:#222; color:#fff;}
.contents > div:nth-child(1) .con_form h1 {margin-bottom:21px;}
.con_form h1 span {position:absolute; top:0; left:18px; font-size:45px; line-height:55px; letter-spacing:-0.9px; font-weight:700; color:#fff; opacity:0.1;}

.con_form .tr, .freight_content {padding:0 10px;}

/* 01 상차지 정보 입력 */
.con_form .tr2 {margin-top:30px;}
.con_form .tr h3 {color:#000; font-size:16px; line-height:19px; font-weight:700; margin-bottom: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 > div {position:relative; display:flex; align-items:center; border:1px solid #dedede; border-bottom:none;}
.con_form .tr .edge > hr {margin:0; border-top:1px dashed #eeeeee; border-width:1px 0 0 0;}
.con_form .tr .edge > div p {position:absolute; top:0; left:0; width:80px; height:46px; font-size:16px; line-height:46px; font-weight:500; text-align:center; color:#616161;}
.con_form .tr .edge > div .pi {display:flex; align-items:center; justify-content:center;}
.con_form .tr .edge > div .i02 {display:block; width:20px; height:20px; background:url(../images/btn_ico_03.png) center no-repeat; background-size:20px; margin-right:8px;}
.con_form .tr .edge > div .i03 {display:block; width:20px; height:20px; background:url(../images/btn_ico_05.png) center no-repeat; background-size:20px; margin-right:8px;}
.con_form .tr .edge > div:first-child {border-top:1px solid #dedede; border-radius:5px 5px 0 0; border-bottom:1px solid #fff;}
.con_form .tr .edge > div:last-child {border-bottom:1px solid #dedede; border-radius:0 0 5px 5px; border-top:1px solid #fff;}
.con_form .tr .edge.col {flex-direction:row}
.con_form .tr .edge.col > div {border:1px solid #dedede; border-radius:5px;}
.con_form .tr .edge.col .tel {margin-right:10px; width:60%;}
.con_form .tr .edge.col .name {width:40%;}
.con_form .tr .edge > div input {border:none; background:none; flex:1; padding-left:80px;}
.con_form .tr .edge.add_time > div input {cursor:pointer;}
.con_form .tr .edge.col > div input[type=text]:focus {border:1px solid #000; border-radius:5px;}

.con_form .map {margin:30px 10px 0 10px; position:relative; height:203px; border-radius:6px; border:1px solid #dedede; background:#ddd;}
.con_form .map ul {position:absolute; top:10px; right:10px; z-index:999;}
.con_form .map ul li {padding:0 10px; display:flex; align-items:center; justify-content:space-between; width:115px; height:30px; font-size:13px; font-weight:700; border-radius:6px; background:#fff; opacity:0.89; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.con_form .map ul li:first-child {margin-bottom:3px;}
.con_form .map ul li span {color:#da002a;}

.con_form .tr .edge.add_time > .addDetail {border-top:1px solid #fff}
.con_form .tr .edge.add_time > .addDetail input {height:27px;}

/* 02 화물 정보 입력 */
.dragtext {margin:0 0 26px 0; font-size:14px; line-height:16px; font-weight:400; text-align:right; color:#707070;}
.seek_edge > div {display:flex; padding-top:8px;}
.seek_edge > div:first-child {margin-bottom:29px;}
.seek_edge > div label {width:60px; font-size:16px; line-height:16px; font-weight:700;}
.seek_edge > div label span {font-size:14px; color:#c7c7c7; font-weight:500; margin-top:2px;}
.seek_edge .seek-bar {flex:1; position:relative; z-index:10; margin:0 13px 0 10px;}
.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:4px solid #dd1b37; pointer-events:none; position:absolute; width:8px; height:8px; 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:12px; font-weight:800; 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:-25px; width:63px; height:21px; border-radius:3px;}
.seek_edge .seek-bar .circle span {margin-top:-25px;}
.seek_edge .seek-bar .circle div.bar > em.w1 {width:8px; height:8px; border-radius:50%;}
.seek_edge .seek-bar .circle div.bar > em.w2 {width:63px; height:21px;}
.seek_edge div input {width:79px; height:34px; font-size:16px; font-weight:700; background:#fff; border:1px solid #dedede; border-radius:5px; margin-top:-10px; 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;}

.ton_radiobox {margin:19px 0 10px 0; display:flex; align-items:center;}
.ton_radiobox input[type=radio] {display:none;}
.ton_radiobox input[type=radio] + label {display:block; cursor:pointer; margin-right:5px; width:100%; height:34px; border:1px solid #dedede; font-size:15px; line-height:36px; text-align:center; font-weight:500; border-radius:6px; background:#fff; color:#c7c7c7; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); transition:all .4s;}
.ton_radiobox input[type=radio] + label:last-child {margin-right:0;}
.ton_radiobox input[type=radio]:checked + label {background-color:#ffe3e9; border:1px solid #da002a; color:#da002a;}

.truck_info {display:flex; padding:12px 23px; background:#ece8e5; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.truck_info .img {margin-right:27px;}
.truck_info .img img {width:177px; height:95px;}
.truck_info .info {display:flex; flex-direction:column; flex:1;}
.truck_info .info .name {font-size:16px; line-height:19px; font-weight:700; color:#000;}
.truck_info .info .name span {margin-left:5px;}
.truck_info .info .spec {margin-top:5px; font-size:14px; line-height:16px; color:#7e7e7e;}

.freight_info {margin:15px 0 10px 0; padding:10px; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.freight_info .tit {display:flex; align-items:center; justify-content:space-between;}
.freight_info .tit h3 {font-size:16px; line-height:19px; font-weight:700; color:#000000; background:url(../images/btn_ico_04.png) left center no-repeat; background-size:14px; padding-left:20px;}
.freight_info .tit a {display:block; width:19px; height:19px; background:url(../images/btn_ico_10.png) left center no-repeat; background-size:19px; transition:all .4s;}
.freight_info textarea {border:none; font-size:14px; line-height:20px; font-weight:500; height:49px; resize:none; margin-top:10px;}
.freight_info textarea::-webkit-scrollbar {width:10px; border-radius:6px; border:1px solid #dedede; background:#eee;}

.img_ts, .img_box, .truck_shape {display:flex; align-items:center;}
.img_box input[type=file] {display:none;}
.img_box li {margin-left:10px; width:60px; height:60px; border-radius:6px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto; overflow:hidden;}
.img_box li:first-child {margin-left:0;}
.img_box li label {display:block; width:60px; height:60px; cursor:pointer; background:url(../images/Plus_Icon.png) center no-repeat; background-size:16px;}
.img_box li img {width:100%; height:100%; object-fit:cover;}
.truck_shape {margin-left:10px; width:100%;}
.truck_shape select {max-width:156px; width:100%; height:48px; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #dedede; color:#000;}
.truck_shape select option {font-size:15px; line-height:18px; font-weight:500; border:1px solid #dedede;}
.truck_shape .lift {margin-left:20px;}
.truck_shape .lift label {width:70px;}
.truck_shape .lift span {font-size:15px; font-weight:700;}
.freight_content .mixed_imgtext {margin:10px 0 13px 0; font-size:14px; line-height:18px; font-weight:500;}

.inquiry_btn {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:6px; border:1px solid #e6e0dc; background:#f5efe8; color:#7d7d7d; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); transition:all .4s;}
.inquiry_btn.bgr {border:none; background:#da002a; color:#fff;}
.inquiry_btn.bgr:hover {color:#fff;}

.img_ts .img_box li {background:url(../images/Plus_Icon.png) center no-repeat #ebebeb; cursor:pointer;}
.img_ts .truck_shape {padding-right:10px; justify-content:flex-end;}

/* 03 요금 설정 */
.fare_contents h2 {margin-top:20px; font-size:22px; line-height:26px; font-weight:800; text-align:center;}
.fare_contents .font-red {color:#da002a;}
.farebox {margin:20px 0 0 0; padding:20px 30px; border-radius:6px; background:#f7f4f1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.farebox .num_inp .text01, .farebox .num_inp .text02 {font-size:13px; line-height:15px; font-weight:400; text-align:center;}
.farebox .num_inp .edge {display:flex; align-items:center; margin:0 0 10px 0;}
.farebox .num_inp .text01 {margin-top:4px;}
.farebox .num_inp .edge div {position:relative;}
.farebox .num_inp .edge div .reset {position:absolute; top:6px; right:6px; width:19px; height:19px; background:url(../images/btn_ico_10.png) no-repeat center; background-size:19px; z-index:2; transition:all .4s;}
.farebox .num_inp .edge div .reset:hover {background:url(../images/btn_ico_10_h.png) no-repeat center; background-size:19px;}

.farebox .num_inp .edge input {height:70px; text-align:center; font-size:40px; color:#da002a; font-weight:800; border:1px solid #dedede; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.farebox .num_inp .edge input::placeholder {height:70px; text-align:center; font-size:40px; color:#da002a; font-weight:800;}
.farebox .num_inp .edge button {width:33px; height:33px; flex:none; transition:all .4s;}
.farebox .num_inp .edge button.m {margin:0 16px 0 0; background:url(../images/btn_ico_20.png) center no-repeat; background-size:33px;}
.farebox .num_inp .edge button.p {margin:0 0 0 16px; background:url(../images/btn_ico_21.png) center no-repeat; background-size:33px;}
.fare_contents .farebox .choice {padding:10px 0 0 0;}
.fare_contents .farebox .choice label.art {width:90px;}

.fare_contents .num_top {margin:10px 0 20px 0;; font-size:13px; line-height:18px; font-weight:500;}

.fare_contents .choice {padding:20px; border-radius:6px; background:#f2f4f6;}
.fare_contents .choice .texttop {margin-bottom:12px; font-size:14px; line-height:18px; font-weight:500; text-align:center; color:#000;}

.fare_contents .choice .textbottom {margin-top:16px; font-size:11px; line-height:13px; font-weight:500; text-align:center; color:#787878;}
.fare_contents .choice a {margin-top:5px; display:flex; align-items:center; justify-content:flex-end; font-size:11px; line-height:13px; font-weight:500;color:#787878; transition:all .4s;}
.fare_contents .choice a:after {content:""; margin-left:5px; width:4px; height:8px; background:url(../images/btn_icon011.png) center no-repeat; background-size:4px;}
/* .fare_contents .choice a {margin-top:10px; display:flex; justify-content:flex-end; font-size:14px; line-height:16px; font-weight:500; text-decoration:underline; color:#787878;}
.fare_contents .choice a:after {content:""; margin-left:5px; width:17px; height:17px; background:url(../images/btn_ico_23.png) center no-repeat; background-size:17px;} */

.fare_contents .num_bottom {margin:14px 0; display:flex; align-items:center;}
.fare_contents .num_bottom .text01 {width:calc(100% - 75px); font-size:13px; line-height:16px; font-weight:500;}
.fare_contents .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;}
.fare_contents .num_bottom .text02 a {display:block; height:32px; line-height:32px;}

.fare_contents .tip {display:flex; align-items:center; margin:10px 0 -3px 0; font-size:13px; line-height:16px; font-weight:400; color:#000;}
.fare_contents .tip::before {content:''; display:block; margin-right:10px; width:26px; height:26px; background:url(../images/bg_ico_04.png) center no-repeat; background-size:26px;}

.d_choice {margin:15px 0; padding:15px 20px 15px 30px; display:flex; align-items:center; border-radius:10px; background:#fff;}
.d_choice p {margin-right:20px; font-size:16px; line-height:18px; font-weight:700; color:#23252c;}
.d_choice p span {font-weight:500;}
.d_choice .con_box {width:calc(100% - 116px);}


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

.register_btn {width:100%; height:70px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}

/* 03 요금 설정 - 즉시배차 */
.bookmark_btn {display:flex; align-items:center;}
.bookmark_btn .choice {position:relative; width:147px;}
.bookmark_btn .choice label.art {margin:0; width:fit-content;}
.bookmark_btn .choice label.art span {justify-content:flex-start;}

.bookmark_btn .choice .nickname_popup {display:none; position:absolute; top:28px; left:0; padding:6px; width:120px; height:40px; border-radius:5px; border:1px solid #000; background:#fff; z-index:2;}
.bookmark_btn .choice .nickname_popup input[type=text] {width:100%; height:100%; padding:0 8px; font-size:14px; border-radius:6px;}
.bookmark_btn .choice .nickname_popup input[type=text]::placeholder {font-size:14px;}

.bookmark_btn .b2c_btn {width:calc(100% - 147px);}

/* 결제하기 */
.pay_top {margin:-20px -20px 0 -20px; padding:0 20px; height:69px; border-bottom:1px solid #ededed;}
.contents > .inform {width:66%; margin-right:15px;}
.contents > .payment_method {width:34%;}
.inform .pay_top {display:flex; align-items:center; justify-content:space-between;}
.pay_top h2 {font-size:20px; line-height:70px; font-weight:700;}
.inform .pay_top button {width:154px; height:40px; font-size:16px; font-weight:500; border-radius:6px; background:#7d7d7d; color:#fff; transition:all .4s;}

.informcontent {display:flex; height:624px;}
.informbox > .topbox {height:118px; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:40px;}
.informcontent hr {margin:0 0 40px 0; width:100%; border:1px dashed #eee; border-width:1px 0 0 0;}
.informcontent:nth-child(2) hr {margin:0 0 25px 0;}
.informcontent .informbox:nth-child(1) {padding:40px 40px 20px 20px; width:60%; border-right:1px solid #f0f0f0;}
.informcontent .informbox:nth-child(2) {padding:40px 20px 20px 40px; width:40%;}
.informbox .addbox {display:flex; align-items:flex-start; margin-bottom:25px;}
.informbox .addbox:last-child {margin-bottom:0;}
.informbox .addbox .add_title {width:94px; font-size:18px; line-height:21px; font-weight:500; color:#616161;}
.informbox .addbox ul {width:calc(100% - 94px);}
.informbox .addbox .ts_text {font-size:18px; line-height:21px; font-weight:700; color:#409400;}
.informbox .addbox .add_text01 {font-size:18px; line-height:21px; font-weight:700; color:#000;}
.informbox .addbox .add_text02 {margin-top:7px; font-size:16px; line-height:19px; font-weight:500; color:#000;}
.informbox .addbox .informtext {max-height:100px; height:100%; word-break:break-all; overflow-y:scroll;}
.informbox .addbox .informtext2 {width:calc(100% - 94px); max-height:160px; height:100%; word-break:break-all; overflow-y:scroll;}
.informbox .addbox .informtext02 {max-height:160px; height:100%; word-break:break-all; overflow-y:scroll;}
.informbox .addbox .informtext::-webkit-scrollbar, .informbox .addbox .informtext2::-webkit-scrollbar {width:6px;}
.informbox .addbox .informtext::-webkit-scrollbar-track, .informbox .addbox .informtext2::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.informbox .addbox .informtext::-webkit-scrollbar-thumb, .informbox .addbox .informtext2::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

.informbox .paybox {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.informbox .paybox:last-child {margin-bottom:0;}
.informbox .paybox li {font-size:18px; line-height:21px;}
.informbox .paybox .pay_text01 {font-weight:500; color:#616161;}
.informbox .paybox .pay_text02 {font-weight:700; color:#000; text-align:right;}
.informbox .paybox .mixed {padding:5px 8px; display:flex; align-items:center; border-radius:4px; background:#fce5e8;}
.informbox .paybox .mixed span {margin-right:9px; font-weight:700; color:#da002a;}
.informbox .paybox .pay_text03 {font-size:26px; line-height:31px; font-weight:700; color:#da002a; text-align:right;}

.informbox .cancelbox {margin:-6px 0 20px 0; padding:20px; background:#f1f1f1;}
.informbox .cancelbox2 {margin:-6px 0 0 0;}
.informbox .cancelbox ul {display:flex; align-items:center; justify-content:space-between;}
.informbox .cancelbox ul + ul {margin-top:10px;}
.informbox .cancelbox ul li {width:100%; font-size:16px; line-height:19px;}
.informbox .cancelbox ul .c_text01 {font-weight:500; color:#666;}
.informbox .cancelbox ul .c_text02 {text-align:right; font-weight:700; color:#000;}

.informbox .paybox div {width:100%; display:flex; align-items:center;}
.informbox .paybox div .pay_text01 {width:auto;}
.informbox .paybox div button {margin-left:10px; width:140px; height:30px; font-size:15px; font-weight:700; border-radius:4px; transition:all .4s;}
.informbox .paybox div .bgg {background:#ededed; color:#000;}
.informbox .paybox div .bgr {background:#da002a; color:#fff;}

.pmbox {padding:0 20px; height:496px;}
.intend_content {margin-top:40px;}
.intend_content li {margin-bottom:10px; position:relative;}
.intend_content li:last-child {margin-bottom:0px;}
.intend_content li label em {height:58px; padding:0 10px; display:block; font-size:18px; line-height:60px; font-weight:700; color:#616161; border:1px solid #dedede; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); background:#fff; transition:all .4s;}
.intend_content li label input[type="radio"] {display:none;}
.intend_content li label input[type="radio"] + em {padding-left:64px;}
.intend_content li label input[type="radio"] + em:before {content:""; position:absolute; width:30px; height:30px; background:url(../images/input_01.png) center no-repeat; top:15px; left:20px; background-size:30px;}
.intend_content li label input[type="radio"]:checked + em:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:30px;}
.intend_content li label input[type="radio"]:checked + em {height:56px; border:2px solid #da002a !important; 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:#616161;}
.pmbox p {margin-top:19px; font-size:15px; line-height:20px; font-weight:500; color:#9b9b9b;}

.pm_btn {text-align:center;}
.pm_btn p {margin-bottom:10px; font-size:15px; line-height:18px; font-weight:500; color:#a9a9a9;}
.pm_btn button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}

.top_payment, .top_payment p:nth-child(2) {display:flex; align-items:center;}
.top_payment p {font-size:16px; line-height:19px; font-weight:500;}
.top_payment p .font-red {margin-left:4px; line-height:19px; color:#da002a;}
.top_payment p:nth-child(2):before {content:''; margin:0 20px; display:block; height:16px; border:1px solid #cdcdcd; border-width:0 0 0 1px;}
.top_payment button {margin-left:30px; width:120px; height:40px; font-size:16px; font-weight:700; border-radius:6px; background:#efefef; transition:all .4s;}

/* 신청현황 */
.listtop, .list_option, .calendarcontents, .list_right_box {display:flex; align-items:center;}
.listtop {width:100%; height:42px; margin:0 0 15px 0; justify-content:space-between;}
.list_option select {width:140px; height:40px; font-size:15px; font-weight:500; border-radius:6px; background:url('../images/select_icon.png') calc(100% - 15px) center no-repeat #fff; border:1px solid #dedede; margin-right:5px; color:#000;}
.list_option select option {font-size:15px; line-height:18px; font-weight:500; border:1px solid #dedede;}
.calendarcontents p {margin:0 2px; font-size:16px; font-weight:700;}
.calendarcontents .con_box {width:120px; background:#fff;}
.calendarcontents .con_box > input {height:40px; padding-right:30px; font-size:14px;}
.calendarcontents .con_box > input::placeholder {font-size:14px;}
.date01, .date02 {position:relative;}
.calendarcontents button {margin-left:8px; width:57px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff; transition:all .4s;}
.search {background:#fff; box-shadow:none;}
.search > input {height:40px; font-size:15px;}
.search > input::placeholder {font-size:15px;}

.list_right_box .deleteBtn {margin-left:8px; width:57px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#da002a; color:#fff; transition:all .4s;}
.list_right_box .deleteBtn:hover {background:#a40020;}

.list_body {max-width:1620px; margin:0 20px;}
.ltbox {height:68px; background:#fff; border:1px solid #ebebeb; border-radius:10px 10px 0 0;}
.lcbox {position:relative; margin-top:5px; height:580px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}

.cargoinform {position:relative;}
.cargoinform label.art {position:absolute; top:50%; left:33.5px; transform:translateY(-50%); display:flex; z-index:999; cursor:pointer;}
.cargoinform label.art input[type="checkbox"] {opacity:0; width:0; height:0;}
.cargoinform label.art span {display:flex; align-items:center; width:100%;}
.cargoinform label.art input[type="checkbox"] + *:before {content:""; width:20px; height:20px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.cargoinform label.art input[type="checkbox"]:hover + *:before {border:1px solid #da002a;}
.cargoinform label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}

.list_title .lt01 label.art {display:flex; cursor:pointer;}
.list_title .lt01 label.art input[type="checkbox"] {opacity:0; width:0; height:0;}
.list_title .lt01 label.art span {display:flex; align-items:center; width:100%;}
.list_title .lt01 label.art input[type="checkbox"] + *:before {content:""; width:20px; height:20px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.list_title .lt01 label.art input[type="checkbox"]:hover + *:before {border:1px solid #da002a;}
.list_title .lt01 label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}

/* 리스트 스크롤 */
#cargoinformlist, #md_list, #divList {height:580px; border-radius:0 0 10px 10px; overflow-y:scroll;}
#ci_list {height:450px; border-radius:0 0 10px 10px; overflow-y:scroll;}
#cargoinformlist::-webkit-scrollbar, #ci_list::-webkit-scrollbar, #md_list::-webkit-scrollbar, #divList::-webkit-scrollbar {width:6px;}
#cargoinformlist::-webkit-scrollbar-track, #ci_list::-webkit-scrollbar-track, #md_list::-webkit-scrollbar-track, #divList::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
#cargoinformlist::-webkit-scrollbar-thumb, #ci_list::-webkit-scrollbar-thumb, #md_list::-webkit-scrollbar-thumb, #divList::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}
/* .lcbox::-webkit-scrollbar {width:6px;}
.lcbox::-webkit-scrollbar-thumb {background:#ededed; border-radius:6px;}
.lcbox::-webkit-scrollbar-track {background:rgba(237,237,237, .4);} */

.accordion-button {padding:30px; border:1px solid #bebebe;}

.list_title {height:70px; display:flex; align-items:center;}
.list_title li {font-size:15px; line-height:18px; text-align:center; width:100%;}
.list_title .lt01 {max-width:69px; padding:0 10px; cursor: pointer;}
.list_title .lt02 {max-width:138px; padding:0 10px;}
.list_title .lt02_1 {max-width:165px; padding:0 10px;}
.list_title .lt03 {max-width:101px; padding:0 10px;}
.list_title .lt04 {max-width:188px; padding:0 10px;}
.list_title .lt05 {max-width:147px; padding:0 10px;}
.list_title .lt06 {max-width:212px; padding:0 10px;}
.list_title .lt07 {max-width:106px; padding:0 10px;}
.list_title .lt08 {max-width:125px; padding:0 10px;}
.list_title .lt09 {max-width:127px; padding:0 20px;}
.list_title .lt10 {max-width:134px; padding:0 10px;}
.list_title .lt11 {max-width:80px; padding:0 10px;}
.list_title .lt02_2 {max-width:110px; padding:0 10px;}
.list_title .lt10_1 {max-width:175px; padding:0 10px;}

.list_title li {position:relative;}
.list_title li .tooltip {position:static; display:-webkit-box; text-align:left; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.list_title li .tooltip:hover .tooltiptext, .list_title li .fw5:hover .tooltiptext {visibility:visible;}
.list_title li .fw5 .tooltiptext {width:300px;}

/* 마우스 오버 시 */
.cargoList .list_title li .tooltiptext {padding:5px; top:150%; bottom:auto; max-width:300px;}
.cargoList .list_title li .tooltiptext::after {top:auto; bottom:100%; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:transparent transparent #000 transparent;}

a:last-child .list_title li .tooltiptext {top:auto; bottom:150%;}
a:last-child .list_title li .tooltiptext::after {top:100%; bottom:auto; border-color:#000 transparent transparent transparent;}

.list_title li .tooltiptext {padding:5px; top:150%; bottom:auto;}
/* .list_title li .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;} */
.list_title li .tooltiptext::after {top:auto; bottom:100%; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:transparent transparent #000 transparent;}

.list_title li:last-child .tooltiptext {top:auto; bottom:150%;}
.list_title li:last-child .tooltiptext::after {top:100%; bottom:auto; border-color:#000 transparent transparent transparent;}

/* #Dcargolist a:first-child .list_title li .tooltiptext {top:150%; bottom:auto;}
#Dcargolist a:first-child .list_title li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;}

#cargoinformlist a:first-child .list_title li .tooltiptext {top:150%; bottom:auto;}
#cargoinformlist a:first-child .list_title li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;}

#pmlist .list_title li .tooltiptext {padding:5px; visibility:hidden; position:absolute; top:auto; bottom:150%; left:50%; transform:translateX(-50%); width:180px; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:1;}
#pmlist .list_title li .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
#pmlist .list_title li .tooltiptext::after {top:100%; bottom:auto; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:#000 transparent transparent transparent;}

#pmlist a:first-child .list_title li .tooltiptext {top:150%; bottom:auto;}
#pmlist a:first-child .list_title li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;} */

/* 보너스 오더 */
.list_title li .bonus {position:relative; margin-top:5px; padding:4px 24px 3px 8px; font-size:13px; line-height:15px; font-weight:700; border-radius:3px; background:#cf001c; color:#fff;}
.list_title li .bonus:after {content:''; position:absolute; top:4px; right:6px; width:14px; height:15px; background:url(../images/bonus_icon.png) no-repeat center; background-size:14px;}
.list_title li .bonus_popup {display:none; position:absolute; top:0; left:92px; padding:12px 16px; width:218px; height:91px; border-radius:4px; border:2px solid #cf001c; background:#fff; color:#000; z-index:2;}
.list_title li .bonus_popup li {padding:0; display:block; font-size:13px; line-height:15px; font-weight:700; text-align:left;}
.list_title li .bonus_popup li:nth-child(2) {margin-top:15px;}
.list_title li .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;}
.list_title li .bonus:hover .bonus_popup {display:block;}

.cargoinform {display:block; height:69px; border-bottom:1px solid #ebebeb; background:#fff; transition:all .4s; cursor:pointer;}
.ltbox .list_title li, .cargoinform .fw5 {font-weight:500;}
.lcbox .list_title li, .lcbox .list_title li span, .cargoinform .list_title li {font-weight:700;}
.cargoinform .list_title .lt01 span {display:block; margin:0 auto; width:54px; height:22px; font-size:13px; line-height:22px; border-radius:3px;}
.cargoinform .list_title .lt01 .option01 {background:#fff; color:#000; border:1px solid #000;}
.cargoinform .list_title .lt01 .option02 {background:#da002a; color:#fff;}
.cargoinform .list_title .lt01 .option03 {background:#537b00; color:#fff;}
.cargoinform .list_title .lt01 .option04 {background:#000; color:#fff;}
.cargoinform .list_title .lt01 .option05 {background:#fff; color:#da002a; border:1px solid #da002a;}
.cargoinform .list_title .lt01 .type01 {background:#efefef; color:#000;}
.cargoinform .list_title .lt09 .mixedbox {margin:4px auto 0; padding:0 6px; display:flex; align-items:center; border-radius:4px; background:#fce5e8; color:#da002a;}
.cargoinform .list_title .lt09 .mixedbox span {display:block; height:24px; font-size:12px; line-height:24px;}
.cargoinform .list_title .lt09 .mixedbox img {margin:0 5px;}
.cargoinform .list_title .lt04, .lcbox .list_title .lt06 {align-items:flex-start; text-align:left;}
/* .cargoinform .list_title .lt06 {text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical} */
.cargoinform .list_title .lt06 .fw5 {max-width:140px; width:100%; font-weight:700; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:left;}
.cargoinform .list_title .lt09 {display:flex; align-items:center;}
.cargoinform .list_title .lt09 button {width:100%; height:35px; font-size:14px; font-weight:700; border-radius:4px; transition:all .4s;}
.cargoinform .list_title .lt09 button + button {margin-left:8px;}
.cargoinform .list_title .lt09 .lt_b01 {background:#da002a; color:#fff;}
.cargoinform .list_title .lt09 .lt_b02 {background:#7d7d7d; color:#fff;}

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

/* 신청현황-상세 */
.cd_top, .cd_title, .cd_titlebtn {display:flex; align-items:center; justify-content:flex-end;}
.cd_top {padding:0 30px; justify-content:space-between; width:100%; height:68px; background:#fff; border:1px solid #ebebeb; border-radius:10px 10px 0 0;}

.cd_title .cd_text01 {margin-right:20px; width:54px; height:22px; font-size:13px; line-height:22px; font-weight:700; text-align:center; border-radius:3px;}
.cd_title .option01 {background:#fff; color:#000; border:1px solid #000;}
.cd_title .option02 {background:#da002a; color:#fff;}
.cd_title .option03 {background:#537b00; color:#fff;}
.cd_title .option04 {background:#000; color:#fff;}
.cd_title .option05 {background:#fff; color:#da002a; border:1px solid #da002a;}

.cd_title .cd_text02 {padding-right:20px; font-size:18px; line-height:21px; font-weight:700;}
.cd_title .cd_text03 {padding:0 20px; font-size:18px; line-height:21px; font-weight:500;}
.cd_title .cdt_line {position:relative;}
.cd_title .cdt_line:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); height:15px; border-right:1px solid #e0e0e0;}
/* .cd_titlebtn {width:50%;} */
.cd_titlebtn button + button {margin-left:8px;}
.cd_titlebtn button {height:35px; font-size:14px; font-weight:700; border-radius:4px; color:#fff; transition:all .4s;}
.cd_titlebtn .print {margin-right:10px; width:42px; height:42px; background:url(../images/print_icon.png) no-repeat center; background-size:42px;}

.cd_titlebtn .cd_paybox {margin-right:30px; padding:5px; display:flex; align-items:center; border-radius:6px; background:#f1f1f1;}
.cd_titlebtn .cd_paybox p {padding:0 6px 0 9px; font-size:13px; line-height:15px; font-weight:500;}
.cd_titlebtn .cd_paybox button {width:91px;}

.cd_titlebtn .lt_b01, .cd_titlebtn .lt_b02 {width:60px;}
.cd_titlebtn .lt_b01 {background:#da002a;}
.cd_titlebtn .lt_b02 {background:#7d7d7d;}
.cd_titlebtn .lt_b03 {margin-right:22px; width:128px; border:1px solid #c1c1c1; background:#f1f1f1; color:#000;}
.cd_titlebtn .list_btn {width:90px; background:#000;}

.cd_contents {max-width:1620px; margin:5px 20px 0 20px; height:605px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px; overflow:hidden;}
.cd_contents hr {margin:30px 0; width:100%; border:1px dashed #eee; border-width:1px 0 0 0;}
.mainwrapper {height:68px; display:flex; flex-direction:column; 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;}

.addbox ul ul {margin-top:20px; display:flex; align-items:center;}
.addbox ul .imgbox {margin-right:10px; width:60px; height:60px; border-radius:6px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto; cursor:pointer; overflow:hidden;}
.addbox ul .imgbox img {width:100%; height:100%; object-fit:cover;}

.cd_contents .informbox > .topbox {height:auto; padding-bottom:0;}
.cd_contents .informbox .paybox .pay_text03 {display:flex; align-items:center; justify-content:flex-end;}
.cd_contents .informbox .paybox .pay_text03 span {margin-right:9px; width:80px; height:24px; font-size:12px; line-height:24px; font-weight:700; text-align:center; border-radius:4px; background:#fce5e8; color:#da002a;}
.informbox .d_infrom {align-items:flex-start;}
.informbox .d_infrom .pay_text01 {width:24%;}
.informbox .d_infrom .pay_text02 {width:76%;}
.informbox .d_infrom div {width:76%; text-align:right;}
.informbox .d_infrom div .pay_text02 {width:100%; margin-bottom:2px;}
.informbox .d_infrom div .pay_text02:last-child {margin-bottom:0;}
.informbox .d_infrom .va_box {display:flex; align-items:center;}
.informbox .d_infrom .va_box li {width:calc(100% - 96px);}
.informbox .d_infrom .va_box button {margin-left:10px; width:86px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}

.informbox .paybox .addPaybox {display:flex; align-items:center; justify-content:flex-end; width:auto;}
.informbox .paybox .addPaybox li {font-weight:700;}
.informbox .paybox .addPaybox input[type=text] {width:200px; height:40px; font-weight:700; border-radius:6px;}
.informbox .paybox .addPaybox button {width:60px; height:40px; border-radius:6px; background:#da002a; color:#fff;}
.informbox .paybox .addPaybox button:hover {background:#a40020;}

.cd_contents .map_box {border-left: 1px solid #f0f0f0;}
.cd_contents .map {position:relative; width:100%; height:380px; background:#eee; border:1px solid #dedede; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.cd_contents .map ul {position:absolute; top:10px; right:10px; z-index:999;}
.cd_contents .map ul li {padding:0 10px; display:flex; align-items:center; justify-content:space-between; width:115px; height:30px; font-size:13px; font-weight:700; border-radius:6px; background:#fff; opacity:0.89; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.cd_contents .map ul li:first-child {margin-bottom:3px;}
.cd_contents .map ul li span {color:#da002a;}
.cd_contents .informcontent {height:100%;}
.cd_contents .informcontent .informbox:nth-child(1) {width:35%; padding:40px;}
.cd_contents .informcontent .map_box {width:27%; padding:40px;}
.cd_contents .informcontent .map_box .addbox {margin-top:20px;}
.cd_contents .informcontent .map_box .addbox ul {display:flex; align-items:center;}
.cd_contents .informcontent .informbox:nth-child(2) {width:39%; padding:40px; overflow-y:scroll;}
.cd_contents .informcontent .informbox:nth-child(2)::-webkit-scrollbar {width:6px;}
.cd_contents .informcontent .informbox:nth-child(2)::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.cd_contents .informcontent .informbox:nth-child(2)::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.cd_contents .sign {width:100%; height:250px; background:#fff; border:1px solid #eee; display:flex; align-items:center; justify-content:center;}
.cd_contents .sign p { font-size:18px; line-height:21px; font-weight:500; color:#616161; margin:auto;}
.cd_contents .sign img {max-height:314px; max-width:100%;}

/* .cancelbox ul {display:flex; align-items:center; margin-bottom:16px;}
.cancelbox ul:last-child {margin-bottom:0;}
.cancelbox ul li {width:100%; text-align:left; font-size:18px; line-height:21px; font-weight:500; color:#000;}
.cancelbox ul li:nth-child(2) {text-align:right;}
.cancelbox .cancel_text01 li:nth-child(1) {color:#616161;}
.cancelbox .cancel_text03 li {font-weight:700;} */

/* 운송완료내역 */
.cp_top {padding:15px; height:108px; border-radius:10px; background:#fff; border:1px solid #ebebeb;}
.cp_top:nth-child(1) {max-width:1007px; width:100%; display:flex; align-items:center; flex-direction:column;}
.cp_top:nth-child(2) {max-width:534px; width:100%; margin-left:15px;}
.cp_topbox01 {width:100%; display:flex; align-items:center;}
.cp_topbox01 .calendarcontents {margin:0 20px;}

.cp_topbox02 {margin-top:20px; display:flex; align-items:center; justify-content:space-between; width:100%;}
.cp_topbox02 ul {display:flex; align-items:center;}
.cp_topbox02 .search {width:322px;}
.cp_topbox02 .cargocopy {cursor:pointer;}
.cp_topbox02 .cargocopy + .cargocopy {margin-left:20px;}
.cp_topbox02 .cargocopy span {margin-left:10px; font-size:14px; line-height:16px; font-weight:700;}
.cp_topbox02 .cargocopy input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .4s;}
.cp_topbox02 .cargocopy input[type="radio"]:checked, .cp_topbox02 .cargocopy input[type="radio"]:checked:hover {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}
.cp_topbox02 .cargocopy input[type="radio"]:hover {border:1px solid #da002a;}

.cp_top select {max-width:323px; width:100%; height:40px; font-size:15px; font-weight:500; border-radius:6px; background:url('../images/select_icon.png') calc(100% - 15px) center no-repeat #fff; border:1px solid #dedede; color:#000;}
.cp_top select option {font-size:15px; line-height:18px; font-weight:500; border:1px solid #dedede;}

.date_select {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); border-radius:6px; display:flex; align-items:center; overflow:hidden;}
.date_select input[type=radio] {display:none;}
.date_select #date01 + label, .date_select #date04 + label {border-radius:6px 0 0 6px;}
.date_select #date03 + label, .date_select #date06 + label {border-radius:0 6px 6px 0;}
.date_select input[type=radio]+label {display:inline-block; cursor:pointer; width:109px; height:38px; border:1px solid #dedede; font-size:14px; line-height:40px; text-align:center; font-weight:700;}
.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_topbox02 {width:calc(100% - 323px);}
.cp_top .usebox {padding:0 15px 0 60px;}
.cp_top .usebox hr {margin:19px 0; border:1px dashed #ebebeb; border-width:1px 0 0 0;} */
.cp_top .usebox ul {display:flex; align-items:center; justify-content:space-between;}
.cp_top .usebox {padding:5px 15px;}
.cp_top .usebox ul {width:100%;}
.cp_top .usebox ul + ul {margin-top:10px;}
/* .cp_top .usebox hr {margin:0 30px; height:26px; border:1px solid #e0e0e0; border-width:0 0 0 1px;} */
.cp_top .usebox .usetext01 {font-size:16px; line-height:19px; font-weight:500; color:#000;}
.cp_top .usebox .usetext02 {font-size:22px; line-height:26px; font-weight:500; color:#000; text-align:right;}
.cp_top .usebox .usetext01 {font-size:16px; line-height:19px; font-weight:500; color:#000;}
.cp_top .usebox .usetext02 {font-size:22px; line-height:26px; font-weight:500; color:#000; text-align:right;}
.cp_top .usebox .totaldetail {margin-top:5px; padding:10px; font-size:14px; line-height:16px; font-weight:500; text-align:center; border-radius:5px; background:#f1f1f1; color:#666;}
.list_title .lt10_1 .font-cancel {color:#cbcbcb; text-decoration:line-through;}
.list_title .lt10_1 .fee {margin-top:2px; display:block; font-size:15px; font-weight:500;}
/* .cp_top .usebox .usetext02 span {font-weight:700;}
.cp_top .usebox .usetext02 .font-red {color:#da002a;} */

.cp_topcontents {justify-content:flex-end; margin:8px 20px -7px;}
.cp_topcontents .excel {display:flex; align-items:center; justify-content:center; width:132px; height:35px; font-size:15px; font-weight:700; border-radius:4px; background:#fff; transition:all .4s;}
.cp_topcontents .excel:hover {background:#d6d2d2;}
.cp_topcontents .excel span {display:block; margin-right:10px; width:21px; height:20px; background:url(../images/excel_icon.png) no-repeat center; background-size:20px;}

.cplistbody {margin-top:15px;}
.cplistbody .lcbox {position:relative; margin-top:5px; height:490px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}
.cplistbody .lcbox #ci_list {height:490px;}
.cplistbody .list_title .lt04 {max-width:282px; padding:0 10px;}
.list_title .lt11 img {max-width:110px; max-height:50px;}

/* 내 기사 관리 */
.d_topcontents {justify-content:space-between; align-items:center; margin-bottom:15px;}
.d_topcontents .file_upload span {width:258px;}
.d_topcontents p {font-size:15px; line-height:18px; font-weight:500;}
.d_top {display:flex; align-items:center;}
.d_top .choice {margin-right:20px;}
.d_top .choice label.art span {font-size:16px; line-height:19px; font-weight:400;}
.d_top .choice label.art .smtext {font-weight:700;}
.d_top .search {width:278px;}
.d_top button {margin-left:10px; width:142px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#da002a; color:#fff; transition:all .4s;}

.list_title .d_lt01 {max-width:120px; padding:0 10px;}
.list_title .d_lt02 {max-width:240px; padding:0 10px;}
.list_title .d_lt03 {max-width:760px; padding:0 10px;}
.list_title .d_lt04 {max-width:130px; padding:0 10px;}
.list_title .d_lt04 .md_delete {width:55px; height:22px; font-size:13px; font-weight:700; border-radius:3px; border:1px solid #da002a; background:#fff; color:#da002a; transition:all .4s;}
.list_title .d_lt04 .md_delete:hover {background:#fce5e8;}
.list_title .d_lt04 .md_restore {width:55px; height:22px; font-size:13px; font-weight:700; border-radius:3px; border:1px solid #000; background:#fff; color:#000;   transition:all .4s;}
.list_title .d_lt04 .md_restore:hover {background:#f1f1f1;}
/* 즐겨찾기 checkbox */
.bookmark_cb {width:30px; margin:0 auto;}
.bookmark_cb input[type="checkbox"]{display:none;}
.bookmark_cb label{display:block; width:30px; height:30px; background:url(../images/my_icon_15.png) center top no-repeat; background-size:30px; cursor:pointer; transition:all .4s;}
.bookmark_cb input[type="checkbox"]:checked + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:30px;}
.bookmark_cb input[type="checkbox"]:hover + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:30px;}

/* 접속 정보 변경 */
.cibox {height:410px; position:relative;}
.cibox input[type=text] {height:60px; border-radius:6px; background:#efefef; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.cibox input[type=text]:nth-child(2) {margin-top:10px;}

.cibtnbox {position:absolute; bottom:40px; left:0; width:calc(100% - 80px); padding:0 40px;}
.cibtnbox button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff;}

/* FAQ */
.faq_contents {justify-content:space-between;}
.faq_contents .tabs {display:flex; align-items:center;}
.faq_contents .tabs li {width:120px; height:40px; font-size:15px; line-height:40px; font-weight:500; text-align:center; border-radius:6px; border:1px solid #dedede; background:#fff; color:#c7c7c7; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); transition:all .4s;}
.faq_contents .tabs li + li {margin-left:8px;}
.faq_contents .tabs li.on {border:1px solid #da002a; background:#ffe3e9; color:#da002a;}
.faq_contents .tabs li:hover {border:1px solid #da002a; color:#da002a;}

.faq_listbox {margin:15px 20px 0; height:668px; border-radius:10px; border:1px solid #ebebeb; background:#fff; overflow-y:scroll;}
.faq_listbox .faqbox {display:none; align-items:center; height:69px; border-bottom:1px solid #ebebeb; transition:all .4s;}
.faq_listbox .on {display:flex;}
.faqbox .faq_text01 {max-width:120px; width:100%; padding:0 10px; display:flex; justify-content:center;}
.faqbox .faq_text01 span, .faq_title .faq_text01 span {display:block; width:30px; height:30px; font-size:16px; line-height:30px; font-weight:700; text-align:center; border-radius:50%; background:#f2f2f2;}
.faqbox .faq_text02, .faq_title .faq_text02 {max-width:1500px; width:100%; padding:0 10px; display:flex; align-items:center; justify-content:space-between; font-size:18px; line-height:21px; font-weight:700;}
.faqbox .faq_text02:after {content:''; display:block; width:7px; height:14px; background:url(../images/btn_ico_01.png) no-repeat; background-size:7px;}
.faq_title {display:flex; align-items:center; width:100%;}
.faq_title .faq_text01 {margin-right:20px;}

.faq_listbox::-webkit-scrollbar {width:6px;}
.faq_listbox::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.faq_listbox::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.faq_cont {font-size:16px; line-height:20px; font-weight:500;}
.faq_cont h2 {margin-bottom:30px; font-size:20px; line-hegiht:24px; font-weight:700;}
.faq_cont .font-bold li {margin-top:14px; font-weight:700;}

/* 1:1 문의하기 */
.oi_contents {justify-content:flex-end;}
.oi_contents .btn01 {width:112px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#da002a; color:#fff; transition:all .4s;}

.inquiry_contents {margin:15px 20px 0 20px; height:678px; background:#fff; border-radius:10px; border:1px solid #ebebeb;}
.ic_body {position:relative; height:610px;}
#ic_list, #notice_list, #qna_list {height:610px; overflow-y:scroll;}
#ic_list::-webkit-scrollbar, #notice_list::-webkit-scrollbar, #qna_list::-webkit-scrollbar {width:6px;}
#ic_list::-webkit-scrollbar-track, #notice_list::-webkit-scrollbar-track, #qna_list::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
#ic_list::-webkit-scrollbar-thumb, #notice_list::-webkit-scrollbar-thumb, #qna_list::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.ic_title .icbox li {width:100%; font-size:15px; line-height:18px; font-weight:500; text-align:center;}
.ic_body .not_found img {width:88px;}
.ic_body .icbox li {width:100%; font-size:18px; line-height:21px; font-weight:700; text-align:center;}
.ic_body .icbox .ntitle {display:flex; align-items:center;}
.ic_body .icbox .ntitle .newicon {margin-left:10px; width:20px;}
.ic_body .icbox .ic_text02, .ic_body .icbox .ic_text05, .ic_body .icbox .ic_text06 {text-align:left;}
.ic_body .icbox .ic_text04 span {display:block; margin:0 auto; width:110px; height:35px; font-size:14px; line-height:35px; border-radius:4px; background:#efefef; transition:all .4s;}
.ic_body .icbox .ic_text04 span.btn02 {background:#000; color:#fff;}
.icbox .ic_text07 span {margin:0 auto; display:block; width:30px; height:30px; font-size:16px; line-height:30px; text-align:center; border-radius:50%; background:#f2f2f2;}
.icbox .ic_text06 {display:flex; align-items:center; justify-content:space-between;}
.icbox .ic_text06 span {display:block; width:20px; height:20px; background:url(/resources/images/btn_ico_01.png) center no-repeat; background-size:7px;}

.icbox {display:flex; align-items:center; height:69px; border-bottom:1px solid #ebebeb; transition:all .4s;}
.icbox .ic_text01, .icbox .ic_text07 {max-width:100px; padding:0 10px;}
.icbox .ic_text02 {max-width:1022px; padding:0 10px;}
.icbox .ic_text03 {max-width:188px; padding:0 10px;}
.icbox .ic_text04 {max-width:230px; padding:0 10px;}
.icbox .ic_text05 {max-width:1274px; padding:0 10px;}
.icbox .ic_text06 {max-width:1440px; padding:0 30px;}

.od_contents {padding:40px; height:333px; font-size:16px; line-height:28px; font-weight:500; overflow-y:auto; word-break:break-all;}
.od_contents::-webkit-scrollbar {width:10px;}
.od_contents::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:10px 0;}
.od_contents::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.manager_contents {padding:30px 40px; margin:15px 20px 0 20px; max-width:1620px; background:#fff; border-radius:10px; border:1px solid #ebebeb;}
.manager_contents h2 {font-size:20px; line-height:24px; font-weight:700;}
.manager_contents p {margin-top:30px; font-size:16px; line-height:19px; font-weight:500;}

.manager_imgbox {margin-top:10px;}
.manager_imgbox ul {display:flex; align-items:center;}
.manager_imgbox ul .imgbox {width:60px; height:60px; border-radius:6px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto; overflow:hidden;}
.manager_imgbox ul .imgbox img {width:100%; height:100%; object-fit:contain;}
.manager_imgbox ul li + li {margin-left:10px;}

.oif_top input[type=text] {width:1000px; height:48px; border-radius:6px; border:1px solid #dedede; background:#fff;}
.oif_top .lt_b02 {width:90px;}
.oif_contents {padding:30px; height:580px;}
.oif_contents textarea {padding:30px; height:424px; border-radius:6px; border:1px solid #dedede; background:#fff; resize:none;}
.oif_contents textarea::-webkit-scrollbar {width:10px;}
.oif_contents textarea::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:10px 0;}
.oif_contents textarea::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.oif_contents .cd_title {margin-top:10px; width:100%; justify-content:flex-start;}
.oif_contents .cd_title .file_upload {padding:0; width:calc(100% - 179px); height:48px; border:none; border-radius:0;}
.oif_contents .cd_title .file_upload label {width:90px; height:35px; font-size:14px; line-height:35px; background:#7d7d7d; color:#fff;}
.oif_contents .cd_title .file_upload .file_name {padding:0 15px; margin-right:10px; display:flex; align-items:center; justify-content:space-between; width:calc(100% - 100px); height:46px; font-size:16px; line-height:46px; font-weight:700; border-radius:6px; border:1px solid #dedede;}
.oif_contents .cd_title .file_upload .file_name .close {width:24px; height:24px; background:url(../images/file_closeicon.png) no-repeat center; background-size:24px;}
.oif_contents .cd_title > button {margin-left:8px; width:90px; height:35px; font-size:14px; line-height:35px; font-weight:700; border-radius:4px; background:#000; color:#fff;}

.oif_contents .cd_title .file_upload label:hover {background:#3e3e3e;}
.oif_contents .cd_title > button:hover {opacity:.7;}

/* 1:1 문의 비회원 */
.nm_contents .nm_title {text-align:center;}
.nm_contents .nm_title img {margin:20px 0 0 0; width:119px;}
.nm_contents .nm_title h2 {margin-top:30px; font-size:20px; line-height:24px; font-weight:700;}
.nm_contents .nm_title p {margin-top:10px; font-size:15px; line-height:19px; font-weight:500; color:#9b9b9b;}

.nm_btn {margin-top:98px;}
.nm_btn {margin-top:98px;}
.nm_btn p {margin-bottom:10px; font-size:15px; line-height:19px; font-weight:500; text-align:center; color:#9b9b9b;}
.nm_btn p span {color:#da002a;}
.nm_btn button {margin-top:10px; width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; transition:all .4s;}
.nm_btn .btn01 {background:#da002a; color:#fff;}
.nm_btn .btn02 {background:#000; color:#fff;}

/*  공지사항 */
.notice_contents {height:550px;}

/* qna */
.qna_contents {justify-content:space-between;}
.qna_contents .search {width:278px;}
.qna_btn .tabs {display:flex; align-items:center;}
.qna_btn .tabs li {margin-right:8px; width:120px; height:40px; font-size:15px; line-height:40px; font-weight:500; text-align:center; border-radius:6px; border:1px solid #ebebeb; background:#fff; color:#c7c7c7; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); transition:all .4s;}
.qna_btn .tabs li.show {background:#ffe3e9; border:1px solid #da002a; color:#da002a;}
.qna_btn .tabs li:last-child {margin-right:0;}

#qna_list .icbox {display:none;}
#qna_list .show {display:flex;}
.qna {display:flex; align-items:center;}
.qna span {margin-right:20px; display:block; width:30px; height:30px; font-size:16px; line-height:30px; text-align:center; border-radius:50%; background:#f2f2f2;}

/* dashboard */
.body_contents .db_top {display:flex; align-items:center; justify-content:space-between;}
.body_contents .db_top li:nth-child(1) {font-size:18px; line-height:21px; font-weight:800;}
.body_contents .db_top li:nth-child(2) {display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:500;}
.body_contents .db_top li:nth-child(2) button {width:23px; height:23px; margin-left:10px; background:url(../images/refresh.png) center no-repeat; background-size:23px; transition:all .4s;}
.body_contents .db_top .more a {transition:all .4s;}

.dashboard {margin-top:20px;}
.db_topbox {padding:20px 30px; height:148px; border-radius:10px; border:1px solid #ebebeb; background:#fff;}
.db_topbox2 {max-width:650px; width:100%; height:565px; border-radius:10px; border:1px solid #ebebeb; background:#fff;}
.db_topbox3 {max-width:950px; width:100%; border-radius:10px; margin-left:15px;}
.db_topbox + .db_topbox {margin-left:15px;}

.db_top03 img {width:100%;}

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

.db_topbox .calendarcontents {margin:17px 0 19px 0; justify-content:space-between;}
.db_topbox .calendarcontents .con_box {width:calc(100% / 2.5);}
.db_topbox .calendarcontents button {width:63px;}
.db_topbox .usebox hr {margin:15px 0; border:1px dashed #eee; border-width:2px 0 0 0;}
.db_topbox .usebox ul {display:flex; align-items:center; justify-content:space-between;}
.db_topbox .usebox ul .usetext01 {font-size:16px; line-height:19px; font-weight:500;}
.db_topbox .usebox ul .usetext02 {font-size:18px; line-height:21px; font-weight:500;}
.db_topbox .usebox ul .usetext02 span {margin-right:5px; font-weight:800;}
.db_topbox .usebox ul .usetext02 .font-red {color:#da002a;}

.db_listbox {margin:15px 0 0 0;}
.db_listbox .ltbox {height:125px;}
.db_listbox2 {margin-top:55px;}
.db_listbox2 .ltbox {height:335px;}
.lcbox2 {height:263px;background:#fff; border:1px solid #ebebeb;border-radius:10px;}
.ltbox2 {margin-top:20px;}
.db_listbox .ltbox .db_top {padding:26px 30px 20px 30px;}
.db_listbox .ltbox .db_top li:nth-child(1) {padding-left:0;}
.db_listbox .ltbox .list_title {height:60px; border-top:1px solid #e2e2e2;}
.db_listbox .lcbox {height:228px;}
#Dcargolist {height:228px; border-radius:0 0 10px 10px; overflow-y:scroll;}
#Dcargolist::-webkit-scrollbar {width:6px;}
#Dcargolist::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
#Dcargolist::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.db_bottomcontents {margin:15px 20px 0 20px; display:flex; align-items:center;}
.db_bottombox + .db_bottombox  {margin-left:15px;}
.db_bottombox {width:100%; height:211px; border-radius:10px; border:1px solid #e2e2e2; background:#fff;}
.db_bottombox2 {width:100%; border-radius:10px; border:1px solid #e2e2e2; background:#fff;}
.db_bottombox .db_top {padding:16px 30px 13px 22px; border-bottom:1px solid #efefef;}
.db_bottombox h2 {padding:25px 0 29px 0; font-size:18px; line-height:21px; font-weight:700; text-align:center;}
.db_cont {padding:24px 30px 30px 30px; height:106px; overflow-y:scroll;}
.db_cont ul {margin-top:15px; display:flex; align-items:center;}
.db_bottombox:nth-child(2) .db_cont ul {margin-top:9px;}
.db_cont a:first-child ul, .db_bottombox:nth-child(2) .db_cont a:first-child ul {margin-top:0;}
.db_cont ul li {font-size:15px; line-height:18px; font-weight:500;}
.db_cont .dt_01 {width:80%;}
.db_cont .dt_02 {width:20%; font-size:14px; line-height:16px; font-weight:500; text-align:right; color:#bcbcbc;}
.db_cont .dt_03 {display:flex; align-items:center; width:70%; font-size:15px; line-height:18px; font-weight:500;}
.db_cont .dt_03 .name {display:inline-block; width:130px; word-break:break-all;}
.db_cont .dt_03 .rbox {margin-left:10px; display:inline-block; width:43px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e2e2e2; background:#fff;}
.db_cont .dt_04 {width:30%; font-size:15px; line-height:18px; font-weight:500; text-align:right;}
/* .db_cont .dt_05 {width:24%; text-align:center;}
.db_cont .dt_06 {width:16%; display:flex; justify-content:flex-end;}
.db_cont .dt_06 span {display:block; width:60px; height:24px; font-size:12px; line-height:24px; font-weight:700; text-align:center; border-radius:4px; background:#efefef; color:#bcbcbc;}
.db_cont .dt_06 span.rbox {background:#fce5e8; color:#da002a;} */

.db_bottombox .btn_cs {padding:10px 40px; display:flex; align-items:center;}
.db_bottombox .db_btnbox {width:100%; border-right:1px solid #eee;}
.db_bottombox .db_btnbox button {width:190px; height:40px; font-size:15px; font-weight:700; border-radius:4px; background:#efefef; transition:all .4s;}
.db_bottombox .db_btnbox button:first-child {margin-bottom:5px;}
.db_bottombox .cs {width:100%; text-align:center;}
.db_bottombox .cs .ct_01 {font-size:16px; line-height:19px; font-weight:500;}
.db_bottombox .cs .ct_02 {font-size:34px; line-height:40px; font-weight:700; color:#da002a;}
.db_bottombox .cs .ct_03 {margin-top:3px; font-size:14px; line-height:16px; font-weight:500; color:#929292;}

.db_bottombox .db_top2 {display:flex; align-items:center; justify-content:center; height:50px; border-bottom:1px solid #efefef;}
.db_bottombox .db_top2 button {width:16px; height:16px;}
.db_bottombox .db_top2 button.prev {margin-right:36px; background:url(../images_icoop/chart_icon01.png)no-repeat center; background-size:8px;}
.db_bottombox .db_top2 button.next {margin-left:36px; background:url(../images_icoop/chart_icon02.png)no-repeat center; background-size:8px;}
.db_bottombox .db_top2 p {font-size:18px; line-height:21px; font-weight:800;}

.db_bottombox .chart {padding:0 26px; display:flex; align-items:center; justify-content:space-between; height:calc(100% - 51px);}

.db_bottombox .chart .c_title {width:100px; text-align:center;}
.db_bottombox .chart .c_title .ct_text01 {padding-bottom:16px; font-size:14px; line-height:16px; font-weight:500; border-bottom:1px solid #ccc;}
.db_bottombox .chart .c_title .ct_text02 {padding-top:8px; font-weight:800; color:#61c101;}
.db_bottombox .chart .c_title .ct_text02 .total {padding-left:10px; font-size:30px; line-height:36px; letter-spacing:-0.9px;}
.db_bottombox .chart .c_title .ct_text02 span {font-size:15px; line-height:18px; letter-spacing:-0.45px;}

/* .db_bottombox .chart .progressBox {width:calc(100% - 70px);} */
.db_bottombox .chart .progressBox > div {display:flex; align-items:flex-end; height:63px;}
.db_bottombox .chart .progressBox .progressBar {width:20px;}
.db_bottombox .chart .progressBox .progressBar + .progressBar {margin-left:12px;}
.db_bottombox .chart .progressBox .pb01 {height:10%; background:#61c101;}
.db_bottombox .chart .progressBox .pb02 {height:10%; background:#1580dd;}
.db_bottombox .chart .progressBox .pb03 {height:10%; background:#df254e;}
.db_bottombox .chart .progressBox .pb04 {height:10%; background:#f0854c;}
.db_bottombox .chart .progressBox .progressBar span {margin-top:-14px; display:block; font-size:12px; line-height:14px; font-weight:700; text-align:center; color:#222;}
.db_bottombox .chart .progressBox > ul {margin-top:6px; display:flex; align-items:center;}
.db_bottombox .chart .progressBox > ul li {width:20px; font-size:12px; line-height:14px; font-weight:500; text-align:center;}
.db_bottombox .chart .progressBox > ul li + li {margin-left:12px;}

.db_bottombox .chart .c_textbox {width:160px;}
.db_bottombox .chart .c_textbox ul {display:flex; align-items:center; justify-content:space-between; height:37px;}
.db_bottombox .chart .c_textbox ul:nth-child(2) {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.db_bottombox .chart .c_textbox .ct_text03 {font-size:13px; line-height:15px; font-weight:400;}
.db_bottombox .chart .c_textbox .ct_text04 {font-size:15px; line-height:18px; font-weight:700;}
.db_bottombox .chart .c_textbox li span {margin-right:2px;}

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

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

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

.db_cont::-webkit-scrollbar {width:6px;}
.db_cont::-webkit-scrollbar-track {background:#efefef; border-radius:0 0 30px 0; margin:2px 0;}
.db_cont::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

/* 직원관리 */
.lcbox .list_title .d_lt04 {position:relative;}
.lcbox .list_title .d_lt04 .smbtn {width:60px; height:24px; font-size:12px; font-weight:700; border-radius:4px; background:#f2f2f2; transition:all .4s;}
.lcbox .list_title .d_lt01 .delete {width:30px; height:30px; background:url(../images/trash_icon_02.png) center no-repeat; background-size:23px;}
.sm_poptitle {font-size:14px; line-height:20px; font-weight:700;}

/* 협력업체 및 차량 공통 */
#firmList .list_title button.c_btn, #vehicleList .list_title button.c_btn {width:82px; height:24px; font-size:15px; font-weight:700; border-radius:4px;}
#firmList .list_title button.c_btn.bg_r, #vehicleList .list_title button.c_btn.bg_r {font-size:14px; background:#da002a; color:#fff;}
#firmList .list_title button.c_btn.font_g, #vehicleList .list_title button.c_btn.font_g {color:#288a00;}
#firmList .list_title button.c_btn.font_r, #vehicleList .list_title button.c_btn.font_r {color:#da002a;}

/* 협력 차량 */
.vehicleTop {display:flex; align-items:center;}
.vehicleTop select {margin-left:50px; width:156px; height:40px; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #dedede; color:#000; background:url('../images/select_icon.png') calc(100% - 15px) center no-repeat #fff;}
#vehicleList .list_title select {padding:0 14px; width:156px; height:40px; font-size:16px; font-weight:500; border-radius:4px; border:1px solid #dedede; color:#000; background:url('../images/select_icon.png') calc(100% - 15px) center no-repeat #fff; cursor:pointer;}

.list_title button.details {width:22px; height:22px; background:url(../images/detailsIcon.png) no-repeat center; background-size:22px;}

/* 화물등록 단체 예약 자동 배차 등록 */
.group_topcontents {padding:0 20px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; border-radius:10px; border:1px solid #dedede; background:#fff;}
.top_con {display:flex; align-items:center;}
.top_con .total {margin-right:10px;}
.file_upload {padding:5px; display:flex; align-items:center; border-radius:6px; border:1px solid #dedede; background:#fff;}
.file_upload input[type='file'] {display:block; width:0; height:0; overflow:hidden;}
.file_upload span {padding:0 15px; width:339px; height:30px; font-size:16px; line-height:30px; font-weight:500; color:#c7c7c7;}
.file_upload label {width:100px; height:30px; font-size:15px; line-height:30px; font-weight:700; text-align:center; border-radius:4px; background:#efefef; cursor:pointer; transition:all .4s;}
.top_con button {margin-left:5px; width:110px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff; transition:all .4s;}
.top_con ul {margin-left:50px; padding:6px; display:flex; align-items:flex-start; border-radius:6px; border:1px solid #da002a; background:#ffffc5;}
.top_con ul img {margin-right:5px; margin-top:2px; width:14px;}
.top_con ul li {font-size:14px; line-height:17px; font-weight:500;}
.group_topcontents .gbtn {width:140px; height:40px; font-size:16px; font-weight:800; border-radius:6px; background:#da002a; color:#fff; transition:all .4s;}
.b_list {position:relative; margin-top:5px; height:565px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}
#bcargolist {height:565px; border-radius:0 0 10px 10px; overflow-y:scroll;}
#bcargolist::-webkit-scrollbar {width:6px;}
#bcargolist::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
#bcargolist::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}
.list_title li {padding:0 10px; display:flex; flex-direction:column; align-items:center; justify-content:center;}

.list_title .gt01 {max-width:60px;}
.list_title .gt02 {max-width:210px;}
.list_title .gt03 {max-width:100px;}
.list_title .gt04 {max-width:140px;}
.list_title .gt05 {max-width:220px;}
.list_title .gt05 .c_info, .list_title .pm06 .c_info {max-width:140px;width:100%; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:left;}
.list_title .gt04 .paybox, .list_title .pm05 .paybox {margin-top:4px; width:80px; height:24px; font-size:12px; line-height:24px; font-weight:700; border-radius:4px; background:#fce5e8; color:#da002a;}

.cargoinform .list_title .gt02, .cargoinform .list_title .pm04 {align-items:flex-start; text-align:left;}
.cargoinform .list_title .error {border:1px solid #da002a; background:#ffffc5;}

/* 화물등록 */
.cargoContents .btnbox button {height:50px; font-size:18px; font-weight:700;}
.cargoContents .btnbox button::before {width:20px; height:20px;}

.cargoContents .btnbox .tooltip {position:relative;}
.cargoContents .btnbox .tooltip:hover .tooltiptext {visibility:visible;}
.cargoContents .btnbox .tooltip .tooltiptext {padding:6px 10px; visibility:hidden; position:absolute; top:110%; bottom:auto; left:50%; transform:translateX(-50%); max-width:240px; width:max-content; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:11;}
.cargoContents .btnbox .tooltip .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
.cargoContents .btnbox .tooltip .tooltiptext::after {top:auto; bottom:100%; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:transparent transparent #000 transparent}

.btnbox .call_in {width:180px;}
.btnbox .call_in::before {background-size:20px;}

.btnbox .bookmark {margin-left:10px; width:116px;}
.btnbox .bookmark::before {background:url(../images/bt_icon04.png) center no-repeat; background-size:20px;}

.btnbox .reset {width:100px;}
.btnbox .reset::before {background-size:19px;}

.fast-tab1 .con_form .tr .edge > div input {height:34px;}
.fast-tab1 .con_form .tr .edge > div p {height:36px;}

.fast-tab1 .con_form .tr .edge.add_time > .addDetail {border-top:1px solid #fff}
.fast-tab1 .con_form .tr .edge.add_time > .addDetail input {height:27px;}

.fast-tab1 .con_form .tr2 {margin-top:23px;}

.con_form h1 {background:#222; color:#fff;}
.con_form .tr2 {margin-top:21px;}

.freight_content .selectBox {display:flex; align-items:center;}
.freight_content .selectBox .tr {padding:0; width:100%;}
.freight_content .selectBox .tr + * {margin-left:10px;}
.freight_content .selectBox .tr h3 {margin-bottom:6px;}
.freight_content .selectBox select, .freight_content .selectBox input[type=text] {padding:0 16px; width:100%; height:46px; border-radius:6px; border:1px solid #dedede; color:#000; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.freight_content .selectBox .tr label {display:flex; align-items:center;}
.freight_content .selectBox .tr label span {margin-left:6px; font-size:16px; line-height:19px; font-weight:700; color:#000;}
.freight_info {margin:13px 0 20px;}
.freight_info textarea {height:177px;}
.inquiry_btn.bgr {margin:0 10px; width:calc(100% - 20px); border:1px solid #a92a55; background:#f5efe8; color:#a92a55;}
.inquiry_btn.bgr:disabled {border:none;}

.freight_info2 {margin:13px 0 0 0;}
.freight_info2 textarea {height:96px;}

.freight_content .img_ts {margin:13px 0;}

.fare_contents {padding:0 10px;}
.farebox {margin:25px 0 0 0; padding:28px 30px;}

.manually {margin:25px 0; display:flex; align-items:center; justify-content:center;}
/* .manually .choice {margin:0; padding:0;} */
.manually .choice label.art {width:102px;}
.manually input[type="text"] {margin-left:20px; width:240px; height:46px; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.con_form .register_btn {margin:0 10px; width:calc(100% - 20px); height:60px; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}

.cargoList {padding:20px;}
.cargoList .ltbox {height:110px; border:1px solid #e2e2e2;}
.cargoList .ltbox .db_top {padding:0 16px 0 34px; height:59px; border-bottom:1px solid #e2e2e2;}
.cargoList .ltbox .db_top .sum {display:flex; align-items:center;}
.cargoList .ltbox .db_top .sum p {font-size:20px; line-height:24px; font-weight:500;}
.cargoList .ltbox .db_top .sum p span {font-weight:700;}
.cargoList .ltbox .db_top .sum p + p {margin:0 30px;}
.cargoList .ltbox .db_top .sum button {width:130px; height:32px; font-size:16px; font-weight:700; border-radius:6px; background:#da002a; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08); transition:all .4s;}

.sc_inform {margin-top:4px; min-height:250px; border-radius:0 0 10px 10px; border:1px solid #e2e2e2; background:#fff;}
.sc_inform .list_title {border-bottom:1px solid #e2e2e2;}
/* .sc_inform a:last-child .list_title {border-bottom:none;} */
.sc_inform .list_title li {font-size:14px; font-weight:700;}
.sc_inform .list_title .i_ltText05 span {display:block;}
.sc_inform .list_title .i_ltText06 .btn {display:flex; align-items:center;}
.sc_inform .list_title .i_ltText06 .btn button {width:60px; height:33px; font-size:13px; font-weight:700; border-radius:4px; background:#efefef; transition:all .4s;}
.sc_inform .list_title .i_ltText06 .btn button + button {margin-left:5px;}
.sc_inform .list_title .i_ltText06 .btn button:hover {background:#dbdbdb;}

.sc_inform .list_title .i_ltText06 .btn .tooltip {position:relative; display:block; overflow:visible; text-align:center;}
.sc_inform .list_title .i_ltText06 .btn .tooltip:hover .tooltiptext {visibility:visible;}
.sc_inform .list_title .i_ltText06 .btn .tooltip .tooltiptext {top:110%; bottom:auto;}
.sc_inform .list_title .i_ltText06 .btn .tooltip .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;}

a:last-child .list_title .i_ltText06 .btn .tooltip .tooltiptext {top:auto; bottom:110%;}
a:last-child .list_title .i_ltText06 .btn .tooltip .tooltiptext::after {top:100%; bottom:auto; border-color:#000 transparent transparent transparent;}

.cargoList .list_title {height:50px;}
.cargoList .list_title .i_ltText01 {width:160px;}
.cargoList .list_title .i_ltText02 {width:220px;}
.cargoList .list_title .i_ltText03 {width:137px;}
.cargoList .list_title .i_ltText04 {width:220px;}
.cargoList .list_title .i_ltText05 {width:260px;}
.cargoList .list_title .i_ltText06 {width:180px;}
.cargoList .list_title .i_ltText06 .space {width:180px;}

.cargoList .list_title li {position:relative;}
.cargoList .list_title li .tooltip {position:static; display:-webkit-box; text-align:left; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

/* .cargoList .list_title li .tooltiptext {padding:5px; visibility:hidden; position:absolute; top:auto; bottom:150%; left:50%; transform:translateX(-50%); max-width:300px; width:max-content; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:1;}
.cargoList .list_title li .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
.cargoList .list_title li .tooltiptext::after {top:100%; bottom:auto; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:#000 transparent transparent transparent;}

.cargoList a:first-child .list_title li .tooltiptext {top:150%; bottom:auto;}
.cargoList a:first-child .list_title li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;} */

/* 즉시 배차 */
/* .con_form .tr2 {margin-top:26px;}
#tab2 .con_form {padding:20px 20px 25px 20px;} */

.fare_contents .fare_topcont {display:flex; align-items:center; justify-content:center;}
.fare_contents .fare_topcont .text01 {font-size:18px; line-height:21px; font-weight:800;}
.fare_contents .fare_topcont .text02 {font-size:12px; line-height:14px; font-weight:500;}

.farebox02 {margin:19px 0 0 0; padding:20px 30px 21px 30px;}
.farebox02 .num_inp .text01 {margin-top:0;}
.farebox02 .num_inp .edge {margin:10px 0;}
.farebox02 .num_inp .manually {margin:0;}
#tab3 .fare_contents .farebox02 .num_inp .manually .choice {padding:0; margin:0;}

.farebox02 .num_inp .manually label {font-size:15px; line-height:18px; font-weight:700;}
.farebox02 .num_inp .manually input[type="text"] {margin-left:0; width:200px; height:36px; font-size:14px;}
.farebox02 .num_inp .manually input[type="text"]::placeholder {font-size:14px;}

.b2c_inquiry, .b2c_tr {margin-bottom:6px !important;}

.b2c_farebox {padding:20px; height:146px;}
.b2c_farebox .num_inp .edge {margin:0;}
.b2c_farebox .num_inp .edge > div {background:#fff; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.b2c_farebox .num_inp .edge input {height:60px; box-shadow:none;}
.b2c_farebox .num_inp .edge > div p {padding:5px 0 4px 0; font-size:14px; line-height:16px; font-weight:500; text-align:center;}
.b2c_farebox .stats {margin-top:19px; font-size:17px; line-height:22px; font-weight:600; text-align:center;}

#tab3 .fare_contents .choice {margin:15px 0; padding:15px 20px 14px 20px;}
#tab3 .fare_contents .choice .texttop {display:flex; align-items:center; justify-content:center; margin-bottom:11px; line-height:20px;}
#tab3 .fare_contents .choice .texttop span {margin-left:6px; display:block; width:20px; height:20px; background:url(../images/btn_icon31.png) no-repeat center; background-size:20px; cursor:pointer;}

#tab3 .fare_contents .b2c_choice {padding:7px 10px; display:flex; align-items:center; justify-content:space-between;}
#tab3 .fare_contents .b2c_choice label.art {margin:0; width:auto;}
#tab3 .fare_contents .b2c_choice label.art span {width:auto;}
#tab3 .fare_contents .b2c_choice .amtBox {display:flex; align-items:center;}
#tab3 .fare_contents .b2c_choice .amtBox .more {margin-left:6px; display:block; width:20px; height:20px; background:url(../images/btn_icon31.png) no-repeat center; background-size:20px; cursor:pointer;}

#tab3 .fare_contents .b2c_choice label.art input[type="checkbox"] + *:before {margin-right:8px;}

#tab3 .fare_contents .b2c_choice .manually {margin:0;}
#tab3 .fare_contents .b2c_choice .manually .choice {margin:0; padding:0;}
#tab3 .fare_contents .b2c_choice .manually label {font-size:15px; line-height:18px; font-weight:700;}
#tab3 .fare_contents .b2c_choice .manually input[type="text"] {margin-left:5px; width:142px; height:36px; font-size:14px;}
#tab3 .fare_contents .b2c_choice .manually input[type="text"]::placeholder {font-size:14px;}

/* #tab3 .d_choice {margin:0 10px; padding:0; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
#tab3 .d_choice p {margin:0; padding:0 50px 0 11px; font-size:14px; line-height:16px; font-weight:500; color:#9b9b9b;}
#tab3 .d_choice .con_box {width:calc(100% - 144px); border:none; border-radius:0; box-shadow:none;}
#tab3 .d_choice .con_box > input {border:none;} */

#tab3 .d_choice {margin:0 10px; padding:5px 6px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #dedede; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
#tab3 .d_choice .title {display:flex; align-items:center;}
#tab3 .d_choice .title h2 {padding-left:5px; display:flex; align-items:center; font-size:15px; line-height:18px; font-weight:500;}
#tab3 .d_choice .title h2 .tooltip {margin-left:4px; display:block; width:20px; height:20px; background:url(../images/btn_icon31.png) no-repeat center; background-size:20px; cursor:pointer;}
#tab3 .d_choice .title h2 .tooltip .tooltiptext {max-width:250px; text-align:left;}

#tab3 .d_choice .title .con_box {margin:0 8px; width:90px; border-radius:0; border:none; box-shadow:none;}
#tab3 .d_choice .title .con_box > input {padding:0; margin:0; width:100%; height:20px; font-size:15px; line-height:18px; font-weight:700; border-radius:0; border:none;}
#tab3 .d_choice .title .con_box > a.close {width:20px; height:20px;}

#tab3 .d_choice .btn_box {display:flex; align-items:center;}
#tab3 .d_choice .btn_box button {width:96px; height:34px; font-size:14px; font-weight:700; border-radius:6px; border:1px solid #dedede; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); transition:all .4s;}
#tab3 .d_choice .btn_box button + button {margin-left:4px;}
#tab3 .d_choice .btn_box button:hover {border:1px solid #da002a; color:#da002a;}

#tab3 .b2c_btn {margin-top:10px; height:60px;}

/* 고정 화물 관리 */
.fcm_conform .tr2 {margin:20px 0 10px 0;}
.fcm_conform .freight_content .selectBox {margin-top:20px;}
.fcm_conform2 .tr .edge > div:last-child {border-radius:5px; border-top:1px solid #dedede;}

.fcm_conform .freight_info {margin:10px 0 9px 0;}
.fcm_conform .fcm_finfo {margin:10px 0 14px 0;}
.fcm_conform .fcm_finfo textarea {height:266px;}

.fcm_conform .inquiry_btn {margin:10px 10px 20px; width:-webkit-fill-available; border:1px solid #da002a; background:#fff; color:#da002a;}
.fcm_conform .inquiry_btn:hover {background:#fce5e8;}

.fcm_conform .farebox {margin:0 0 13px 0; padding:9px 30px 20px;}
.fcm_conform .farebox .num_inp .text01 {margin-top:0; line-height:16px;}
.fcm_conform .farebox .num_inp .edge {margin:8px 0 0 0;}
.fcm_conform .farebox .num_inp .edge input {height:48px;}

.cooperative {margin-top:-6px;}
.cooperative .title {display:flex; align-items:center; justify-content:space-between;}
.cooperative .title p {font-size:16px; line-height:19px; font-weight:700;}
.cooperative .title button {display:flex; align-items:center; justify-content:center; width:92px; height:28px; font-size:14px; font-weight:700; border-radius:6px; background:#222; color:#fff; transition:all .4s;}
.cooperative .title button span {margin-right:10px; display:block; width:10px; height:10px; background:url(../images/fcm_icon01.png) no-repeat center; background-size:10px;}
.cooperative .title button:hover {background:#7d7d7d;}

.cooperative .firm .list {padding:8px 0; height:46px; overflow-y:auto; scrollbar-width:none;}
.cooperative .vehicle .list {padding:8px 0; overflow-y:auto; scrollbar-width:none;}
.cooperative01 .vehicle .list {height:102px;}
.cooperative02 .vehicle .list {height:199px;}
/* .cooperative .vehicle .list {padding:8px 0; height:199px; overflow-y:auto; scrollbar-width:none;} */

.cooperative div .list ul {padding:7px 10px 7px 20px; display:flex; align-items:center; border-radius:6px; background:#efefef;}
.cooperative div .list ul + ul {margin-top:5px;}
.cooperative div .list ul li {padding:0 4px; font-size:14px; line-height:16px;}
.cooperative div .list ul .text01 {width:100px; font-weight:800;}
.cooperative div .list ul .text02 {width:120px; font-weight:700; text-align:center;}
.cooperative div .list ul .text03 {width:180px; font-weight:500; text-align:center; color:#979797;}
.cooperative div .list ul .text04 {padding:0; width:20px; height:20px; border-radius:50%; background:url(../images/fcm_icon02.png) no-repeat center #7d7d7d; background-size:8px; cursor:pointer; transition:all .4s;}
.cooperative div .list ul .text04:hover {background:url(../images/fcm_icon02.png) no-repeat center #222; background-size:8px;}

.cooperative div .list ul li {position:relative;}
.cooperative div .list ul li .tooltip {position:static; display:-webkit-box; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
/* .cooperative div .list ul li .tooltip:hover .tooltiptext {visibility:visible;} */
.cooperative div .list ul li .tooltiptext {padding:5px 8px; visibility:hidden; position:absolute; top:auto; bottom:150%; left:50%; transform:translateX(-50%); max-width:190px; width:max-content; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:1;}
.cooperative div .list ul li .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
.cooperative div .list ul li .tooltiptext::after {top:100%; bottom:auto; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:#000 transparent transparent transparent;}

.cooperative div .list ul li .tooltiptext {top:150%; bottom:auto;}
.cooperative div .list ul li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;}

.cooperative .driver_list {padding:10px 0; height:285px;}
.cooperative .driver_list ul {display:flex; align-items:center; height:48px; border:1px solid #ebebeb;}
.cooperative .driver_list ul li {font-size:15px; line-height:18px; font-weight:500; text-align:center;}
.cooperative .driver_list ul .text01 {width:90px;}
.cooperative .driver_list ul .text02 {width:136px;}
.cooperative .driver_list ul .text03 {width:200px;}
.cooperative .driver_list ul .text04 {width:40px;}

.cooperative .driver_list .driver_info {height:235px; overflow-y:auto; scrollbar-width:none;}
.cooperative .driver_list .driver_info ul {height:49px; border-top:none;}
.cooperative .driver_list .driver_info ul li {font-weight:700;}

.fcmr_btn {margin-top:14px; height:50px;}

.f_cargoList {position:relative; padding:20px; min-height:320px;}
.f_cargoList .cargoList {position:absolute; bottom:20px; left:20px; padding:0; width:calc(100% - 40px); z-index:10; border-radius:10px; background:#efefef;}
.f_cargoList .more {position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:67px; height:20px; background:url(/resources/images/cargoUp_icon.png) no-repeat center; background-size:67px; z-index:2;}
.f_cargoList .more.on {background:url(/resources/images/cargoDown_icon.png) no-repeat center; background-size:67px;}

.f_cargoList .sum .search {margin-right:36px; width:280px;}
.f_cargoList .sum .con_box > a.search2 {top:-1px; right:-1px; width:40px; height:40px; background-size:40px auto;}
.f_cargoList .sum .con_box > a.search2:hover {background-size:40px auto;}

#fixedCargoList {height:202px; min-height:202px; overflow:auto; scrollbar-width:none; transition:all .4s;}
#fixedCargoList.on {height:590px;}
#fixedCargoList a:last-child .list_title {border-bottom:1px solid #e2e2e2;}

.cargoList .list_title .fcm_text01 {width:70px;}
.cargoList .list_title .fcm_text02 {width:239px;}
.cargoList .list_title .fcm_text03 {width:140px;}
.cargoList .list_title .fcm_text04 {width:340px;}

/* 화물등록 (고정 화물) */
.btnbox .fsCall_in {width:209px; background:#222; color:#fff;}
.btnbox .fsCall_in::before {background:url(../images/bt_icon01W.png) no-repeat center; background-size:20px;}
.btnbox .fsCall_in:hover {background:#7d7d7d;}

.cargoList .sum .fsc_btn {margin-left:17px;}

.fs_cargoList .list_title .fcm_text01 {width:90px;}
.fs_cargoList .list_title .fcm_text02 {width:250px;}
.fs_cargoList .list_title .fcm_text04 {width:360px;}

/* 결제관리 */
.pm_topcont {display:flex; align-items:center;}
.pm_topcont h2 {margin-right:10px; font-size:15px; line-height:18px; font-weight:700;}
.pm_topcont .pm_date {width:130px; background:#fff; box-shadow:none;}
.pm_topcont .pm_date > input {padding-right:30px; height:40px;}
.pm_topcont button {margin-left:5px; width:57px; height:40px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff; transition:all .4s;}

.pm_body .ltbox {border-radius:0;}
.pm_contents {padding:0 20px; height:70px; display:flex; align-items:center; justify-content:space-between; border-radius:10px 10px 0 0; border:1px solid #bebbbb; background:#e6e6e6;}
.pm_contents .selective .delete {margin:0 20px 0 0; width:60px; background:#000;}
.pm_contents .selective .delete:hover {opacity:.7;}
.pm_contents .selective p {display:flex; align-items:center; font-size:14px; line-height:18px; font-weight:500;}
.pm_contents .selective p::before {margin-right:5px; content:''; display:block; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) no-repeat; background-size:14px;}

.selective, .selective ul {display:flex; align-items:center;}
.selective ul:nth-child(1)::after {content:''; margin:0 30px; height:30px; border:1px solid #c9c9c9; border-width:0 0 0 1px;}
.selective ul li:nth-child(1) {margin-right:20px; font-size:16px; line-height:18px; font-weight:500;}
.selective ul li:nth-child(2) {font-size:32px; line-height:38px; font-weight:500;}
.selective ul li:nth-child(2) .font-red {margin-right:5px; font-weight:800; color:#da002a;}
.selective button {margin-left:40px; width:165px; height:46px; font-size:18px; font-weight:800; border-radius:6px; background:#da002a; color:#fff; transition:all .4s}

#pmlist {height:520px; border-radius:0 0 10px 10px; overflow-y:scroll;}
.paymanagebox {position:relative; margin-top:5px; height:520px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}
.pm_box {position:relative; margin-top:5px; height:610px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}
#pmlist .list_title li {font-weight:700;}
#pmlist::-webkit-scrollbar {width:6px;}
#pmlist::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
#pmlist::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:6px;}

.errorline {border:1px solid #da002a;}
.list_title .errortext {color:#da002a;}

.list_title .pm01 {max-width:60px;}
.list_title .pm02 {max-width:180px;}
.list_title .pm03 {max-width:100px;}
.list_title .pm04 {max-width:190px;}
.list_title .pm05 {max-width:120px;}
.list_title .pm06 {max-width:240px;}
.list_title .pm07 {max-width:80px;}

#pmlist .list_title li {position:relative;}
#pmlist .list_title li .tooltip {postiion:static; display:-webkit-box; text-align:left; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
/* #pmlist .list_title li .tooltip:hover .tooltiptext, #pmlist .list_title li .c_info:hover .tooltiptext {visibility:visible;} */
/* #pmlist .list_title .c_info .tooltiptext {width:300px;} */
/* #pmlist .list_title li .tooltiptext {padding:5px; visibility:hidden; position:absolute; top:auto; bottom:150%; left:50%; transform:translateX(-50%); width:180px; font-size:14px; line-height:16px; text-align:center; word-break:break-word; border-radius:6px; background:#000; color:#fff; z-index:1;}
#pmlist .list_title li .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:3px;}
#pmlist .list_title li .tooltiptext::after {top:100%; bottom:auto; left:50%; transform:translateX(-50%); margin-left:-5px; border-color:#000 transparent transparent transparent;}

#pmlist a:first-child .list_title li .tooltiptext {top:150%; bottom:auto;}
#pmlist a:first-child .list_title li .tooltiptext::after {top:auto; bottom:100%; border-color:transparent transparent #000 transparent;} */

.pm01 label.art {display:flex; cursor:pointer;}
.pm01 label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
.pm01 label.art span {display:flex; align-items:center; width:100%; font-size:15px; line-height:18px; font-weight:500;}
.pm01 label.art input[type="checkbox"] + *:before {content:""; margin-right:8px; width:20px; height:20px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.pm01 label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}

/* 포인트 충전 관리 */
.point_date, .point_topcontents, .point_topcontents ul {display:flex; align-items:center;}

.point_date .date_select {margin-right:10px;}
.point_date .date_select input[type=radio]+label {width:107px;}

.point_topcontents ul .ptext01 {margin-right:32px; font-size:14px; line-height:18px; font-weight:500;}
.point_topcontents ul .ptext02 {font-size:21px; line-height:25px; font-weight:800;}
.point_topcontents ul .ptext02 span {margin-right:5px; color:#da002a;}
.point_topcontents .btn_box {margin-left:49px;}
.point_topcontents .btn_box button {width:154px; height:40px; font-size:16px; font-weight:700; border-radius:6px; background:#efefef; transition:all .4s;}
.point_topcontents .btn_box button + button {margin-left:10px;}
.listtop2 .list_option select {width:180px;}

.list_title .pt01 {max-width:130px;}
.list_title .pt02 {max-width:289px;}
.list_title .pt03 {max-width:341px;}
.list_title .pt04 {max-width:380px;}
.list_title .pt04.minus {color:#da002a;}
.list_title .pt04.plus {color:#6b9f00;}

/* 등록된 환불 계좌 */
.account_contents {height:450px;}
.account_contents .a_box {padding:18px 15px; border-radius:6px; background:#f1f1f1;}
.account_contents .a_box p {display:flex; align-items:center; font-size:16px; line-hegiht: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;}

.account_contents .a_title {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
.account_contents .con_box {margin-bottom:20px;}
.account_contents .con_box input {height:60px;}
.account_contents .bank_box input {cursor:pointer;}
.account_contents .con_box > a.close, .account_contents .con_box > a.right {width:60px; height:60px;}

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

/* 운송통계 */
.stats_body {display:flex; align-items:center; width:100%;}
.stats_body + .stats_body {margin-top:15px;}
.stats_body .statsBox {width:100%; height:360px; border-radius:10px; border:1px solid #ebebeb; background:#fff; overflow:hidden;}
.stats_body .statsBox + .statsBox {margin-left:16px;}
.stats_body .statsBox h2 {padding:0 30px; height:59px; font-size:20px; line-height:60px; font-weight:700; border-bottom:1px solid #ebebeb;}
.stats_body .statsBox .stats_contents {width:100%; height:calc(100% - 60px);}

/* hover */
.register_btn:hover, .pm_btn button:hover, .join_agree .btnbox button:hover, .tabs li.current:hover, .lcbox .list_title .lt09 .lt_b01:hover, 
.cd_titlebtn .lt_b01:hover, .d_top button:hover, .oi_contents .btn01:hover,.nm_btn .btn01:hover, .informbox .paybox div .bgr:hover, 
.group_topcontents .gbtn:hover, .popup_edge .btn button:hover, .selective button:hover, .card_btnbox button:hover, .cargoList .ltbox .db_top .sum button:hover {background:#a40020;}

.inform .pay_top button:hover, .list_option button:hover, .lcbox .list_title .lt09 .lt_b02:hover, .cd_titlebtn .lt_b02:hover, 
.calendarcontents button:hover, .top_con button:hover, .cargoinform:hover .list_title .d_lt04 .smbtn, .pm_topcont button:hover,
.popup_edge .btn .btn01:hover {background:#3e3e3e;}

.cd_titlebtn .lt_b03:hover {background:#c1c1c1;}
.cargoinform:hover .list_title .d_lt04 .smbtn {color:#fff;}
.btnbox button:hover, .ic_body .icbox:hover .ic_text04 span, .db_bottombox .db_btnbox button:hover, .file_upload label:hover, .point_topcontents .btn_box button:hover, .top_payment button:hover {background:#dbdbdb;}
.ic_body .icbox:hover .ic_text04 span.btn02 {background:#000;}
.guide:hover {background:#fce5e8;}
.date_select input[type=radio]+label:hover {border:1px solid #da002a}
.ton_radiobox input[type=radio]:hover + label, .qna_btn .tabs li:hover {border:1px solid #da002a; color:#da002a;}
.freight_info .tit a:hover {background:url(../images/btn_ico_10_h.png) left center no-repeat; background-size:19px;}
.inquiry_btn:hover {background:#e5dace;}
.farebox .num_inp .edge button.m:hover {background:url(../images/btn_ico_20r.png) center no-repeat; background-size:33px;}
.farebox .num_inp .edge button.p:hover {background:url(../images/btn_ico_21r.png) center no-repeat; background-size:33px;}
.choice label.art input[type="checkbox"]:hover + *:before, .choicebox label.art input[type="checkbox"]:hover + *:before, .pm01 label.art input[type="checkbox"]:hover + *:before  {content:""; border:1px solid #da002a;}
.popup_edge .head button:hover, .popup_edge2 .head button:hover, .cd_titlebtn .list_btn:hover, .nm_btn .btn02:hover, .titlebox .download_btn:hover {opacity:0.7;}
.popup_edge .btn button:disabled:hover, #wd_popup .btn button:hover {opacity:1;}
.intend_content li label input[type="radio"]:hover + em {border:1px solid #1a1a1a; color:#000;}
.account_popup .accountbox .account_text button:hover {background:url(../images/btn_ico_25r.png) center no-repeat; background-size:16px;}
.account_popup .document .tabs li label input[type="radio"]:hover, .cargoinformbox .inform_bottom .cargocopy input[type="radio"]:hover {border:1px solid #da002a;}
.cargoinform:hover, .ic_body .icbox:hover, .faq_listbox .faqbox:hover {background:#f5f5f5;}
/* .list_title .d_lt04 .md_delete:hover {background:url(../images/mg_icon01h.png) center no-repeat; background-size:30px;} */
.body_contents .db_top li:nth-child(2) button:hover {background:url(../images/refresh_h.png) center no-repeat; background-size:23px;}
.fare_contents .choice a:hover {color:#da002a;}
.fare_contents .choice a:hover:after {background:url(../images/btn_icon011r.png) center no-repeat; background-size:4px;}
.body_contents .db_top .more a:hover {text-decoration:underline;}
.wrap button:disabled:hover, .join_agree .btnbox button:disabled:hover {background:#e8e8e8; color:#cbcbcb;}

/* disabled */
.wrap button:disabled, .join_agree .btnbox button:disabled {background:#e8e8e8 !important; color:#cbcbcb !important;}
.agree_edge button:disabled {background:#c2c2c2 !important;}
.popup_edge .btn button:disabled {background:#cbcbcb !important;}
.ai_body .con_box > input[readonly] {background:#e3e3e3;}
.ai_body .con_box > input[readonly]:focus {border:1px solid #dedede;}

/* 팝업 */
.popup_edge {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99998;}
.popup_edge > .edge {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:8px; background:#efefef; z-index:2; overflow:hidden; transition:all .5s ease-in-out; box-sizing:border-box;}
.popup_edge .head {height:40px; padding:0 20px; display:flex; align-items:center; background:#fff;}
.popup_edge .head h2, .popup_edge2 .head h2 {width:100%; font-size:15px;}
.popup_edge .head button {width:24px; height:24px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:20px;}
.popup_edge .btn {display:flex; flex-wrap:wrap; padding:0 20px 20px 20px;}
.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; transition:all .4s;}
.popup_edge .btn button + button {margin-left:4px;}
.popup_edge .btn .btn01 {background:#7d7d7d;}

.cancel_edge {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99999;;}
.cancel_edge .edge {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); 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 { text-align:center; color:#000; 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:400; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:6px;}
.cancel_edge .edge .btn button.b02 {background:#7d7d7d; font-weight:400; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:6px;}

/* 취소/환불규정 */
#cancel_pop2 {z-index:999999;}
#cancel_pop2 .edge {width:100%; max-width:400px; margin:0 20px;}
#cancel_pop2 .btn button {height:40px;}
#cancel_pop2 .edge .tit {background:#fff; line-height:40px; padding-left:20px; color:#000; font-size:15px; font-weight:700;}
.popup_edge .edge .cancel_body {padding:20px;}
.popup_edge .cancel_body .cancel_title {font-size:15px; line-height:18px; font-weight:700;}
.popup_edge .cancel_body table {margin:10px 0; width:100%; border-collapse:collapse; border:1px solid #efefef; background:#fff;}
.popup_edge .cancel_body th, .popup_edge .cancel_body td {height:40px; font-size:15px; line-height:20px; font-weight:500;}
/* .popup_edge .cancel_body th {width:79px;} */
.popup_edge .cancel_body td {padding-left:12px;}
.popup_edge .cancel_body tfoot td {padding:10px 20px; font-size:13px; line-height:15px; font-weight:400;}
.popup_edge .cancel_body tfoot td span {display:block; margin-bottom:8px; font-size:15px; line-height:18px; font-weight:700;}

/* 알림 popup */
/*.message_edge {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99999;;}
.message_edge .edge {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); 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 { text-align:center; color:#000; 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:400; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:6px;}
.message_edge .edge .btn button.b02 {background:#7d7d7d; font-weight:400; color:#fff; height:40px; text-align:center; font-size:14px; border-radius:6px;} */
.message_edge {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
.message_edge:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1;}
.message_edge .edge {background:#efefef; z-index:2; border-radius:10px; overflow:hidden; width:100%; max-width: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:99998;}
.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;}


/*  */
#add_pop > .edge {background:#fff;}

.add_box {width:460px; height:340px; padding:20px;}
.add_box .con_box {position:relative; background:#fff; margin-bottom:10px;}
.add_box .con_box > a.close {display:none;}
.add_box .con_box > input {padding-left:40px; height:48px;}
.add_box .add_text > input {padding:0 15px; height:48px; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.inputbox > input {height:48px; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}

.add_box .ex_box {margin-top:11px; height:calc(100% - 59px); overflow-y:auto; scrollbar-width:none;}
.add_box .ex_box div {display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #eee; cursor:pointer;}
.add_box .ex_box div p {position:relative; padding-left:24px; width:calc(100% - 54px); font-size:16px; line-height:24px; font-weight:500;}
.add_box .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;}
.add_box .ex_box div p span {display:block; font-size:14px; font-weight:400;}
.add_box .ex_box div .delete {width:23px; height:23px; background:url(../images/cargo_icon03.png) no-repeat center; background-size:23px;}

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

.add_box2 {width:460px; height:369px; padding:20px;}
.add_box2 .con_box {background:#fff;}
.add_box2 .con_box > input {padding-left:40px; height:48px;}
.add_box2 .add_text > input {padding:0 15px; height:48px; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.add_box2 .ex_box {margin-top:11px; height:calc(100% - 61px); overflow-y:auto; scrollbar-width:none;}
.add_box2 .ex_box div {display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #eee; cursor:pointer;}
.add_box2 .ex_box div p {position:relative; padding-left:24px; width:calc(100% - 54px); font-size:16px; line-height:24px; font-weight:500;}
.add_box2 .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;}
.add_box2 .ex_box div p span {display:block; font-size:14px; font-weight:400;}
.add_box2 .ex_box div .delete {width:23px; height:23px; background:url(../images/cargo_icon03.png) no-repeat center; background-size:23px;}

.add_box2 .detailContents {display:none; margin-top:10px;}
.add_box2 .detailContents .inputbox {display:flex; align-items:center;}
.add_box2 .detailContents .inputbox input {width:calc(100% - 100px); height:50px; border-radius:6px;}
.add_box2 .detailContents .inputbox select {margin-left:8px; width:92px; height:48px; font-size:16px; border-radius:6px; border:1px solid #dedede; background:url(../images/select_icon.png) calc(100% - 15px) center no-repeat #fff;}

.add_box2 .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);}
.add_box2 .detailContents .delete_box h2 {margin-bottom:15px; font-size:14px; line-height:16px; font-weight:700; color:#da002a;}
.add_box2 .detailContents .delete_box ul + h2 {margin:35px 0 15px;}
.add_box2 .detailContents .delete_box .el {display:flex; align-items:center;}
.add_box2 .detailContents .delete_box .optionbox label + label {margin-top:15px;}

.add_box2 .detailContents .delete_box .el li + li {margin-left:66px;}
.add_box2 .detailContents .delete_box .el li {display:flex; align-items:center; cursor:pointer;}
.add_box2 .detailContents .delete_box .el li label {margin-left:8px; font-size:14px; line-height:16px; cursor:pointer;}
.add_box2 .detailContents .delete_box .el li input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .4s; cursor:pointer;}
.add_box2 .detailContents .delete_box .el li input[type="radio"]:hover {border:1px solid #da002a;}
.add_box2 .detailContents .delete_box .el li input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

.add_box2 .detailContents .delete_box .optionbox li + li {margin-top:15px;}
.add_box2 .detailContents .delete_box .optionbox li {display:flex; align-items:center; cursor:pointer;}
.add_box2 .detailContents .delete_box .optionbox li label {margin-left:8px; font-size:14px; line-height:16px; cursor:pointer;}
.add_box2 .detailContents .delete_box .optionbox li input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .4s; cursor:pointer;}
.add_box2 .detailContents .delete_box .optionbox li input[type="radio"]:hover {border:1px solid #da002a;}
.add_box2 .detailContents .delete_box .optionbox li input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

/* 등록내역 불러오기 popup */
#callin_pop .edge, #bookmark_pop .edge {max-width:500px; width:100%;}
.guidebox {padding:12px 20px; display:flex; align-items:flex-start; border-top:1px solid #ebebeb; background:#fff;}
.guidebox img {width:14px; margin:2px 6px 2px 0;}
.guidebox li {font-size:13px; line-height:18px; font-weight:500;}

#callin_pop .searchBox, #bookmark_pop .searchBox {margin:12px 0 8px 0; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
#callin_pop .searchBox > p, #bookmark_pop .searchBox > p {font-size:14px; line-height:16px; font-weight:500;}
#callin_pop .searchBox > div, #bookmark_pop .searchBox > div {display:flex; align-items:center;}
#callin_pop .searchBox > div .search, #bookmark_pop .searchBox > div .search {width:250px;}
#callin_pop .searchBox > div button, #bookmark_pop .searchBox > div button {margin-left:10px; width:101px; height:40px; font-size:14px; font-weight:700; border-radius:6px; background:#222; color:#fff; transition:all .4s;}
#callin_pop .searchBox > div button:hover, #bookmark_pop .searchBox > div button:hover {background:#7d7d7d;}

.callin_list {position:relative; height:565px; overflow-y:scroll;}
#cargoinformlist2 {position:relative; height:565px; overflow-y:scroll;}
.callin_list::-webkit-scrollbar, #cargoinformlist2::-webkit-scrollbar {width:6px;}
.callin_list::-webkit-scrollbar-track, #cargoinformlist2::-webkit-scrollbar-track {background:#efefef;}
.callin_list::-webkit-scrollbar-thumb, #cargoinformlist2::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

.cargoinformbox {background:#fff; padding:10px 20px; margin-top:5px;}
.cargoinformbox .inform_top, .cargoinformbox .inform_bottom {display:flex; align-items:center; justify-content:space-between;}
.cargoinformbox .inform_top li, .cargoinformbox .inform_top .informTop_r p {font-size:14px; line-height:18px; font-weight:700;}
.cargoinformbox .inform_top .informTop_r {display:flex; align-items:center;}
.cargoinformbox .inform_top .informTop_r .cargodate span {color:#7d7d7d; margin-right:3px;}
.cargoinformbox .inform_top .informTop_r .delete {margin-left:14px; width:12px; height:12px; background:url(../images/bookmark_delete.png) no-repeat center; background-size:12px;}
.cargoinformbox 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 {width:50%; font-size:14px; line-height:18px; font-weight:500;}
.cargoinformbox .inform_bottom .cargocopy {display:flex; justify-content:flex-end; cursor:pointer;}
.cargoinformbox .inform_bottom .cargocopy label {margin-right:10px; font-size:14px; line-height:16px; font-weight:700; color:#e71c3a; cursor:pointer;}
.cargoinformbox .inform_bottom .cargocopy input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .4s; cursor:pointer;}
.cargoinformbox .inform_bottom .cargocopy input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

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

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

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

/* 신청현황 날짜 popup */
.popup_edge2 {display:none; position:absolute; top:40px; background:#fff; z-index:99999; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius:8px; overflow:hidden;}
#date_pop2, #date_pop3 {left:0;}
#date_pop4, #date_pop5 {right:0;}
#notifi_pop {top:62px; right:0;}
.popup_edge2 .head {height:20px; padding:10px; display:flex; align-items:center; justify-content:flex-end; background:#fff;}
.popup_edge2 .head button {width:24px; height:24px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:20px;}
#date_pop2 .head {justify-content:flex-end;}
#date_pop2 .picker_edge .datepicker {padding:0 20px;}
.popup_edge2 .picker_edge {padding:10px 0 10px 0;}
.popup_edge2 .picker_edge .datepicker:after {content:''; border:none;}
.popup_edge2 .picker_edge .datepicker {padding:0 20px;}

.picker_edge .datepicker2 {padding:0 20px !important;}
.picker_edge .datepicker2:after {border:none !important;}

/* 일시 popup */
#date_pop > .edge {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; border-radius:8px; background:#fff; z-index:2; overflow:hidden; transition:all .5s ease-in-out; box-sizing:border-box;}
#date_pop .head {margin-bottom:10px; text-align:right; position:relative; margin:-10px; height:auto; background:transparent; padding:0; justify-content:flex-end;}
#date_pop .head button {width:24px; height:24px; background:url(../images/nav_ico_02.png) center no-repeat; background-size:20px;}
#date_pop .btn {padding:0;}

/* 날짜 */
.view {margin:0 -20px; padding-bottom:15px; display:flex; justify-content:center; border-bottom:7px solid #f1f1f1;}
.view > div {font-size:18px; line-height:21px; font-weight:800; color:#000;}
.view > #view_time {margin-left:16px;}
.picker_edge {display:flex; justify-content:center; padding:20px 0 30px 0;}
.picker_edge .datepicker {width:320px; padding:0 30px 0 10px; position:relative;}
.picker_edge .datepicker:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); height:279px; border:1px solid #070707; border-width:0 0 0 1px; opacity:0.16;}
.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:21px;}
.picker_edge .datepicker .ui-datepicker-header a {position:absolute; width:20px; height:20px;}
.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 {width:320px;}
.picker_edge .datepicker table.ui-datepicker-calendar thead tr th span {display:inline-block; width:40px; line-height:40px; font-size:16px; font-weight:500;}
.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 tr {text-align:center;}
.picker_edge .datepicker table.ui-datepicker-calendar tbody tr td a {display:inline-block; width:40px; line-height:40px; font-weight:500; position:relative; box-sizing:border-box; font-size:16px;}
.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:#da002a; 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 {width:180px; margin-left:20px;}
.picker_edge .picker .ton_radiobox {margin:0;}
.picker_edge .picker .ton_radiobox input[type=radio] + label {height:48px; line-height:50px;}
.selectBox2 * {box-sizing:border-box;}
.selectBox2 {position:relative; z-index:1; width:180px; height:50px; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); cursor:pointer; margin-top:10px;}
.selectBox2:before {content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:10px; height:5px; z-index:-1; background:url(/resources/images/down.png) center no-repeat; background-size:10px;}
.selectBox2 .label {display:flex; align-items:center; width:inherit; height:inherit; border:0 none; outline:0 none; padding-left:20px; background:transparent; font-size:18px; font-weight:700; cursor:pointer;}
.selectBox2 .optionList {position:absolute; top:51px; left:0; width:100%; background:#fff; color:#000; padding:0; border-radius:6px; overflow:hidden; height:0; transition:all .3s;}
.selectBox2.atc {z-index:10;}
.selectBox2.atc .optionList {height:200px; overflow-y:scroll; background:#fff; border:1px solid #dedede;}
.selectBox2 .optionItem {height:50px; line-height:50px; padding-left:29px; transition:all .4s;}
.selectBox2 .optionItem:hover {background:#efefef;}
.selectBox2 .optionItem:last-child {border-bottom:0 none;}
.selectBox2 .optionList::-webkit-scrollbar {width:6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background:transparent;}
.selectBox2 .optionList::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background:#eeeeee;}

/* 고정 화물 일시 popup */
.dateTab {margin:24px 0 0 0; display:flex; align-items:center;}
.dateTab .tabTitle {width:100%; height:50px; font-size:18px; line-height:50px; font-weight:700; text-align:center; border:1px solid #dedede; background:#fff; color:#c7c7c7; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); cursor:pointer; transition:all .4s;}
.dateTab .tabTitle:first-child {border-radius:8px 0 0 8px;}
.dateTab .tabTitle:last-child {border-radius:0 8px 8px 0;}
.dateTab .tabTitle:hover {border:1px solid #da002a; color:#da002a;}
.dateTab .tabTitle.current {border:1px solid #da002a; background:#ffe3e9; color:#da002a;}

.dateContents {display:none; width:560px;}
.dateContents.current {display: inherit;}
.dateContents.tab01 {padding-top:40px; min-height:422px;}
.dateContents.tab02 {padding-top:20px; min-height:462px;}

.dateContents .tabs {display:flex; align-items:center; justify-content:center;}
.dateContents .tabs .tab {width:92px; height:32px; font-size:14px; font-weight:700; border-radius:6px; background:#c7c7c7; color:#fff; transition:all .4s;}
.dateContents .tabs .tab + .tab {margin-left:6px;}
.dateContents .tabs .tab:hover {background:#999;}
.dateContents .tabs .tab.show {background:#222;}

.repeatContents {display:none;}
.repeatContents.show {display:inherit;}

.repeatContents .repeatDate {margin-top:17px; display:flex; align-items:flex-start;}
.repeatContents .repeatDate li {font-size:15px; line-height:20px; font-weight:500;}
.repeatContents .repeatDate .title {margin:0; width:142px; text-decoration:none;}
.repeatContents .repeatDate .text {width:calc(100% - 142px);}

.repeatContents .view {padding:21px 0;}
.repeatContents.tab-1 .view {padding:5px 0;}

.repeatContents .title {margin:30px 0; font-size:30px; line-height:36px; font-weight:800; text-decoration:underline; text-align:center;}
.repeatContents hr {margin:30px 0; border:1px dashed #d9d9d9; border-width:1px 0 0 0;}

.repeatContents .picker2 {margin-top:20px; display:flex; align-items:center;}
.repeatContents .picker2 .ton_radiobox, .repeatContents .picker2 .selectBox2 {margin:0;}
.repeatContents .picker2 .ton_radiobox input[type=radio] + label {margin-right:6px; width:87px; height:50px; font-size:18px; line-height:50px;}
.repeatContents .picker2 .minutes {margin-left:6px;}

.repeatContents .weeks {margin-bottom:30px; display:flex; align-items:center; justify-content:center;}
.repeatContents .weeks label + label {margin-left:10px;}
.repeatContents .weeks label {display:flex;}
.repeatContents .weeks label span {display:block; width:38px; height:38px; font-size:20px; line-height:38px; font-weight:500; text-align:center; border-radius:50%; border:1px solid #c7c7c7; background:#fff; color:#c7c7c7; cursor:pointer; transition:all .4s;}
.repeatContents .weeks label input[type="checkbox"]:checked + span {border:1px solid #da002a; background:#da002a; color:#fff;}
.repeatContents .weeks label input[type="checkbox"]:hover + span {border:1px solid #da002a;}

.repeatContents .months {margin:0 auto;}

.limit_contents, .limit_contents .limit {display:flex; align-items:center;}
.limit_contents .limit h2 {margin-right:10px; font-size:16px; line-height:19px; font-weight:800;}
.limit_contents .limit p {margin-left:10px; font-size:16px; line-height:19px; font-weight:500;}
.limit_contents .limit .selectBox2 {margin:0; width:100px;}

.limit_contents .limit + .limit {margin-left:55px;}
.limit_contents .limit .date02 {width:150px;}

.limit_contents .limit .selectBox2 .optionList {top:0;}
.limit_contents .limit .selectBox2.atc .optionList {top:-201px;}

.limit_contents .limit .con_box > input {padding-right:30px; height:50px; cursor:pointer;}
.limit_contents .limit .con_box > a.calendar {top:0; height:50px;}

.limit_contents .limit .popup_edge2 {top:-354px; right:0;}
#date_pop .limit_contents .limit .popup_edge2 .head {margin:0; padding:10px;}

/* 협력업체 지정, 차량 배정 popup */
.popup_edge .findContents .titleBox h3 {margin:10px 0; font-size:20px; line-height:24px; font-weight:800;}
.popup_edge .findContents .titleBox p {font-size:14px; line-height:16px; font-weight:500;}

.popup_edge .findContents .findBox {margin:30px 0 20px 0; display:flex; align-items:center;}
.popup_edge .findContents .findBox .con_box {width:calc(100% - 90px); background:#fff;}
.popup_edge .findContents .findBox .con_box > input {padding-right:10px; height:48px;}
.popup_edge .findContents .findBox button {margin-left:10px; width:80px; height:48px; font-size:15px; font-weight:700; border-radius:6px; background:#7d7d7d; color:#fff;}

#firm_pop .findContents .friendList {height:208px; overflow-y:auto; scrollbar-width:none;}
#vehicle_pop .findContents .friendList {height:170px; overflow-y:auto; scrollbar-width:none;}

.popup_edge .findContents .friendList .mismatch {display:none;}
.popup_edge .findContents .friendList .mismatch li {font-size:14px; line-height:17px; font-weight:500; color:#979797;}
.popup_edge .findContents .friendList .mismatch .font-red {color:#da002a; padding-bottom:10px;}

.popup_edge .findContents .friendList .infromBox {padding:11px 20px 11px 15px; display:flex; align-items:center; justify-content:space-between; border-radius:6px; border:1px solid #fff; background:#fff; transition:all .4s; cursor:pointer;}
.popup_edge .findContents .friendList .infromBox + .infromBox {margin-top:5px;}
.popup_edge .findContents .friendList .infromBox:hover {border:1px solid #da002a;}
.popup_edge .findContents .friendList .infromBox.on {border:1px solid #da002a; background:#fce5e8;}
.popup_edge .findContents .friendList .infromBox  .name {font-size:14px; line-height:16px; font-weight:800;}
.popup_edge .findContents .friendList .infromBox ul li {font-size:14px; line-height:16px; text-align:right;}
.popup_edge .findContents .friendList .infromBox ul .text01 {font-weight:700;}
.popup_edge .findContents .friendList .infromBox ul .text02 {margin-top:2px; font-weight:500; color:#979797;}

#firm_pop .btn button, #vehicle_pop .btn button {height:40px; font-size:14px;}

/* 차량 배정 popup */
.popup_edge .findContents .selectedVehicle {margin-top:15px; display:flex; flex-wrap:wrap; align-items:center;}
.popup_edge .findContents .selectedVehicle button {position:relative; margin-top:5px; padding-right:24px; width:91px; height:26px; font-size:14px; font-weight:500; border-radius:13px; background:#000; color:#fff;}
.popup_edge .findContents .selectedVehicle button .s_delete {position:absolute; top:0; right:10px; width:10px; height:26px; background:url(../images/nav_ico_02_w.png) no-repeat center; background-size:10px;}
.popup_edge .findContents .selectedVehicle button + button {margin-left:5px;}

#vehicle_pop .findContents .findBox {margin:20px 0;}

/* 저장된 고정 화물 목록 popup */
.fscContents .guidebox {padding:12px 20px; border-top:1px solid #ebebeb; background:#fff;}
.fscContents .guidebox li {display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:500;}
.fscContents .guidebox li span {margin-right:6px; width:14px; height:14px; background:url(../images/btn_ico_23_r.png) no-repeat center; background-size:14px;}

.fscContents .searchBox {margin-top:9px; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
.fscContents .searchBox > p {font-size:14px; line-height:16px; font-weight:500;}
.fscContents .searchBox > div {display:flex; align-items:center;}
.fscContents .searchBox > div .search {width:250px;}
.fscContents .searchBox > div button {margin-left:10px; width:101px; height:40px; font-size:14px; font-weight:700; border-radius:6px; background:#222; color:#fff; transition:all .4s;}
.fscContents .searchBox > div button:hover {background:#7d7d7d;}

.fscContents .callin_list {height:436px;}
.fscContents .cargoinformbox {margin-top:10px;}
.fscContents .cargoinformbox .inform_top li {font-size:16px;}
.fscContents .cargoinformbox .dashed {margin:10px -20px 8px -20px;}

/* 기사 지정 popup */
.driver_edge {/* min-height:326px; */ width:420px; padding:0 20px;}
.driver_edge .tit {margin-bottom:20px;}
.driver_edge .tit h3 {padding:40px 0 28px 0; font-size:20px; line-height:24px; font-weight:800; color:#000;}
.driver_edge .tit p {font-size:14px; line-height:18px; font-weight:500; color:#000;}
.driver_edge > p {width:150px; line-height:26px; border-radius:26px; font-size:14px; color:#fff; background:#000; text-align:center; margin:0 auto 10px auto;}
.driver_edge #friendList {height:140px; overflow-y:auto; scrollbar-width:none;}
.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; background:#fff;}
.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 0; 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;}

#driver_pop .waiting {margin:10px 20px 20px 20px;}
.waiting {padding:17px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#fff;}
.waiting h2 {font-size:16px; line-height:19px; font-weight:700;}
.waiting .selectBox * {box-sizing:border-box;}
.waiting .selectBox {margin-left:8px; position:relative; width:110px; height:46px; border-radius:6px; border:1px solid #dedede; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06); cursor:pointer; z-index:1;}
.waiting .selectBox:before {content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:10px; height:5px; background:url(/resources/images/down.png) center no-repeat; background-size:10px; z-index:0;}
.waiting .selectBox .label {padding-left:16px; display:flex; align-items:center; width:inherit; height:inherit; font-size:16px; font-weight:500; border-radius:6px; background:#fff; color:#000; cursor:pointer;}
.waiting .selectBox .label:hover {background:#fff;}
.waiting .selectBox .optionList {position:absolute; top:47px; left:0; width:100%; background:#fff; color:#000; padding:0; border-radius:6px; overflow:hidden; height:0; transition:all .3s;}
.waiting .selectBox.atc {z-index:10;}
.waiting .selectBox.atc .optionList {height:116px; overflow-y:auto; background:#fff; border:1px solid #dedede;}
.waiting .selectBox .optionItem {padding-left:16px; height:46px; font-size:16px; line-height:46px; text-align:left; transition:all .4s;}
.waiting .selectBox .optionItem:hover {background:#efefef;}
.waiting .selectBox .optionItem:last-child {border-bottom:0 none;}
.waiting .selectBox .optionList::-webkit-scrollbar {width:6px;}
.waiting .selectBox .optionList::-webkit-scrollbar-track {background:transparent;}
.waiting .selectBox .optionList::-webkit-scrollbar-thumb {background:#eeeeee; border:1px solid #dedede; border-radius:45px;}
.waiting .selectBox .optionList::-webkit-scrollbar-thumb:hover {background:#eeeeee;}

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

/* 지정 차주 popup */
#appointDriver_pop .edge .body {padding:40px 20px 30px 20px;}
#appointDriver_pop .edge .body > h2 {font-size:18px; line-height:22px; font-weight:700;}
#appointDriver_pop .edge .body .waiting {margin:20px 0;}
#appointDriver_pop .edge .body p {font-size:15px; line-height:19px; font-weight:500;}

/* 기사 지정 알림 popup */
.message_edge .edge .body .d_choicetext {padding:40px; font-size:16px; line-height:19px; font-weight:400;}
.message_edge .edge .body .d_choicetext span {font-weight:700;}

/* 이미지 popup */
.img_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99990;}
.img_popup {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:1200px; width:auto; padding:10px; border-radius:5px; background:#fff;}
.img_popup div img {max-width:1000px; max-height:700px; width:100%; height:100%;}
.img_popup img {max-width:1000px; max-height:700px; 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:6px; font-size:16px; font-weight:800; text-align:center; color:#fff; background:#636363; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.img_popup .buttonbox button + button {margin-left:6px;}
.img_popup .buttonbox .delete_button {background:#da002a;}
.img_popup .buttonbox .delete_button img {width:14px; margin:0 5px 0 0;}

/*  */
.completepopup {max-width:659px; width:100%;}
.completepopup .addbox {margin-top:10px;}
.completepopup .addbox ul {display:flex; align-items:center; justify-content:space-between;}
.completepopup .addbox ul .imgbox {margin-right:0; width:213px; height:213px;}

/* 계좌 입금 정보 popup */
.account_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:99999;}
.account_popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; border-radius:5px; background:#efefef; overflow:hidden;}
.account_popup .ap_title {padding:0 20px; background:#fff; height:39px; border-bottom:1px solid #ebebeb;}
.account_popup .ap_title h2 {font-size:15px; line-height:40px; font-weight:700;}
.account_popup .ap_content {padding:20px; height:100%;}
.cp_accountpop .ap_content {height:537px;}
.account_popup .ap_content .font-red {font-size:14px; line-height:16px; font-weight:500; text-align:center; color:#da002a;}
.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:280px; background:#fff;}
.account_popup .ap_content .con_box > input {height:48px; border-radius:4px;}
.account_popup .accountbox {margin-top:10px;}
.account_popup .accountbox .account_text {margin-top:8px; padding:15px; display:flex; align-items:center; justify-content:space-between; font-size:16px; line-height:18px; font-weight:700; border-radius:4px; border:1px solid #dedede; background:#fff;}
.account_popup .accountbox .account_text button {padding:0; width:16px; height:16px; background:url(../images/btn_ico_25.png) center no-repeat; background-size:16px; transition:all .4s;}
.account_popup .document  {margin:10px 0 0; padding:15px 15px 20px 15px; background:#fff; border-radius:4px; border:1px solid #dedede;}
.account_popup .document .title {margin-bottom:5px; font-size:16px; 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; transition:all .4s;}
.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 {transition:all .4s; 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, .account_select input[type=radio]:hover + label {background-color:#ffe3e9; border:1px solid #da002a; color:#da002a;}
.account_popup .ap_btn {padding:0 20px 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_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;}

/* 가상계좌 정보 확인 */
.account_popup2 {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; border-radius:5px; background:#efefef; overflow:hidden;}
.account_popup2 .ap_title {padding:0 20px; background:#fff; height:39px; border-bottom:1px solid #ebebeb;}
.account_popup2 .ap_title h2 {font-size:15px; line-height:40px; font-weight:700;}
.account_popup2 .ap_content {padding:20px 20px;}
.account_popup2 .ap_content .font-red {font-size:14px; line-height:16px; font-weight:500; text-align:center; color:#da002a;}
.account_popup2 .ap_content .deposit {margin-top:20px; padding:20px; border-radius:6px; 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 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 */
.account_popup2 .top_debox {margin-top:10px; text-align:center;}
.account_popup2 .top_debox img {width:70px;}
.account_popup2 .top_debox .tde_text01 {margin:15px 0 10px 0; font-size:15px; line-height:18px; font-weight:700;}
.account_popup2 .top_debox .tde_text02 {font-size:13px; line-height:15px; font-weight:500;}
.account_popup2 .ap_content .deposit h2 {margin-bottom:20px; font-size:16px; line-height:19px; font-weight:700;}

/* 오류 시 popup */
.account_popup2 .top_debox2 {margin:20px 0 40px 0; text-align:center;}
.account_popup2 .top_debox2 img {width:70px;}
.account_popup2 .top_debox2 .tde_text01 {margin:20px 0 0 0; font-size:15px; line-height:18px; font-weight:700;}
.account_popup2 .top_debox2 .tde_text02 {margin:10px 0; font-size:13px; line-height:15px; font-weight:500;}
.account_popup2 .top_debox2 .tde_text03 {font-size:15px; line-height:18px; font-weight:500;}

/* 카드 결제 popup */
.card_popupwrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:999999;}
.card_popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; 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;}

/* 결제 정상 처리 popup */
/* .payment_completed {padding:30px 0 39px 0;} */
.payment_completed img {width:70px;}
.payment_completed .text01 {margin:20px 0 10px 0; font-size:15px; line-height:18px; font-weight:700;}
.payment_completed .text02 {font-size:13px; line-height:15px; font-weight:500;}

/* 결제 취소 popup */
#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 {display:flex; align-items:center;}
.cancel_box 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) {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) {color:#616161;}
.cancel_box .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 .re-register {font-size:13px; line-height:16px; font-weight:400;}
.cancel_body p span {font-weight:700; color:#da002a;}

/* 알림함 popup */
#notifi_pop .edge {width:448px;}
#notifi_pop .head {justify-content:space-between;}
#notifi_pop .body {background:#efefef;}
.notifi_type {padding:8px 10px; display:flex; align-items:center;}
.notifi_type button {margin-right:10px; width:80px; height:28px; font-size:15px; line-height:28px; font-weight:400; text-align:center; border-radius:12px; background:#fff; color:#000; transition:all .4s;}
.notifi_type button.on {background:#000; color:#fff; font-weight:700;}
.notifi_type button:last-child {margin-right:0;}

#notifi_list {padding:10px 11px; height:532px; overflow-y:scroll;}
#notifi_no_list img {width:64px;}
#notifi_no_list p {font-size:20px; line-height:24px; font-weight:700; margin-top:15px;}
.notifi_contents {height:552px;}
.notifi_contents .notifibox1 {position:relative; margin-bottom:10px; border-radius:6px; border:1px solid #dedede; background:#fff; transition:all .4s; cursor:pointer;}
.notifi_contents .notifibox1:last-child {margin-bottom:0;}
.notifi_contents .notifibox1 .notifibox {padding:20px; border-radius:6px;}
.notifibox .nbox_top, .notifibox .nbox_bottom {display:flex; align-items:center; justify-content:space-between;}
.notifibox .nbox_top li {display:flex; font-size:16px; line-height:18px; font-weight:700;}
.notifibox .nbox_top .new span {display:block; width:4px; height:4px; border-radius:50%; background:#da002a; margin-left:3px;}
.notifibox1 .notifi_delete {z-index:99999; position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(../images/close_icon001.png) center no-repeat; background-size:20px; transition:all .4s;}

.notifibox p {font-size:14px; line-height:18px; font-weight:500; margin:10px 0;}
.notifibox .nbox_bottom li {font-size:12px; line-height:14px; font-weight:500; color:#979797;}
.notifibox .nbox_bottom .details {display:flex; align-items:center; color:#000; transition:all .4s;}
.notifibox .nbox_bottom .details span {display:block; margin-left:8px; width:5px; height:10px; background:url(../images/btn_ico_06.png) center no-repeat; background-size:5px;}

.notifi_type button:hover {border:1px solid #000;}
.notifi_contents .notifibox1:hover {border:1px solid #da002a;}
.notifibox1 .notifi_delete:hover {background:url(../images/close_icon001h.png) center no-repeat; background-size:20px;}
.notifibox1:hover .nbox_bottom .details a {color:#da002a;}
.notifibox1:hover .nbox_bottom .details span {background:url(../images/btn_ico_01_r.png) center no-repeat; background-size:5px;}

#notifi_list::-webkit-scrollbar {width:6px;}
#notifi_list::-webkit-scrollbar-track {background:#efefef; border-radius:0 0 30px 0; margin:2px 0;}
#notifi_list::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

/* 내 기사 등록 popup */
#mydriver_pop .body {padding:20px; width:360px; height:426px;}
.dr_searchbox {display:flex; align-items:center;}
.dr_text h2 {margin:20px 0 8px 0; font-size:20px; line-height:24px; font-weight:800; color:#000;}
.dr_text .dr_guide {font-size:14px; line-height:18px; font-weight:500; color:#000;}
.dr_searchbox {margin:20px 0;}
.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; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.dr_searchbox .box01 {width:40%;}
.dr_searchbox .box02 {width:60%; margin:0 4px;}
.dr_searchbox button {width:57px; height:48px; font-size:15px; border-radius:6px; background:#7d7d7d; color:#fff;}

.mydriver .mismatch {display:none;}
.mydriver .mismatch li {font-size:14px; line-height:17px; font-weight:500; color:#979797;}
.mydriver .mismatch .font-red {color:#da002a; padding-bottom:10px;}

.mygisa_content {padding:13px 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; background:#fff; border-radius:6px;}
.mygisa_content .mg_informbox {display:flex; align-items:center;}
.mygisa_content .mg_informbox .bookmark_cb {margin:0 8px 0 0; width:20px;}
.mygisa_content .mg_informbox .bookmark_cb label{display:block; width:20px; height:20px; background:url(../images/my_icon_15.png) center top no-repeat; background-size:20px; cursor:pointer; transition:all .4s;}
.mygisa_content .mg_informbox .bookmark_cb input[type="checkbox"]:checked + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:20px;}
.mygisa_content .mg_informbox .bookmark_cb input[type="checkbox"]:hover + label {background:url(../images/my_icon_15_r.png) center top no-repeat; background-size:20px;}

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

/* 직원관리 popup */
#staff_pop .body {padding:30px 20px 40px; width:360px; height:198px;}
.staffbox h2 {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
.staffbox .con_box {margin-bottom:20px;background:#fff;}
.staffbox .con_box:last-child {margin-bottom:0;}
.staffbox .con_box > input {height:48px;}
.staffbox .error_text {margin-top:-12px; font-size:16px; line-height:20px; font-weight:500; color:#da002a;}
#staff_pop .btn button, #sm_pop .btn button {height:40px;}
/* #staff_pop .btn button + button, #sm_pop .btn button + button {margin-left:4px;} */
/* #staff_pop .btn .btn01, #sm_pop .btn .btn01 {background:#7d7d7d;} */

#staff_pop .body2 {padding:30px 20px 40px; width:360px; height:auto;}
.choicebox {padding:50px 20px; width:400px; display:flex; flex-direction:column; justify-content:center;}
.choicebox div {margin-bottom:10px; padding:0 30px; display:flex; align-items:center;}
.choicebox div:last-child {margin-bottom:0;}
.choicebox label {width:100%;}
.choicebox label.art {position:relative; display:flex; cursor:pointer;}
.choicebox label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
.choicebox label.art span {display:flex; align-items:center; width:100%; font-size:16px; line-height:20px; font-weight:700;}
.choicebox label.art input[type="checkbox"] + *:before {content:""; margin-right:8px; width:20px; height:20px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.choicebox label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}

.choicebox2 {padding:15px 20px; width:400px; display:flex; flex-direction:column; justify-content:center;}
.choicebox2 div {margin-bottom:10px; padding:0 30px; display:flex; align-items:center;}
.choicebox2 div:last-child {margin-bottom:0;}
.choicebox2 label {width:100%;}
.choicebox2 label.art {position:relative; display:flex; cursor:pointer;}
.choicebox2 label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
.choicebox2 label.art span {display:flex; align-items:center; width:100%; font-size:16px; line-height:20px; font-weight:700;}
.choicebox2 label.art input[type="checkbox"] + *:before {content:""; margin-right:8px; width:20px; height:20px; overflow:hidden; border:1px solid #dedede; background:#fff; border-radius:5px; transition:all .4s;}
.choicebox2 label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:20px;}

/* 협력업체 popup */
#firm_pop .body {padding:20px; width:360px; min-height:366px;}
#firm_pop .dr_searchbox {margin:30px 0 20px 0;}
#firm_pop .dr_searchbox .con_box {margin-right:10px; width:calc(100% - 90px);}
#firm_pop .dr_searchbox button {width:80px;}

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

.firm .firm_content {padding:13px 20px; border-bottom:1px solid #eee; background:#fff; border-radius:6px;}
.firm .firm_content > div {display:flex; align-items:center; justify-content:space-between;}
.firm .firm_content > div p {font-size:14px; line-height:16px; font-weight:700;}
.firm .firm_content > div ul {text-align:right;}
.firm .firm_content > div ul .mg_text01 {font-size:14px; line-height:16px; font-weight:500; color:#000;}
.firm .firm_content > div ul .mg_text02 { margin-top:2px; font-size:14px; line-height:16px; font-weight:500; color:#979797;}
.firm .firm_content p.font-red {display:none; margin:20px 0 7px 0; font-size:14px; line-height:16px; font-weight:500;}

/* 협력 차량 popup */
#vehicle_pop .body {padding:20px; width:360px; min-height:366px;}
#vehicle_pop .dr_searchbox {margin:30px 0 20px 0;}
#vehicle_pop .dr_searchbox .con_box {margin-right:10px; width:calc(100% - 90px);}
#vehicle_pop .dr_searchbox button {width:80px;}

/* 협력 차량 정보 popup */
#driverInform_pop > .edge {width:660px; background:#fff;}
#driverInform_pop .body {padding:20px 39px 40px; border-top:1px solid #ebebeb;}
.diBody table {width:100%; border-collapse:collapse; border:1px solid #dedede;}

.diBody .profile, .diBody .profile ul:nth-child(1) {display:flex; align-items:center;}
.diBody .profile {margin-bottom:20px;}
.diBody .profile ul {width:100%;}

.diBody .profile ul .pohto {width:100px; height:100px; border-radius:50%; background:url(../images/d_profileBg.png) no-repeat center; background-size:100px; overflow:hidden;}
.diBody .profile ul .pohto img {width:100%; height:100%; object-fit:cover;}
.diBody .profile ul .name {margin-left:20px; font-size:24px; line-height:29px; font-weight:700;}

.diBody .profile ul:nth-child(2) {padding-left:20px; border-left:1px solid #dedede;}
.diBody .profile ul:nth-child(2) li + li {margin-top:8px;}
.diBody .profile ul:nth-child(2) li {font-size:14px; line-height:16px; font-weight:500;}
.diBody .profile ul:nth-child(2) li span {margin-left:4px; font-weight:700;}

.diBody .driverInform th, .diBody .driverInform td {height:30px; font-size:14px; line-height:16px; font-weight:500; text-align:center;}
.diBody .driverInform th {width:130px; background:#f6f6f6;}
.diBody .driverInform td {width:160px;}

.diBody .completionList {margin-top:30px;}
.diBody .completionList ul {display:flex; align-items:center;}
.diBody .completionList ul li {position:relative;}
.diBody .completionList ul li::after {content:''; position:absolute; top:0; right:0; height:50px; border:1px solid #dedede; border-width:0 0 0 1px;}
.diBody .completionList ul.di_listTop li::after {height:30px;}
.diBody .completionList .text01 {width:90px;}
.diBody .completionList .text02 {width:80px;}
.diBody .completionList .text03 {width:150px;}
.diBody .completionList .text04 {width:64px; border-right:none;}

.diBody .completionList h2 {margin-bottom:10px; font-size:14px; line-height:16px; font-weight:700;}

.diBody .completionList .cl_contents {position:relative;}
.diBody .completionList li {padding:0 5px; display:flex; align-items:center; justify-content:center; font-size:13px; line-height:16px; font-weight:500; text-align:center;}

.diBody .completionList .di_listTop {background:#f6f6f6; border:1px solid #dedede; border-right:none;}
.diBody .completionList .di_listTop li {height:30px; font-weight:700;}

.driverCompletion {height:300px; overflow-y:auto; scrollbar-width:none;}
.driverCompletion ul {border:1px solid #dedede; border-top:none; border-right:none;}
.driverCompletion ul li {height:50px;}
.diBody .completionList .driverCompletion .text03 {text-align:left;}

/* 결제 관리 popup */
#pm_pop .body {padding:20px; width:400px;}
.payment_total {padding:20px; border-radius:6px; border:1px solid #dedede; background:#fff;}
.payment_total ul {display:flex; align-items:center;}
.payment_total ul:last-child {margin-top:10px;}
.payment_total ul li {width:100%; font-size:18px; line-height:21px;}
.payment_total ul .text01 {font-weight:500; color:#616161;}
.payment_total ul .text02 {font-weight:700; text-align:right;}
.payment_total ul .text02 span {margin-right:5px; color:#da002a;}

.payment_methodbox {padding-bottom:30px;}
.payment_methodbox .ap_show em {display:flex; align-items:center; justify-content:space-between;}
.payment_methodbox .ap_show em span {padding-right:10px; font-size:14px; line-height:16px; font-weight:500;}

.payment_methodbox li label input[type="radio"]:checked + em > span {color:#000;}

#pm_pop .btn p {margin-bottom:10px; width:100%; font-size:15px; line-height:18px; font-weight:500; text-align:center; color:#a9a9a9;}
#pm_pop .btn button {height:40px;}
#pm_pop .btn button + button {margin-left:6px;}

/* 포인트 충전 관리 popup */
.popup_edge .borderline {border-bottom:1px solid #ebebeb;}
#withdraw_pop .body, #account_pop .body, #bank_pop .body, #addmore_pointspop .body {width:400px; height:540px; background:#fff;}

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

.pointpop_body {padding:15px 20px 20px;}

.pointpop_body h2 {margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
.pointpop_body .con_box {margin-bottom:10px;}
.pointpop_body .con_box > input {height:48px;}

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

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

.bank_body {padding:30px;}
.point_conbox > input {padding-right:10px; text-align:right;}
.bank_body ul {margin-bottom:10px; display:flex; align-items:center;}
.bank_body ul:last-child {margin-bottom:0;}
.bank_body ul li {width:100%;}
.bank_body ul li img {margin-right:10px; width:32px;}
.bank_body .bankcopy label {margin-left:10px; font-size:16px; line-height:32px; font-weight:500; cursor:pointer;}
.bank_body .bankcopy input[type="radio"] {width:20px; height:20px; border-radius:50%; border:1px solid #ccc; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .4s; cursor:pointer;}
.bank_body .bankcopy input[type="radio"]:hover {border:1px solid #da002a;}
.bank_body .bankcopy input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}
.bank_body .bankcopy input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

#addmore_pointspop .pmtitle {padding:0 20px; margin-bottom:8px; font-size:16px; line-height:19px; font-weight:700;}
#addmore_pointspop .pmbox {height:auto;}
#addmore_pointspop .intend_content {margin-top:0; display:flex; align-items:center;}
#addmore_pointspop .intend_content li {width:100%; margin-bottom:0;}
#addmore_pointspop .intend_content li + li {margin-left:6px;}
#addmore_pointspop .intend_content li label input[type="radio"] + em {padding-left:44px; height:46px; font-size:14px; line-height:46px;}
#addmore_pointspop .intend_content li label input[type="radio"] + em:before {top:12px; width:24px; height:24px; left:10px; background-size:24px;}

#withdraw_pop .btn, #account_pop .btn, #bank_pop .btn, #addmore_pointspop .btn {background:#fff;}
#withdraw_pop .btn button, #account_pop .btn button, #bank_pop .btn button, #addmore_pointspop .btn button {height:40px; font-size:14px; font-weight:500;}
#withdraw_pop .btn button + button, #account_pop .btn button + button, #bank_pop .btn button + button, #addmore_pointspop .btn button + button {margin-left:6px;}

.ai_top button:hover {background:#ffbec6;}
.ai_body button:hover {background:#dbdbdb;}

/* 탈퇴 완료 popup */
.wd_contents {padding:26px 20px 30px 20px; width:380px; text-align:center;}
.wd_contents img {margin-bottom:24px; width:70px;}
.wd_contents h2 {font-size:15px; line-height:18px; font-weight:700;}
.wd_contents p {margin-top:10px; font-size:13px; line-height:16px; font-weight:500;}
#wd_popup .btn button {transition:all .4s;}

#in_detail .edge {background:#fff;}
#in_detail .head {justify-content:flex-end;}
#in_detail .edge .body {padding:0px 20px 30px 20px;}
.indetail_edge {text-align:center;}
.indetail_edge .font-red {color:#da002a;}
.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;}

@media all and (max-width:1860px) {
	.wrap {width:1860px; overflow-x:auto;}
}
@media all and (max-width:1750px) {
	.menu .logo a {width:160px; background-size:100px;}
	/* .menu .gnb > ul > li {width:135px;} */
}
@media all and (max-width:1620px) {
/* 	.menu .gnb > ul .home {width:58px;}
	.menu .gnb > ul .home a, .my_menu .my_menubox, .my_menu .notifi > a, .my_menu .more > a {width:60px;} */
	/* .menu .gnb > ul > li {width:140px;}
	.my_menu .point {margin-right:12px;}
	.my_menu .login p, .my_menu .login .logout {margin-right:10px;} */

	.con_form .tr .edge.col .tel {width:56%;}
	.con_form .tr .edge.col .name {width:44%;}

	.seek_edge div input {width:60px;}

	.fare_contents .choice .texttop {font-size:13px;}
	.choice label.art span {font-size:14px;}
	.fare_contents .choice .textbottom {font-size:10px;}

	.db_bottombox .btn_cs {padding:10px 30px;}
	.db_bottombox .db_btnbox button {width:170px;}

	.cp_top select {width:30%;}
}
@media all and (max-width:1620px) {
	.menu .logo a {width:160px; background-size:100px;}
	/* .menu .gnb > ul > li {width:130px;} */
	/* .menu .gnb > ul .home {width:58px;}
	.menu .gnb > ul .home a, .my_menu .my_menubox, .my_menu .notifi > a, .my_menu .more > a {width:60px;} */
	.my_menu .point {font-size:14px;}
}
@media all and (max-width:1440px) {
	.login_wrap, .premiumservice_wrap {max-width:1360px;}
	.login_youtube {max-width:1280px;}
	.login_wrap .promotion .promotion_imgbox img {width:275px;}
}
@media all and (max-width:840px) {
	.agree_detail {margin:0 20px;}
}
@media all and (max-width:600px) {
	.agree_contents {margin:0 20px;}
}