@charset "utf-8";

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

/* common */
* {font-family: Pretendard, 'Malgun Gothic', '맑은고딕', "굴림", gulim, helvetica, sans-serif; line-height:100%; letter-spacing:-0.5px; -webkit-tap-highlight-color:transparent; word-break:keep-all;}
html, body {padding:0; margin:0; height:100%; -webkit-text-size-adjust:none; font-size:16px;}
body {background:#f2f4f6; width:100%;}
.wrap {width:100%; height:100%;}
.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=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 {border:1px solid #d7d7d7; padding:6px; border:1px solid #c3c3c3;}
select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
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;}
table {word-wrap:break-word;}
.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;}
/*
label.art {position:relative; display:flex; cursor:pointer;}
label.art input[type="radio"], input[type="checkbox"] {opacity:0; width:0; height:0;}
label.art span{display:inline-block; line-height:24px; font-weight:500; font-size:14px; width:100%;}
label.art input[type="radio"] + * {margin-left:35px;}
label.art input[type="radio"] + *:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_01.png) center no-repeat; top:0; left:0; background-size:24px;}
label.art input[type="radio"]:checked + *:before {content:""; background:url(../images/input_01r.png) center no-repeat; background-size:24px;}
label.art input[type="checkbox"] + * {margin-left:35px;}
label.art input[type="checkbox"] + *:before {content:""; position:absolute; width:24px; height:24px; background:url(../images/input_02.png) center no-repeat; top:0; left:0; background-size:24px;}
label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:24px;}

table {border-collapse:collapse; border-spacing:0px; width:100%; table-layout:fixed;}
th, td {padding:0 0 0 0;}
th.center, td.center {text-align:center !important;}
th.left, td.left {text-align:left !important;}
th.right, td.right {text-align:right !important;} */
/* .over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.font-red {color:#da002a !important;}
.font-bold {font-weight:700;}
.bg_w {background:#fff;}
.body_wrap {padding:0 20px;}
.bg {background:#efefef;} */

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

/* 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.png) 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 > li {position:relative; width:180px; 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; width:24px; height:24px; margin-right:5px; 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 > 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-bottom:1px dashed #aaa; font-size:16px; line-height:20px; font-weight:500; transition:0.4s;}
.menu .gnb > ul > li > ul > li:last-child > a {border-bottom:none;}

.my_menu, .my_menu .login {display:flex; align-items:center;}
.my_menu div {border-left:1px solid #f0f0f0;}
.my_menu div:first-child {border-left:none;}
.my_menu .login p {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:2px; background:url(../images/nav_btn_03.png) center no-repeat; background-size:24px;}
.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;}
.my_menu .more a {width:70px; height:60px; display:block; background:url(../images/more_icon.png) center no-repeat; background-size:24px;}

.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 > .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;}
.my_menu .login .modify:hover {background:#efefef;}
.my_menu .login .logout:hover {background:#ffbec6;}

.menu .gnb > ul > li > ul > li > a:hover {background:#efefef;}

/* 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:40px; margin:0 auto; max-width:1660px; width: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:100%; /* width:calc(100% - 158px); */ 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 .text02 {margin-left:30px; font-size:15px; line-height:18px; font-weight:500; color:#616161;}
.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:38px; height:38px; border-radius:0 6px 6px 0; position:absolute; right:0; top:0; background:url(../images/Search_g.png) center no-repeat; background-size:38px auto; transition:all .4s;}
.con_box > a.search2:hover {background:url(../images/Search_b.png) center no-repeat; background-size:38px 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 {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.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;} */

.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:99;}
.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;}
#tab3 .con_form h1 {margin-bottom:30px;}
.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;}

/* 화물등록, 수정 페이지 퀵메뉴 */
.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 {position: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;}

/* 01 상차지 정보 입력 */
.con_form .tr2 {margin-top:15px;}
.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 .tr .edge.add_time > .addDetail {border-top:1px solid #fff}
.con_form .tr .edge.add_time > .addDetail input {height:27px;}

.con_form .map {margin:16px 10px 0 10px; position:relative; height:156px; 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;}

/* 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:59px; resize:none; margin-top:10px;}
.freight_info textarea::-webkit-scrollbar {width:10px; border-radius:6px; border:1px solid #dedede; background:#eee;}

.img_ts {margin-bottom:13px;}
.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; background:url(../images/select_icon.png) calc(100% - 15px) center no-repeat #fff;}
.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;}

/* 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:24px 0 0 0; padding: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 13px 0;}
.farebox .num_inp .text01 {margin-top:7px;}
.farebox .num_inp .edge div {position:relative;}
.farebox .num_inp .edge div img {position:absolute; top:6px; right:6px; width:19px; z-index:2;}
.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 {margin-top:20px; padding:20px; border-radius:6px; background:#f2f4f6;}
.fare_contents .choice .texttop {margin-bottom:12px; font-size:15px; 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 31px 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;}

/* 결제하기 */
.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:171px; 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:200px; height:100%; word-break:break-all; overflow-y:scroll;}
.informbox .addbox .informtext02 {max-height:200px; height:100%; word-break:break-all; overflow-y:scroll;}
.informbox .addbox .informtext::-webkit-scrollbar, .informbox .addbox .informtext02::-webkit-scrollbar {width:6px;}
.informbox .addbox .informtext::-webkit-scrollbar-track, .informbox .addbox .informtext02::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.informbox .addbox .informtext::-webkit-scrollbar-thumb, .informbox .addbox .informtext02::-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 .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;}
.informbox .paybox div .bgr:hover {background:#a40020;}

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

/* 본인인증 */
.agree_contents {max-width:560px; padding-bottom:50px; margin:0 auto; text-align:center;}
.agree_detail {max-width:800px;}
.agree_contents img {width:149px; margin:40px 0 30px 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;}

/* 아이디, 비밀번호 찾기 */
.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:space-between;}
.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 {font-size:14px; color:#222; line-height:10px; border-right:1px solid #dedede; padding:0 15px;}
.login_edge .link a:last-child {border:none;}
.login_edge .link a.hot {color:#da002a; font-weight:700;}
.login_edge > 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_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 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;}

/* 신청현황 */
.listtop, .list_option, .calendarcontents {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_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;}

/* 리스트 스크롤 */
#cargoinformlist, #md_list {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 {width:6px;}
#cargoinformlist::-webkit-scrollbar-track, #ci_list::-webkit-scrollbar-track, #md_list::-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 {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;}

.cargoinform {height:69px; border-bottom:1px solid #ebebeb; background:#fff; transition:all .4s;}
.ltbox .list_title li, .cargoinform .fw5 {font-weight:500;}
.lcbox .list_title li, .lcbox .list_title li span {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 .lt09 .mixedbox {margin:4px auto 0; padding:0 6px; display:flex; align-items:center; justify-content:center; max-width:90px; 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 {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 {width:100%; font-weight:700; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -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-left: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:226px;} */
.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 .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 {width:60px; height:60px; background:url(../images/imgphoto.png) center no-repeat #ebebeb; background-size:26px auto; border-radius:6px; margin-right:10px; cursor:pointer;}
.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%; display:block; 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;}


.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 .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:314px; 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:#aaa; 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:#aaa;}
.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;}
.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_top select {max-width:323px; width:100%; height:40px; font-size:15px; font-weight:500; border-radius:6px; background:#fff; border:1px solid #dedede; color:#000; background:url(../images/select_icon.png) calc(100% - 15px) center no-repeat #fff;}
.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 .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;} */

.cplistbody {margin-top:15px;}
.cplistbody .lcbox {position:relative; margin-top:5px; height:500px; background:#fff; border:1px solid #ebebeb; border-radius:0 0 10px 10px;}
.cplistbody .lcbox #ci_list {height:500px;}
.cplistbody .list_title .lt04 {max-width:232px; 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 p {font-size:15px; line-height:18px; font-weight:500;}
.d_top {display:flex; align-items:center;}
.d_top .choice label.art span {font-size:16px; line-height:19px; font-weight:400;}
.d_top .search {width:278px; margin:0 20px 0 30px;}
.d_top button {width:112px; 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:30px; height:30px; border-radius:50%; background:url(../images/mg_icon01.png) center no-repeat; background-size:30px; transition:all .4s;}
/* 즐겨찾기 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;}

/* 등록카드 변경 */
.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;}
.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;}

/* 등록된 환불 계좌 */
.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;}

/* 회원탈퇴 */
.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:20px; left:0; width:calc(100% - 40px); padding:0 20px; display:flex; align-items:center;}
.msw_btnbox button {width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px;}
.msw_btnbox button + button {margin-left:5px;}
.msw_btnbox .close {background:#7d7d7d; color:#fff;}
.msw_btnbox .next {background:#da002a; color:#fff;}

/* 접속 정보 변경 */
.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;}
.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 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;}

.file_upload input[type='file'] {display:block; width:0; height:0; overflow:hidden;}
.oif_contents .cd_title {margin-top:10px; width:100%; justify-content:flex-start;}
.oif_contents .cd_title .file_upload {padding:0; display:flex; align-items:center; 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; font-weight:700; text-align:center; border-radius:4px; background:#7d7d7d; color:#fff; cursor:pointer; transition:all .4s;}
.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; transition:all .4s;}

.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; justify-content:space-between;}
.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 {width:24%;}
.db_cont .dt_04 {width:36%; text-align:center;}
.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_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;}

: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 {/* background-color:var(--fc-today-bg-color, #f5f5f5) !important; */ border:none !important;}
/* .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {border:1px solid #da002a;} */
.fc .fc-daygrid-event-harness {width:100%; height: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 {background:#e8e8e8 !important; color:#cbcbcb !important;}
.fc .fc-button:disabled:hover {border:1px solid #dedede !important; background:#e8e8e8 !important; color:#cbcbcb !important;}

/* hover */
.btnbox button:hover, .ic_body .icbox:hover .ic_text04 span, .db_bottombox .db_btnbox button:hover {background:#dbdbdb;}
.ic_body .icbox:hover .ic_text04 span.btn02 {background:#000;}
.guide:hover {background:#fce5e8;}
.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 {content:""; border:1px solid #da002a;}
.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, .inquiry_btn.bgr:hover {background:#a40020;}
.popup_edge .head button:hover, .popup_edge .btn button:hover, .popup_edge2 .head button:hover, .cd_titlebtn .list_btn:hover, .nm_btn .btn02:hover {opacity:0.7;}
.popup_edge .btn button:disabled:hover, #wd_popup .btn button:hover {opacity:1;}
.inform .pay_top button:hover, .list_option button:hover, .lcbox .list_title .lt09 .lt_b02:hover, .cd_titlebtn .lt_b02:hover, .calendarcontents button:hover {background:#3e3e3e;}
.cd_titlebtn .lt_b03:hover {background:#c1c1c1;}
.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; color:#cbcbcb;}
.agree_edge button:disabled {background:#c2c2c2;}
.popup_edge .btn button:disabled {background:#cbcbcb;}

/* 팝업 */
.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;}

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


/*  */
#addr_pop > .edge {background:#fff;}
.add_box {width:460px; height:369px; padding:20px;}
.add_box .con_box {background:#fff;}
.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);}
.add_box .ex_box {margin-top:11px; height:calc(100% - 61px); 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;}
.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 .detailContents {display:none; margin-top:10px;}
.add_box .detailContents .inputbox {display:flex; align-items:center;}
.add_box .detailContents .inputbox input {width:calc(100% - 100px); height:50px; border-radius:6px;}
.add_box .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_box .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_box .detailContents .delete_box h2 {margin-bottom:15px; font-size:14px; line-height:16px; font-weight:700; color:#da002a;}
.add_box .detailContents .delete_box ul + h2 {margin:35px 0 15px;}
.add_box .detailContents .delete_box .el {display:flex; align-items:center;}
.add_box .detailContents .delete_box .optionbox label + label {margin-top:15px;}

.add_box .detailContents .delete_box .el li + li {margin-left:66px;}
.add_box .detailContents .delete_box .el li {display:flex; align-items:center; cursor:pointer;}
.add_box .detailContents .delete_box .el li label {margin-left:8px; font-size:14px; line-height:16px; cursor:pointer;}
.add_box .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_box .detailContents .delete_box .el li input[type="radio"]:hover {border:1px solid #da002a;}
.add_box .detailContents .delete_box .el li input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

.add_box .detailContents .delete_box .optionbox li + li {margin-top:15px;}
.add_box .detailContents .delete_box .optionbox li {display:flex; align-items:center; cursor:pointer;}
.add_box .detailContents .delete_box .optionbox li label {margin-left:8px; font-size:14px; line-height:16px; cursor:pointer;}
.add_box .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_box .detailContents .delete_box .optionbox li input[type="radio"]:hover {border:1px solid #da002a;}
.add_box .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 {max-width:500px;}
.guidebox {padding:20px; display:flex; align-items:flex-start;}
.guidebox img {width:14px; margin:2px 6px 2px 0;}
.guidebox li {font-size:13px; line-height:18px; font-weight:500;}

.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;}
.cargoinformbox .inform_top li {width:50%; font-size:14px; line-height:18px; font-weight:700;}
.cargoinformbox .inform_top .cargodate {text-align:right;}
.cargoinformbox .inform_top .cargodate span {color:#7d7d7d; margin-right:3px;}
.cargoinformbox hr {margin:10px -20px; border:1px solid #eeeeee;}
.cargoinformbox .dashed {border:1px dashed #eee;}

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

.cargoinformbox .inform_bottom li {width:50%; font-size:14px; line-height:18px; font-weight:500;}
.cargoinformbox .inform_bottom .cargocopy {font-weight:right; display:flex; justify-content:flex-end;}
.cargoinformbox .inform_bottom .cargocopy label {margin-right:10px; font-size:14px; line-height:16px; font-weight:700; color:#e71c3a;}
.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;}
.cargoinformbox .inform_bottom .cargocopy input[type="radio"]:checked {background-color:#da002a; border:3px solid white; box-shadow:0 0 0 1px #da002a;}

/* 신청현황 날짜 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;}
#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;}
.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;}

/* 일시 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 */
.driver_edge {min-height:406px; width:360px; 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;}
.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;}

/* 기사 지정 알림 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%); width:380px; padding:10px; border-radius:5px; background:#fff;}
.img_popup > img {max-width:400px; max-height:400px; 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;}

/* 계좌 입금 정보 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:374px;}
.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 {padding-right:10px; height:48px; border-radius:4px;}
.account_popup .accountbox {margin-top:10px;}
.account_popup .accountbox .account_text {margin-top:8px; padding:15px; display:flex; align-items:center; justify-content:space-between; font-size:16px; line-height:18px; font-weight:700; border-radius:4px; border:1px solid #dedede; background:#fff;}
.account_popup .accountbox .account_text button {padding:0; 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:999999; 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 28px 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; align-items:center; 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 */
#bank_pop .body {width:400px; height:540px; background:#fff;}
.popup_edge .borderline {border-bottom:1px solid #ebebeb;}

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

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

/* 탈퇴 완료 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:1620px) {
	.menu .logo a {width:160px; background-size:100px;}
	.menu .gnb > ul > li {width:160px;}
	.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:1540px) {
	.wrap {width:1540px; overflow-x:auto;}
}

@media all and (max-width:840px) {
	.agree_detail {margin:0 20px;}
}
@media all and (max-width:600px) {
	.agree_contents {margin:0 20px;}
}